@charset "UTF-8";
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes showTooltip {
  0% {
    opacity: 0;
    transform: translate(10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes showTooltipRight {
  0% {
    opacity: 0;
    transform: translate(-10px); }
  100% {
    opacity: 1;
    transform: translate(0); } }

@keyframes showFooterColumn {
  0% {
    opacity: 0;
    max-height: 0; }
  100% {
    opacity: 1;
    max-height: 1000px; } }

/* We use the smile face (local('☺')) to avoid our users to get a locally installed font.
 * http://www.paulirish.com/2010/font-face-gotchas/#smiley
 */
@font-face {
  font-family: 'MTG Sans';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Regular.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Regular.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Regular.ttf") format("truetype"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Light.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Light.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Light.ttf") format("truetype"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Light.svg") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Bold.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Bold.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Bold.ttf") format("truetype"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Black.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Black.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Black.ttf") format("truetype"), url("https://assets.viaplay.tv/fonts/mtg-sans/MTGSans-Black.svg") format("svg");
  font-weight: 800;
  font-style: normal; }

/* Add format('svg') when this is delivered */
@font-face {
  font-family: 'MTG Sans Numerals';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Regular.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Regular.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans Numerals';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Light.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Light.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans Numerals';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Bold.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Bold.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'MTG Sans Numerals';
  src: url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Black.eot");
  src: local("\263A"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Black.woff") format("woff"), url("https://assets.viaplay.tv/fonts/mtg-sans-numerals/MTGSansNumerals-Black.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }

/*
 * ACCEPTED FONT SIZES
 * 10px bold
 * 12px normal/bold
 * 16px normal/bold
 * 20px normal/black
 * 24px normal/bold/black
 * 32px bold/black
 * 40px black
 * 56px black
 * 80px black
 * 88px black
 *
 * caps is always used together with font-weight bold
 *
 * Use this mixin to set font-sizes
 * Ex: @include font-size(16);
 * Ex: @include font-size(40, black);
 *
 */
.viaplay-numerals {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

html {
  font-size: 62.5%;
  font-family: 'MTG Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 0; }

:focus {
  outline: none; }

body {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  margin: 0;
  color: #eeeeee; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

img {
  border: none; }

a {
  color: #eeeeee;
  text-decoration: none; }
  a:hover {
    color: #eeeeee;
    text-decoration: underline; }

button {
  font-family: inherit; }

.tabset .pages > * {
  display: none; }
  .tabset .pages > *.active {
    display: block; }

.table {
  display: table; }
  .table .table-row {
    display: table-row; }
  .table .table-cell {
    display: table-cell; }

.align-right {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  height: 100%; }

details > * {
  display: none; }

details[open] *,
details summary {
  display: block; }

.light {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  font-weight: 300;
  color: #1d1d27; }

.spinner-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px; }

.spinner-container {
  position: relative;
  height: 14px;
  margin: 0 auto;
  transform: scale(0.8);
  flex: 0 0 2px; }
  .spinner-container .spinner-line {
    opacity: 0;
    position: absolute;
    width: 2px;
    height: 14px;
    animation: spinnerFadeOut 700ms infinite;
    border-radius: 2px;
    background: rgba(238, 238, 238, 0.7); }
  .spinner-container.light {
    background-color: transparent; }
    .spinner-container.light .spinner-line {
      background: #eeeeee; }
  .spinner-container .line1 {
    transform: rotate(30deg) translateY(18px);
    animation-delay: 58.33333ms; }
  .spinner-container .line2 {
    transform: rotate(60deg) translateY(18px);
    animation-delay: 116.66667ms; }
  .spinner-container .line3 {
    transform: rotate(90deg) translateY(18px);
    animation-delay: 175ms; }
  .spinner-container .line4 {
    transform: rotate(120deg) translateY(18px);
    animation-delay: 233.33333ms; }
  .spinner-container .line5 {
    transform: rotate(150deg) translateY(18px);
    animation-delay: 291.66667ms; }
  .spinner-container .line6 {
    transform: rotate(180deg) translateY(18px);
    animation-delay: 350ms; }
  .spinner-container .line7 {
    transform: rotate(210deg) translateY(18px);
    animation-delay: 408.33333ms; }
  .spinner-container .line8 {
    transform: rotate(240deg) translateY(18px);
    animation-delay: 466.66667ms; }
  .spinner-container .line9 {
    transform: rotate(270deg) translateY(18px);
    animation-delay: 525ms; }
  .spinner-container .line10 {
    transform: rotate(300deg) translateY(18px);
    animation-delay: 583.33333ms; }
  .spinner-container .line11 {
    transform: rotate(330deg) translateY(18px);
    animation-delay: 641.66667ms; }
  .spinner-container .line12 {
    transform: rotate(360deg) translateY(18px);
    animation-delay: 700ms; }

@keyframes spinnerFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media screen and (max-width: 760px) {
  .spinner-container {
    transform: scale(0.6); } }

/* Content Transition Spinner */
.content-transition-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 100;
  display: flex;
  background: rgba(29, 29, 39, 0.5); }

input[type='text'],
input[type='email'],
input[type='search'],
input[type='password'],
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(238, 238, 238, 0.15);
  border: 0;
  border-radius: 8px;
  box-sizing: border-box;
  color: #eeeeee;
  height: 48px;
  padding: 8px 16px;
  font-family: 'MTG Sans', Helvetica, Arial, sans-serif; }
  input[type='text']::placeholder,
  input[type='email']::placeholder,
  input[type='search']::placeholder,
  input[type='password']::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: rgba(238, 238, 238, 0.7);
    opacity: 1; }
  input[type='text']:focus::placeholder,
  input[type='email']:focus::placeholder,
  input[type='search']:focus::placeholder,
  input[type='password']:focus::placeholder,
  select:focus::placeholder,
  textarea:focus::placeholder {
    color: rgba(238, 238, 238, 0.7); }

select {
  cursor: pointer;
  width: 100%; }

option {
  border-radius: 2px; }

textarea {
  height: auto;
  padding: 10px;
  overflow: auto; }

input[type='checkbox'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(238, 238, 238, 0.15);
  border-radius: 4px;
  cursor: pointer;
  height: 24px;
  margin-bottom: 0;
  vertical-align: bottom;
  width: 24px; }
  input[type='checkbox']:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px; }

textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill {
  -webkit-text-fill-color: #eeeeee;
  box-shadow: 0 0 0 1000px #494850 inset;
  border: 8px solid #494850;
  padding: 8px; }

input::-moz-placeholder,
input:focus::-moz-placeholder {
  color: rgba(238, 238, 238, 0.7); }

input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  color: rgba(238, 238, 238, 0.7); }

@media screen and (max-width: 480px) {
  input[type='text'],
  input[type='email'],
  input[type='search'],
  input[type='password'],
  select {
    height: 40px; } }

.page-header {
  height: 64px; }
  .page-header img {
    padding: 14px 0; }

@media screen and (max-width: 939px) {
  .page-header {
    text-align: center; } }

html footer.block.page-footer {
  display: block; }

.page-footer {
  position: relative;
  flex: 0 0; }
  .page-footer .upper {
    background: #1d1d27;
    padding: 10px 0 45px;
    position: relative; }
    .page-footer .upper .scaffold {
      display: block; }
    .page-footer .upper .logo {
      text-align: center;
      vertical-align: top; }
      .page-footer .upper .logo .logo-viaplay {
        margin-top: 40px;
        display: inline-block;
        padding: 0;
        background-image: url(resources/footer_logo-1813b7691f1f0d7b1f46f4a5aedd82df.png);
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
        width: 80px;
        height: 90px;
        text-indent: -9999px;
        text-decoration: none; }
  .page-footer .lower {
    background: #1d1d27;
    height: 66px;
    position: relative;
    text-align: center; }
    .page-footer .lower .copyright {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(238, 238, 238, 0.7);
      line-height: 66px;
      margin-right: 170px;
      position: relative; }
      .page-footer .lower .copyright:after {
        background-image: url(resources/partofNENT-b8c393042100dd46c7b73a0932821e59.png);
        background-repeat: no-repeat;
        background-size: 130px 25px;
        bottom: -2px;
        content: '';
        display: inline-block;
        height: 25px;
        margin-left: 40px;
        position: absolute;
        width: 130px; }

@media screen and (min-resolution: 2x) {
  .page-footer .upper .logo .logo-viaplay {
    background-image: url(resources/footer_logo_large-701df0cb4fee498501d7ac69a0da086d.png); } }

@media screen and (max-width: 939px) {
  .page-footer .lower {
    min-width: auto;
    padding: 0; }
    .page-footer .lower .copyright {
      line-height: normal;
      padding-top: 16px;
      display: block;
      margin: 0; }
      .page-footer .lower .copyright > span {
        display: block; }
      .page-footer .lower .copyright:after {
        display: none; } }

.overlays {
  margin: 0; }
  .overlays .hidden {
    display: none; }
  .overlays .litebox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 31;
    background: #eeeeee;
    width: 520px;
    margin-top: -250px;
    margin-left: -260px;
    box-sizing: border-box;
    padding: 50px 60px;
    text-align: center;
    border-radius: 4px;
    max-height: 95%;
    overflow: auto; }
    .overlays .litebox h1 {
      font-size: 3.2rem;
      line-height: 4rem;
      font-weight: 900;
      margin-top: 5px;
      margin-bottom: 32px;
      text-align: center; }
    .overlays .litebox h1,
    .overlays .litebox h2 {
      color: #1d1d27; }
    .overlays .litebox p {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: normal;
      color: #1d1d27;
      text-align: center; }
    .overlays .litebox .button {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: bold;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background: #fe365f;
      border-radius: 8px;
      border: none;
      box-sizing: border-box;
      color: #eeeeee;
      cursor: pointer;
      display: inline-block;
      height: 48px;
      line-height: 48px;
      padding: 0 48px;
      position: relative;
      text-decoration: none;
      white-space: nowrap; }
      .overlays .litebox .button:hover {
        color: #eeeeee;
        text-decoration: none; }
      .overlays .litebox .button.green {
        background-color: #15a615;
        border-radius: 32px; }
        .overlays .litebox .button.green:hover {
          background-color: #199919; }
    .overlays .litebox.oauth-allow {
      background: #1d1d27;
      border-radius: 0;
      width: 100% !important;
      height: 100vh;
      margin-top: 0 !important;
      margin-left: 0 !important;
      padding: 50px 0;
      top: 67px !important;
      left: 0;
      max-width: 100%; }
      .overlays .litebox.oauth-allow .oauth-wrapper {
        max-width: 345px;
        margin: 0 auto; }
        .overlays .litebox.oauth-allow .oauth-wrapper p {
          color: #eeeeee; }
          .overlays .litebox.oauth-allow .oauth-wrapper p a,
          .overlays .litebox.oauth-allow .oauth-wrapper p a:hover {
            color: #eeeeee; }
      .overlays .litebox.oauth-allow .button {
        display: block;
        margin: 56px auto 24px auto; }
      .overlays .litebox.oauth-allow h1 {
        color: #eeeeee;
        font-weight: 900;
        margin-top: 15px; }
      .overlays .litebox.oauth-allow ~ .backdrop {
        display: none; }
      .overlays .litebox.oauth-allow .deny {
        color: #eeeeee;
        right: 0;
        line-height: normal;
        margin: 7px 0 12px 0; }
        .overlays .litebox.oauth-allow .deny:hover {
          color: #eeeeee; }
    .overlays .litebox.tvod-sports-purchase {
      background: #2b2b35;
      padding: 56px 80px 80px 80px;
      margin-top: -260px;
      width: 630px; }
      .overlays .litebox.tvod-sports-purchase h2 {
        font-size: 3.2rem;
        line-height: 4rem;
        font-weight: 900;
        color: #eeeeee;
        margin: 0 0 15px 0; }
      .overlays .litebox.tvod-sports-purchase h3 {
        font-weight: 400;
        margin: 0 0 25px 0; }
      .overlays .litebox.tvod-sports-purchase p {
        color: #eeeeee;
        margin: 0 0 25px 0; }
      .overlays .litebox.tvod-sports-purchase ul {
        color: #eeeeee;
        text-align: left;
        border-top: 1px solid rgba(238, 238, 238, 0.15);
        margin: 0 0 25px 0; }
        .overlays .litebox.tvod-sports-purchase ul li {
          border-top: 1px solid rgba(238, 238, 238, 0.15);
          padding: 10px 0;
          list-style: disc inside none; }
      .overlays .litebox.tvod-sports-purchase .bullets {
        border-top: 1px solid rgba(238, 238, 238, 0.15);
        margin-bottom: 30px; }
        .overlays .litebox.tvod-sports-purchase .bullets p {
          border-bottom: 1px solid rgba(238, 238, 238, 0.15);
          padding: 10px 0;
          margin: 0;
          text-align: left;
          font-size: 1.6rem;
          list-style: disc inside none;
          display: list-item; }
      .overlays .litebox.tvod-sports-purchase .button {
        margin-bottom: 24px; }
      .overlays .litebox.tvod-sports-purchase .close {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTcuNzU3MzYgOS4xNzE1N0M3LjM2NjgzIDguNzgxMDUgNy4zNjY4NCA4LjE0Nzg4IDcuNzU3MzYgNy43NTczNkM4LjE0Nzg4IDcuMzY2ODQgOC43ODEwNSA3LjM2Njg0IDkuMTcxNTcgNy43NTczNkwxMiAxMC41ODU4TDE0LjgyODQgNy43NTczNkMxNS4yMTkgNy4zNjY4MyAxNS44NTIxIDcuMzY2ODQgMTYuMjQyNiA3Ljc1NzM2QzE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDguNzgxMDUgMTYuMjQyNiA5LjE3MTU3TDEzLjQxNDIgMTJMMTYuMjQyNiAxNC44Mjg0QzE2LjYzMzIgMTUuMjE5IDE2LjYzMzIgMTUuODUyMSAxNi4yNDI2IDE2LjI0MjZDMTUuODUyMSAxNi42MzMyIDE1LjIxOSAxNi42MzMyIDE0LjgyODQgMTYuMjQyNkwxMiAxMy40MTQyTDkuMTcxNTcgMTYuMjQyNkM4Ljc4MTA1IDE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDcuNzU3MzYgMTYuMjQyNkM3LjM2Njg0IDE1Ljg1MjEgNy4zNjY4NCAxNS4yMTkgNy43NTczNiAxNC44Mjg0TDEwLjU4NTggMTJMNy43NTczNiA5LjE3MTU3WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K) no-repeat;
        height: 24px;
        width: 24px; }
    .overlays .litebox.dynamic {
      width: 570px;
      margin-top: -350px;
      margin-left: -285px;
      overflow: hidden;
      padding: 0; }
      .overlays .litebox.dynamic .close {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPg0KICA8cG9seWdvbiBwb2ludHM9IjEyLjcgMS40IDExLjMgMCA2LjQgNC45IDEuNCAwIDAgMS40IDQuOSA2LjQgMCAxMS4zIDEuNCAxMi43IDYuNCA3LjggMTEuMyAxMi43IDEyLjcgMTEuMyA3LjggNi40ICIgZmlsbD0iIzIxMkUzNCIvPg0KPC9zdmc+) no-repeat;
        background-size: 15px 15px;
        opacity: 0.4;
        width: 15px;
        height: 15px; }
  .overlays .loading {
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 5;
    box-sizing: border-box;
    padding-top: 200px; }
    .overlays .loading .load-spinner {
      background-color: transparent;
      display: flex;
      width: 100%; }
  .overlays .close {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPg0KICA8cG9seWdvbiBwb2ludHM9IjEyLjcgMS40IDExLjMgMCA2LjQgNC45IDEuNCAwIDAgMS40IDQuOSA2LjQgMCAxMS4zIDEuNCAxMi43IDYuNCA3LjggMTEuMyAxMi43IDEyLjcgMTEuMyA3LjggNi40ICIgZmlsbD0iIzIxMkUzNCIvPg0KPC9zdmc+) no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    border: none;
    top: 15px;
    right: 15px;
    position: absolute;
    z-index: 32; }
    .overlays .close:hover {
      opacity: 0.9; }
    .overlays .close:focus {
      opacity: 1; }
  .overlays .backdrop {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(29, 29, 39, 0.5);
    z-index: 30; }
  .overlays .litebox ~ .backdrop {
    display: block; }

.editorial-wrapper .scaffold {
  margin: 0; }

.editorial-wrapper article.content {
  overflow: hidden; }

.editorial-wrapper .button {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #2b2b35;
  border-radius: 8px;
  border: none;
  box-sizing: border-box;
  color: #eeeeee;
  cursor: pointer;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 48px;
  position: relative;
  text-decoration: none;
  white-space: nowrap; }
  .editorial-wrapper .button:hover {
    background-color: #25252f;
    color: #eeeeee;
    text-decoration: none; }

html {
  background-color: #1d1d27; }

html.upgrade-browser {
  background-color: #eeeeee; }
  html.upgrade-browser .editorial-wrapper {
    text-align: center; }
    html.upgrade-browser .editorial-wrapper p {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: normal;
      color: #1d1d27; }
    html.upgrade-browser .editorial-wrapper a {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: normal;
      color: #1d1d27;
      text-decoration: none; }
    html.upgrade-browser .editorial-wrapper h1 {
      font-size: 4rem;
      line-height: 4.8rem;
      font-weight: 900;
      color: #1d1d27; }

#content-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #content-wrapper.iosmode header {
    display: none; }
  #content-wrapper.iosmode #page-footer {
    display: none; }
  #content-wrapper.iosmode .cookie-bar {
    display: none; }

#content {
  flex: 1 0;
  background: #1d1d27; }
  #content section.error {
    color: #1d1d27;
    padding: 60px 0 55px;
    min-height: 500px;
    position: relative;
    background: no-repeat center white; }
    #content section.error.notfound {
      background-image: url(resources/404-cc7c50ecabb7df9ea1eb1e2edf9c87d1.png); }
    #content section.error.server {
      background-image: url(resources/500-45085666fe426303c130a18275afcecf.png); }
    #content section.error.timeout {
      background-image: url(resources/503-88d0a0f63f4fd4be3a52dc86936c03ad.png); }
    #content section.error h1 {
      margin: 0 0 20px 0;
      display: inline-block;
      font-size: 2.5rem; }
    #content section.error p {
      line-height: 2.5rem;
      margin: 5px 0; }
    #content section.error a {
      text-decoration: underline;
      color: #1d1d27; }

.scaffold {
  margin: 0 80px;
  position: relative; }

#content-wrapper > .empty * {
  visibility: hidden; }

.transition-bg {
  background-color: #eeeeee; }

.transition {
  height: 100%;
  width: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0; }
  .transition .backdrop {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
  .transition.login .backdrop {
    background-color: rgba(29, 29, 39, 0.7); }
  .transition.login .spin-wrapper {
    text-align: center;
    position: fixed;
    top: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .transition.login .spin-wrapper .load-spinner {
      display: flex;
      align-items: center;
      justify-content: center; }
      .transition.login .spin-wrapper .load-spinner.light .spinner-container.dark .spinner-line {
        background: #eeeeee; }
  .transition.login .message {
    font-weight: bold;
    color: #eeeeee;
    margin-top: 8px;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0; }

.unmounted .front-image {
  animation: none !important; }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .scaffold {
    margin: 0 56px; } }

@media screen and (max-width: 760px) {
  .scaffold {
    margin: 0 16px;
    min-width: 288px; } }

@media screen and (max-width: 939px) {
  #content section.error.notfound,
  #content section.error.timeout {
    background-size: 90% auto; } }

@media screen and (max-width: 500px) {
  .overlays .litebox {
    top: 0 !important;
    left: 0;
    width: 90% !important;
    margin-top: 5% !important;
    margin-left: 5% !important;
    padding: 20px;
    max-height: 95%;
    overflow: scroll; }
    .overlays .litebox input[type='text'],
    .overlays .litebox input[type='email'],
    .overlays .litebox input[type='search'],
    .overlays .litebox input[type='password'],
    .overlays .litebox textarea,
    .overlays .litebox select {
      max-width: 100%; }
    .overlays .litebox:not(.dynamic) footer {
      margin: 20px -80px -50px -80px !important;
      padding: 20px !important; }
    .overlays .litebox h1 {
      margin-top: 15px; } }

@media screen and (max-width: 627px) {
  .overlays .loading {
    padding-top: 100px; }
  .content .box-left,
  .content .box-right {
    width: auto;
    max-width: 300px; }
  .notifybar {
    min-width: 280px; }
    .notifybar .notifybar-content {
      width: 100%; }
    .notifybar .notifybar-display {
      padding: 0; }
  .scaffold > header,
  .scaffold > .viewport {
    box-sizing: border-box;
    width: 100%; }
  .overlays .welcome-overlay .container {
    width: 100% !important; }
  .overlays .litebox {
    padding: 20px 30px 50px 30px !important;
    width: 90%;
    margin-top: 5%;
    margin-left: 5%;
    overflow: auto;
    top: 0;
    left: 0;
    max-width: 95%; }
    .overlays .litebox.dynamic {
      padding: 0 !important;
      width: 90%;
      margin-top: 5%;
      margin-left: 5%;
      overflow: auto;
      padding: 0;
      top: 0;
      left: 0; } }

@media screen and (max-height: 320px) and (min-width: 500px) {
  html {
    min-width: 500px; } }

@media screen and (max-height: 500px) {
  html .overlays .litebox {
    margin-top: 5%;
    top: 0; } }

@media screen and (min-width: 1695px) {
  .scaffold {
    margin: 0 3.8vw; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .scaffold {
    margin: 0 4.9vw; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .scaffold {
    margin: 0 3vw; } }

@media screen and (min-width: 481px) and (max-width: 760px) and (min-resolution: 2x) {
  .scaffold {
    margin: 0 3.5vw; } }

@media screen and (max-width: 480px) {
  .scaffold {
    margin: 0 3vw;
    min-width: 300px; } }

@media screen and (max-width: 480px) and (min-resolution: 2x) {
  .scaffold {
    margin: 0 3.5vw; } }

#hellobar-wrapper ~ #content-wrapper .dockable {
  margin-top: 30px; }

#hellobar-wrapper {
  z-index: 29 !important; }

.notifybar {
  overflow: hidden;
  transition: 0.5 ease top; }
  .notifybar .notifybar-display {
    min-height: 0;
    position: relative;
    margin: 0;
    padding: 0 15px;
    margin-top: -100%;
    transition: 0.5s ease margin;
    color: #1d1d27; }
    .notifybar .notifybar-display p {
      color: #1d1d27; }
    .notifybar .notifybar-display a,
    .notifybar .notifybar-display a:hover {
      color: #1d1d27; }
    .notifybar .notifybar-display.notifybar-display-type-warning {
      background: #ffeaa2; }
    .notifybar .notifybar-display.notifybar-display-type-success {
      background: #e0f5e0; }
      .notifybar .notifybar-display.notifybar-display-type-success .notification-close {
        display: none; }
    .notifybar .notifybar-display.notifybar-display-type-info, .notifybar .notifybar-display.notifybar-display-type-technical-error {
      background: #c6e8fc; }
    .notifybar .notifybar-display.is-active {
      margin-top: 0;
      overflow: inherit; }
    .notifybar .notifybar-display.is-closed {
      transition: 0.5s ease-in margin-top;
      margin-top: -100%; }
    .notifybar .notifybar-display article {
      display: none; }
      .notifybar .notifybar-display article:first-of-type {
        display: block; }
    .notifybar .notifybar-display.paged article:first-of-type {
      display: none; }
    .notifybar .notifybar-display.paged.page-2 article:nth-of-type(2) {
      display: block; }
    .notifybar .notifybar-display.paged.page-3 article:nth-of-type(3) {
      display: block; }
    .notifybar .notifybar-display.paged.page-4 article:nth-of-type(4) {
      display: block; }
    .notifybar .notifybar-display.paged.page-5 article:nth-of-type(5) {
      display: block; }
    .notifybar .notifybar-display.paged.page-6 article:nth-of-type(6) {
      display: block; }
    .notifybar .notifybar-display.paged.page-7 article:nth-of-type(7) {
      display: block; }
    .notifybar .notifybar-display.paged.page-8 article:nth-of-type(8) {
      display: block; }
    .notifybar .notifybar-display.paged.page-9 article:nth-of-type(9) {
      display: block; }
    .notifybar .notifybar-display.paged.page-10 article:nth-of-type(10) {
      display: block; }
    .notifybar .notifybar-display.paged.page-11 article:nth-of-type(11) {
      display: block; }
    .notifybar .notifybar-display.paged.page-12 article:nth-of-type(12) {
      display: block; }
    .notifybar .notifybar-display.paged.page-13 article:nth-of-type(13) {
      display: block; }
    .notifybar .notifybar-display.paged.page-14 article:nth-of-type(14) {
      display: block; }
    .notifybar .notifybar-display.paged.page-15 article:nth-of-type(15) {
      display: block; }
  .notifybar .notification-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPg0KICA8cG9seWdvbiBwb2ludHM9IjEyLjcgMS40IDExLjMgMCA2LjQgNC45IDEuNCAwIDAgMS40IDQuOSA2LjQgMCAxMS4zIDEuNCAxMi43IDYuNCA3LjggMTEuMyAxMi43IDEyLjcgMTEuMyA3LjggNi40ICIgZmlsbD0iIzIxMkUzNCIvPg0KPC9zdmc+) no-repeat;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    transform: scale(1.18227);
    cursor: pointer;
    position: absolute;
    top: 19px;
    left: 10px; }
  .notifybar .notifybar-user {
    font-weight: bold; }
  .notifybar .notifybar-content {
    position: relative; }
  .notifybar .notifybar-text {
    margin-right: 100px;
    margin-left: 45px;
    margin-top: 14px;
    margin-bottom: 14px;
    display: inline-block; }
  .notifybar .pager {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 14px;
    width: 80px; }
    .notifybar .pager .count {
      width: 50px;
      display: inline-block;
      text-align: center; }
    .notifybar .pager .notification-pager-link {
      cursor: pointer; }
    .notifybar .pager .pager-left,
    .notifybar .pager .pager-right {
      position: absolute;
      height: 8px;
      top: 6px;
      width: 8px; }
      .notifybar .pager .pager-left:after,
      .notifybar .pager .pager-right:after {
        content: '';
        border-color: #1d1d27;
        border-style: solid;
        border-width: 0 2px 2px 0;
        height: 8px;
        position: absolute;
        width: 8px; }
    .notifybar .pager .pager-left {
      right: 59px; }
      .notifybar .pager .pager-left:after {
        transform: rotate(135deg); }
    .notifybar .pager .pager-right {
      right: 0; }
      .notifybar .pager .pager-right:after {
        transform: rotate(-45deg); }
  @media screen and (max-width: 939px) {
    .notifybar .notifybar-text {
      margin-right: 50px; }
    .notifybar .scaffold {
      width: auto; } }

.dockable {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  transform: translateZ(0); }
.vask-container {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif;
  height: 100%;
  min-height: 270px;
  min-width: 360px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  border: 0;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }
  .vask-container .ui-row {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 0 25px 0 5px;
    flex-wrap: wrap; }
  .vask-container .ui-cell {
    flex: 0 0 auto;
    line-height: normal; }
  .vask-container .top-ui {
    left: 28px;
    position: absolute;
    top: 28px;
    z-index: 5; }
  .vask-container .bottom-ui {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 5; }
  .vask-container .padding {
    min-width: 40px;
    width: 40px; }

.vask-container .subtitle-cue {
  bottom: 5%;
  color: #f9fafb;
  font-family: 'MTG Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-shadow: 0 1px 4px rgba(15, 22, 26, 0.7);
  font-size: calc((4vw + 2vh + 2vmin) / 2.5);
  line-height: normal;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  text-align: center;
  transition: margin-bottom 150ms, opacity 100ms;
  width: 100%;
  z-index: 2; }
  .vask-container .subtitle-cue.raise {
    margin-bottom: 80px; }
  .vask-container .subtitle-cue p {
    background: rgba(15, 22, 26, 0.5);
    border-radius: 4px;
    display: inline-block;
    padding: 8px 12px; }

.vask-container .playback-controls {
  margin-bottom: 5px; }
  @media (min-width: 992px) {
    .vask-container .playback-controls {
      margin-bottom: 10px; } }
  @media (min-width: 1200px) {
    .vask-container .playback-controls {
      margin-bottom: 14px; } }
  @media (min-width: 1440px) {
    .vask-container .playback-controls {
      margin-bottom: 20px; } }
  .vask-container .playback-controls .ui-cell {
    margin-left: 14px; }
    @media (min-width: 992px) {
      .vask-container .playback-controls .ui-cell {
        margin-left: 18px; } }
    @media (min-width: 1200px) {
      .vask-container .playback-controls .ui-cell {
        margin-left: 22px; } }
    @media (min-width: 1440px) {
      .vask-container .playback-controls .ui-cell {
        margin-left: 26px; } }
    .vask-container .playback-controls .ui-cell.ui-cell-cc {
      margin-left: 0 !important; }
  .vask-container .playback-controls .ui-playback-controls-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px 0; }
    @media (min-width: 1440px) {
      .vask-container .playback-controls .ui-playback-controls-row:last-child {
        padding: 8px 0; } }
    @media (min-width: 2160px) {
      .vask-container .playback-controls .ui-playback-controls-row:last-child {
        padding: 16px 0; } }
  .vask-container .playback-controls .ui-left-controls-right, .vask-container .playback-controls .ui-left-controls-left {
    display: flex;
    align-items: center;
    flex-grow: 1; }
  .vask-container .playback-controls .ui-left-controls-left {
    justify-content: flex-start; }
    @media (min-width: 992px) {
      .vask-container .playback-controls .ui-left-controls-left .ui-cell {
        margin-left: 10px; } }
    @media (min-width: 1200px) {
      .vask-container .playback-controls .ui-left-controls-left .ui-cell {
        margin-left: 12px; } }
    @media (min-width: 1440px) {
      .vask-container .playback-controls .ui-left-controls-left .ui-cell {
        margin-left: 14px; } }
    .vask-container .playback-controls .ui-left-controls-left .ui-cell:first-child {
      margin-left: 10px; }
      @media (min-width: 992px) {
        .vask-container .playback-controls .ui-left-controls-left .ui-cell:first-child {
          margin-left: 14px; } }
      @media (min-width: 1200px) {
        .vask-container .playback-controls .ui-left-controls-left .ui-cell:first-child {
          margin-left: 18px; } }
      @media (min-width: 1440px) {
        .vask-container .playback-controls .ui-left-controls-left .ui-cell:first-child {
          margin-left: 24px; } }
  .vask-container .playback-controls .ui-left-controls-right {
    justify-content: flex-end; }
    @media (min-width: 992px) {
      .vask-container .playback-controls .ui-left-controls-right .ui-cell {
        margin-left: 10px; } }
    @media (min-width: 1200px) {
      .vask-container .playback-controls .ui-left-controls-right .ui-cell {
        margin-left: 12px; } }
    @media (min-width: 1440px) {
      .vask-container .playback-controls .ui-left-controls-right .ui-cell {
        margin-left: 14px; } }

.vask-container .inner, .vask-container .subtitle-tracks, .vask-container .audio-tracks {
  border-radius: 4px;
  text-align: center; }
  .vask-container .inner h3, .vask-container .subtitle-tracks h3, .vask-container .audio-tracks h3 {
    color: #f9fafb;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 16px 0;
    margin: 0; }
    @media (min-width: 992px) {
      .vask-container .inner h3, .vask-container .subtitle-tracks h3, .vask-container .audio-tracks h3 {
        font-size: 13px;
        padding: 0 0 18px 0; } }
    @media (min-width: 1200px) {
      .vask-container .inner h3, .vask-container .subtitle-tracks h3, .vask-container .audio-tracks h3 {
        font-size: 15px;
        padding: 0 0 20px 0; } }
    @media (min-width: 1440px) {
      .vask-container .inner h3, .vask-container .subtitle-tracks h3, .vask-container .audio-tracks h3 {
        font-size: 17px;
        padding: 0 0 22px 0; } }
  .vask-container .inner ul, .vask-container .subtitle-tracks ul, .vask-container .audio-tracks ul {
    padding: 0; }
    .vask-container .inner ul li, .vask-container .subtitle-tracks ul li, .vask-container .audio-tracks ul li {
      border-color: rgba(249, 250, 251, 0);
      border-radius: 50px;
      border-style: solid;
      border-width: 2px;
      color: #f9fafb;
      cursor: pointer;
      display: block;
      font-size: 10px;
      margin-bottom: 6px;
      padding: 4px 20px;
      text-align: center;
      transition: border-color 100ms; }
      .vask-container .inner ul li:last-child, .vask-container .subtitle-tracks ul li:last-child, .vask-container .audio-tracks ul li:last-child {
        margin-bottom: 0; }
      @media (min-width: 992px) {
        .vask-container .inner ul li, .vask-container .subtitle-tracks ul li, .vask-container .audio-tracks ul li {
          font-size: 12px;
          padding: 2px 18px;
          margin-bottom: 8px; } }
      @media (min-width: 1200px) {
        .vask-container .inner ul li, .vask-container .subtitle-tracks ul li, .vask-container .audio-tracks ul li {
          font-size: 14px;
          padding: 3px 20px;
          margin-bottom: 10px; } }
      @media (min-width: 1440px) {
        .vask-container .inner ul li, .vask-container .subtitle-tracks ul li, .vask-container .audio-tracks ul li {
          font-size: 16px;
          padding: 4px 22px; } }
      .vask-container .inner ul li:hover, .vask-container .subtitle-tracks ul li:hover, .vask-container .audio-tracks ul li:hover {
        border-color: #f9fafb; }
      .vask-container .inner ul li.active, .vask-container .subtitle-tracks ul li.active, .vask-container .audio-tracks ul li.active {
        background: #f9fafb;
        border: 2px solid #f9fafb;
        color: #0f161a; }
      .vask-container .inner ul li.enabled, .vask-container .subtitle-tracks ul li.enabled, .vask-container .audio-tracks ul li.enabled {
        background: #f9fafb;
        border: 2px solid #f9fafb;
        color: #0f161a; }

.vask-container .timeline {
  flex-grow: 1; }
  .vask-container .timeline .timeline-mask {
    height: 2px;
    padding: 16px 0; }
    @media (min-width: 992px) {
      .vask-container .timeline .timeline-mask {
        height: 4px; } }
    @media (min-width: 1200px) {
      .vask-container .timeline .timeline-mask {
        height: 6px; } }
    @media (min-width: 1440px) {
      .vask-container .timeline .timeline-mask {
        height: 8px; } }

.vask-container .scene.receiver .timeline .handle {
  display: none; }

.vask-container .audio-slider {
  background-color: rgba(15, 22, 26, 0.7);
  border-radius: 4px;
  bottom: 9vw;
  height: 6vw;
  padding: 13px;
  position: absolute;
  width: 0.2vw;
  transform: translateX(-50%);
  left: 50%; }
  .vask-container .audio-slider:before {
    background: none;
    content: ' ';
    position: absolute;
    height: 9vw;
    width: 3vw;
    top: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    @media (min-width: 992px) {
      .vask-container .audio-slider:before {
        width: 2.5vw; } }
    @media (min-width: 1200px) {
      .vask-container .audio-slider:before {
        width: 2vw; } }
  @media (min-width: 992px) {
    .vask-container .audio-slider {
      bottom: 8vw;
      padding: 14px; } }
  @media (min-width: 1200px) {
    .vask-container .audio-slider {
      padding: 18px; } }
  @media (min-width: 1440px) {
    .vask-container .audio-slider {
      bottom: 5vw;
      padding: 24px; } }
  @media (min-width: 2160px) {
    .vask-container .audio-slider {
      bottom: 3vw; } }
  @media (min-width: 992px) {
    .vask-container .audio-slider:before {
      transform: translateX(-45%); } }

.vask-container .language-container {
  background-color: rgba(15, 22, 26, 0.7);
  border-radius: 4px;
  padding: 15px;
  bottom: 9vw;
  display: flex;
  flex-direction: row;
  position: absolute;
  transform: translateX(-50%);
  left: 50%; }
  .vask-container .language-container:before {
    background: none;
    content: ' ';
    position: absolute;
    height: 9vw;
    width: 3vw;
    top: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    @media (min-width: 992px) {
      .vask-container .language-container:before {
        width: 2.5vw; } }
    @media (min-width: 1200px) {
      .vask-container .language-container:before {
        width: 2vw; } }
  @media (min-width: 992px) {
    .vask-container .language-container {
      bottom: 8vw;
      padding: 17px; } }
  @media (min-width: 1200px) {
    .vask-container .language-container {
      padding: 20px; } }
  @media (min-width: 1440px) {
    .vask-container .language-container {
      bottom: 5vw; } }
  @media (min-width: 2160px) {
    .vask-container .language-container {
      bottom: 3vw; } }
  .vask-container .language-container.two-track-pickers {
    transform: translateX(-64%); }
    .vask-container .language-container.two-track-pickers:before {
      left: 64%; }

.vask-container .divider {
  border-left: 1px solid;
  margin: 5px 20px;
  width: 1px; }

.vask-container .subtitle-tracks:only-child, .vask-container .audio-tracks:only-child {
  left: -30px; }

.vask-container .subtitle-tracks + .audio-tracks {
  left: -70px; }

.vask-container .subtitle-tracks .subtitle-languages, .vask-container .subtitle-tracks .audio-track, .vask-container .audio-tracks .subtitle-languages, .vask-container .audio-tracks .audio-track {
  border-radius: 4px;
  text-align: center; }

.vask-container .quality-levels {
  background-color: rgba(15, 22, 26, 0.7);
  padding: 15px;
  bottom: 9vw;
  position: absolute;
  border-radius: 4px;
  transform: translateX(-50%);
  left: 30%; }
  .vask-container .quality-levels:before {
    background: none;
    content: ' ';
    position: absolute;
    height: 9vw;
    width: 3vw;
    top: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; }
    @media (min-width: 992px) {
      .vask-container .quality-levels:before {
        width: 2.5vw; } }
    @media (min-width: 1200px) {
      .vask-container .quality-levels:before {
        width: 2vw; } }
  @media (min-width: 992px) {
    .vask-container .quality-levels {
      bottom: 8vw;
      padding: 17px;
      left: -10%; } }
  @media (min-width: 1200px) {
    .vask-container .quality-levels {
      padding: 20px;
      left: -50%; } }
  @media (min-width: 1440px) {
    .vask-container .quality-levels {
      bottom: 5vw; } }
  @media (min-width: 2160px) {
    .vask-container .quality-levels {
      bottom: 3vw; } }
  .vask-container .quality-levels:before {
    left: 54%; }
    @media (min-width: 992px) {
      .vask-container .quality-levels:before {
        left: 60%; } }
    @media (min-width: 1200px) {
      .vask-container .quality-levels:before {
        left: 66%; } }

google-cast-launcher {
  display: flex;
  margin-left: 14px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  --connected-color: rgba(255, 255, 255, 0.7);
  --disconnected-color: rgba(255, 255, 255, 0.7); }
  @media (min-width: 992px) {
    google-cast-launcher {
      height: 22px;
      width: 22px;
      margin-left: 10px; } }
  @media (min-width: 1200px) {
    google-cast-launcher {
      height: 24px;
      width: 24px;
      margin-left: 12px; } }
  @media (min-width: 1440px) {
    google-cast-launcher {
      height: 26px;
      width: 26px;
      margin-left: 14px; } }

google-cast-launcher:hover {
  --connected-color: #fff;
  --disconnected-color: #fff; }

.vask-container .control-btn {
  position: relative;
  z-index: 3; }
  .vask-container .control-btn.disabled {
    cursor: default;
    opacity: 0.25; }
    .vask-container .control-btn.disabled:hover {
      opacity: 0.25; }
  .vask-container .control-btn button {
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    cursor: pointer;
    height: 22px;
    width: 22px;
    margin: 5px;
    outline: 0;
    padding: 0;
    position: relative;
    transition: opacity 200ms; }
    @media (min-width: 992px) {
      .vask-container .control-btn button {
        height: 24px;
        width: 24px; } }
    @media (min-width: 1200px) {
      .vask-container .control-btn button {
        height: 26px;
        width: 26px; } }
    @media (min-width: 1440px) {
      .vask-container .control-btn button {
        height: 26px;
        width: 26px; } }
    .vask-container .control-btn button.browser-back {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDIxLjMzM0gxMy4wNzdsNy4wODcgNy4wODgtMS44ODUgMS44ODZMOC4wMDMgMjAuMDMgMTguMjc5IDkuNzU1bDEuODg1IDEuODg1LTcuMDI3IDcuMDI3SDMydjIuNjY2ek0yMCAwQzguOTU1IDAgMCA4Ljk1NSAwIDIwczguOTU1IDIwIDIwIDIwIDIwLTguOTU1IDIwLTIwUzMxLjA0NSAwIDIwIDB6IiBvcGFjaXR5PSIuNyIvPgo8L3N2Zz4K) center left no-repeat;
      background-size: contain;
      height: 34px;
      width: 34px; }
      @media (min-width: 992px) {
        .vask-container .control-btn button.browser-back {
          height: 38px;
          width: 38px; } }
      @media (min-width: 1200px) {
        .vask-container .control-btn button.browser-back {
          height: 40px;
          width: 40px; } }
      @media (min-width: 1440px) {
        .vask-container .control-btn button.browser-back {
          height: 42px;
          width: 42px; } }
      .vask-container .control-btn button.browser-back:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDIxLjMzM0gxMy4wNzdsNy4wODcgNy4wODgtMS44ODUgMS44ODZMOC4wMDMgMjAuMDMgMTguMjc5IDkuNzU1bDEuODg1IDEuODg1LTcuMDI3IDcuMDI3SDMydjIuNjY2ek0yMCAwQzguOTU1IDAgMCA4Ljk1NSAwIDIwczguOTU1IDIwIDIwIDIwIDIwLTguOTU1IDIwLTIwUzMxLjA0NSAwIDIwIDB6Ii8+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.play, .vask-container .control-btn button.pause, .vask-container .control-btn button.goto-live {
      align-self: flex-start;
      height: 30px;
      width: 30px; }
      @media (min-width: 992px) {
        .vask-container .control-btn button.play, .vask-container .control-btn button.pause, .vask-container .control-btn button.goto-live {
          height: 32px;
          width: 32px; } }
      @media (min-width: 1200px) {
        .vask-container .control-btn button.play, .vask-container .control-btn button.pause, .vask-container .control-btn button.goto-live {
          height: 36px;
          width: 36px; } }
      @media (min-width: 1440px) {
        .vask-container .control-btn button.play, .vask-container .control-btn button.pause, .vask-container .control-btn button.goto-live {
          height: 40px;
          width: 40px; } }
    .vask-container .control-btn button.play {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAzOGMtOS45IDAtMTgtOC4xLTE4LTE4UzEwLjEgMiAyMCAyczE4IDguMSAxOCAxOC04LjEgMTgtMTggMThtMC0zOEM5IDAgMCA5IDAgMjBzOSAyMCAyMCAyMCAyMC05IDIwLTIwUzMxIDAgMjAgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNy45IDEwTDE1IDEyLjlsNy4yIDcuMS03LjIgNy4xIDIuOSAyLjlMMjggMjB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.play:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIwIDBDOC45NiAwIDAgOC45NiAwIDIwczguOTYgMjAgMjAgMjAgMjAtOC45NiAyMC0yMFMzMS4wNCAwIDIwIDB6bTggMjBMMTcuODkzIDMwbC0yLjg4LTIuODUzTDIyLjI0IDIwbC03LjIyNy03LjE0N0wxNy44OTMgMTAgMjggMjB6Ii8+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.play.disabled:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAzOGMtOS45IDAtMTgtOC4xLTE4LTE4UzEwLjEgMiAyMCAyczE4IDguMSAxOCAxOC04LjEgMTgtMTggMThtMC0zOEM5IDAgMCA5IDAgMjBzOSAyMCAyMCAyMCAyMC05IDIwLTIwUzMxIDAgMjAgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNy45IDEwTDE1IDEyLjlsNy4yIDcuMS03LjIgNy4xIDIuOSAyLjlMMjggMjB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.pause {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAzOGMtOS45IDAtMTgtOC4xLTE4LTE4UzEwLjEgMiAyMCAyczE4IDguMSAxOCAxOC04LjEgMTgtMTggMThtMC0zOEM5IDAgMCA5IDAgMjBzOSAyMCAyMCAyMCAyMC05IDIwLTIwUzMxIDAgMjAgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNCAyOWg0VjExaC00ek0yMiAyOWg0VjExaC00eiIvPgogICAgPC9nPgo8L3N2Zz4K); }
      .vask-container .control-btn button.pause:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIwIDBjMTEuMDQ2IDAgMjAgOC45NTQgMjAgMjBzLTguOTU0IDIwLTIwIDIwUzAgMzEuMDQ2IDAgMjAgOC45NTQgMCAyMCAwem01LjgzMyAxMC44MzNoLTQuMTY2djE4LjMzNGg0LjE2NlYxMC44MzN6bS03LjUgMGgtNC4xNjZ2MTguMzM0aDQuMTY2VjEwLjgzM3oiLz4KPC9zdmc+Cg==); }
      .vask-container .control-btn button.pause.disabled:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAzOGMtOS45IDAtMTgtOC4xLTE4LTE4UzEwLjEgMiAyMCAyczE4IDguMSAxOCAxOC04LjEgMTgtMTggMThtMC0zOEM5IDAgMCA5IDAgMjBzOSAyMCAyMCAyMCAyMC05IDIwLTIwUzMxIDAgMjAgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNCAyOWg0VjExaC00ek0yMiAyOWg0VjExaC00eiIvPgogICAgPC9nPgo8L3N2Zz4K); }
    .vask-container .control-btn button.start-over {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgZmlsbD0iI0ZGRkZGRiI+DQoJPHBhdGggZD0iTTIwLDBDOSwwLDAsOSwwLDIwczksMjAsMjAsMjBjMTEsMCwyMC05LDIwLTIwUzMxLDAsMjAsMHogTTIwLDM4Yy05LjksMC0xOC04LjEtMTgtMThTMTAuMSwyLDIwLDJzMTgsOC4xLDE4LDE4DQoJCVMyOS45LDM4LDIwLDM4eiIvPg0KCTxwb2x5Z29uIHBvaW50cz0iMTcsMTEgMTUsMTEgMTUsMjkgMTcsMjkgMTcsMjAuOCAyNywyOSAyNywxMSAxNywxOS4yIAkiLz4NCjwvZz4NCjwvc3ZnPg0K); }
    .vask-container .control-btn button.goto-live {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAwQzkgMCAwIDkgMCAyMHM5IDIwIDIwIDIwIDIwLTkgMjAtMjBTMzEgMCAyMCAwem0wIDM4Yy05LjkgMC0xOC04LjEtMTgtMThTMTAuMSAyIDIwIDJzMTggOC4xIDE4IDE4LTguMSAxOC0xOCAxOHoiLz4KICAgICAgICA8cGF0aCBkPSJNMjQgMTkuMkwxNCAxMXYxOGwxMC04LjJWMjloMlYxMWgtMnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
      .vask-container .control-btn button.goto-live:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTIwIDBDOSAwIDAgOSAwIDIwczkgMjAgMjAgMjAgMjAtOSAyMC0yMFMzMSAwIDIwIDB6bTAgMzhjLTkuOSAwLTE4LTguMS0xOC0xOFMxMC4xIDIgMjAgMnMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4eiIvPgogICAgICAgIDxwYXRoIGQ9Ik0yNCAxOS4yTDE0IDExdjE4bDEwLTguMlYyOWgyVjExaC0yeiIvPgogICAgPC9nPgo8L3N2Zz4K); }
    .vask-container .control-btn button.fullscreen {
      align-self: flex-end;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDE4Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0wIDB2NS4yOTRoMS42di0zLjUzaDMuMlYwSDBNMTguMjQgMHYxLjc2NWgzLjJ2My41M2gxLjZWMGgtNC44TTIxLjQ0IDE2LjIzNWgtMy4yVjE4aDQuOHYtNS4yOTRoLTEuNnYzLjUzTTEuNiAxMi43MDZIMFYxOGg0Ljh2LTEuNzY1SDEuNnYtMy41MyIvPgogICAgPC9nPgo8L3N2Zz4K); }
      .vask-container .control-btn button.fullscreen:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDE4Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMHY1LjI5NGgxLjZ2LTMuNTNoMy4yVjBIME0xOC4yNCAwdjEuNzY1aDMuMnYzLjUzaDEuNlYwaC00LjhNMjEuNDQgMTYuMjM1aC0zLjJWMThoNC44di01LjI5NGgtMS42djMuNTNNMS42IDEyLjcwNkgwVjE4aDQuOHYtMS43NjVIMS42di0zLjUzIi8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.no-fullscreen {
      align-self: flex-end;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDE4Ij4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik01LjE0MyA1LjE0M1YwSDMuNDI5djMuNDI5SDB2MS43MTR6TTIwLjU3MSAzLjQyOVYwaC0xLjcxNHY1LjE0M0gyNFYzLjQyOXpNMTguODU3IDEydjUuMTQzaDEuNzE0di0zLjQyOUgyNFYxMnpNMCAxMy43MTRoMy40Mjl2My40MjloMS43MTRWMTJIMHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
      .vask-container .control-btn button.no-fullscreen:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI0IDE4Ij4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTUuMTQzIDUuMTQzVjBIMy40Mjl2My40MjlIMHYxLjcxNHpNMjAuNTcxIDMuNDI5VjBoLTEuNzE0djUuMTQzSDI0VjMuNDI5ek0xOC44NTcgMTJ2NS4xNDNoMS43MTR2LTMuNDI5SDI0VjEyek0wIDEzLjcxNGgzLjQyOXYzLjQyOWgxLjcxNFYxMkgweiIvPgogICAgPC9nPgo8L3N2Zz4K); }
    .vask-container .control-btn button.contextual {
      align-self: flex-end;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDM0IDIwIj4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik02IDJoMjJ2MTBoMlYwSDR2MTJoMnpNMCAyMGgxMHYtNkgwdjZ6bTItNGg2djJIMnYtMnpNMTIgMjBoMTB2LTZIMTJ2NnptMi00aDZ2MmgtNnYtMnpNMjQgMTR2NmgxMHYtNkgyNHptOCA0aC02di0yaDZ2MnoiLz4KICAgICAgICA8cGF0aCBkPSJNMTUgNS40djUuMmMwIC4zLjMuNS42LjNsNC4yLTIuNmMuMy0uMi4zLS41IDAtLjdMMTUuNiA1Yy0uMy0uMS0uNi4xLS42LjR6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
      width: 26px; }
      @media (min-width: 992px) {
        .vask-container .control-btn button.contextual {
          width: 28px; } }
      @media (min-width: 1200px) {
        .vask-container .control-btn button.contextual {
          width: 32px; } }
      @media (min-width: 1440px) {
        .vask-container .control-btn button.contextual {
          width: 36px; } }
      .vask-container .control-btn button.contextual:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDM0IDIwIj4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTYgMmgyMnYxMGgyVjBINHYxMmgyek0wIDIwaDEwdi02SDB2NnptMi00aDZ2Mkgydi0yek0xMiAyMGgxMHYtNkgxMnY2em0yLTRoNnYyaC02di0yek0yNCAxNHY2aDEwdi02SDI0em04IDRoLTZ2LTJoNnYyeiIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNSA1LjR2NS4yYzAgLjMuMy41LjYuM2w0LjItMi42Yy4zLS4yLjMtLjUgMC0uN0wxNS42IDVjLS4zLS4xLS42LjEtLjYuNHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.audio-control {
      align-self: flex-end;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDI0IDE3Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0wIDguNWEzLjE3IDMuMTcgMCAwIDAgMS40MjYgMi42NDNMMTAuMjg2IDE3SDEyVjBoLTEuNzE0bC04Ljg2IDUuODU3QTMuMTcgMy4xNyAwIDAgMCAwIDguNXptMTAuMjg2IDYuNTgyTDIuMzc4IDkuODFhMS40ODUgMS40ODUgMCAwIDEtLjY2NC0xLjIzOWMwLS40OTguMjQ4LS45NjEuNjY0LTEuMjM4bDcuOTA4LTUuMjcydjEzLjAyMXpNMjIgM2gydjEwaC0yek0xOCAzaDJ2MTBoLTJ6TTE0IDEzaDJWM2gtMnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
      .vask-container .control-btn button.audio-control:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDI0IDE3Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgOC41YTMuMTcgMy4xNyAwIDAgMCAxLjQyNiAyLjY0M0wxMC4yODYgMTdIMTJWMGgtMS43MTRsLTguODYgNS44NTdBMy4xNyAzLjE3IDAgMCAwIDAgOC41em0xMC4yODYgNi41ODJMMi4zNzggOS44MWExLjQ4NSAxLjQ4NSAwIDAgMS0uNjY0LTEuMjM5YzAtLjQ5OC4yNDgtLjk2MS42NjQtMS4yMzhsNy45MDgtNS4yNzJ2MTMuMDIxek0yMiAzaDJ2MTBoLTJ6TTE4IDNoMnYxMGgtMnpNMTQgMTNoMlYzaC0yeiIvPgogICAgPC9nPgo8L3N2Zz4K); }
      .vask-container .control-btn button.audio-control.muted {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDI0IDE3Ij4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik05LjkzMSAxLjk4NnYxMi41OEwyLjMxNyA5LjQzNGExLjMyIDEuMzIgMCAwIDEtLjY2Mi0xLjE1OGMwLS40OTcuMjQ4LS45MS42NjItMS4xNTlsNy42MTQtNS4xM3pNMTEuNTg2IDBIOS45MzFMMS40MDcgNS43MUEzLjA0OCAzLjA0OCAwIDAgMCAwIDguMjc2YzAgLjk5My40OTcgMS45ODYgMS40MDcgMi41NjVsOC41MjQgNS43MWgxLjY1NVYwek0yMy43NTIgNC44TDIyLjUxIDMuNTU5bC0zLjQ3NiAzLjU1OEwxNS41NiAzLjU2IDE0LjMxNyA0LjhsMy41NTkgMy40NzYtMy41NTkgMy40NzYgMS4yNDIgMS4yNDEgMy40NzUtMy41NTkgMy40NzYgMy41NiAxLjI0Mi0xLjI0Mi0zLjU1OS0zLjQ3NnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
        .vask-container .control-btn button.audio-control.muted:hover {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDI0IDE3Ij4KICAgIDxnIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTkuOTMxIDEuOTg2djEyLjU4TDIuMzE3IDkuNDM0YTEuMzIgMS4zMiAwIDAgMS0uNjYyLTEuMTU4YzAtLjQ5Ny4yNDgtLjkxLjY2Mi0xLjE1OWw3LjYxNC01LjEzek0xMS41ODYgMEg5LjkzMUwxLjQwNyA1LjcxQTMuMDQ4IDMuMDQ4IDAgMCAwIDAgOC4yNzZjMCAuOTkzLjQ5NyAxLjk4NiAxLjQwNyAyLjU2NWw4LjUyNCA1LjcxaDEuNjU1VjB6TTIzLjc1MiA0LjhMMjIuNTEgMy41NTlsLTMuNDc2IDMuNTU4TDE1LjU2IDMuNTYgMTQuMzE3IDQuOGwzLjU1OSAzLjQ3Ni0zLjU1OSAzLjQ3NiAxLjI0MiAxLjI0MSAzLjQ3NS0zLjU1OSAzLjQ3NiAzLjU2IDEuMjQyLTEuMjQyLTMuNTU5LTMuNDc2eiIvPgogICAgPC9nPgo8L3N2Zz4K); }
    .vask-container .control-btn button.language {
      align-self: flex-end;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIzIDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRjlGQUZCIiBvcGFjaXR5PSIuNyI+CiAgICAgICAgPHBhdGggZD0iTTUuNSA2LjV2MWgxMnYtMWgtMTJ6TTUuNSA5LjV2MWg4di0xaC04eiIvPgogICAgICAgIDxwYXRoIHN0cm9rZS13aWR0aD0iMS43IiBkPSJNLjg1Ljg1djE1LjY5NWw0LjQ3OS0yLjUyNUgyMi4xNVYuODVILjg1eiIvPgogICAgPC9nPgo8L3N2Zz4K); }
      .vask-container .control-btn button.language:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIzIDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjRjlGQUZCIj4KICAgICAgICA8cGF0aCBkPSJNNS41IDYuNXYxaDEydi0xaC0xMnpNNS41IDkuNXYxaDh2LTFoLTh6Ii8+CiAgICAgICAgPHBhdGggc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik0uODUuODV2MTUuNjk1bDQuNDc5LTIuNTI1SDIyLjE1Vi44NUguODV6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.skip-backward, .vask-container .control-btn button.skip-forward {
      height: 24px;
      width: 24px; }
      @media (min-width: 992px) {
        .vask-container .control-btn button.skip-backward, .vask-container .control-btn button.skip-forward {
          height: 26px;
          width: 26px; } }
      @media (min-width: 1200px) {
        .vask-container .control-btn button.skip-backward, .vask-container .control-btn button.skip-forward {
          height: 30px;
          width: 30px; } }
      @media (min-width: 1440px) {
        .vask-container .control-btn button.skip-backward, .vask-container .control-btn button.skip-forward {
          height: 32px;
          width: 32px; } }
    .vask-container .control-btn button.skip-forward {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQwIDQ1Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0xOCA1LjFDNy45IDYuMSAwIDE0LjYgMCAyNWMwIDExIDkgMjAgMjAgMjBzMjAtOSAyMC0yMGgtMmMwIDEwLTguMSAxOC0xOCAxOFMyIDM0LjkwMSAyIDI1QzIgMTUuNzAxIDkgOC4xIDE4IDcuMVYxMmw2LTUuMDk5VjEybDctNi03LTZ2NS4xTDE4IDB2NS4xIi8+CiAgICAgICAgPHBhdGggZD0iTTE1Ljk3NyAzMS43NDRIMTMuNzh2LTkuNTQzbC0yLjcgMS45NDRMMTAgMjIuNjcxbDQuMjEzLTMuMTdoMS43NjR6TTI4LjE0NiAyNy44MmMwIDIuMTA2LTEuNjM5IDQuMTc3LTQuNjYzIDQuMTc3LTIuMTc4IDAtMy42NTUtLjkzNy00LjU3My0xLjk5OGwxLjM1LTEuNDk1Yy42ODQuNzU2IDEuNzEgMS41MTIgMy4yNiAxLjUxMiAxLjQ1NyAwIDIuNDY1LS45NTQgMi40NjUtMi4yNTEgMC0xLjMzMi0uOTUzLTIuMTc4LTIuNDEyLTIuMTc4LS45MTkgMC0xLjYwMi4yNy0yLjA1My42M2wtMS44NzItLjQxNCAxLjA0NC02LjMwMmg2Ljc3djEuOTA5SDIyLjM1bC0uNDg2IDIuODhjLjUyMS0uMzI0IDEuMjA2LS41MjIgMi4xMDctLjUyMiAyLjc3MyAwIDQuMTc3IDEuODczIDQuMTc3IDQuMDUyIi8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.skip-forward:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQwIDQ1Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTE4IDUuMUM3LjkgNi4xIDAgMTQuNiAwIDI1YzAgMTEgOSAyMCAyMCAyMHMyMC05IDIwLTIwaC0yYzAgMTAtOC4xIDE4LTE4IDE4UzIgMzQuOTAxIDIgMjVDMiAxNS43MDEgOSA4LjEgMTggNy4xVjEybDYtNS4wOTlWMTJsNy02LTctNnY1LjFMMTggMHY1LjEiLz4KICAgICAgICA8cGF0aCBkPSJNMTUuOTc3IDMxLjc0NEgxMy43OHYtOS41NDNsLTIuNyAxLjk0NEwxMCAyMi42NzFsNC4yMTMtMy4xN2gxLjc2NHpNMjguMTQ2IDI3LjgyYzAgMi4xMDYtMS42MzkgNC4xNzctNC42NjMgNC4xNzctMi4xNzggMC0zLjY1NS0uOTM3LTQuNTczLTEuOTk4bDEuMzUtMS40OTVjLjY4NC43NTYgMS43MSAxLjUxMiAzLjI2IDEuNTEyIDEuNDU3IDAgMi40NjUtLjk1NCAyLjQ2NS0yLjI1MSAwLTEuMzMyLS45NTMtMi4xNzgtMi40MTItMi4xNzgtLjkxOSAwLTEuNjAyLjI3LTIuMDUzLjYzbC0xLjg3Mi0uNDE0IDEuMDQ0LTYuMzAyaDYuNzd2MS45MDlIMjIuMzVsLS40ODYgMi44OGMuNTIxLS4zMjQgMS4yMDYtLjUyMiAyLjEwNy0uNTIyIDIuNzczIDAgNC4xNzcgMS44NzMgNC4xNzcgNC4wNTIiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.skip-backward {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQwIDQ1Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMiA1LjFWMGwtNiA1LjFWMEw5IDZsNyA2VjYuOTAxTDIyIDEyVjcuMWM5IDEgMTYgOC42MDEgMTYgMTcuOSAwIDkuOTAxLTguMSAxOC0xOCAxOFMyIDM1IDIgMjVIMGMwIDExIDkgMjAgMjAgMjBzMjAtOSAyMC0yMGMwLTEwLjQtNy45LTE4LjktMTgtMTkuOSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNS45NzcgMzEuNzQ0SDEzLjc4di05LjU0M2wtMi43IDEuOTQ0TDEwIDIyLjY3MWw0LjIxMy0zLjE3aDEuNzY0ek0yOC4xNDYgMjcuODJjMCAyLjEwNi0xLjYzOSA0LjE3Ny00LjY2MyA0LjE3Ny0yLjE3OCAwLTMuNjU1LS45MzctNC41NzMtMS45OThsMS4zNS0xLjQ5NWMuNjg0Ljc1NiAxLjcxIDEuNTEyIDMuMjYgMS41MTIgMS40NTcgMCAyLjQ2NS0uOTU0IDIuNDY1LTIuMjUxIDAtMS4zMzItLjk1My0yLjE3OC0yLjQxMi0yLjE3OC0uOTE5IDAtMS42MDIuMjctMi4wNTMuNjNsLTEuODcyLS40MTQgMS4wNDQtNi4zMDJoNi43N3YxLjkwOUgyMi4zNWwtLjQ4NiAyLjg4Yy41MjEtLjMyNCAxLjIwNi0uNTIyIDIuMTA3LS41MjIgMi43NzMgMCA0LjE3NyAxLjg3MyA0LjE3NyA0LjA1MiIvPgogICAgPC9nPgo8L3N2Zz4K); }
      .vask-container .control-btn button.skip-backward:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQwIDQ1Ij4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTIyIDUuMVYwbC02IDUuMVYwTDkgNmw3IDZWNi45MDFMMjIgMTJWNy4xYzkgMSAxNiA4LjYwMSAxNiAxNy45IDAgOS45MDEtOC4xIDE4LTE4IDE4UzIgMzUgMiAyNUgwYzAgMTEgOSAyMCAyMCAyMHMyMC05IDIwLTIwYzAtMTAuNC03LjktMTguOS0xOC0xOS45Ii8+CiAgICAgICAgPHBhdGggZD0iTTE1Ljk3NyAzMS43NDRIMTMuNzh2LTkuNTQzbC0yLjcgMS45NDRMMTAgMjIuNjcxbDQuMjEzLTMuMTdoMS43NjR6TTI4LjE0NiAyNy44MmMwIDIuMTA2LTEuNjM5IDQuMTc3LTQuNjYzIDQuMTc3LTIuMTc4IDAtMy42NTUtLjkzNy00LjU3My0xLjk5OGwxLjM1LTEuNDk1Yy42ODQuNzU2IDEuNzEgMS41MTIgMy4yNiAxLjUxMiAxLjQ1NyAwIDIuNDY1LS45NTQgMi40NjUtMi4yNTEgMC0xLjMzMi0uOTUzLTIuMTc4LTIuNDEyLTIuMTc4LS45MTkgMC0xLjYwMi4yNy0yLjA1My42M2wtMS44NzItLjQxNCAxLjA0NC02LjMwMmg2Ljc3djEuOTA5SDIyLjM1bC0uNDg2IDIuODhjLjUyMS0uMzI0IDEuMjA2LS41MjIgMi4xMDctLjUyMiAyLjc3MyAwIDQuMTc3IDEuODczIDQuMTc3IDQuMDUyIi8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.quality {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgMCIvPgogICAgICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjQiIGQ9Ik0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnpNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
      width: 22px; }
      @media (min-width: 992px) {
        .vask-container .control-btn button.quality {
          width: 24px; } }
      @media (min-width: 1200px) {
        .vask-container .control-btn button.quality {
          width: 26px; } }
      @media (min-width: 1440px) {
        .vask-container .control-btn button.quality {
          width: 28px; } }
    .vask-container .control-btn button.keytimes-button {
      background-color: transparent;
      height: 24px;
      opacity: 0.7;
      position: relative;
      width: 24px; }
      .vask-container .control-btn button.keytimes-button:before {
        border: 2px solid #f9fafb;
        border-radius: 50%;
        box-sizing: border-box;
        content: ' ';
        display: inline-block;
        height: 24px;
        left: 0;
        position: absolute;
        top: 0;
        width: 24px; }
      .vask-container .control-btn button.keytimes-button:after {
        box-sizing: border-box;
        color: #f9fafb;
        content: 'i';
        display: inline-block;
        font-weight: 900;
        height: 24px;
        left: 0;
        line-height: 24px;
        position: absolute;
        top: 0;
        width: 24px; }
      .vask-container .control-btn button.keytimes-button:hover, .vask-container .control-btn button.keytimes-button.active {
        opacity: 1; }
    .vask-container .control-btn button.quality.highest {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnpNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.quality.highest:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGQ9Ik02IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTE2IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTIzIDZhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2ek0zMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.quality.high {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnoiLz4KICAgICAgICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.quality.high:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGQ9Ik02IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTE2IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTIzIDZhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2eiIvPgogICAgICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjQiIGQ9Ik0zMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.quality.medium {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgMCIvPgogICAgICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjQiIGQ9Ik0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnpNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.quality.medium:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGQ9Ik02IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTE2IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwIi8+CiAgICAgICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuNCIgZD0iTTIzIDZhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2ek0zMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.quality.low {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgMCIvPgogICAgICAgIDxwYXRoIGZpbGwtb3BhY2l0eT0iLjQiIGQ9Ik0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnpNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
      .vask-container .control-btn button.quality.low:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgIDxwYXRoIGQ9Ik02IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwIi8+CiAgICAgICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuNCIgZD0iTTE2IDNhMyAzIDAgMSAxLTYgMCAzIDMgMCAwIDEgNiAwTTIzIDZhMyAzIDAgMSAxIDAtNiAzIDMgMCAwIDEgMCA2ek0zMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnoiLz4KICAgIDwvZz4KPC9zdmc+Cg==); }
    .vask-container .control-btn button.quality.disabled {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzYgNiI+CiAgICA8ZyBmaWxsPSIjRjlGQUZCIiBmaWxsLXJ1bGU9Im5vbnplcm8iIG9wYWNpdHk9Ii43Ij4KICAgICAgICA8cGF0aCBkPSJNNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0xNiAzYTMgMyAwIDEgMS02IDAgMyAzIDAgMCAxIDYgME0yMyA2YTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNnpNMzMgNmEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=); }
    .vask-container .control-btn button.proof-of-life-button {
      font-size: 12px;
      line-height: 36px;
      width: 100%;
      height: 100%;
      padding: 0 26px 0 48px;
      border: 1px solid #f9f9fb;
      border-radius: 500px;
      cursor: pointer;
      color: #1d1d27;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCAxMiI+PHBhdGggZmlsbD0iIzFEMUQyNyIgZD0iTTkuNzMgNi40N0wuOSAxMS45MWEuNi42IDAgMDEtLjYuMDIuNTYuNTYgMCAwMS0uMy0uNVYuNTdjMC0uMi4xMi0uNC4zLS41QS42LjYgMCAwMS45LjFsOC44MyA1LjQ0Yy4xNy4xLjI3LjI4LjI3LjQ3IDAgLjItLjEuMzctLjI3LjQ3eiIvPjwvc3ZnPg==) left 32px center/6px 10px no-repeat #eee; }
  .vask-container .control-btn .contextual-hint {
    display: none;
    bottom: 30px;
    color: #f9fafb;
    font-size: 12px;
    left: -25px;
    line-height: 16px;
    padding-bottom: 10px;
    position: absolute;
    text-align: center;
    width: 90px; }
  .vask-container .control-btn .skip-preliminaries-button {
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 32px;
    border: 1px solid #f9f9fb;
    border-radius: 4px;
    cursor: pointer;
    color: #f9f9fb;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDEyIj4KCTxkZWZzLz4KCTxwYXRoIGZpbGw9IiNGOUY5RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcgNUwwIDB2MTJsNy01djVoMVYwSDd6Ii8+Cjwvc3ZnPg==) left 16px center/8px 12px no-repeat rgba(0, 0, 0, 0.7); }
  .vask-container .control-btn.skip-backward {
    margin-left: 8px; }
    @media (min-width: 992px) {
      .vask-container .control-btn.skip-backward {
        margin-left: 10px; } }
    @media (min-width: 1200px) {
      .vask-container .control-btn.skip-backward {
        margin-left: 12px; } }
    @media (min-width: 1440px) {
      .vask-container .control-btn.skip-backward {
        margin-left: 14px; } }
  .vask-container .control-btn.skip-forward {
    margin-left: 4px; }
    @media (min-width: 992px) {
      .vask-container .control-btn.skip-forward {
        margin-left: 6px; } }
    @media (min-width: 1200px) {
      .vask-container .control-btn.skip-forward {
        margin-left: 8px; } }
    @media (min-width: 1440px) {
      .vask-container .control-btn.skip-forward {
        margin-left: 10px; } }

.vask-container .skip-preliminaries-button-wrapper {
  position: absolute;
  bottom: 140px;
  right: 30px;
  z-index: 4; }

.toast {
  z-index: 100;
  position: fixed;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  text-align: center;
  color: #eeeeee; }
  .toast .toast-wrapper {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0; }
  .toast .toast-header {
    font-weight: 900;
    font-size: 32px;
    line-height: 36px; }
  .toast .toast-button-wrapper {
    display: inline-block;
    padding: 12px 48px; }

.vask-container
.contextual-navigation {
  background: linear-gradient(0deg, rgba(15, 22, 26, 0.5), transparent);
  overflow: hidden;
  position: relative; }
  .vask-container
.contextual-navigation .chevron {
    height: 110px;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 9; }
    .vask-container
.contextual-navigation .chevron button {
      height: 110px;
      position: absolute;
      top: 0;
      width: 50px;
      z-index: 10; }
    .vask-container
.contextual-navigation .chevron.left {
      left: 0; }
      .vask-container
.contextual-navigation .chevron.left button {
        background: #0f161a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyMCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZGlzcGxheT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC4xLDMuMSAyLjQsNC4xIDEzLjgsMjMuOCAyLjQsNDMuNiANCgk0LjEsNDQuNiAxNi4xLDIzLjggIi8+DQo8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxNC40LDQ0LjYgMTYuMSw0My42IDQuNywyMy44IDE2LjEsNC4xIDE0LjQsMy4xIDIuNCwyMy44IA0KCSIvPg0KPC9zdmc+DQo=) 40% 50% no-repeat;
        left: 0; }
    .vask-container
.contextual-navigation .chevron.right {
      right: 0; }
      .vask-container
.contextual-navigation .chevron.right button {
        background: #0f161a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCAyMCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNC4xLDMuMSAyLjQsNC4xIDEzLjgsMjMuOCAyLjQsNDMuNiA0LjEsNDQuNiAxNi4xLDIzLjggDQoJIi8+DQo8cG9seWdvbiBkaXNwbGF5PSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxNC40LDQ0LjYgMTYuMSw0My42IDQuNywyMy44IDE2LjEsNC4xIDE0LjQsMy4xIDIuNCwyMy44IA0KCSIvPg0KPC9zdmc+DQo=) 40% 50% no-repeat;
        right: 0; }
  .vask-container
.contextual-navigation .contextual-ui {
    display: flex;
    padding-bottom: 25px;
    transition: margin-left 1s; }
    .vask-container
.contextual-navigation .contextual-ui .contextual-column {
      background-color: #212D33;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .playButton {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIwIDBDOC45NiAwIDAgOC45NiAwIDIwczguOTYgMjAgMjAgMjAgMjAtOC45NiAyMC0yMFMzMS4wNCAwIDIwIDB6bTggMjBMMTcuODkzIDMwbC0yLjg4LTIuODUzTDIyLjI0IDIwbC03LjIyNy03LjE0N0wxNy44OTMgMTAgMjggMjB6Ii8+Cjwvc3ZnPgo=) center center no-repeat;
        background-size: 48px;
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .backdrop {
        background-image: linear-gradient(to bottom, transparent 0%, rgba(15, 22, 26, 0.9) 100%);
        box-sizing: border-box;
        height: 100%;
        opacity: 1;
        width: 100%; }
        .vask-container
.contextual-navigation .contextual-ui .contextual-column .backdrop:after {
          content: '';
          height: 100%;
          width: 100%;
          background: rgba(15, 22, 26, 0.2);
          position: absolute; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .backdrop.active {
        border: 1px solid #bbc1c4; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .text {
        bottom: 8px;
        left: 8px;
        position: absolute;
        right: 10px; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .title, .vask-container
.contextual-navigation .contextual-ui .contextual-column .extraTitle, .vask-container
.contextual-navigation .contextual-ui .contextual-column .time {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .time {
        color: #bbc1c4;
        font-size: 12px;
        font-weight: normal;
        left: 8px;
        line-height: 16px;
        max-width: 150px; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .title {
        color: #f9fafb;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .extraTitle {
        color: #bbc1c4;
        font-size: 10px;
        font-weight: normal;
        line-height: 16px; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .notLive, .vask-container
.contextual-navigation .contextual-ui .contextual-column .live {
        border-radius: 4px;
        display: block;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        left: 0;
        letter-spacing: 0.05rem;
        line-height: normal;
        margin: 8px;
        padding: 4px 8px 3px 8px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        z-index: 2; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .notLive {
        background-color: #f9fafb;
        color: #0f161a; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column .live {
        background-color: #d9000b;
        color: #f9fafb; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column.enabled {
        cursor: pointer; }
        .vask-container
.contextual-navigation .contextual-ui .contextual-column.enabled:hover .playButton {
          display: block;
          z-index: 7; }
        .vask-container
.contextual-navigation .contextual-ui .contextual-column.enabled:hover .backdrop:after {
          background: transparent; }
      .vask-container
.contextual-navigation .contextual-ui .contextual-column.active .backdrop {
        border: 1px solid #bbc1c4; }
        .vask-container
.contextual-navigation .contextual-ui .contextual-column.active .backdrop:after {
          background: transparent; }

.vask-container .time-label {
  color: #f9fafb;
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .vask-container .time-label {
      font-size: 15px; } }
  @media (min-width: 1200px) {
    .vask-container .time-label {
      font-size: 17px; } }
  @media (min-width: 1440px) {
    .vask-container .time-label {
      font-size: 19px; } }
  .vask-container .time-label.live {
    color: #d9000b;
    font-weight: bold;
    position: relative;
    margin-left: 0;
    transform: translateX(5%); }
    @media (min-width: 1440px) {
      .vask-container .time-label.live {
        transform: translate3d(5%, 12%, 0); } }

.vask-container .scene.receiver .time-label {
  font-size: 26px;
  width: 100px; }

.vask-container .timeline-tooltip {
  position: relative;
  text-shadow: 0 0 2px #0f161a;
  display: inline-block;
  transform: translate3d(-50%, -100%, 0);
  bottom: 1.5vw; }
  .vask-container .timeline-tooltip .ui-cell.time-label {
    margin-left: 0;
    font-size: 12px; }
    @media (min-width: 992px) {
      .vask-container .timeline-tooltip .ui-cell.time-label {
        font-size: 12px; } }
    @media (min-width: 1200px) {
      .vask-container .timeline-tooltip .ui-cell.time-label {
        font-size: 14px; } }
    @media (min-width: 1440px) {
      .vask-container .timeline-tooltip .ui-cell.time-label {
        font-size: 16px; } }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  border: 0 none;
  padding: 0; }

.vask-container .slider {
  background-color: #bbc1c4;
  border-radius: 4px;
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 100%; }
  .vask-container .slider.disabled {
    opacity: 0.25;
    pointer-events: none; }
    .vask-container .slider.disabled button.target-btn {
      display: none; }
  .vask-container .slider.horizontal .primary, .vask-container .slider.horizontal .secondary {
    border-radius: 4px;
    height: 100%;
    left: 0;
    width: 100%; }
  .vask-container .slider.horizontal button.target-btn {
    height: 1.3vw;
    width: 1.3vw;
    left: 100%;
    opacity: 1;
    transform: translate3d(-50%, -37%, 0); }
  .vask-container .slider.horizontal:before {
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: -13px;
    width: 100%; }
  .vask-container .slider.vertical .primary {
    bottom: 0;
    height: 100%;
    width: 100%; }
  .vask-container .slider.vertical button.target-btn {
    transform: translate3d(-50%, 50%, 0);
    left: 50%;
    bottom: 100%;
    opacity: 1;
    height: 11px;
    width: 11px; }
    @media (min-width: 992px) {
      .vask-container .slider.vertical button.target-btn {
        height: 14px;
        width: 14px; } }
    @media (min-width: 1200px) {
      .vask-container .slider.vertical button.target-btn {
        height: 16px;
        width: 16px; } }
    @media (min-width: 1440px) {
      .vask-container .slider.vertical button.target-btn {
        height: 22px;
        width: 22px; } }
  .vask-container .slider.vertical:before {
    content: "";
    height: 100%;
    left: -13px;
    position: absolute;
    width: 30px; }
  .vask-container .slider .primary {
    background-color: #d9000b;
    position: absolute;
    z-index: 0; }
  .vask-container .slider .secondary {
    background-color: rgba(60, 68, 72, 0.4);
    position: absolute;
    z-index: 1; }
  .vask-container .slider button.target-btn {
    background: none;
    cursor: pointer;
    height: 1.2vw;
    width: 1.2vw;
    position: absolute;
    z-index: 2; }
    .vask-container .slider button.target-btn .handle {
      background-color: #f9fafb;
      border-radius: 50%;
      box-shadow: 0 0 4px 0 #3c4448;
      height: 100%;
      width: 100%;
      transition: transform 100ms;
      cursor: grab; }
    .vask-container .slider button.target-btn:hover .handle {
      transform: scale(1.1); }
  .vask-container .slider.grabbing button.target-btn .handle {
    cursor: grabbing; }
  .vask-container .slider.liveEdge {
    width: calc(100% - 2vw); }
    .vask-container .slider.liveEdge .primary, .vask-container .slider.liveEdge .secondary {
      border-radius: 4px 0 0 4px; }
    .vask-container .slider.liveEdge.disabled button.target-btn {
      display: block;
      opacity: 1; }
    .vask-container .slider.liveEdge button.target-btn {
      transform: translate3d(20%, -37%, 0); }
      .vask-container .slider.liveEdge button.target-btn .handle {
        background-color: #d9000b;
        box-shadow: none; }
      .vask-container .slider.liveEdge button.target-btn:hover .handle {
        background-color: #f9fafb;
        box-shadow: 0 0 4px 0 #3c4448; }

.vask-container .curtain {
  background-color: #0f161a;
  height: 100%;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 3; }
  .vask-container .curtain .curtain-logo {
    background: url(resources/logo-947f4685013e1c22a40bb08823622d54.png) top center no-repeat;
    height: 100px;
    margin: 160px auto 0; }
  .vask-container .curtain .curtain-loader {
    background-color: #f9fafb;
    bottom: 0;
    height: 10px;
    left: 0;
    margin: auto;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 20px;
    width: 75%; }

.vask-container .scene {
  color: #f9fafb;
  font-size: 0;
  height: 100%;
  opacity: 1;
  position: absolute;
  transition: opacity 500ms;
  width: 100%;
  z-index: 3; }
  .vask-container .scene.hide {
    cursor: none;
    opacity: 0; }
  .vask-container .scene button {
    border: 0;
    cursor: pointer;
    margin: 0;
    outline: 0;
    padding: 0; }
  .vask-container .scene .backdrop-bottom,
  .vask-container .scene .backdrop-top {
    height: 50%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 1; }
  .vask-container .scene .backdrop-bottom {
    background: linear-gradient(to bottom, transparent, #0f161a);
    bottom: 0; }
  .vask-container .scene .backdrop-top {
    background: linear-gradient(to bottom, #0f161a, transparent);
    top: 0; }
  .vask-container .scene .hidden-object-reminder-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 4vw;
    z-index: 1; }
  .vask-container .scene .hidden-object-reminder-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 1vw;
    height: 4vw;
    width: 4vw; }
    .vask-container .scene .hidden-object-reminder-image.not-found {
      filter: grayscale(100%); }
  .vask-container .scene .hidden-object-reminder-text {
    font-size: 1.1vw;
    font-weight: bold;
    color: #f9fafb; }
  .vask-container .scene.receiver {
    height: 90%;
    left: 5%;
    top: 5%;
    transition: none;
    width: 90%; }
    .vask-container .scene.receiver .backdrop-bottom {
      height: 112%;
      left: -6%;
      top: -6%;
      width: 112%; }
    .vask-container .scene.receiver .backdrop-top {
      display: none; }
    .vask-container .scene.receiver .status {
      bottom: 25px;
      height: 80px;
      left: 20px;
      position: absolute;
      width: 80px;
      z-index: 2; }
      .vask-container .scene.receiver .status.play {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDY5IDQ3MSA2MCA2MCINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDY5IDQ3MSA2MCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8dGl0bGU+UGxheTwvdGl0bGU+DQo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCjxnIGlkPSJQbGF5LSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU4LjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4NCgk8cGF0aCBpZD0iRmlsbC0yIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTgwMC4yLDQ4NmwtNC4zLDQuM2wxMC45LDEwLjdsLTEwLjksMTAuN2w0LjMsNC4zbDE1LjItMTVMLTgwMC4yLDQ4NiIvPg0KPC9nPg0KPC9zdmc+DQo=) center no-repeat; }
      .vask-container .scene.receiver .status.pause {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDY5IDQ3MSA2MCA2MCINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDY5IDQ3MSA2MCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8dGl0bGU+UGF1c2U8L3RpdGxlPg0KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQo8cGF0aCBpZD0iRmlsbC0yIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTQzNiw0ODdoNnYyOGgtNlY0ODd6Ii8+DQo8cGF0aCBpZD0iRmlsbC0zIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTQ0OCw0ODdoNnYyOGgtNlY0ODd6Ii8+DQo8L3N2Zz4NCg==) center no-repeat; }
    .vask-container .scene.receiver .logo {
      height: 100px;
      position: absolute;
      right: 40px;
      top: 40px;
      width: 100px;
      z-index: 2;
      background: url(resources/viaplay-logo-23712dc188661bf846b58894e5757885.png) center no-repeat; }

.vask-container .nextentry {
  background-color: #3c4448;
  display: flex;
  height: 100px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 480px;
  z-index: 8; }
  .vask-container .nextentry .boxart {
    background-position: center;
    background-size: cover;
    flex: 0 0 35%;
    height: 100%;
    position: relative; }
    .vask-container .nextentry .boxart .play-icon {
      background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7b3BhY2l0eTowLjQ7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAsMmMxNS40LDAsMjgsMTIuNiwyOCwyOFM0NS40LDU4LDMwLDU4UzIsNDUuNCwyLDMwUzE0LjYsMiwzMCwyIi8+Cjx0aXRsZT5QbGF5PC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxnIGlkPSJQYWdlLTEiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgoJPGcgaWQ9IkhUTUw1LVBsYXllciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwMi4wMDAwMDAsIC0xNDUuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCI+CgkJPGcgaWQ9Ikljb25zLU91dGxpbmVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NC4wMDAwMDAsIDE0NS4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4KCQkJPGcgaWQ9IlBsYXktIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTguMDAwMDAwLCAwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgoJCQkJPHBhdGggaWQ9IkZpbGwtMSIgY2xhc3M9InN0MSIgZD0iTTMwLDJjMTUuNCwwLDI4LDEyLjYsMjgsMjhTNDUuNCw1OCwzMCw1OFMyLDQ1LjQsMiwzMFMxNC42LDIsMzAsMiBNMzAsMEMxMy40LDAsMCwxMy40LDAsMzAKCQkJCQlzMTMuNCwzMCwzMCwzMHMzMC0xMy40LDMwLTMwUzQ2LjYsMCwzMCwwIi8+CgkJCQk8cGF0aCBpZD0iRmlsbC0yIiBjbGFzcz0ic3QxIiBkPSJNMjYuNywxNy40TDIzLjEsMjFsOS4xLDlsLTkuMSw5bDMuNiwzLjZMMzkuNCwzMEwyNi43LDE3LjQiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K) center no-repeat;
      background-size: 45% 45%;
      cursor: pointer;
      height: 100%;
      position: absolute;
      transition: background-color 200ms;
      width: 100%;
      z-index: 2; }
      .vask-container .nextentry .boxart .play-icon:hover {
        background: rgba(0, 0, 0, 0.4) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojMjkzMDM1O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwLDAuOGMxNi4xLDAsMjkuMiwxMy4xLDI5LjIsMjkuMlM0Ni4xLDU5LjIsMzAsNTkuMlMwLjgsNDYuMSwwLjgsMzBTMTMuOSwwLjgsMzAsMC44Ii8+Cjx0aXRsZT5QbGF5PC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxnIGlkPSJQbGF5LSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU4LjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KCTxwYXRoIGlkPSJGaWxsLTEiIGNsYXNzPSJzdDAiIGQ9Ik0tMzI4LDJjMTUuNCwwLDI4LDEyLjYsMjgsMjhzLTEyLjYsMjgtMjgsMjhzLTI4LTEyLjYtMjgtMjhTLTM0My40LDItMzI4LDIgTS0zMjgsMAoJCWMtMTYuNiwwLTMwLDEzLjQtMzAsMzBzMTMuNCwzMCwzMCwzMHMzMC0xMy40LDMwLTMwUy0zMTEuNCwwLTMyOCwwIi8+Cgk8cGF0aCBpZD0iRmlsbC0yIiBjbGFzcz0ic3QxIiBkPSJNLTMzMS4zLDE3LjRsLTMuNiwzLjZsOS4xLDlsLTkuMSw5bDMuNiwzLjZsMTIuNy0xMi42TC0zMzEuMywxNy40Ii8+CjwvZz4KPC9zdmc+Cg==) center no-repeat;
        background-size: 45% 45%; }
  .vask-container .nextentry .cancel {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4Ig0KCSB2aWV3Qm94PSItMjQgMjUgMTEgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI0IDI1IDExIDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjx0aXRsZT5DbG9zZSAyPC90aXRsZT4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQoJPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTEuMDAwMDAwLCAtNTQuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCI+DQoJCTxnIGlkPSJQb3NpdGl2ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCA0MC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4NCgkJCTxwYXRoIGlkPSJDbG9zZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTQxLjgsNDAuMmwtMS4yLTEuMmwtNC4yLDQuMmwtNC4yLTQuMmwtMS4yLDEuMmw0LjIsNC4yDQoJCQkJbC00LjIsNC4ybDEuMiwxLjJsNC4yLTQuMmw0LjIsNC4ybDEuMi0xLjJsLTQuMi00LjJMMTQxLjgsNDAuMiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) right center no-repeat;
    background-size: contain;
    border: 0;
    color: #bbc1c4;
    cursor: pointer;
    height: 14px;
    opacity: 0.7;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: opacity 200ms;
    width: 40px; }
    .vask-container .nextentry .cancel:hover {
      opacity: 1; }
  .vask-container .nextentry .text {
    display: flex;
    flex: auto;
    flex-direction: column;
    justify-content: center; }
    .vask-container .nextentry .text p {
      color: #bbc1c4;
      font-size: 18px;
      margin: 0;
      padding: 4px 20px; }
      .vask-container .nextentry .text p.timer {
        color: #f9fafb;
        font-weight: 600; }

#vp-spinner-container {
  font-size: 28px;
  height: 100%;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 2; }
  #vp-spinner-container:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0; }
  #vp-spinner-container #vp-spinner {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBoZWlnaHQ9IjIwMCIgd2lkdGg9IjIwMCIgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCiAgICA8ZmlsdGVyIGlkPSJmMSI+CiAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjEiPgogICAgICAgICAgICA8YW5pbWF0ZQogICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0ic3RkRGV2aWF0aW9uIgogICAgICAgICAgICAgICAgZHVyPSIxLjNzIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMC42OyAwLjg7IDEiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7IDA7IDU7IDUiCiAgICAgICAgICAgIC8+CiAgICAgICAgPC9mZUdhdXNzaWFuQmx1cj4KICAgIDwvZmlsdGVyPgoKICAgIDxmaWx0ZXIgaWQ9ImYyIj4KICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUdyYXBoaWMiIHN0ZERldmlhdGlvbj0iMSI+CiAgICAgICAgICAgIDxhbmltYXRlCiAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJzdGREZXZpYXRpb24iCiAgICAgICAgICAgICAgICBkdXI9IjEuM3MiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICAgICAgICAgIGtleVRpbWVzPSIwOyAwLjg7IDE7IDEiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjA7IDA7IDU7IDUiCiAgICAgICAgICAgIC8+CiAgICAgICAgPC9mZUdhdXNzaWFuQmx1cj4KICAgIDwvZmlsdGVyPgoKICAgIDxjaXJjbGUgaWQ9ImZpcnN0LXJpbmciIHI9IjAiIGN4PSIxMDAiIGN5PSIxMDAiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSJ0cmFuc3BhcmVudCIgZmlsdGVyPSJ1cmwoI2YxKSI+CiAgICAgICAgPGFuaW1hdGUKICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiCiAgICAgICAgICAgIGR1cj0iMS4zcyIKICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIKICAgICAgICAgICAga2V5VGltZXM9IjA7IDAuMTI7IDAuODsgMSIKICAgICAgICAgICAgdmFsdWVzPSIwOyAwOyAzNTsgMzUiCiAgICAgICAgICAgIGtleVNwbGluZXM9IjAgMCAxIDE7IC42IC45IC45IC44OyAwIDAgMSAxIgogICAgICAgIC8+CgogICAgICAgIDxhbmltYXRlCiAgICAgICAgICAgIGF0dHJpYnV0ZVR5cGU9IkNTUyIKICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIKICAgICAgICAgICAgZHVyPSIxLjNzIgogICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICAgICAga2V5VGltZXM9IjA7IDAuNDsgMC44OyAxIgogICAgICAgICAgICB2YWx1ZXM9IjA7IDE7IDA7IDA7IgogICAgICAgIC8+CiAgICA8L2NpcmNsZT4KCiAgICA8Y2lyY2xlIGlkPSJzZWNvbmQtcmluZyIgcj0iMCIgY3g9IjEwMCIgY3k9IjEwMCIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9InRyYW5zcGFyZW50IiBmaWx0ZXI9InVybCgjZjIpIj4KICAgICAgICA8YW5pbWF0ZQogICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJyIgogICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIKICAgICAgICAgICAgZHVyPSIxLjNzIgogICAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIgogICAgICAgICAgICBrZXlUaW1lcz0iMDsgMC40NTsgMSIKICAgICAgICAgICAgdmFsdWVzPSIwOyAwOyAzNSIKICAgICAgICAgICAga2V5U3BsaW5lcz0iMCAwIDEgMTsgLjYgLjkgLjkgLjgiCiAgICAgICAgLz4KCiAgICAgICAgPGFuaW1hdGUKICAgICAgICAgICAgYXR0cmlidXRlVHlwZT0iQ1NTIgogICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IgogICAgICAgICAgICBkdXI9IjEuM3MiCiAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgICAgICBrZXlUaW1lcz0iMDsgMC4yNTsgMC42OyAxIgogICAgICAgICAgICB2YWx1ZXM9IjA7IDA7IDE7IDA7IgogICAgICAgIC8+CiAgICA8L2NpcmNsZT4KPC9zdmc+) center center no-repeat;
    display: inline-block;
    height: 8em;
    vertical-align: middle;
    width: 8em; }

#vp-spinner-sheet-container {
  height: 100%;
  position: absolute;
  width: 100%; }
  #vp-spinner-sheet-container .sheet-container {
    animation: spritesheet 2s infinite;
    animation-timing-function: steps(72);
    backface-visibility: hidden;
    background-image: url(resources/spinner_sheet-0c392d8873bd79c95ef97cc2ddf93354.png);
    height: 90px;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    overflow: hidden;
    perspective: 1000;
    position: absolute;
    transform: translateZ(0);
    transform: translate3d(0, 0, 0);
    top: 50%;
    width: 90px;
    z-index: 2; }

@keyframes spritesheet {
  0% {
    background-position: 0; }
  100% {
    background-position: -6480px; } }

.vask-container .curtain .countdown {
  color: #f9fafb;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 100%; }
  .vask-container .curtain .countdown .counter {
    display: table;
    font-size: 0;
    line-height: 1;
    margin: 0 auto; }
    .vask-container .curtain .countdown .counter > * {
      display: table-row; }
      .vask-container .curtain .countdown .counter > * > * {
        display: table-cell;
        padding: 2px;
        text-align: center; }
      .vask-container .curtain .countdown .counter > * .field {
        padding: 2px 0 2px 4px;
        text-align: left;
        width: 80px; }
    .vask-container .curtain .countdown .counter .values * {
      font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif;
      font-size: 64px;
      font-weight: bold; }
    .vask-container .curtain .countdown .counter .labels * {
      font-size: 16px;
      text-transform: capitalize; }
  .vask-container .curtain .countdown:before, .vask-container .curtain .countdown:after {
    content: "";
    display: block;
    flex-grow: 1; }

.vask-container .curtain .product-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%; }
  .vask-container .curtain .product-image:after {
    background-color: rgba(15, 22, 26, 0.5);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%; }

.vask-container .hidden-item-container {
  position: relative;
  animation: move 0.7s ease-in 2s forwards;
  transition: top ease-out, left ease-out; }
  .vask-container .hidden-item-container .sprite {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20vw;
    margin-left: -10vw;
    margin-top: -10vw;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 20vw;
    z-index: 999; }
  .vask-container .hidden-item-container .zoom {
    animation: zoom 2s; }
  .vask-container .hidden-item-container .zoom-rotate {
    animation: zoom-rotate 3s linear; }
  .vask-container .hidden-item-container .plasma-ball {
    animation-delay: 100ms; }
  .vask-container .hidden-item-container .item {
    animation-delay: 200ms;
    animation-duration: 3s;
    height: 10vw;
    margin-left: -5vw;
    margin-top: -5vw;
    width: 10vw; }

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0.6); }
  5% {
    opacity: 1;
    transform: scale(1.2); }
  10% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 1;
    transform: scale(1); }
  90% {
    opacity: 0.6;
    transform: scale(0.1); }
  100% {
    opacity: 0;
    transform: scale(0); } }

@keyframes zoom-rotate {
  0% {
    opacity: 0;
    transform: rotate(0) scale(0.6); }
  5% {
    opacity: 0.8;
    transform: rotate(2.5deg) scale(1.2); }
  10% {
    opacity: 1;
    transform: rotate(5deg) scale(1); }
  20% {
    transform: rotate(10deg) scale(1); }
  80% {
    opacity: 1;
    transform: rotate(40deg) scale(1); }
  90% {
    opacity: 0.6;
    transform: scale(0.1); }
  100% {
    opacity: 0;
    transform: rotate(50deg) scale(0); } }

@keyframes move {
  100% {
    left: 91vw;
    top: 5vw; } }

.vask-container .curtain .expired {
  color: #f9fafb;
  background-color: #0f161a;
  background-image: url(resources/viaplay-logo-23712dc188661bf846b58894e5757885.png);
  background-repeat: no-repeat;
  background-position: bottom 7.5% right 7.5%;
  background-size: 6.5%;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  width: 100%; }
  .vask-container .curtain .expired h1 {
    font-size: 34px;
    font-size: 4vw;
    font-weight: normal;
    text-align: center; }
  .vask-container .curtain .expired:before, .vask-container .curtain .expired:after {
    content: "";
    display: block;
    flex-grow: 1; }

.vask-container .metadata {
  align-items: flex-end;
  font-family: 'MTG Sans', Helvetica, Arial, sans-serif;
  margin-left: 30px; }
  .vask-container .metadata .image {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16vw;
    max-height: 256px;
    max-width: 256px;
    padding: 0;
    width: 16vw; }
  .vask-container .metadata .logo {
    display: inline-block;
    max-width: 120px;
    padding: 0; }
    @media (min-width: 768px) {
      .vask-container .metadata .logo {
        max-width: 160px; } }
  .vask-container .metadata .text {
    margin-top: 0.85vw; }
  .vask-container .metadata .text-container {
    vertical-align: baseline;
    width: 100%;
    margin-bottom: 2vh; }
    .vask-container .metadata .text-container h1, .vask-container .metadata .text-container h2 {
      padding: 0;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .vask-container .metadata .text-container h1 {
      font-weight: 900;
      color: #f9fafb;
      font-size: 2.4vw;
      margin-top: 0.45vw; }
    .vask-container .metadata .text-container h2 {
      color: #f9fafb;
      font-size: 1.6vw;
      margin-top: 0.45vw;
      font-weight: normal; }

.vask-container .metadata.live .image {
  display: none; }

.vask-container .metadata.live .text-container h1 {
  display: block; }

.vask-container .fade-enter {
  opacity: 0;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-enter.fade-enter-active {
  opacity: 1; }

.vask-container .fade-appear {
  opacity: 0;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-appear.fade-appear-active {
  opacity: 1; }

.vask-container .fade-leave {
  margin-bottom: 0;
  opacity: 1;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-leave.fade-leave-active {
  opacity: 0; }

.vask-container .fade-slower-enter {
  opacity: 0;
  transition: 600ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-slower-enter.fade-slower-enter-active {
  opacity: 1; }

.vask-container .fade-slower-appear {
  opacity: 0;
  transition: 600ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-slower-appear.fade-slower-appear-active {
  opacity: 1; }

.vask-container .fade-slower-leave {
  opacity: 1;
  margin-bottom: 0;
  transition: 600ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-slower-leave.fade-slower-leave-active {
  opacity: 0; }

.vask-container .fade-slowest-enter {
  opacity: 0;
  transition: 1000ms ease-in-out; }

.vask-container .fade-slowest-enter.fade-slowest-enter-active {
  opacity: 1; }

.vask-container .fade-slowest-appear {
  opacity: 0;
  transition: 1000ms ease-in-out; }

.vask-container .fade-slowest-appear.fade-slowest-appear-active {
  opacity: 1; }

.vask-container .fade-slowest-leave {
  opacity: 1;
  margin-bottom: 0;
  transition: 1000ms ease-in-out; }

.vask-container .fade-slowest-leave.fade-slowest-leave-active {
  opacity: 0; }

.vask-container .fade-move-enter {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-move-enter.fade-move-enter-active {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none; }

.vask-container .fade-move-appear {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-move-appear.fade-move-appear-active {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none; }

.vask-container .fade-move-leave {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-move-leave.fade-move-leave-active {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none; }

.vask-container .fade-move-slow-enter {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none; }

.vask-container .fade-move-slow-enter-active {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none;
  transition: 2s 1.5s cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-move-slow-appear {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none;
  transition: 2s 1.5s cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-move-slow-appear.fade-move-slow-appear-active {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none; }

.vask-container .fade-move-slow-leave {
  margin-bottom: 0;
  opacity: 1;
  pointer-events: none; }

.vask-container .fade-move-slow-leave-active {
  margin-bottom: -10px;
  opacity: 0;
  pointer-events: none;
  transition: 1.5s cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-drop-enter {
  margin-top: -10px;
  opacity: 0;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-drop-enter.fade-drop-enter-active {
  margin-top: 0;
  opacity: 1; }

.vask-container .fade-drop-appear {
  margin-top: -10px;
  opacity: 0;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-drop-appear.fade-drop-appear-active {
  margin-top: 0;
  opacity: 1; }

.vask-container .fade-drop-leave {
  margin-top: 0;
  opacity: 1;
  transition: 100ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .fade-drop-leave.fade-drop-leave-active {
  margin-top: -10px;
  opacity: 1; }

.vask-container .fade-zoom-enter,
.vask-container .fade-zoom-enter.fade-zoom-enter-active,
.vask-container .fade-zoom-leave {
  opacity: 1;
  transform: scale(1, 1); }

.vask-container .fade-zoom-appear,
.vask-container .fade-zoom-appear.fade-zoom-appear-active,
.vask-container .fade-zoom-leave {
  opacity: 1;
  transform: scale(1, 1); }

.vask-container .fade-zoom-leave.fade-zoom-leave-active {
  opacity: 0;
  transform: scale(1.5, 1.5);
  transition: 200ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .slide-down-enter {
  margin-bottom: -135px;
  pointer-events: none;
  transition: 300ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .slide-down-enter.slide-down-enter-active {
  margin-bottom: 0;
  pointer-events: none; }

.vask-container .slide-down-appear {
  margin-bottom: -135px;
  pointer-events: none;
  transition: 300ms cubic-bezier(0.17, 0, 0.05, 1); }

.vask-container .slide-down-appear.slide-down-appear-active {
  margin-bottom: 0;
  pointer-events: none; }

.vask-container .slide-down-leave {
  margin-bottom: 0;
  transition: 300ms cubic-bezier(0.17, 0, 0.05, 1);
  pointer-events: none; }

.vask-container .slide-down-leave.slide-down-leave-active {
  margin-bottom: -135px;
  pointer-events: none; }

.vask-container .visual-cue {
  height: 80px;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  width: 80px;
  z-index: 79; }
  .vask-container .visual-cue.play {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDY5IDQ3MSA2MCA2MCINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDY5IDQ3MSA2MCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8dGl0bGU+UGxheTwvdGl0bGU+DQo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCjxnIGlkPSJQbGF5LSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzU4LjAwMDAwMCwgMC4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4NCgk8cGF0aCBpZD0iRmlsbC0yIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTgwMC4yLDQ4NmwtNC4zLDQuM2wxMC45LDEwLjdsLTEwLjksMTAuN2w0LjMsNC4zbDE1LjItMTVMLTgwMC4yLDQ4NiIvPg0KPC9nPg0KPC9zdmc+DQo=) center no-repeat; }
  .vask-container .visual-cue.pause {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDY5IDQ3MSA2MCA2MCINCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNDY5IDQ3MSA2MCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8dGl0bGU+UGF1c2U8L3RpdGxlPg0KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQo8cGF0aCBpZD0iRmlsbC0yIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTQzNiw0ODdoNnYyOGgtNlY0ODd6Ii8+DQo8cGF0aCBpZD0iRmlsbC0zIiBmaWxsPSIjRkZGRkZGIiBkPSJNLTQ0OCw0ODdoNnYyOGgtNlY0ODd6Ii8+DQo8L3N2Zz4NCg==) center no-repeat; }
  .vask-container .visual-cue.seek-backward {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX3NraXAtYmFja3dhcmQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9za2lwLWJhY2t3YXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbnMtLy1SZXdpbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDAwMDAwLCAwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iUmV3aW5kIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMiw1LjEwMSBMMjIsMCBMMTYsNS4xNDMgTDE2LDAgTDksNiBMMTYsMTIgTDE2LDYuODU3IEwyMiwxMiBMMjIsNy4xMTUgQzMxLjA0NSw4LjEwOCAzOCwxNS43NDYgMzgsMjUgQzM4LDM0LjkyNSAyOS45MjUsNDMgMjAsNDMgQzEwLjA3NSw0MyAyLDM1IDIsMjUgTDAsMjUgQzAsMzYgOC45NzIsNDUgMjAsNDUgQzMxLjAyOCw0NSA0MCwzNi4wMjggNDAsMjUgQzQwLDE0LjY0OCAzMi4wNyw2LjExIDIyLDUuMTAxIiBpZD0icmV3aW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center no-repeat;
    left: 25%; }
  .vask-container .visual-cue.seek-forward {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX3NraXAtZm9yd2FyZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJpY29uX3NraXAtZm9yd2FyZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikljb25zLS8tRm9yd2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJGRiI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjIsNS4xMDEgTDIyLDAgTDE2LDUuMTQzIEwxNiwwIEw5LDYgTDE2LDEyIEwxNiw2Ljg1NyBMMjIsMTIgTDIyLDcuMTE1IEMzMS4wNDUsOC4xMDggMzgsMTUuNzQ2IDM4LDI1IEMzOCwzNC45MjUgMjkuOTI1LDQzIDIwLDQzIEMxMC4wNzUsNDMgMiwzNSAyLDI1IEwwLDI1IEMwLDM2IDguOTcyLDQ1IDIwLDQ1IEMzMS4wMjgsNDUgNDAsMzYuMDI4IDQwLDI1IEM0MCwxNC42NDggMzIuMDcsNi4xMSAyMiw1LjEwMSIgaWQ9ImZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjIuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) center no-repeat;
    left: 75%; }
  .vask-container .visual-cue.seek-backward:after, .vask-container .visual-cue.seek-forward:after {
    align-items: center;
    content: attr(data-visual-cue-content);
    color: #f9fafb;
    display: flex;
    font-family: 'MTG Sans Numerals', 'MTG Sans';
    font-size: 125%;
    height: 100%;
    justify-content: center;
    margin-top: 3px;
    position: absolute;
    width: 100%; }

.vask-container .chromecast-curtain,
.vask-container .chromecast-curtain-inner {
  background-color: rgba(15, 22, 26, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .vask-container .chromecast-curtain .chromecast-text,
  .vask-container .chromecast-curtain-inner .chromecast-text {
    color: #f9fafb;
    display: block;
    font-size: 16px;
    font-weight: 100;
    position: relative;
    text-align: center;
    top: calc(50% - 17px);
    z-index: 4; }
  .vask-container .chromecast-curtain .chromecast-disabled,
  .vask-container .chromecast-curtain-inner .chromecast-disabled {
    visibility: hidden; }
  .vask-container .chromecast-curtain .chromecast-connected,
  .vask-container .chromecast-curtain-inner .chromecast-connected {
    cursor: auto;
    text-align: center;
    top: calc(50% - 34px); }
    .vask-container .chromecast-curtain .chromecast-connected .chromecast-connected-icon,
    .vask-container .chromecast-curtain-inner .chromecast-connected .chromecast-connected-icon {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTAgMTYuNjY3VjIwaDMuMjczYzAtMS44NDQtMS40NjItMy4zMzMtMy4yNzMtMy4zMzN6bTAtNC40NDV2Mi4yMjJjMy4wMSAwIDUuNDU1IDIuNDkgNS40NTUgNS41NTZoMi4xODFjMC00LjMtMy40MTQtNy43NzgtNy42MzYtNy43Nzh6bTE5LjYzNi03Ljc3OEg0LjM2NHYxLjgxMmM0LjMyIDEuNDIyIDcuNzM0IDQuOSA5LjEzIDkuM2g2LjE0MlY0LjQ0NHpNMCA3Ljc3OFYxMGM1LjQyMiAwIDkuODE4IDQuNDc4IDkuODE4IDEwSDEyQzEyIDEzLjI0NCA2LjYyMiA3Ljc3OCAwIDcuNzc4ek0yMS44MTggMEgyLjE4MkMuOTgyIDAgMCAxIDAgMi4yMjJ2My4zMzRoMi4xODJWMi4yMjJoMTkuNjM2djE1LjU1NmgtNy42MzZWMjBoNy42MzZjMS4yIDAgMi4xODItMSAyLjE4Mi0yLjIyMlYyLjIyMkMyNCAxIDIzLjAxOCAwIDIxLjgxOCAweiIvPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      opacity: 1; }

.vask-container .explicit-play {
  background-position: center;
  background-size: cover;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3; }
  .vask-container .explicit-play .flex-container {
    align-items: center;
    background-color: rgba(15, 22, 26, 0.5);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4; }
    .vask-container .explicit-play .flex-container .play-button {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxnIGZpbGw9IiNGOUZBRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjciPgogICAgICAgIDxwYXRoIGQ9Ik0yMCAzOGMtOS45IDAtMTgtOC4xLTE4LTE4UzEwLjEgMiAyMCAyczE4IDguMSAxOCAxOC04LjEgMTgtMTggMThtMC0zOEM5IDAgMCA5IDAgMjBzOSAyMCAyMCAyMCAyMC05IDIwLTIwUzMxIDAgMjAgMCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xNy45IDEwTDE1IDEyLjlsNy4yIDcuMS03LjIgNy4xIDIuOSAyLjlMMjggMjB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 6vw;
      width: 6vw; }
      .vask-container .explicit-play .flex-container .play-button:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTIwIDBDOC45NiAwIDAgOC45NiAwIDIwczguOTYgMjAgMjAgMjAgMjAtOC45NiAyMC0yMFMzMS4wNCAwIDIwIDB6bTggMjBMMTcuODkzIDMwbC0yLjg4LTIuODUzTDIyLjI0IDIwbC03LjIyNy03LjE0N0wxNy44OTMgMTAgMjggMjB6Ii8+Cjwvc3ZnPgo=); }
    .vask-container .explicit-play .flex-container .autoplay-hint::before {
      background: #f9fafb;
      content: '';
      height: 20px;
      left: 50%;
      margin-left: -10px;
      position: absolute;
      top: -5px;
      transform: rotate(45deg);
      width: 20px; }
    .vask-container .explicit-play .flex-container .autoplay-hint {
      background: #f9fafb;
      border-radius: 4px;
      padding: 25px;
      position: relative;
      text-align: center;
      width: 340px; }
      .vask-container .explicit-play .flex-container .autoplay-hint p {
        text-align: left; }

.vask-container .fixi-message {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 3vw;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  .vask-container .fixi-message .panel {
    align-items: center;
    animation: fixi-expand 2s forwards;
    background: linear-gradient(to bottom, #072452 1vw, #339fae 6vw);
    border-radius: 6vw;
    display: flex;
    height: 6vw;
    justify-content: center;
    opacity: 0;
    padding: 0 3vw;
    position: relative;
    width: 36vw; }
    .vask-container .fixi-message .panel .portrait,
    .vask-container .fixi-message .panel .extra {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 6vw;
      left: 0;
      position: absolute;
      top: 0;
      transform: scale(0.9);
      width: 6vw;
      z-index: 2; }
    .vask-container .fixi-message .panel .extra {
      left: auto;
      right: 0;
      z-index: 1; }
    .vask-container .fixi-message .panel .text {
      animation: fixi-fade 2.5s;
      color: white;
      font-size: 1.1vw;
      font-weight: bold;
      margin-left: 3vw;
      margin-right: 3vw;
      overflow: hidden;
      text-align: center; }

@keyframes fixi-expand {
  0%,
  50% {
    width: 0vw;
    opacity: 0;
    transform: scale(0); }
  65% {
    opacity: 1;
    transform: scale(1.4); }
  80% {
    width: 0vw;
    opacity: 1;
    transform: scale(1); }
  100% {
    width: 36vw;
    opacity: 1; } }

@keyframes fixi-fade {
  50%,
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.vask-container .keytimes {
  bottom: 9vw;
  position: absolute;
  right: 64px;
  width: 96px; }
  .vask-container .keytimes:before {
    background: none;
    content: ' ';
    position: absolute;
    height: 9vw;
    width: 3vw;
    top: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    left: 148px; }
    @media (min-width: 992px) {
      .vask-container .keytimes:before {
        width: 2.5vw; } }
    @media (min-width: 1200px) {
      .vask-container .keytimes:before {
        width: 2vw; } }
  @media (min-width: 992px) {
    .vask-container .keytimes {
      bottom: 8vw; } }
  @media (min-width: 1440px) {
    .vask-container .keytimes {
      bottom: 5vw; } }
  @media (min-width: 2160px) {
    .vask-container .keytimes {
      bottom: 3vw; } }
  .vask-container .keytimes ul {
    background: rgba(15, 22, 26, 0.7);
    border-radius: 4px;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 24px 24px 0 24px;
    width: 240px; }
    .vask-container .keytimes ul::-webkit-scrollbar {
      background: transparent;
      width: 17px; }
      .vask-container .keytimes ul::-webkit-scrollbar:hover {
        background: rgba(60, 68, 72, 0.2); }
    .vask-container .keytimes ul::-webkit-scrollbar-thumb {
      background-clip: content-box;
      background-color: #3c4448;
      border: 5px solid transparent;
      border-radius: 36px; }
    .vask-container .keytimes ul li {
      min-height: 40px;
      position: relative; }
      .vask-container .keytimes ul li:before {
        border: 1px solid #f9fafb;
        content: '';
        height: 100%;
        left: 4px;
        margin: 4px 0 0 0;
        position: absolute; }
      .vask-container .keytimes ul li .time-line {
        background: #f9fafb;
        border-radius: 50%;
        box-sizing: border-box;
        height: 10px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 10px; }
      .vask-container .keytimes ul li .time {
        color: #f9fafb;
        font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        left: 20px;
        position: absolute; }
        .vask-container .keytimes ul li .time ~ .title {
          left: 70px;
          padding: 0 0 15px 0;
          position: relative; }
      .vask-container .keytimes ul li .title {
        box-sizing: border-box;
        color: #f9fafb;
        display: inline-block;
        font-size: 15px;
        font-weight: normal;
        padding: 0 0 15px 20px;
        top: 0;
        width: 160px; }
        .vask-container .keytimes ul li .title p {
          color: #bbc1c4;
          font-size: 13px;
          font-weight: normal;
          margin: 0;
          width: 100%; }
      .vask-container .keytimes ul li.later .time,
      .vask-container .keytimes ul li.later .title {
        opacity: 0.75; }
      .vask-container .keytimes ul li.later .time-line {
        background: #0f161a;
        border: 2px solid #f9fafb; }
      .vask-container .keytimes ul li.end:before {
        height: 8px; }
      .vask-container .keytimes ul li.end .time-line {
        background: transparent;
        border-bottom: 2px solid #f9fafb;
        border-width: 0 0 2px 0;
        border-radius: 0;
        margin-top: 2px; }
      .vask-container .keytimes ul li.end .time {
        height: 16px;
        position: relative; }

.vask-container .hidden-objects-progress-bar-container {
  position: absolute;
  right: 3vw;
  top: 3vw;
  z-index: 4; }

.vask-container .hidden-objects-progress-bar-wrapper {
  align-items: center;
  display: flex; }

.vask-container .hidden-objects-progress-bar {
  align-items: center;
  background: linear-gradient(180deg, #75edf2 0%, #0a858e 100%);
  border-radius: 30px;
  display: flex;
  height: 2vw;
  justify-content: center;
  position: relative;
  width: 70%; }

.vask-container .hidden-objects-progress-bar-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 3vw;
  margin-right: 5px;
  width: 5vw; }

.vask-container .hidden-objects-progress-bar-text {
  color: #eeeeee;
  font-size: 1.1vw;
  font-weight: 900;
  text-align: center; }

@keyframes zoomScoreBoard {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes objectFound {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }