@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap");
* {
  margin: 0; }

html {
  background: #eee; }

img {
  border: none; }

body {
  font-weight: 300;
  font-family: "Open Sans Condensed", "HelveticaNeue-CondensedBold", "Arial Narrow";
  opacity: 0;
  margin: 0;
  line-height: 1.3;
  position: relative;
  color: black; }

.main {
  z-index: -1;
  background: #ffffff;
  width: 300px;
  height: 250px;
  overflow: hidden;
  display: block;
  position: absolute; }

sup,
sub {
  font-size: 70%;
  line-height: 0; }

p {
  margin: 0;
  font-size: 10px; }

strong {
  font-weight: bold; }

a {
  color: inherit; }

.container {
  position: relative;
  padding: 0 0.5rem; }

.main-link-container {
  text-decoration: inherit; }

.top {
  position: relative;
  height: 42px; }
  .top .r2-logo {
    width: 90px;
    position: absolute;
    left: 12px;
    top: 4px; }
  .top .revlimid-logo {
    width: 55px;
    position: absolute;
    right: 9px;
    top: 4px; }

.middle {
  position: relative;
  z-index: -1;
  margin-top: 7px;
  height: 113px; }
  .middle .video {
    left: 0.3rem; }
  .middle .right {
    position: absolute;
    right: 5px;
    width: 110px;
    top: 0;
    height: 100%; }
    .middle .right .canon {
      margin-top: 10px;
      margin-bottom: 2px; }
    .middle .right .subtitle {
      font-size: 10px;
      color: #676767;
      font-weight: 700;
      line-height: 1; }
    .middle .right .disclaimer {
      position: absolute;
      width: 80%;
      bottom: 0px; }

.headline {
  display: inline-block; }

.canon {
  color: #03b4d9;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  word-spacing: 1px;
  font-size: 14px;
  line-height: 1;
  margin-top: 0;
  font-weight: 700; }

.bms-logo {
  margin: 0.3rem 0;
  width: 100px; }

.disclaimer_text {
  color: #404040;
  font-size: 6.5px;
  line-height: 1.2; }
  .disclaimer_text strong {
    color: #676767; }

.swoosh {
  z-index: -1;
  position: absolute;
  width: 385px; }

.video {
  width: 171px;
  height: 113px;
  margin-bottom: 0.3rem;
  position: absolute; }
  .video_content {
    position: relative;
    height: 100%;
    width: 100%; }
  .video_title {
    padding: 0.2rem 0.4rem;
    font-size: 8px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700; }
  .video_subtitle {
    line-height: 1.2;
    font-size: 7px;
    width: 85px;
    color: #404040;
    position: absolute;
    bottom: 3px;
    right: 5px;
    text-align: left;
    font-weight: 700; }
  .video_thumbnail {
    width: 159px;
    height: 83px;
    left: 6px;
    top: 15px;
    position: absolute;
    overflow: hidden; }
    .video_thumbnail_icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .video_thumbnail img {
      max-width: 100%; }
  .video .yellow-bar {
    z-index: -1;
    position: absolute;
    width: 120px;
    height: 105px;
    bottom: 0;
    right: 0; }
  .video .blue-bar {
    z-index: -1;
    top: 0;
    position: absolute;
    width: 112px;
    height: 105px; }

.icon-play {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: #ffffff solid 3px;
  position: relative; }
  .icon-play .circle {
    height: 100%;
    width: 100%;
    background: #03b4d9;
    opacity: 0.6; }
  .icon-play .triangle {
    position: absolute;
    top: 7px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 13px solid #ffffff;
    border-bottom: 8px solid transparent; }

.isi {
  position: absolute;
  width: 100%;
  bottom: 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #404040; }
  .isi_title {
    color: #03b4d9;
    font-size: 7px;
    text-transform: uppercase;
    padding: 0.1rem 0.6rem; }
  .isi_content {
    height: 50px;
    display: block;
    overflow-y: scroll;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    line-height: 1.2;
    scrollbar-color: #03b4d9 #d7d7d7;
    scrollbar-width: thin; }
    .isi_content::-webkit-scrollbar {
      width: 5px; }
    .isi_content::-webkit-scrollbar-track {
      background: #d7d7d7; }
    .isi_content::-webkit-scrollbar-thumb {
      background: #03b4d9; }
    .isi_content::-webkit-scrollbar-thumb:hover {
      background: #03b4d9; }
  .isi #isi h2,
  .isi #isi h3,
  .isi #isi p,
  .isi #isi ul {
    font-size: 7px; }
  .isi #isi h2 {
    margin-top: 0.4rem;
    margin-bottom: 0.2rem;
    color: #03b4d9;
    text-transform: uppercase; }
  .isi #isi h3 {
    margin-bottom: 0.05rem; }
  .isi #isi p {
    margin-bottom: 0.3rem; }
  .isi #isi ul {
    list-style: none;
    padding-left: 0.3rem;
    margin-bottom: 0.3rem;
    margin-top: -0.2rem; }
    .isi #isi ul li::before {
      content: "\2022";
      color: #03b4d9;
      font-weight: bold;
      font-size: 9px;
      display: inline-block;
      position: relative;
      top: 0.05rem;
      width: 0.2rem;
      margin-left: -0.3rem; }
  .isi #isi .isi_warning-container {
    color: #000000;
    border: solid 1px #000000;
    padding: 0.3rem;
    margin-bottom: 0.5rem; }
    .isi #isi .isi_warning-container h2 {
      color: #000000;
      margin-bottom: 0.3rem; }
  .isi #isi .isi_footer {
    font-weight: bold; }

.end-matter {
  font-size: 7px;
  margin-bottom: 0.2rem; }

.footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 18px;
  color: #03b4d9;
  text-align: center;
  border-top: 1px solid #676767; }
  .footer h6 {
    font-size: 7px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 900;
    padding: 0.3rem 0; }