.ModalStartFromBeginning-container-34slq .ModalStartFromBeginning-buttons-cGr7o {
  display: flex;
  justify-content: center;
  margin: 56px 0 80px 0; }
  .ModalStartFromBeginning-container-34slq .ModalStartFromBeginning-buttons-cGr7o button {
    align-items: center;
    display: flex;
    line-height: inherit;
    margin: 0 8px; }

@media screen and (max-width: 760px) {
  .ModalStartFromBeginning-container-34slq .ModalStartFromBeginning-buttons-cGr7o {
    margin: 28px 0 56px 0; } }
/*
 * 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);
 *
 */
.Countdown-viaplay-numerals-1u-im, .Countdown-container-2uz2y * {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Countdown-container-2uz2y {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: -13vw;
  width: calc(100vw - 672px);
  z-index: 1; }
  .Countdown-container-2uz2y * {
    color: #eeeeee; }
  .Countdown-container-2uz2y.Countdown-sport-3FIxW {
    left: 0;
    margin-bottom: 40px;
    width: 100%; }

.Countdown-wrapper-1gPT6 {
  display: inline-block;
  width: 295px; }

.Countdown-values-BFWsC * {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 900; }

.Countdown-labels-2kt7v * {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  width: 19.7%;
  margin-right: 2%;
  margin-left: 5%; }
  .Countdown-labels-2kt7v *:first-child {
    margin-left: 0; }
  .Countdown-labels-2kt7v *:last-child {
    margin-right: 0; }

.Countdown-point-16nNu {
  padding: 0 5px;
  text-align: center; }

@media screen and (min-width: 1695px) {
  .Countdown-container-2uz2y {
    width: calc(76.52vw - 320px); } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .Countdown-container-2uz2y {
    width: calc(61vw - 160px);
    left: -56px; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Countdown-container-2uz2y {
    width: calc(61vw - 112px);
    left: -56px; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Countdown-container-2uz2y {
    position: relative;
    text-align: left;
    top: 0;
    width: 100%; }
  .Countdown-wrapper-1gPT6 {
    width: 251px; }
  .Countdown-values-BFWsC * {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }

@media screen and (max-width: 480px) {
  .Countdown-container-2uz2y {
    position: relative;
    text-align: left;
    text-align: center;
    top: 0;
    width: 100%; }
  .Countdown-wrapper-1gPT6 {
    width: 251px; }
  .Countdown-values-BFWsC * {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }
/*
 * 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);
 *
 */
.Buttons-viaplay-numerals-1nS5O {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Buttons-primary-2wP_h,
.Buttons-secondary-1q9vy,
.Buttons-dark-1nzn1,
.Buttons-cta-3fes2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  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; }
  .Buttons-primary-2wP_h:hover,
  .Buttons-secondary-1q9vy:hover,
  .Buttons-dark-1nzn1:hover,
  .Buttons-cta-3fes2:hover {
    color: #eeeeee;
    text-decoration: none; }

.Buttons-primary-2wP_h {
  background-color: #fe365f; }
  .Buttons-primary-2wP_h:hover {
    background-color: #e53156; }

.Buttons-secondary-1q9vy {
  background-color: #2b2b35; }
  .Buttons-secondary-1q9vy:hover {
    background-color: #25252f; }

.Buttons-dark-1nzn1 {
  background-color: #1d1d27; }
  .Buttons-dark-1nzn1:hover {
    background-color: #17171f; }

.Buttons-icon-xZb8y {
  padding: 0 40px; }

.Buttons-cta-3fes2 {
  background-color: #15a615;
  border-radius: 32px; }
  .Buttons-cta-3fes2:hover {
    background-color: #199919; }

.Buttons-disabled-kvpoA {
  opacity: 0.4;
  pointer-events: none; }

.Buttons-play-P9FGc,
.Buttons-startFromBeginning-3ZSo6 {
  padding: 0 40px 0 62px; }
  .Buttons-play-P9FGc:before,
  .Buttons-startFromBeginning-3ZSo6:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzMwNjkgNi40NzM0OEwwLjg5NzQxMSAxMS45MTFDMC43MTgzODkgMTIuMDIyIDAuNDkxNDM5IDEyLjAyOTcgMC4zMDQ4NTMgMTEuOTMxMkMwLjExODI2OCAxMS44MzI3IDAuMDAxNTA4NTEgMTEuNjQzNCAwIDExLjQzNzFWMC41NjI4MDFDMC4wMDE1Mjk3NSAwLjM1NjUwOSAwLjExODI5NyAwLjE2NzMwOSAwLjMwNDg3OSAwLjA2ODgwMjFDMC40OTE0NiAtMC4wMjk3MDQ5IDAuNzE4Mzk4IC0wLjAyMTk2NjUgMC44OTc0MTEgMC4wODkwMDY5TDkuNzMwNzUgNS41MjY0NkM5Ljg5ODMzIDUuNjI4ODQgMTAgNS44MDc2OCAxMCA1Ljk5OTk5QzkuOTk5OTkgNi4xOTIzIDkuODk4MjggNi4zNzExMiA5LjczMDY5IDYuNDczNDhaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 12px 14px;
    bottom: 0;
    content: '';
    width: 14px;
    height: 14px;
    left: 40px;
    margin: auto;
    position: absolute;
    top: 0; }
  .Buttons-play-P9FGc.Buttons-loading-1IsE2:before,
  .Buttons-startFromBeginning-3ZSo6.Buttons-loading-1IsE2:before {
    visibility: hidden; }

.Buttons-startFromBeginning-3ZSo6:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuMzI4LjIwNWMuNzMzIDAgMS4zMjguNTc3IDEuMzI4IDEuMjg5djExLjAxMmMwIC43MTItLjU5NSAxLjI4OS0xLjMyOCAxLjI4OS0uNzM0IDAtMS4zMjgtLjU3Ny0xLjMyOC0xLjI4OVYxLjQ5NEMwIC43ODIuNTk0LjIwNSAxLjMyOC4yMDV6IiBmaWxsPSIjRUVFIi8+PHBhdGggZD0iTTIuMjk2IDYuNDYzTDEyLjAxMy4zMDZBLjY0Mi42NDIgMCAwMTEzIC44NDJ2MTIuMzEzYS42NDIuNjQyIDAgMDEtLjk4Ny41MzdMMi4yOTYgNy41MzVhLjYzMy42MzMgMCAwMTAtMS4wNzJ6IiBmaWxsPSIjRUVFIi8+PC9zdmc+) no-repeat; }

.Buttons-fixiplay-JBwwY {
  background-image: linear-gradient(90deg, #2d5596, #3cb6bf);
  border-radius: 100px;
  color: #eeeeee;
  font-size: 1.17vw;
  font-weight: bold;
  height: 5vw;
  line-height: 5vw;
  margin-right: 2vw;
  width: 23vw; }
  .Buttons-fixiplay-JBwwY:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNiI+CiAgPHBhdGggZmlsbD0iI0NGQ0ZDRiIgZD0iTTAgMjIuOWMwIDIuNCAyLjYgMy45IDQuNyAyLjdsMTcuNi0xMEEzIDMgMCAwMDI0IDEzYTMgMyAwIDAwLTEuNi0yLjdMNC43LjRBMy4yIDMuMiAwIDAwMCAzLjFWMjN6Ii8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: '';
    height: 40%;
    left: 1.5vw;
    margin: auto;
    position: absolute;
    top: 0;
    width: 3vw; }

.Buttons-fixirewatch-dK1Hb {
  background-color: rgba(238, 238, 238, 0.3);
  border-radius: 100px;
  color: #eeeeee;
  font-size: 1.17vw;
  font-weight: bold;
  height: 5vw;
  line-height: 5vw;
  margin-right: 2vw;
  width: 23vw; }
  .Buttons-fixirewatch-dK1Hb:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzMCI+CiAgPHBhdGggc3Ryb2tlPSIjRDhEOEQ4IiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xOC4zIDI3LjNjNyAwIDEyLjctNS43IDEyLjctMTIuNiAwLTYuOS01LjctMTIuNS0xMi43LTEyLjVhMTIuNiAxMi42IDAgMDAtMTIuNiAxNGMuMS4yLjMuNS42LjQuNCAwIC42LS4zLjUtLjZ2LTEuM2MwLTYuMyA1LjEtMTEuNCAxMS41LTExLjRzMTEuNiA1LjEgMTEuNiAxMS40QTExLjQgMTEuNCAwIDAxMTMuMyAyNWEuNy43IDAgMDAtLjguMmMwIC4zIDAgLjYuMy44YTEyLjcgMTIuNyAwIDAwNS41IDEuM3oiLz4KICA8cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNMTYgMThjMCAuOC43IDEuMiAxLjQuOWw1LjEtM2ExIDEgMCAwMC41LS45IDEgMSAwIDAwLS41LS44bC01LjEtM2MtLjctLjQtMS40IDAtMS40Ljh2NnoiLz4KICA8cGF0aCBzdHJva2U9IiNEOEQ4RDgiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTYuMyAyMC44Yy4xIDAgLjMgMCAuNS0uMmwzLjYtMy41Yy4yLS4zLjItLjcgMC0xLS4zLS4yLS44LS4yLTEgMGwtMy4xIDMuMkwzIDE2LjJjLS4yLS4zLS43LS4zLS45IDAtLjMuMi0uMy43IDAgLjlsMy42IDMuNWEuNy43IDAgMDAuNS4yeiIvPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: '';
    height: 45%;
    left: 1.5vw;
    margin: auto;
    position: absolute;
    top: 0;
    width: 3vw; }
  .Buttons-fixirewatch-dK1Hb:hover {
    background-color: rgba(238, 238, 238, 0.7);
    color: #1d1d27; }
    .Buttons-fixirewatch-dK1Hb:hover:before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNCAzMCI+CiAgPHBhdGggc3Ryb2tlPSIjMjEyRDMzIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0xOC4zIDI3LjNjNyAwIDEyLjctNS43IDEyLjctMTIuNiAwLTYuOS01LjctMTIuNS0xMi43LTEyLjVhMTIuNiAxMi42IDAgMDAtMTIuNiAxNGMuMS4yLjMuNS42LjQuNCAwIC42LS4zLjUtLjZ2LTEuM2MwLTYuMyA1LjEtMTEuNCAxMS41LTExLjRzMTEuNiA1LjEgMTEuNiAxMS40QTExLjQgMTEuNCAwIDAxMTMuMyAyNWEuNy43IDAgMDAtLjguMmMwIC4zIDAgLjYuMy44YTEyLjcgMTIuNyAwIDAwNS41IDEuM3oiLz4KICA8cGF0aCBmaWxsPSIjMjEyRDMzIiBkPSJNMTYgMThjMCAuOC43IDEuMiAxLjQuOWw1LjEtM2ExIDEgMCAwMC41LS45IDEgMSAwIDAwLS41LS44bC01LjEtM2MtLjctLjQtMS40IDAtMS40Ljh2NnoiLz4KICA8cGF0aCBzdHJva2U9IiMyMTJEMzMiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTYuMyAyMC44Yy4xIDAgLjMgMCAuNS0uMmwzLjYtMy41YTEgMSAwIDAwMC0xYy0uMy0uMi0uOC0uMi0xIDBsLTMuMSAzLjJMMyAxNi4yYy0uMi0uMy0uNy0uMy0uOSAwLS4zLjItLjMuNyAwIC45bDMuNiAzLjVhLjcuNyAwIDAwLjUuMnoiLz4KPC9zdmc+);
      background-size: contain; }

.Buttons-small-3czNI {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  padding: 0 24px; }

.Buttons-share-2R28M {
  margin: 0 8px 16px 8px;
  max-width: 90%;
  padding: 0;
  width: 240px; }

.Buttons-golive-Q8AU8 {
  bottom: 12px;
  padding: 0 16px 0 40px;
  position: absolute;
  right: 0; }
  .Buttons-golive-Q8AU8:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNSAwQzMuMzY2IDAgMCAzLjM2NiAwIDcuNVMzLjM2NiAxNSA3LjUgMTUgMTUgMTEuNjM0IDE1IDcuNSAxMS42MzQgMCA3LjUgMHptMCAxLjQwNkE2LjA4MyA2LjA4MyAwIDAxMTMuNTk0IDcuNSA2LjA4MyA2LjA4MyAwIDAxNy41IDEzLjU5NCA2LjA4MyA2LjA4MyAwIDAxMS40MDYgNy41IDYuMDgzIDYuMDgzIDAgMDE3LjUgMS40MDZ6bTAgMS43NzhhLjcwMy43MDMgMCAwMC0uNzAzLjcwM1Y3LjVjMCAuMTk0LjA3OC4zNy4yMDUuNDk4bDIuMjU2IDIuMjY4YS43MDUuNzA1IDAgMDAuOTk2LS45OTZsLTIuMDUtMi4wNjN2LTMuMzJhLjcwMy43MDMgMCAwMC0uNzA0LS43MDN6Ii8+Cjwvc3ZnPg==) no-repeat;
    background-size: 16px;
    bottom: 0;
    content: '';
    width: 16px;
    height: 16px;
    left: 16px;
    margin: auto;
    position: absolute;
    top: 0; }
  .Buttons-golive-Q8AU8:hover {
    color: #eeeeee; }

.Buttons-shake-38bJg {
  animation: Buttons-shake-38bJg 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  backface-visibility: hidden;
  perspective: 1000px;
  transform: translate3d(0, 0, 0); }

@keyframes Buttons-shake-38bJg {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0); }
  20%,
  80% {
    transform: translate3d(2px, 0, 0); }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0); }
  40%,
  60% {
    transform: translate3d(4px, 0, 0); } }

@media screen and (max-width: 760px) {
  .Buttons-primary-2wP_h,
  .Buttons-secondary-1q9vy,
  .Buttons-dark-1nzn1 {
    height: 40px;
    line-height: 40px;
    padding: 0 24px; }
    .Buttons-primary-2wP_h.Buttons-share-2R28M,
    .Buttons-secondary-1q9vy.Buttons-share-2R28M,
    .Buttons-dark-1nzn1.Buttons-share-2R28M {
      height: 48px;
      line-height: 48px;
      padding: 0 48px; }
    .Buttons-primary-2wP_h.Buttons-play-P9FGc, .Buttons-primary-2wP_h.Buttons-startFromBeginning-3ZSo6,
    .Buttons-secondary-1q9vy.Buttons-play-P9FGc,
    .Buttons-secondary-1q9vy.Buttons-startFromBeginning-3ZSo6,
    .Buttons-dark-1nzn1.Buttons-play-P9FGc,
    .Buttons-dark-1nzn1.Buttons-startFromBeginning-3ZSo6 {
      padding: 0 24px 0 46px; }
      .Buttons-primary-2wP_h.Buttons-play-P9FGc:before, .Buttons-primary-2wP_h.Buttons-startFromBeginning-3ZSo6:before,
      .Buttons-secondary-1q9vy.Buttons-play-P9FGc:before,
      .Buttons-secondary-1q9vy.Buttons-startFromBeginning-3ZSo6:before,
      .Buttons-dark-1nzn1.Buttons-play-P9FGc:before,
      .Buttons-dark-1nzn1.Buttons-startFromBeginning-3ZSo6:before {
        left: 24px; }
    .Buttons-primary-2wP_h.Buttons-small-3czNI,
    .Buttons-secondary-1q9vy.Buttons-small-3czNI,
    .Buttons-dark-1nzn1.Buttons-small-3czNI {
      height: 32px;
      line-height: 32px; }
    .Buttons-primary-2wP_h.Buttons-golive-Q8AU8,
    .Buttons-secondary-1q9vy.Buttons-golive-Q8AU8,
    .Buttons-dark-1nzn1.Buttons-golive-Q8AU8 {
      padding: 0 16px 0 40px; } }

@media screen and (max-width: 480px) {
  .Buttons-primary-2wP_h.Buttons-small-3czNI,
  .Buttons-secondary-1q9vy.Buttons-small-3czNI,
  .Buttons-dark-1nzn1.Buttons-small-3czNI {
    height: 24px;
    line-height: 24px;
    padding: 0 8px; }
  .Buttons-primary-2wP_h.Buttons-golive-Q8AU8,
  .Buttons-secondary-1q9vy.Buttons-golive-Q8AU8,
  .Buttons-dark-1nzn1.Buttons-golive-Q8AU8 {
    padding: 0 8px 0 28px; }
    .Buttons-primary-2wP_h.Buttons-golive-Q8AU8:before,
    .Buttons-secondary-1q9vy.Buttons-golive-Q8AU8:before,
    .Buttons-dark-1nzn1.Buttons-golive-Q8AU8:before {
      left: 8px; }
  .Buttons-primary-2wP_h.Buttons-play-P9FGc, .Buttons-primary-2wP_h.Buttons-startFromBeginning-3ZSo6,
  .Buttons-secondary-1q9vy.Buttons-play-P9FGc,
  .Buttons-secondary-1q9vy.Buttons-startFromBeginning-3ZSo6,
  .Buttons-dark-1nzn1.Buttons-play-P9FGc,
  .Buttons-dark-1nzn1.Buttons-startFromBeginning-3ZSo6 {
    padding: 0 24px; }
    .Buttons-primary-2wP_h.Buttons-play-P9FGc:before, .Buttons-primary-2wP_h.Buttons-startFromBeginning-3ZSo6:before,
    .Buttons-secondary-1q9vy.Buttons-play-P9FGc:before,
    .Buttons-secondary-1q9vy.Buttons-startFromBeginning-3ZSo6:before,
    .Buttons-dark-1nzn1.Buttons-play-P9FGc:before,
    .Buttons-dark-1nzn1.Buttons-startFromBeginning-3ZSo6:before {
      display: inline-block;
      left: -8px;
      position: relative; }
  a {
    width: 100%; } }
.ModalDeviceLimitError-button-3I7_K {
  margin: 56px 0 0 0; }
.ModalHiddenObjectsReset-boldtext-1AFe4 {
  font-weight: bold;
  margin-bottom: 24px; }

.ModalHiddenObjectsReset-buttons-1I187 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 56px 0 80px 0; }
  .ModalHiddenObjectsReset-buttons-1I187 button {
    margin: 0 8px; }

.ModalHiddenObjectsReset-container-2qzSk {
  overflow: hidden; }
/*
 * 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);
 *
 */
.ModalReconnectionFlow-viaplay-numerals-2V6Ij {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalReconnectionFlow-posterShadow-9l_6p,
.ModalReconnectionFlow-poster-3aeE7 {
  background-position: center;
  background-size: cover;
  height: 224px;
  width: 100%; }

.ModalReconnectionFlow-vignette-vjoif {
  background: linear-gradient(to bottom, transparent, transparent 20%, #2b2b35 100%);
  height: 224px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.ModalReconnectionFlow-packageHeader-2E6AB {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: bold;
  margin-bottom: 0; }
  .ModalReconnectionFlow-packageHeader-2E6AB + p {
    margin-top: 8px; }

.ModalReconnectionFlow-box-2w56x {
  margin-top: -16px; }

.ModalReconnectionFlow-bottom-2iudC {
  margin: 80px 0 24px 0; }
  .ModalReconnectionFlow-bottom-2iudC a, .ModalReconnectionFlow-bottom-2iudC a:hover {
    color: #eeeeee;
    font-weight: bold; }

.ModalReconnectionFlow-wrapper-2Dc0t {
  margin: 0 0 56px 0; }
.ModalIpc-cancel-AfHbj {
  color: #eeeeee;
  cursor: pointer;
  display: block;
  margin-top: 16px; }
  .ModalIpc-cancel-AfHbj:hover {
    text-decoration: underline; }

.ModalIpc-container-TL1MT {
  background: #1d1d27;
  padding: 0; }

.ModalIpc-ctas-N0L3g {
  padding: 56px 0 80px 0;
  text-align: center; }

.ModalIpc-image-3hPSF,
.ModalIpc-vignette-3PTm9 {
  left: 0;
  max-width: 100%;
  min-height: 340px;
  position: absolute;
  top: 0;
  width: 630px; }

.ModalIpc-vignette-3PTm9 {
  background: linear-gradient(180deg, transparent 0%, #1d1d27 100%);
  height: 355px; }

.ModalIpc-wrapper-eSBQp {
  margin-top: 176px;
  padding: 0;
  position: relative; }

.ModalIpc-light-3ApsZ {
  background: #eeeeee; }
  .ModalIpc-light-3ApsZ .ModalIpc-cancel-AfHbj:not(.ModalIpc-button-xcFJ0) {
    color: #1d1d27; }
  .ModalIpc-light-3ApsZ .ModalIpc-image-3hPSF {
    margin: 0 auto;
    min-height: 280px;
    right: 0;
    width: 520px; }
  .ModalIpc-light-3ApsZ .ModalIpc-title-2YM2w {
    color: #1d1d27; }
  .ModalIpc-light-3ApsZ .ModalIpc-text-337vn {
    color: #1d1d27; }
  .ModalIpc-light-3ApsZ .ModalIpc-wrapper-eSBQp {
    margin-top: 240px; }

.ModalIpc-profiles-3Ry17 .ModalIpc-image-3hPSF {
  margin: 0 auto;
  min-height: 280px;
  right: 0;
  width: 520px; }

.ModalIpc-profiles-3Ry17 .ModalIpc-vignette-3PTm9 {
  background: none; }

.ModalIpc-profiles-3Ry17 .ModalIpc-wrapper-eSBQp {
  margin-top: 240px; }

@media screen and (max-width: 480px) {
  .ModalIpc-image-3hPSF {
    min-height: auto;
    width: 100%; }
  .ModalIpc-vignette-3PTm9 {
    min-height: 0; }
    .ModalIpc-vignette-3PTm9:before {
      content: '';
      display: block;
      padding-top: 56.25%; }
  .ModalIpc-light-3ApsZ .ModalIpc-wrapper-eSBQp,
  .ModalIpc-profiles-3Ry17 .ModalIpc-wrapper-eSBQp {
    margin-top: calc(90vw * 0.5); } }
.ModalIpcSharedButtons-shareCtas-MIE8k {
  margin: 0 -40px;
  padding: 56px 0 80px 0; }
  .ModalIpcSharedButtons-shareCtas-MIE8k span {
    margin: 0 -32px 0 0;
    position: relative; }
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-hidden-9TLaG {
    display: none; }
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-link-ck1ZH:before,
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-copied-3g5wc:before,
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-messenger-DKMcy:before {
    background-size: 22px;
    content: '';
    height: 24px;
    left: -32px;
    position: absolute;
    top: -2px;
    width: 24px; }
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-link-ck1ZH:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC4xMDgzIDEwLjc2MDVDMjIuNDg3NyA4LjM4MTEgMjIuNDg3NyA0LjUyMzM5IDIwLjEwODMgMi4xNDQwM0MxNy43MjkgLTAuMjM1MzM3IDEzLjg3MTIgLTAuMjM1MzM0IDExLjQ5MTkgMi4xNDQwM0wxMC4zOTU5IDMuMjQwMDJDMTAuMDA1NCAzLjYzMDU0IDEwLjAwNTQgNC4yNjM3MSAxMC4zOTU5IDQuNjU0MjNDMTAuNzg2NCA1LjA0NDc2IDExLjQxOTYgNS4wNDQ3NiAxMS44MTAxIDQuNjU0MjNMMTIuOTA2MSAzLjU1ODI0QzE0LjUwNDQgMS45NTk5MyAxNy4wOTU4IDEuOTU5OTMgMTguNjk0MSAzLjU1ODI0QzIwLjI5MjQgNS4xNTY1NiAyMC4yOTI0IDcuNzQ3OTQgMTguNjk0MSA5LjM0NjI1TDE1LjI1NzEgMTIuNzgzMkMxMy4yNjc5IDE0Ljc3MjUgOS45MzM0MyAxNC4zMzU2IDguNTIzODggMTEuOTAwOUM4LjI0NzE3IDExLjQyMjkgNy42MzUzOCAxMS4yNTk4IDcuMTU3NDIgMTEuNTM2NUM2LjY3OTQ2IDExLjgxMzIgNi41MTYzMSAxMi40MjUgNi43OTMwMyAxMi45MDI5QzguODYwOTcgMTYuNDc0OCAxMy43NTI5IDE3LjExNTkgMTYuNjcxMyAxNC4xOTc0TDIwLjEwODMgMTAuNzYwNVpNMS43ODQ1MiAxMS44NTE0Qy0wLjU5NDg0NyAxNC4yMzA3IC0wLjU5NDg0OCAxOC4wODg0IDEuNzg0NTIgMjAuNDY3OEM0LjE2Mzg4IDIyLjg0NzIgOC4wMjE1OSAyMi44NDcyIDEwLjQwMSAyMC40Njc4TDExLjQ5NjkgMTkuMzcxOEMxMS44ODc1IDE4Ljk4MTMgMTEuODg3NSAxOC4zNDgxIDExLjQ5NjkgMTcuOTU3NkMxMS4xMDY0IDE3LjU2NzEgMTAuNDczMyAxNy41NjcxIDEwLjA4MjcgMTcuOTU3Nkw4Ljk4Njc0IDE5LjA1MzZDNy4zODg0MyAyMC42NTE5IDQuNzk3MDQgMjAuNjUxOSAzLjE5ODczIDE5LjA1MzZDMS42MDA0MSAxNy40NTUzIDEuNjAwNDEgMTQuODYzOSAzLjE5ODczIDEzLjI2NTZMNi42MzU3IDkuODI4NjFDOC42MjQ5OCA3LjgzOTMzIDExLjk1OTQgOC4yNzYyOCAxMy4zNjkgMTAuNzExQzEzLjY0NTcgMTEuMTg4OSAxNC4yNTc1IDExLjM1MjEgMTQuNzM1NCAxMS4wNzUzQzE1LjIxMzQgMTAuNzk4NiAxNS4zNzY1IDEwLjE4NjggMTUuMDk5OCA5LjcwODg4QzEzLjAzMTkgNi4xMzY5OCA4LjEzOTk1IDUuNDk1OTMgNS4yMjE0OSA4LjQxNDM5TDEuNzg0NTIgMTEuODUxNFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat; }
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-copied-3g5wc:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    top: -5px; }
  .ModalIpcSharedButtons-shareCtas-MIE8k .ModalIpcSharedButtons-messenger-DKMcy:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRUVFRUVFO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLDBDNSwwLDAsNC42LDAsMTAuMmMwLDMuMiwxLjYsNiw0LjEsOFYyMmwzLjctMmMxLDAuMiwyLjEsMC40LDMuMiwwLjRjNiwwLDExLTQuNiwxMS0xMC4yUzE3LDAsMTEsMHoKCSBNMTIsMTMuN2wtMi43LTNsLTUuNSwzbDYtNi40bDMsM2w1LjMtM2wtNiw2LjRMMTIsMTMuN3oiLz4KPC9zdmc+Cg==) no-repeat; }

.ModalIpcSharedButtons-readmore-3GVOd {
  color: #eeeeee;
  display: block;
  margin: 0; }
  .ModalIpcSharedButtons-readmore-3GVOd:hover {
    color: #eeeeee; }

@media screen and (max-width: 760px) {
  .ModalIpcSharedButtons-shareCtas-MIE8k {
    margin: 0; } }
.ModalLoginRequired-container-35FUz {
  text-align: center; }

.ModalLoginRequired-formContainer-3eNNW {
  padding: 0 32px; }

.ModalLoginRequired-loading-3cOOi {
  opacity: 0.5; }
.ModalPinRequired-container-5YYpd .ModalPinRequired-pin-2eU9x {
  width: 280px;
  margin-bottom: 8px;
  text-align: center; }

.ModalPinRequired-container-5YYpd .ModalPinRequired-spinnerContainer-1wsGg {
  align-items: center;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 32; }
  .ModalPinRequired-container-5YYpd .ModalPinRequired-spinnerContainer-1wsGg.ModalPinRequired-visible-1AbUW {
    display: flex; }

.ModalPinRequired-error-1ymlO {
  margin-top: 0;
  padding: 0; }

.ModalPinRequired-formError-3Nt7V input[type='password'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 32px 16px;
  border: 1px solid #fe365f; }

.ModalPinRequired-content-3UyeP {
  display: inline-block; }

.ModalPinRequired-input-waWJw input[type='password'] {
  width: 185px; }
/*
 * 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);
 *
 */
.ModalConfirmGDPR-viaplay-numerals-346U4 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalConfirmGDPR-container-3i7nB {
  margin: 0 0 80px 0;
  top: 20px; }

.ModalConfirmGDPR-disable-15BlR {
  opacity: 0.2;
  pointer-events: none; }

.ModalConfirmGDPR-wrapper-1xrF5 {
  margin: 30px 0 40px 0;
  padding: 20px 0;
  position: relative;
  text-align: left; }
  .ModalConfirmGDPR-wrapper-1xrF5 a, .ModalConfirmGDPR-wrapper-1xrF5 a:hover {
    color: #eeeeee;
    font-weight: bold; }

.ModalConfirmGDPR-termsCheckbox-1rd8K,
.ModalConfirmGDPR-newsCheckbox-1jDSh {
  left: 24px;
  position: absolute; }

.ModalConfirmGDPR-termsError-348ft {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  color: #fe365f;
  padding: 0 0 0 70px;
  text-align: left; }

.ModalConfirmGDPR-termsText-1bgfr,
.ModalConfirmGDPR-newsText-2zsoP {
  display: block;
  padding: 0 30px 0 70px; }

.ModalConfirmGDPR-newsContainer-3NfU4 {
  padding-top: 20px; }

.ModalConfirmGDPR-loading-I1qD5 {
  opacity: 0.5; }
/*
 * 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);
 *
 */
.LoginForm-viaplay-numerals-1Ixzk {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.LoginForm-button-uwGG5 {
  display: block;
  margin: 56px auto 24px auto;
  max-width: 400px; }

.LoginForm-form-rRL9k input[type='email'],
.LoginForm-form-rRL9k input[type='password'] {
  display: block;
  margin-bottom: 8px;
  width: 100%; }

.LoginForm-form-rRL9k.LoginForm-formError-9mBRg input[type='email'],
.LoginForm-form-rRL9k.LoginForm-formError-9mBRg input[type='password'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 32px 16px;
  border: 1px solid #fe365f; }

.LoginForm-error-3rlSa {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  color: #fe365f;
  display: block;
  margin-top: 4px;
  padding: 0 16px;
  text-align: left; }
  .LoginForm-error-3rlSa a, .LoginForm-error-3rlSa a:hover {
    color: #fe365f; }

.LoginForm-forgotPassword-2w5dK {
  display: block; }
.ModalReportThanks-body-35oru {
  display: block;
  margin-bottom: 80px; }
.ModalOpenInMobile-buttonContainer-3Wp8L {
  margin: 56px auto 80px auto; }
  .ModalOpenInMobile-buttonContainer-3Wp8L > * {
    margin: auto; }

.ModalOpenInMobile-wide-12G7t {
  display: block;
  width: 80%; }
  .ModalOpenInMobile-wide-12G7t + .ModalOpenInMobile-wide-12G7t {
    margin-top: 16px; }

@media screen and (max-width: 760px) {
  .ModalOpenInMobile-wide-12G7t {
    height: 48px;
    line-height: 48px;
    padding: 0 48px; } }
.ModalReportProblem-selectWrapper-pH63W {
  display: inline-block;
  margin-top: 24px;
  position: relative;
  width: 344px; }
  .ModalReportProblem-selectWrapper-pH63W:before, .ModalReportProblem-selectWrapper-pH63W:after {
    content: ' ';
    position: absolute;
    pointer-events: none; }
  .ModalReportProblem-selectWrapper-pH63W:before {
    height: 100%;
    right: 0;
    top: 0;
    width: 2.25em; }
  .ModalReportProblem-selectWrapper-pH63W:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #eeeeee;
    right: 0.75em;
    top: 50%;
    margin-top: -3px; }

.ModalReportProblem-buttons-3ouUj {
  margin: 56px 0 0 0; }

.ModalReportProblem-cancel-1tJLs {
  color: #eeeeee;
  display: block;
  margin-top: 16px; }
  .ModalReportProblem-cancel-1tJLs:hover {
    color: #eeeeee; }

.ModalReportProblem-message-3lvfr textarea {
  height: 88px;
  margin-top: 16px;
  overflow: auto;
  padding: 16px;
  width: 344px; }

.ModalReportProblem-disable-2d47c {
  opacity: 0.2;
  pointer-events: none; }
.ModalRatingInput-container-xw0JO {
  background-color: #1d1d27;
  color: #eeeeee; }

.ModalRatingInput-wrapper-3k1uD {
  margin-top: 176px;
  padding: 0;
  position: relative; }

.ModalRatingInput-text-239GS {
  display: block; }

.ModalRatingInput-image-3cqaO,
.ModalRatingInput-vignette-1P25G {
  left: 0;
  max-width: 100%;
  min-height: 340px;
  position: absolute;
  top: 0;
  width: 100%; }

.ModalRatingInput-vignette-1P25G {
  background: linear-gradient(180deg, transparent 0%, #1d1d27 100%);
  height: 355px; }

.ModalRatingInput-iconWrapper-2T100 {
  padding: 56px 0 80px 0; }

.ModalRatingInput-icon-1fXBB {
  display: inline-block;
  margin: 0 8px; }
  .ModalRatingInput-icon-1fXBB:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MzIxIDIuMTU3MTFDMTQuMjk4NyAyLjI5MDU0IDE0LjE2MTMgMi41MTc4MSAxNC4wMzYzIDIuODUxMTJMMTQuMDE1MSAyLjkwNzcyTDEzLjk4NzIgMi45NjEzNUMxMi43MjE3IDUuMzk1IDExLjE4MyA3LjM2OTE2IDkuODUyMDEgOS4wNzY3MkM5Ljc3NTM1IDkuMTc1MDggOS42OTkzOCA5LjI3MjU1IDkuNjI0MTggOS4zNjkxN0M5LjQ0NDI3IDkuNjYwMDkgOS4yNDU5IDkuOTExOTYgOS4wNzE5MyAxMC4xMjMyQzkuMDA2MDEgMTAuMjAzMiA4Ljk0NjkyIDEwLjI3MzcgOC44OTI2MiAxMC4zMzg1QzguNzgwNjEgMTAuNDcyMSA4LjY4OSAxMC41ODEzIDguNiAxMC43TDguNTU3MzYgMTAuNzU2OUw3LjkxNDIxIDExLjRINS4xQzQuMzU5MTEgMTEuNCAzLjYwOTc1IDExLjgxNDkgMy4wMDU4MiAxMi42NzQ4QzIuNDAxNTYgMTMuNTM1MSAyIDE0Ljc3OCAyIDE2LjJDMiAxOS4xMDE0IDMuNzc1NjYgMjEgNS41IDIxSDkuMjY3NTdMOS40MjU3OSAyMS4wNTQ2TDkuNDI2NzQgMjEuMDU0OUw5LjQzMTYzIDIxLjA1NjZMOS40NTM0MyAyMS4wNjRDOS40NzMyMSAyMS4wNzA3IDkuNTAzMjggMjEuMDgwOCA5LjU0Mjc0IDIxLjA5MzhDOS42MjE2NyAyMS4xMTk5IDkuNzM3OTkgMjEuMTU3OCA5Ljg4NDMzIDIxLjIwMzlDMTAuMTc3NCAyMS4yOTYgMTAuNTg4OCAyMS40MiAxMS4wNiAyMS41NDY5QzEyLjAyMDggMjEuODA1NiAxMy4xNjEgMjIuMDU2OCAxNC4wNDk5IDIyLjEwMTJMMTQuMDcwMyAyMi4xMDIzTDE0LjA4OTEgMjIuMTA0TDE0LjA5MDIgMjIuMTA0MUwxNC4xMDMxIDIyLjEwNTFDMTQuMTE1MyAyMi4xMDYxIDE0LjEzNTIgMjIuMTA3NSAxNC4xNjIzIDIyLjEwOTNDMTQuMjE2NiAyMi4xMTI4IDE0LjI5OTIgMjIuMTE3MyAxNC40MDUyIDIyLjEyMDlDMTQuNjE3OCAyMi4xMjggMTQuOTIxMyAyMi4xMzA5IDE1LjI3NjcgMjIuMTEzN0MxNS45OTk3IDIyLjA3ODcgMTYuODc2NyAyMS45NjMgMTcuNjMzMiAyMS42Njk3QzE4LjI5NDIgMjEuNDA0OCAxOC42NTgyIDIxLjE0ODIgMTguODgwNiAyMC45MTc5QzE5LjA5NTYgMjAuNjk1MiAxOS4yMzE5IDIwLjQ0MjEgMTkuMzUxMyAyMC4wODM4TDE5LjM1NTYgMjAuMDcxTDE5LjM2MDIgMjAuMDU4M0MyMC4xMzc2IDE3LjkyMDUgMjEgMTQuNTQxOSAyMSAxMS42QzIxIDEwLjk1MjMgMjAuNTQ3NyAxMC41IDE5LjkgMTAuNUgxNi4xQzE1LjcxNyAxMC41IDE1LjIwMDkgMTAuNDQwNSAxNC43NDMxIDEwLjE4ODdDMTQuMjIyOSA5LjkwMjYzIDEzLjggOS4zNjc3OCAxMy44IDguNkMxMy44IDguMTI0MzQgMTMuOTQ4NSA3LjU5MTg3IDE0LjEwNDEgNy4xMzgxOEMxNC4yNjg0IDYuNjU4NzMgMTQuNDgyNiA2LjE1MjA0IDE0LjY4NjIgNS42OTM4NkwxNC42ODk2IDUuNjg2MThDMTUuMjA2OSA0LjU0ODA1IDE1LjYgMy41NDY2IDE1LjYgMi44QzE1LjYgMi4zNTIyOCAxNS4yNDc3IDIgMTQuOCAyQzE0LjY0NDIgMiAxNC41NDExIDIuMDQ4MDcgMTQuNDMyMSAyLjE1NzExWk0xMy45MzMgMjQuMDk3OUMxMi44MjU2IDI0LjA0MDEgMTEuNTI0MSAyMy43NDMxIDEwLjU0IDIzLjQ3ODFDMTAuMDM2MiAyMy4zNDI1IDkuNTk3NTggMjMuMjEwMiA5LjI4NDQyIDIzLjExMThDOS4xNDA3IDIzLjA2NjYgOS4wMjI5NiAyMy4wMjg0IDguOTM2OTYgMjNINS41QzIuMjI0MzQgMjMgMCAxOS42OTg2IDAgMTYuMkMwIDE0LjQyMiAwLjQ5ODQ0IDEyLjc2NDkgMS4zNjkxOCAxMS41MjUyQzIuMjQwMjUgMTAuMjg1MSAzLjU0MDg5IDkuNCA1LjEgOS40SDcuMDc2NzNDNy4xODEzNSA5LjI2NjM3IDcuMjk1NjggOS4xMjk5MyA3LjM5Nzk2IDkuMDA3ODhDNy40NDQ1MiA4Ljk1MjMzIDcuNDg4NTcgOC44OTk3NiA3LjUyODA3IDguODUxNzlDNy42OTMyOSA4LjY1MTE3IDcuODMwOTkgOC40NzEzNyA3Ljk0MjUxIDguMjg1NUw3Ljk3MzU4IDguMjMzNzJMOC4wMTA2NSA4LjE4NjA2QzguMDkyMTcgOC4wODEyNSA4LjE3NDExIDcuOTc2MDcgOC4yNTY0IDcuODcwNDRDOS41ODk3NCA2LjE1ODk5IDExLjAxMzQgNC4zMzE2NCAxMi4xODY2IDIuMDg4OTRDMTIuNTI4NiAxLjIwODc2IDEzLjI2NjQgMCAxNC44IDBDMTYuMzUyMyAwIDE3LjYgMS4yNDc3MSAxNy42IDIuOEMxNy42IDQuMDUxODcgMTYuOTk0NSA1LjQ0ODUgMTYuNTEyMSA2LjUwOTg5QzE2LjMxNjQgNi45NTA0OCAxNi4xMzEyIDcuMzkyMzkgMTUuOTk1OSA3Ljc4NjgyQzE1Ljg4OTcgOC4wOTY3OCAxNS44MzM3IDguMzIzNTEgMTUuODExNiA4LjQ3MTIxQzE1LjgxOTggOC40NzMxMSAxNS44Mjg2IDguNDc1IDE1LjgzNzkgOC40NzY4NEMxNS45MTMxIDguNDkxNzIgMTYuMDAzMSA4LjUgMTYuMSA4LjVIMTkuOUMyMS42NTIzIDguNSAyMyA5Ljg0NzcyIDIzIDExLjZDMjMgMTQuODUyMiAyMi4wNjU4IDE4LjQ2NjQgMjEuMjQ0MyAyMC43Mjk1QzIxLjA2MzggMjEuMjY2OCAyMC44MDA0IDIxLjgwODkgMjAuMzE5NCAyMi4zMDcxQzE5Ljg0MjMgMjIuODAxMyAxOS4yMDc0IDIzLjE5NDEgMTguMzcxNCAyMy41Mjg1TDE4LjM2MjUgMjMuNTMyQzE3LjMxOTkgMjMuOTM3NSAxNi4xOTg5IDI0LjA3MTQgMTUuMzczMyAyNC4xMTEzQzE0Ljk1MzcgMjQuMTMxNiAxNC41OTQ3IDI0LjEyODMgMTQuMzM4NiAyNC4xMTk4QzE0LjIxMDIgMjQuMTE1NSAxNC4xMDY5IDI0LjEwOTkgMTQuMDMzOCAyNC4xMDUyQzEzLjk5NzIgMjQuMTAyOCAxMy45NjgxIDI0LjEwMDcgMTMuOTQ3MiAyNC4wOTlMMTMuOTMzIDI0LjA5NzlaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wNzQ5NCA5LjY4MTgxQzguNTI2ODIgOS45OTkzNCA4LjYzNTcyIDEwLjYyMzEgOC4zMTgxOSAxMS4wNzQ5QzUuOTk2ODggMTQuMzc4NCA2LjQ3NDU3IDE4Ljc1OTEgOS43MDM0NSAyMS4yMDI2TDguNDk2NTYgMjIuNzk3NEM0LjMyNTQzIDE5LjY0MDkgMy44MDMxMiAxNC4wMjE2IDYuNjgxOCA5LjkyNTA1QzYuOTk5MzQgOS40NzMxOCA3LjYyMzA3IDkuMzY0MjcgOC4wNzQ5NCA5LjY4MTgxWiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 16px 16px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px; }
  .ModalRatingInput-icon-1fXBB:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAyMS4yQzguMyAyMS4xIDguMSAyMSA4LjEgMjFDOC4xIDIxIDguMyAyMS4xIDguNiAyMS4yWiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNC4yIDkuNEMxLjggOS40IDAgMTIgMCAxNS4yQzAgMTguNCAyIDIxIDQuNSAyMUg1LjNDMyAxNy42IDIuNSAxMy4zIDQuMiA5LjRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGQ9Ik0xOC45IDguNUgxNS4xQzE0LjUgOC41IDEzLjggOC4zIDEzLjggNy42QzEzLjggNyAxNC4yIDYgMTQuNiA1LjFDMTUuMSA0IDE1LjYgMi44IDE1LjYgMS44QzE1LjYgMC44IDE0LjggMCAxMy44IDBDMTIuOSAwIDEyLjQgMC43IDEyLjEgMS41QzEwLjggNCA5LjIgNiA3LjggNy44QzcuNyA3LjkgNy42IDggNy42IDguMUM0LjYgMTIuNCA1LjEgMTcuOCA4LjYgMjEuMUM5LjUgMjEuNCAxMS41IDIyIDEzIDIyQzEzIDIyIDE1LjIgMjIuMiAxNyAyMS41QzE4LjUgMjAuOSAxOSAyMC4yIDE5LjMgMTkuM0MyMC4xIDE3LjEgMjEgMTMuNiAyMSAxMC41QzIxIDkuNCAyMC4xIDguNSAxOC45IDguNVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==); }
  .ModalRatingInput-icon-1fXBB.ModalRatingInput-down-2pZ2o:before {
    transform: rotate(180deg); }
/*
 * 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);
 *
 */
.ModalDeleteProfile-viaplay-numerals-1w_pL {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalDeleteProfile-text-2CVcD {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal; }

.ModalDeleteProfile-buttons-3oOTH {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 56px 0 80px 0; }
  .ModalDeleteProfile-buttons-3oOTH button {
    margin: 0 8px; }

.ModalDeleteProfile-container-2_0hW {
  overflow: hidden; }
.ModalConcurrentStreams-list-zqL4U {
  font-weight: bold;
  margin: 24px 0; }
.ModalWhoops-container-qxaPL a, .ModalWhoops-container-qxaPL a:hover {
  color: #eeeeee;
  font-weight: bold; }

.ModalWhoops-wrapper-1HDEh {
  margin: 56px 0 80px 0; }

.ModalWhoops-text-1l_bv {
  margin-bottom: 24px;
  display: block; }
/*
 * 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);
 *
 */
.PromoCodeB-viaplay-numerals-RdMRN {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.PromoCodeB-container-2v-QP {
  align-items: center;
  display: flex;
  justify-content: center; }
  .PromoCodeB-container-2v-QP .PromoCodeB-done-3j7bt {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    height: 24px;
    position: absolute;
    top: 8px;
    width: 24px; }
  .PromoCodeB-container-2v-QP .PromoCodeB-button-1VlBI {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 16px;
    width: auto; }
    .PromoCodeB-container-2v-QP .PromoCodeB-button-1VlBI .PromoCodeB-buttonText-3affW {
      visibility: visible; }
      .PromoCodeB-container-2v-QP .PromoCodeB-button-1VlBI .PromoCodeB-buttonText-3affW.PromoCodeB-hidden-1lHiV {
        visibility: hidden; }

.PromoCodeB-input-22x2S.PromoCodeB-error-2DHCc {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 32px 16px;
  border: 1px solid #fe365f; }

.PromoCodeB-errorMessage-1T9mY {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  color: #fe365f;
  padding-top: 8px;
  text-align: center; }
/*
 * 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);
 *
 */
.ModalPurchase-viaplay-numerals-3vP9q {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalPurchase-container-Aq37j .ModalPurchase-title-Y9uLK {
  margin: 8px 16px;
  text-align: left; }

.ModalPurchase-container-Aq37j .ModalPurchase-topSection-1wOzE {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 32px 72px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-topSection-1wOzE .ModalPurchase-right-5XOGB {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 8px; }

.ModalPurchase-container-Aq37j .ModalPurchase-button-WEqsN {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 12px 0 0 16px;
  padding: 0 24px;
  width: auto; }
  .ModalPurchase-container-Aq37j .ModalPurchase-button-WEqsN .ModalPurchase-done-3C05Y {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    position: absolute;
    height: 24px;
    width: 24px;
    top: 8px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-button-WEqsN .ModalPurchase-buttonText-1Ja4v {
    visibility: visible; }
    .ModalPurchase-container-Aq37j .ModalPurchase-button-WEqsN .ModalPurchase-buttonText-1Ja4v.ModalPurchase-hidden-rKHHe {
      visibility: hidden; }

.ModalPurchase-container-Aq37j .ModalPurchase-info-4YUKb {
  margin: 0 16px;
  text-align: left; }

.ModalPurchase-container-Aq37j .ModalPurchase-error-3e5yB {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  color: #fe365f;
  padding: 8px 72px;
  text-align: left; }

.ModalPurchase-container-Aq37j .ModalPurchase-terms-ShinP {
  padding: 16px 72px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-terms-ShinP a,
  .ModalPurchase-container-Aq37j .ModalPurchase-terms-ShinP a:hover {
    color: #eeeeee;
    font-weight: bold; }

.ModalPurchase-container-Aq37j .ModalPurchase-openVoucher-1Xyam {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 8px 0 24px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-openVoucher-1Xyam:hover {
    text-decoration: none; }
  .ModalPurchase-container-Aq37j .ModalPurchase-openVoucher-1Xyam:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 8px;
    margin: 0 0 5px 8px;
    position: relative;
    width: 8px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-openVoucher-1Xyam.ModalPurchase-arrowDown-2xbF0:after {
    margin: 0 0 5px 8px;
    transform: rotate(45deg); }
  .ModalPurchase-container-Aq37j .ModalPurchase-openVoucher-1Xyam.ModalPurchase-arrowUp-3vfVP:after {
    margin: 0 0 -5px 8px;
    transform: rotate(-135deg); }

.ModalPurchase-container-Aq37j .ModalPurchase-poster-1G50F {
  border-radius: 8px;
  height: 240px; }

.ModalPurchase-footer-3II6- {
  padding-top: 0; }

.ModalPurchase-enter-2VdL4 {
  height: 0; }

.ModalPurchase-enterActive-1tfPo {
  height: 50px;
  transition: height 200ms ease; }

.ModalPurchase-exit-9qzjw {
  height: 50px; }

.ModalPurchase-exitActive-2wLEU {
  height: 0;
  padding: 0;
  transition: height 50ms ease, padding 50ms ease; }

@media screen and (max-width: 760px) {
  .ModalPurchase-container-Aq37j .ModalPurchase-poster-1G50F {
    height: 200px; } }

@media screen and (max-width: 480px) {
  .ModalPurchase-container-Aq37j .ModalPurchase-topSection-1wOzE {
    flex-direction: column;
    justify-content: center;
    padding: 16px 8px; }
    .ModalPurchase-container-Aq37j .ModalPurchase-topSection-1wOzE .ModalPurchase-right-5XOGB {
      align-items: center;
      justify-content: center;
      margin-top: 16px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-button-WEqsN {
    margin: 12px 0 0 0; }
  .ModalPurchase-container-Aq37j .ModalPurchase-error-3e5yB {
    padding: 8px 16px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-info-4YUKb {
    margin: 0 16px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-poster-1G50F {
    align-self: center; }
  .ModalPurchase-container-Aq37j .ModalPurchase-title-Y9uLK {
    display: none; }
  .ModalPurchase-container-Aq37j .ModalPurchase-terms-ShinP {
    padding: 0 16px; }
  .ModalPurchase-container-Aq37j .ModalPurchase-footer-3II6- {
    padding: 16px; } }
.HiddenObjectsTutorial-video-QE5bK {
  height: 100vh;
  position: absolute;
  width: 100vw; }
/*
 * 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);
 *
 */
.LoginHeader-viaplay-numerals-1qaga {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.LoginHeader-container-1PMZO {
  position: relative;
  vertical-align: top; }
  .LoginHeader-container-1PMZO.LoginHeader-loggedOutStart-2v1L0 .LoginHeader-menu-1i8Dd {
    margin-top: 5px;
    padding: 0 8px; }

.LoginHeader-menu-1i8Dd {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: #eeeeee;
  cursor: pointer;
  height: inherit;
  line-height: 24px;
  margin-top: 20px;
  padding: 0 20px;
  text-align: right; }

@media screen and (max-width: 1010px) {
  .LoginHeader-container-1PMZO {
    display: inline-block; } }
/*
 * 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);
 *
 */
.WhosWatching-viaplay-numerals-3Y0Ji {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.WhosWatching-list-2AHki {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  padding-bottom: 150px; }

.WhosWatching-item-2O7qJ {
  margin: 0 20px;
  cursor: pointer; }

.WhosWatching-title-2uX22 {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 900;
  text-align: center; }

.WhosWatching-centeredcontainer-Z2kA0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100vh - 50px); }

.WhosWatching-logo-vT45z img {
  width: 144px;
  height: 35px; }

.WhosWatching-logoEvv-1HybD img {
  width: 192px;
  height: 35px; }

@media screen and (max-width: 939px) {
  .WhosWatching-logo-vT45z img {
    width: 120px;
    height: 30px; }
  .WhosWatching-logoEvv-1HybD img {
    width: 165px;
    height: 30px; }
  .WhosWatching-title-2uX22 {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }
/*
 * 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);
 *
 */
.Activate-viaplay-numerals-2V68a {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Activate-container-18sqd {
  background-color: #eeeeee;
  color: #1d1d27; }

.Activate-header-2EEJv {
  background: #1d1d27;
  border-top: 1px solid #1d1d27;
  height: 64px;
  position: relative; }

.Activate-logo-1I_lj {
  height: 100%; }

.Activate-title-1Ona3 {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 900;
  color: #eeeeee;
  display: block;
  margin-bottom: 15px;
  margin-top: 5px;
  text-align: center; }

.Activate-codebox-OxXQs {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  margin-top: -200px;
  margin-left: -240px;
  text-align: center; }

.Activate-fieldset-2yKjF {
  border: none; }

.Activate-text-3pGyB {
  color: #eeeeee; }

.Activate-form-1lJmw input[type='text'] {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-weight: 300;
  height: 60px;
  letter-spacing: 9px;
  margin: 0 auto 32px auto;
  padding-left: 16px;
  text-align: center;
  width: 185px; }

.Activate-form-1lJmw.Activate-formError-1C5O_ input[type='text'],
.Activate-form-1lJmw.Activate-formError-1C5O_ input[type='email'],
.Activate-form-1lJmw.Activate-formError-1C5O_ input[type='search'],
.Activate-form-1lJmw.Activate-formError-1C5O_ input[type='password'] {
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=) no-repeat right center;
  background-size: 32px 16px;
  border: 1px solid #fe365f; }

.Activate-conversion-2Cscu {
  color: #eeeeee;
  margin-top: 64px; }
  .Activate-conversion-2Cscu a {
    color: #eeeeee;
    font-weight: bold; }
    .Activate-conversion-2Cscu a:hover {
      color: #eeeeee; }

.Activate-error-5_dvI {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  color: #fe365f;
  display: block;
  margin: 20px; }
  .Activate-error-5_dvI:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    content: '';
    display: inline-block; }

.Activate-success-1Xgrd {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  color: #eeeeee;
  margin: 20px; }
  .Activate-success-1Xgrd:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 22px 22px;
    width: 29px;
    height: 22px;
    content: '';
    display: inline-block;
    line-height: 24px;
    margin-bottom: -3px; }
.ProfileItem-container-3C70s {
  transition: transform 200ms;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .ProfileItem-container-3C70s.ProfileItem-selected-2lYGW {
    transform: scale(1.2); }
  .ProfileItem-container-3C70s .ProfileItem-name-1P3Xe {
    color: #eeeeee;
    text-align: center; }

.ProfileItem-add-3aJbS {
  background-color: #32323b;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzExLjQ0NzcgMCAxMSAwLjQ0NzcxNiAxMSAxVjExSDFDMC40NDc3MTUgMTEgMCAxMS40NDc3IDAgMTJDMCAxMi41NTIzIDAuNDQ3NzE2IDEzIDEgMTNIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YxM0gyM0MyMy41NTIzIDEzIDI0IDEyLjU1MjMgMjQgMTJDMjQgMTEuNDQ3NyAyMy41NTIzIDExIDIzIDExSDEzVjFDMTMgMC40NDc3MTUgMTIuNTUyMyAwIDEyIDBaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-radius: 50%;
  height: 132px;
  min-width: 132px;
  width: 132px;
  margin: 16px; }
  .ProfileItem-add-3aJbS:hover {
    background-color: rgba(50, 50, 59, 0.7); }

.ProfileItem-container-3C70s:hover .ProfileItem-name-1P3Xe {
  color: #eeeeee;
  text-decoration: underline; }

@media screen and (max-width: 939px) {
  .ProfileItem-container-3C70s.ProfileItem-selected-2lYGW {
    position: relative;
    top: 21px; }
  .ProfileItem-add-3aJbS {
    height: 84px;
    margin: 8px;
    min-width: 84px;
    width: 84px; } }
.ProfileAvatar-avatar-1URzL {
  height: 100%;
  object-fit: cover;
  width: 100%;
  z-index: 1; }
  .ProfileAvatar-avatar-1URzL.ProfileAvatar-hoverAvatar-D3_ym {
    opacity: 0.3; }

.ProfileAvatar-container-f6mAz {
  box-sizing: border-box;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-in-out;
  height: 90px;
  width: 90px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-small-3zniz {
    height: 31px;
    min-width: 31px;
    width: 31px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-toast-3zP6z {
    height: 40px;
    margin-right: 10px;
    width: 40px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-carousel-zABRq {
    height: 125px;
    width: 125px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-border-3EC2O {
    border: 2px solid #eeeeee; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-header-1_uno {
    height: 31px;
    min-width: 31px;
    width: 31px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-whosWatching-8iVwj {
    height: 160px;
    width: 160px; }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-whosWatchingHover-YmLeG {
    transform: scale(1.2); }
  .ProfileAvatar-container-f6mAz.ProfileAvatar-profilesList-3i6-9 {
    height: 160px;
    width: 160px; }

.ProfileAvatar-editContainer-1HkQv {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%; }

.ProfileAvatar-editIcon-N2_cD {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzMyI+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMjgwJSIgaGVpZ2h0PSIxMzcuNyUiIHg9Ii04Ni43JSIgeT0iLTE4LjglIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPgogICAgICA8ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjEuNSIvPgogICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CiAgICAgIDxmZU1lcmdlPgogICAgICAgIDxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIi8+CiAgICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICAgIDwvZmVNZXJnZT4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbHRlcj0idXJsKCNhKSIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgOC42IDMxKSI+CiAgICA8cGF0aCBkPSJNMSAwaDUuNWExIDEgMCAwMTEgMXYzLjVIMFYxYTEgMSAwIDAxMS0xek0wIDZoNy41djI0bC0zLjggMy44TDAgMzB6Ii8+CiAgPC9nPgo8L3N2Zz4=) no-repeat;
  background-position: center;
  background-size: 32px 32px;
  border-radius: 50%;
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2; }

.ProfileAvatar-activeOnHover-17fd9 {
  display: block; }

@media screen and (max-width: 939px) {
  .ProfileAvatar-container-f6mAz.ProfileAvatar-whosWatching-8iVwj {
    height: 100px;
    width: 100px; } }
/*
 * 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);
 *
 */
.Oauth-viaplay-numerals-1I__0 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Oauth-container-g9LIE {
  background: #1d1d27;
  border-top: 1px solid #1d1d27;
  height: 64px;
  position: relative; }

.Oauth-logo-pu2UL {
  height: 100%; }

.Oauth-wrapper-BXs2Q {
  margin: 200px auto;
  width: 0; }

.Oauth-formContainer-2cE8R {
  color: #eeeeee;
  margin: 48px auto 0;
  max-width: 344px;
  text-align: center; }
  .Oauth-formContainer-2cE8R a, .Oauth-formContainer-2cE8R a:hover {
    color: #eeeeee;
    font-weight: bold; }

.Oauth-footer-2Dnhd {
  margin-top: 36px; }
/*
 * 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);
 *
 */
.ProfileToggle-viaplay-numerals-3w-WI {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProfileToggle-checkboxContainer-BBqgH {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  position: relative; }
  .ProfileToggle-checkboxContainer-BBqgH:first-child {
    margin-top: 60px; }
  .ProfileToggle-checkboxContainer-BBqgH .ProfileToggle-toggleText-3_mzQ {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: normal;
    color: #eeeeee;
    text-align: center; }
  .ProfileToggle-checkboxContainer-BBqgH .ProfileToggle-toggle-1l7QN {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 0;
    top: 8px; }
  .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'] {
    height: 0;
    visibility: hidden;
    width: 0; }
    .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'].ProfileToggle-checked-10xkH + label {
      background: #3d3f66; }
    .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'].ProfileToggle-checked-10xkH + label:after {
      left: calc(100% - 8px);
      transform: translateX(-100%); }
    .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'].ProfileToggle-disabled-34hz8 + label {
      opacity: 0.5; }
    .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'].ProfileToggle-checkedAdult-3ZKhq + label {
      background: #fe365f; }
    .ProfileToggle-checkboxContainer-BBqgH input[type='checkbox'].ProfileToggle-checkedAdult-3ZKhq + label:after {
      left: calc(100% - 8px);
      transform: translateX(-100%); }
  .ProfileToggle-checkboxContainer-BBqgH label {
    background: #2b2b35;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 40px;
    position: relative;
    text-indent: -9999px;
    width: 80px; }
    .ProfileToggle-checkboxContainer-BBqgH label:after {
      background: #eeeeee;
      border-radius: 45px;
      content: '';
      height: 24px;
      left: 8px;
      position: absolute;
      top: 8px;
      transition: 0.3s;
      width: 24px; }
    .ProfileToggle-checkboxContainer-BBqgH label:active:after {
      width: 30px; }

.ProfileToggle-checkboxContainer-BBqgH:hover .ProfileToggle-tooltip-PP5ft {
  visibility: visible; }

.ProfileToggle-toggleInfo-2hqtt {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  align-content: left;
  color: rgba(238, 238, 238, 0.7); }

@keyframes ProfileToggle-checkedAnimation-3-T3l {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
/*
 * 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);
 *
 */
.ProfilesEdit-viaplay-numerals-NbqpP {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProfilesEdit-container-sWzi4 {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%; }

.ProfilesEdit-buttonsContainer-2NOIv {
  display: flex;
  align-items: center; }
  .ProfilesEdit-buttonsContainer-2NOIv button:nth-child(2) {
    margin-left: 10px; }

.ProfilesEdit-info-3Pp6e {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  align-content: left;
  color: rgba(238, 238, 238, 0.7); }

.ProfilesEdit-infoCentered-2Hyv8 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  margin-bottom: 25px;
  text-align: center; }

.ProfilesEdit-title-rtZQj {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 900;
  text-align: center;
  padding-top: 100px;
  margin: 0 0 48px 0; }

.ProfilesEdit-cancelButton-3G6Ub {
  margin-top: 24px;
  margin-bottom: 80px;
  text-align: center;
  cursor: pointer; }
  .ProfilesEdit-cancelButton-3G6Ub:hover {
    color: #eeeeee; }

.ProfilesEdit-kidslabel-12jwo {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  padding-left: 30px; }

.ProfilesEdit-toggleContainer-3YQ67 {
  width: 340px; }

@media screen and (max-width: 939px) {
  .ProfilesEdit-title-rtZQj {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }
.ProfileAvatarCarousel-container-2ZptQ {
  position: relative;
  height: 125px;
  width: 955px;
  padding: 80px 0;
  overflow: hidden; }
  .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe {
    position: absolute;
    width: 125px;
    height: 125px;
    opacity: 0;
    transition: transform 400ms, left 400ms, opacity 1s;
    animation: ProfileAvatarCarousel-zoomIn-2aisy 1s;
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(50% - (62.5px));
    cursor: pointer; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-0-1fxc4 {
      z-index: 0;
      transform: translateX(-416.66667px) scale(0.8);
      animation-delay: 300ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-1-1fxGC {
      z-index: 1;
      transform: translateX(-291.66667px) scale(0.8);
      animation-delay: 200ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-2-2nkQK {
      z-index: 2;
      transform: translateX(-166.66667px) scale(0.8);
      animation-delay: 100ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-3-3xa2m {
      z-index: 3;
      transform: translateX(0) scale(1.6);
      animation-delay: 0ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-4-AxnoD {
      z-index: 2;
      transform: translateX(166.66667px) scale(0.8);
      animation-delay: 100ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-5-3z4e4 {
      z-index: 1;
      transform: translateX(291.66667px) scale(0.8);
      animation-delay: 200ms; }
    .ProfileAvatarCarousel-container-2ZptQ .ProfileAvatarCarousel-item-3_TGe.ProfileAvatarCarousel-item-6-18YXk {
      z-index: 0;
      transform: translateX(416.66667px) scale(0.8);
      animation-delay: 300ms; }

@keyframes ProfileAvatarCarousel-zoomIn-2aisy {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*
 * 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);
 *
 */
.ProfileInputName-viaplay-numerals-18eHf {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProfileInputName-container-1DkuL {
  position: relative; }

.ProfileInputName-textinput-1fxUn {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: normal;
  width: 340px; }
  .ProfileInputName-textinput-1fxUn.ProfileInputName-invalid-ysN15 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 32px 16px;
    border: 1px solid #fe365f; }

.ProfileInputName-invalidname-ZidI5 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  bottom: -30px;
  color: #fe365f;
  left: 16px;
  position: absolute;
  text-align: left;
  width: 200%; }
/*
 * 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);
 *
 */
.ProfilesCreate-viaplay-numerals-3ALRG {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProfilesCreate-container-2aFxl {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%; }

.ProfilesCreate-title-mlmgl {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 900;
  padding-top: 100px;
  margin: 0 0 48px 0;
  text-align: center; }

.ProfilesCreate-cancelbutton-YKKhg {
  margin-top: 24px;
  margin-bottom: 80px;
  text-align: center;
  cursor: pointer; }
  .ProfilesCreate-cancelbutton-YKKhg:hover {
    color: #eeeeee; }

.ProfilesCreate-kidslabel-jZCRP {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  padding-left: 30px; }

.ProfilesCreate-toggle-HnFAS {
  width: 340px; }

@keyframes ProfilesCreate-checkedAnimation-ydhBW {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@media screen and (max-width: 939px) {
  .ProfilesCreate-title-mlmgl {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }
/*
 * 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);
 *
 */
.ProfilesListing-viaplay-numerals-2fxBH {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProfilesListing-list-2FVEn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 250px;
  flex-wrap: wrap; }

.ProfilesListing-item-2xp11 {
  margin: 0 20px; }

.ProfilesListing-title-26H1p {
  font-size: 4.8rem;
  line-height: 5.6rem;
  font-weight: 900;
  text-align: center;
  padding-top: 100px;
  margin: 0; }

@media screen and (max-width: 939px) {
  .ProfilesListing-title-26H1p {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }
/*
 * 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);
 *
 */
.ToastMessage-viaplay-numerals-1Q4aN {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ToastMessage-fixWidth-1Aelb {
  display: flex;
  justify-content: center; }

.ToastMessage-container-D5aik {
  height: calc($menu-height + 16px);
  overflow: hidden;
  position: absolute;
  text-align: center;
  z-index: 50; }
  .ToastMessage-container-D5aik.ToastMessage-margin-2RPv8 {
    top: 216px; }

.ToastMessage-wrapperAvatar-2UZbe {
  align-items: center;
  animation: ToastMessage-toast-321WD 2s;
  background-color: rgba(50, 50, 59, 0.7);
  border-radius: 8px;
  display: inline-flex;
  height: 64px;
  justify-content: center;
  opacity: 1;
  padding: 0 22px;
  position: relative; }

.ToastMessage-wrapper-2FFmL {
  animation: ToastMessage-toast-321WD 2s;
  background-color: rgba(50, 50, 59, 0.7);
  border-radius: 8px;
  display: inline-block;
  opacity: 1;
  padding: 24px 32px 24px 56px;
  position: relative; }
  .ToastMessage-wrapper-2FFmL:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 22px 22px;
    width: 29px;
    height: 22px;
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    left: 24px; }
  .ToastMessage-wrapper-2FFmL.ToastMessage-info-pNCBw:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjg5MjEyIDBDMC44Mjk4NzUgMCAwIDAuODI5ODc3IDAgMS44NTg5MkMwIDIuODg3OTcgMC44Mjk4NzUgMy43MTc4NCAxLjg5MjEyIDMuNzE3ODRDMi45MjExNiAzLjcxNzg0IDMuNzg0MjMgMi44ODc5NyAzLjc4NDIzIDEuODU4OTJDMy43ODQyMyAwLjgyOTg3NyAyLjkyMTE2IDAgMS44OTIxMiAwWk0zLjIxOTkyIDguNTMxMTJDMy4yMTk5MiA3Ljc5NzggMi42MjU0NCA3LjIwMzMyIDEuODkyMTIgNy4yMDMzMkMxLjE1ODc5IDcuMjAzMzIgMC41NjQzMTUgNy43OTc4IDAuNTY0MzE1IDguNTMxMTJWMjIuNjcyMkMwLjU2NDMxNSAyMy40MDU1IDEuMTU4NzkgMjQgMS44OTIxMiAyNEMyLjYyNTQ0IDI0IDMuMjE5OTIgMjMuNDA1NSAzLjIxOTkyIDIyLjY3MjJWOC41MzExMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 16px 16px;
    height: 16px;
    left: 32px;
    top: calc(50% - 10px);
    width: 16px; }
  .ToastMessage-wrapper-2FFmL.ToastMessage-error-1Vs9i:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZFMzY1Rjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjksMjRjMS4xLDAsMS45LTAuOCwxLjktMS45YzAtMS0wLjgtMS45LTEuOS0xLjljLTEsMC0xLjksMC44LTEuOSwxLjlDMCwyMy4yLDAuOSwyNCwxLjksMjR6IE0wLjYsMTUuNQoJYzAsMC43LDAuNiwxLjMsMS4zLDEuM2MwLjcsMCwxLjMtMC42LDEuMy0xLjNWMS4zQzMuMiwwLjYsMi42LDAsMS45LDBDMS4yLDAsMC42LDAuNiwwLjYsMS4zVjE1LjV6Ii8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 16px 16px;
    height: 16px;
    left: 32px;
    top: calc(50% - 10px);
    width: 16px; }
  .ToastMessage-wrapper-2FFmL.ToastMessage-error-1Vs9i .ToastMessage-text-13KOl {
    color: #fe365f;
    font-weight: bold; }

.ToastMessage-text-13KOl {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee; }

@keyframes ToastMessage-toast-321WD {
  0% {
    opacity: 0;
    transform: translateY(-64px); }
  20% {
    opacity: 1;
    transform: translateY(0); }
  80% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-64px); } }
.Grid-container-2YdFq {
  padding: 8px 0 0 0; }

.Grid-wrapper-30ujW {
  margin: 0 -8px; }
/*
 * 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);
 *
 */
.Search-viaplay-numerals-3h2q1 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@keyframes Search-fadeIn-1YMf3 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Search-pullDown-Kzo72 {
  from {
    transform: translateY(-200px); }
  to {
    transform: translateY(0); } }

.Search-clear-2igOT {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  color: #eeeeee;
  cursor: pointer;
  left: 50%;
  margin-left: 275px;
  margin-top: 46px;
  position: absolute;
  top: 0; }

.Search-container-n3AbE {
  position: absolute;
  width: 100%;
  z-index: 18; }
  .Search-container-n3AbE input[type='search'].Search-input-2AQvs::placeholder {
    display: none; }
  .Search-container-n3AbE .Search-input-2AQvs {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU1OTcgMTUuNTU5N0MxNS45NTAyIDE1LjE2OTIgMTYuNTgzNCAxNS4xNjkyIDE2Ljk3MzkgMTUuNTU5N0wyMy41ODA2IDIyLjE2NjRDMjMuOTcxMSAyMi41NTY5IDIzLjk3MTEgMjMuMTkwMSAyMy41ODA2IDIzLjU4MDZDMjMuMTkwMSAyMy45NzExIDIyLjU1NjkgMjMuOTcxMSAyMi4xNjY0IDIzLjU4MDZMMTUuNTU5NyAxNi45NzM5QzE1LjE2OTIgMTYuNTgzNCAxNS4xNjkyIDE1Ljk1MDIgMTUuNTU5NyAxNS41NTk3WiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNSAxN0MxMy42NDIxIDE3IDE3IDEzLjY0MjEgMTcgOS41QzE3IDUuMzU3ODYgMTMuNjQyMSAyIDkuNSAyQzUuMzU3ODYgMiAyIDUuMzU3ODYgMiA5LjVDMiAxMy42NDIxIDUuMzU3ODYgMTcgOS41IDE3Wk05LjUgMTlDMTQuNzQ2NyAxOSAxOSAxNC43NDY3IDE5IDkuNUMxOSA0LjI1MzI5IDE0Ljc0NjcgMCA5LjUgMEM0LjI1MzI5IDAgMCA0LjI1MzI5IDAgOS41QzAgMTQuNzQ2NyA0LjI1MzI5IDE5IDkuNSAxOVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: 29px;
    background-size: 16px 16px;
    height: 56px;
    padding-left: 56px;
    width: 676px; }
    .Search-container-n3AbE .Search-input-2AQvs::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.Search-empty-uUgbd {
  padding-bottom: 80px; }

.Search-dim-71QBW {
  animation: Search-fadeIn-1YMf3 100ms;
  background-color: rgba(29, 29, 39, 0.5);
  height: 100%;
  margin-top: -64px;
  position: fixed;
  width: 100%; }

.Search-form-257I3 {
  background-color: #1d1d27;
  text-align: center;
  padding: 28px 0 20px 0;
  position: relative; }

.Search-results-1GLtm {
  background-color: #1d1d27;
  padding: 0 0 4px 0 !important;
  position: relative;
  z-index: 2; }

.Search-resultItems-33-5S {
  padding-bottom: 24px;
  padding-top: 50px; }
  .Search-resultItems-33-5S > div {
    animation: Search-fadeIn-1YMf3 0.5s ease-in; }

.Search-spinner-3BZQP {
  background-color: #1d1d27;
  display: flex;
  padding: 20px 0 70px 0; }
  .Search-spinner-3BZQP.Search-noQuery-3Cv0E {
    background-color: transparent;
    border-radius: 50%;
    height: 40px;
    left: 50%;
    margin-left: -40px;
    padding: 20px;
    position: absolute;
    top: 68px;
    width: 40px; }

.Search-wrapper-2MjqE {
  animation: Search-pullDown-Kzo72 300ms;
  background-color: #1d1d27;
  box-shadow: 0 0 40px rgba(29, 29, 39, 0.7);
  min-height: 148px; }

@media screen and (min-width: 481px) and (max-width: 939px) {
  .Search-clear-2igOT {
    margin-left: 35%; }
  .Search-container-n3AbE .Search-input-2AQvs {
    margin: 0 auto;
    width: 88%; } }

@media screen and (max-width: 480px) {
  .Search-clear-2igOT {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTcuNzU3MzYgOS4xNzE1N0M3LjM2NjgzIDguNzgxMDUgNy4zNjY4NCA4LjE0Nzg4IDcuNzU3MzYgNy43NTczNkM4LjE0Nzg4IDcuMzY2ODQgOC43ODEwNSA3LjM2Njg0IDkuMTcxNTcgNy43NTczNkwxMiAxMC41ODU4TDE0LjgyODQgNy43NTczNkMxNS4yMTkgNy4zNjY4MyAxNS44NTIxIDcuMzY2ODQgMTYuMjQyNiA3Ljc1NzM2QzE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDguNzgxMDUgMTYuMjQyNiA5LjE3MTU3TDEzLjQxNDIgMTJMMTYuMjQyNiAxNC44Mjg0QzE2LjYzMzIgMTUuMjE5IDE2LjYzMzIgMTUuODUyMSAxNi4yNDI2IDE2LjI0MjZDMTUuODUyMSAxNi42MzMyIDE1LjIxOSAxNi42MzMyIDE0LjgyODQgMTYuMjQyNkwxMiAxMy40MTQyTDkuMTcxNTcgMTYuMjQyNkM4Ljc4MTA1IDE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDcuNzU3MzYgMTYuMjQyNkM3LjM2Njg0IDE1Ljg1MjEgNy4zNjY4NCAxNS4yMTkgNy43NTczNiAxNC44Mjg0TDEwLjU4NTggMTJMNy43NTczNiA5LjE3MTU3WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K) no-repeat center center;
    background-size: 16px 16px;
    color: transparent;
    left: auto;
    margin-left: auto;
    margin-right: 7vw;
    margin-top: 0;
    right: 10px;
    top: 42px;
    width: 25px;
    z-index: 10; }
  .Search-container-n3AbE input[type='search'].Search-input-2AQvs::placeholder {
    color: transparent; }
  .Search-container-n3AbE .Search-input-2AQvs {
    margin: 0 6%;
    width: 88%; }
    .Search-container-n3AbE .Search-input-2AQvs::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .Search-form-257I3 {
    padding: 25px 0; }
  .Search-resultItems-33-5S {
    padding-top: 20px; }
  .Search-spinner-3BZQP > div {
    transform: scale(0.7); } }
/*
 * 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);
 *
 */
.Carousel-viaplay-numerals-2wLqy {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Carousel-container-20mKc.Carousel-hovered-3P3NX .Carousel-navigation-3Uzjg:not(.Carousel-disabled-fxQET) {
  display: block; }

.Carousel-carousel-6ZkU1 {
  position: relative; }

.Carousel-inner-gyO8I {
  display: inline-block;
  margin-left: 80px;
  white-space: nowrap; }
  .Carousel-inner-gyO8I.Carousel-useTransition-1B4al {
    transition: transform 0.4s ease-out; }
  .Carousel-inner-gyO8I.Carousel-seasonInner-3P3k1 {
    margin-left: 0; }

.Carousel-navigation-3Uzjg {
  background: rgba(29, 29, 39, 0.7) no-repeat center center;
  border: none;
  cursor: pointer;
  display: none;
  font-size: 0;
  height: calc(100% - 32px);
  position: absolute;
  top: 0;
  width: 80px;
  z-index: 1; }
  .Carousel-navigation-3Uzjg.Carousel-season-1vKzN {
    background: #1d1d27;
    height: 100%; }
    .Carousel-navigation-3Uzjg.Carousel-season-1vKzN:after {
      left: 16px;
      top: calc(50% - 12px); }
    .Carousel-navigation-3Uzjg.Carousel-season-1vKzN.Carousel-prev-17UTk:after {
      left: auto;
      right: 16px; }
  .Carousel-navigation-3Uzjg.Carousel-postplayPage-2ywAj {
    top: calc(50% - 56px); }
  .Carousel-navigation-3Uzjg:active {
    padding: 0; }
  .Carousel-navigation-3Uzjg:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 16px;
    left: 32px;
    position: absolute;
    top: calc(50% - 8px);
    width: 16px; }
  .Carousel-navigation-3Uzjg.Carousel-kidsExperience-2_JPU {
    background: rgba(61, 63, 102, 0.7) no-repeat center center; }
  .Carousel-navigation-3Uzjg.Carousel-disabled-fxQET {
    display: none; }
  .Carousel-navigation-3Uzjg.Carousel-children-2ttKM:after {
    border-width: 0 3px 3px 0; }

.Carousel-next-3dc41 {
  right: 0; }
  .Carousel-next-3dc41:after {
    transform: rotate(-45deg); }
  .Carousel-next-3dc41.Carousel-season-1vKzN {
    right: -80px; }

.Carousel-prev-17UTk {
  left: 0; }
  .Carousel-prev-17UTk:after {
    left: auto;
    right: 32px;
    transform: rotate(135deg); }
  .Carousel-prev-17UTk.Carousel-season-1vKzN {
    left: -80px; }

.Carousel-wrapper-3aOFq {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; }

.Carousel-sportsBy-2W0GQ {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  text-align: right;
  padding-right: 16px; }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Carousel-inner-gyO8I {
    margin-left: 56px; }
  .Carousel-navigation-3Uzjg {
    width: 56px; }
    .Carousel-navigation-3Uzjg:after {
      left: 24px; }
    .Carousel-navigation-3Uzjg.Carousel-prev-17UTk:after {
      right: 24px; }
  .Carousel-next-3dc41.Carousel-season-1vKzN {
    right: -56px; }
  .Carousel-prev-17UTk.Carousel-season-1vKzN {
    left: -56px; } }

@media screen and (max-width: 760px) {
  .Carousel-navigation-3Uzjg {
    border-radius: 4px;
    height: 40px;
    top: calc(50% - 36px);
    width: 24px; }
    .Carousel-navigation-3Uzjg.Carousel-postplayPage-2ywAj {
      top: calc(50% - 45px); }
    .Carousel-navigation-3Uzjg.Carousel-kidsExperience-2_JPU {
      background: rgba(61, 63, 102, 0.7) no-repeat center center; }
    .Carousel-navigation-3Uzjg:after {
      left: 2px;
      height: 12px;
      top: 13px;
      width: 12px; }
    .Carousel-navigation-3Uzjg.Carousel-prev-17UTk:after {
      left: 8px; }
    .Carousel-navigation-3Uzjg.Carousel-season-1vKzN {
      background: transparent;
      width: 56px; }
      .Carousel-navigation-3Uzjg.Carousel-season-1vKzN.Carousel-prev-17UTk {
        left: -54px; }
        .Carousel-navigation-3Uzjg.Carousel-season-1vKzN.Carousel-prev-17UTk:after {
          right: 8px; }
      .Carousel-navigation-3Uzjg.Carousel-season-1vKzN.Carousel-next-3dc41 {
        right: -54px; }
      .Carousel-navigation-3Uzjg.Carousel-season-1vKzN:after {
        left: 8px;
        top: calc(50% - 4px); }
  .Carousel-inner-gyO8I {
    margin-left: 16px; }
  .Carousel-sportsBy-2W0GQ {
    padding-right: 0; } }

@media screen and (max-width: 480px) {
  .Carousel-navigation-3Uzjg {
    display: block; } }

@media screen and (max-width: 370px) {
  .Carousel-navigation-3Uzjg.Carousel-season-1vKzN.Carousel-prev-17UTk:after {
    right: 0; }
  .Carousel-navigation-3Uzjg.Carousel-season-1vKzN:after {
    left: 0; } }
/*
 * 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);
 *
 */
.SeasonButton-viaplay-numerals-23XbH {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SeasonButton-season-1lT--.SeasonButton-active-10vQQ span {
  color: #eeeeee;
  border-bottom: 3px solid #fe365f; }

.SeasonButton-season-1lT--:hover {
  cursor: pointer; }
  .SeasonButton-season-1lT--:hover span {
    color: #eeeeee; }

.SeasonButton-season-1lT-- span {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 900;
  color: rgba(238, 238, 238, 0.7);
  display: inline-block; }

@media screen and (min-width: 1900px) {
  .SeasonButton-season-1lT-- {
    width: 128px; } }

@media screen and (min-width: 1695px) {
  .SeasonButton-season-1lT-- {
    width: calc(8.3vw - 21.333px); } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .SeasonButton-season-1lT-- {
    width: calc(10vw - 24px); } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .SeasonButton-season-1lT-- {
    width: calc(12.5vw - 27px); } }

@media screen and (min-width: 1010px) and (max-width: 1279px) {
  .SeasonButton-season-1lT-- {
    width: calc(14.2vw - 29.8px); } }

@media screen and (min-width: 939px) and (max-width: 1010px) {
  .SeasonButton-season-1lT-- {
    width: calc(16.6666vw - 34.666px); } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .SeasonButton-season-1lT-- {
    width: calc(20vw - 30px); } }

@media screen and (max-width: 760px) {
  .SeasonButton-season-1lT-- {
    width: calc(20vw - 23px); }
    .SeasonButton-season-1lT-- span {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: bold; } }

@media screen and (max-width: 590px) {
  .SeasonButton-season-1lT-- {
    width: calc(33.3333vw - 33px); } }

@media screen and (max-width: 370px) {
  .SeasonButton-season-1lT-- {
    width: calc(33.3333vw - 16.3333px); } }
/*
 * 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);
 *
 */
.Item-viaplay-numerals-2oqCU {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Item-below-1H9r7.Item-padding-2Ua0W {
  min-height: 32px; }

.Item-below-1H9r7.Item-mosaic-1D2d_ {
  display: none; }

.Item-image-34T1r {
  background-size: cover;
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .Item-image-34T1r {
    animation: fadein 500ms; }

.Item-front-3_pms {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

.Item-item-3llGs {
  display: inline-block;
  margin: 0 8px 16px 8px;
  position: relative;
  vertical-align: top;
  overflow: hidden; }
  .Item-item-3llGs:before {
    border-radius: 8px;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%; }
  .Item-item-3llGs.Item-carousel-3evpj {
    margin: 0 16px 0 0; }
  .Item-item-3llGs.Item-season-14JL4 {
    margin: 0 8px 16px 0;
    padding-top: 16px; }
  .Item-item-3llGs.Item-mosaic-1D2d_ {
    width: 100%;
    margin: 0;
    padding: 0; }
  .Item-item-3llGs.Item-hasProgress-3N4xz .Item-front-3_pms:after {
    background: linear-gradient(180deg, transparent 0%, rgba(29, 29, 39, 0.5) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .Item-item-3llGs .Item-front-3_pms .Item-curtain-1sVs3 {
    height: 120%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -10%;
    width: 100%; }
  .Item-item-3llGs.Item-portrait-34hYB .Item-curtain-1sVs3 {
    height: 110%;
    top: -5%; }
  .Item-item-3llGs.Item-tve-YlBSq .Item-front-3_pms.Item-show-1pxdu .Item-curtain-1sVs3:before {
    background-color: rgba(0, 0, 0, 0.5); }
  .Item-item-3llGs.Item-sportList-1bJQE .Item-front-3_pms.Item-show-1pxdu .Item-curtain-1sVs3:before {
    background-color: rgba(0, 0, 0, 0.5); }
  .Item-item-3llGs.Item-isToplistBlock-anbsc {
    background-color: #2b2b35;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    height: auto; }
  .Item-item-3llGs .Item-front-3_pms {
    background-color: #2b2b35;
    border-radius: 8px;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
    cursor: pointer; }
    .Item-item-3llGs .Item-front-3_pms.Item-mosaic-1D2d_ {
      height: 100%; }
    .Item-item-3llGs .Item-front-3_pms.Item-show-1pxdu .Item-image-34T1r:before {
      background-color: rgba(0, 0, 0, 0.5);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 0; }
    .Item-item-3llGs .Item-front-3_pms.Item-show-1pxdu .Item-image-34T1r:after {
      background-color: transparent;
      background-image: none;
      z-index: 0; }
    .Item-item-3llGs .Item-front-3_pms.Item-show-1pxdu .Item-curtain-1sVs3 {
      height: 100%;
      opacity: 1;
      top: 0; }
  .Item-item-3llGs .Item-front-3_pms.Item-show-1pxdu .Item-remove-1q198 {
    display: block; }
  .Item-item-3llGs.Item-sport-1-icv .Item-front-3_pms:after, .Item-item-3llGs.Item-sportMain-1Q_JA .Item-front-3_pms:after, .Item-item-3llGs.Item-clip-19TmX .Item-front-3_pms:after {
    background: linear-gradient(to bottom, transparent 50%, rgba(29, 29, 39, 0.5) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .Item-item-3llGs.Item-bigRow-Y9Z05:not(.Item-carousel-3evpj) {
    margin-bottom: 56px; }
  .Item-item-3llGs:not(.Item-disabled-3xN6W) .Item-curtain-1sVs3 {
    opacity: 0;
    transition: opacity 200ms, height 300ms, top 300ms; }
  .Item-item-3llGs.Item-disabled-3xN6W .Item-front-3_pms {
    cursor: default; }
    .Item-item-3llGs.Item-disabled-3xN6W .Item-front-3_pms:after {
      background: none; }
    .Item-item-3llGs.Item-disabled-3xN6W .Item-front-3_pms .Item-curtain-1sVs3 {
      background-color: rgba(29, 29, 39, 0.5);
      z-index: 3; }
    .Item-item-3llGs.Item-disabled-3xN6W .Item-front-3_pms.Item-show-1pxdu .Item-curtain-1sVs3:after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI0IDBhMjQgMjQgMCAxMDAgNDggMjQgMjQgMCAwMDAtNDh6TTkuNCA5LjRhMjAuNyAyMC43IDAgMDEyOC0xLjFsLTI5LjEgMjlDNSAzMy44IDMuMyAyOSAzLjMgMjRjMC01LjUgMi4yLTEwLjcgNi0xNC42em0yOS4yIDI5LjJhMjAuNyAyMC43IDAgMDEtMjggMS4xbDI5LjEtMjljMy4yIDMuNiA1IDguMyA1IDEzLjMgMCA1LjUtMi4yIDEwLjctNiAxNC42eiIgb3BhY2l0eT0iLjciLz4KPC9zdmc+);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      height: 48px;
      left: calc(50% - 24px);
      position: absolute;
      top: calc(50% - 24px);
      width: 48px;
      z-index: 3; }

.Item-landscape-3JvYd .Item-front-3_pms:before {
  content: '';
  display: block;
  padding-top: 56.25%; }

.Item-landscape-3JvYd.Item-sportList-1bJQE .Item-front-3_pms:before {
  content: '';
  display: none;
  padding-top: 28.125%; }

.Item-lazy-15NF- .Item-image-34T1r {
  animation: fadein 500ms; }

.Item-link-igUaf {
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }

.Item-portrait-34hYB .Item-front-3_pms:before {
  content: '';
  display: block;
  padding-top: 150%; }

.Item-sportList-1bJQE {
  overflow: visible;
  margin: 0 16px 16px 0; }
  .Item-sportList-1bJQE .Item-image-34T1r {
    display: none; }
  .Item-sportList-1bJQE .Item-front-3_pms {
    background: #2b2b35;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    min-height: 168px;
    position: relative; }
    .Item-sportList-1bJQE .Item-front-3_pms.Item-show-1pxdu {
      background: rgba(43, 43, 53, 0.7); }
      .Item-sportList-1bJQE .Item-front-3_pms.Item-show-1pxdu .Item-curtain-1sVs3:before {
        display: none; }
  .Item-sportList-1bJQE.Item-live-hhrw6 .Item-front-3_pms {
    background: #32323b; }
    .Item-sportList-1bJQE.Item-live-hhrw6 .Item-front-3_pms.Item-show-1pxdu {
      background: rgba(50, 50, 59, 0.7); }

@media screen and (min-width: 1695px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    margin: 0 12px 24px 12px;
    width: calc(20% - 24px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 24px 0 0;
      width: calc(20vw - 56px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE {
      margin: 0 24px 24px 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj {
    width: calc(25vw - 64px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(33.3333% - 24px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
      width: calc(33.3333vw - 77.3333px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    margin: 0 12px 24px 12px;
    width: calc(14.2857% - 24px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 24px 0 0;
      width: calc(14.2857vw - 46.8571px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 24px 32px 0;
      width: calc(20vw - 56px); } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    margin: 0 12px 24px 12px;
    width: calc(25% - 24px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 24px 0 0;
      width: calc(25vw - 64px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE {
      margin: 0 24px 24px 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj {
    width: calc(33.3333vw - 77.3333px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(50% - 24px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
      width: calc(50vw - 104px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    margin: 0 12px 24px 12px;
    width: calc(14.2858% - 24px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 24px 0 0;
      width: calc(14.2857vw - 46.8571px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 24px 32px 0;
      width: calc(25vw - 64px); } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    width: calc(25% - 16px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj {
      width: calc(25vw - 56px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj {
    width: calc(33.3333vw - 69.3333px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(50% - 16px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
      width: calc(50vw - 96px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    width: calc(16.66667% - 16px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      width: calc(16.66667vw - 42.6666px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 16px 32px 0;
      width: calc(25vw - 56px); } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    width: calc(33.3333% - 16px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE.Item-carousel-3evpj {
      width: calc(33.3333vw - 69.3333px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(50% - 16px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
    width: calc(50vw - 96px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    width: calc(20% - 16px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      width: calc(20vw - 48px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 16px 32px 0;
      width: calc(33.3333vw - 69.3333px); } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    width: calc(33.3333% - 16px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE.Item-carousel-3evpj {
      width: calc(33.3333vw - 53.3333px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(50% - 16px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
    width: calc(50vw - 72px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    width: calc(25% - 16px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      width: calc(25vw - 44px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 16px 32px 0;
      width: calc(33.3333vw - 53.3333px); } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    width: calc(50% - 16px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE.Item-carousel-3evpj {
      width: calc(50vw - 27.3px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(100% - 16px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
    width: calc(100vw - 56px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    width: calc(33.333% - 16px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      width: calc(33.333vw - 21px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 16px 32px 0;
      width: calc(50vw - 27.3px); }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms {
    border-radius: 8px; }
    .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms.Item-show-1pxdu .Item-image-34T1r:before {
      border-radius: 8px; }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-image-34T1r,
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-curtain-1sVs3 {
    border-radius: 8px; } }

@media screen and (max-width: 480px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    margin: 0 4px 8px 4px;
    width: calc(50% - 8px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 8px 0 0;
      width: calc(50vw - 27.3px); }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE {
      margin: 0 8px 8px 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05 {
    width: calc(100% - 8px); }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj {
    width: calc(100vw - 48px); }
  .Item-portrait-34hYB.Item-item-3llGs {
    margin: 0 4px 8px 4px;
    width: calc(33.3333% - 8px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 8px 0 0;
      width: calc(33.3333vw - 21px); }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 8px 32px 0;
      width: calc(50vw - 27.3px); }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms {
    border-radius: 8px; }
    .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms.Item-show-1pxdu .Item-image-34T1r:before {
      border-radius: 8px; }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-image-34T1r,
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-curtain-1sVs3 {
    border-radius: 8px; } }

@media screen and (max-width: 320px) {
  .Item-landscape-3JvYd.Item-item-3llGs {
    margin: 0 4px 8px 4px;
    width: 140px; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 8px 0 0;
      width: 140px; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE {
      margin: 0 8px 8px 0; }
  .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportList-1bJQE.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05, .Item-landscape-3JvYd.Item-item-3llGs.Item-bigRow-Y9Z05.Item-carousel-3evpj, .Item-landscape-3JvYd.Item-item-3llGs.Item-sportMain-1Q_JA.Item-carousel-3evpj {
    width: 288px; }
  .Item-portrait-34hYB.Item-item-3llGs {
    margin: 0 4px 8px 4px;
    width: 90px; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-carousel-3evpj {
      margin: 0 8px 0 0;
      width: 90px; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-mosaic-1D2d_ {
      width: 100%;
      margin: 0;
      padding: 0; }
    .Item-portrait-34hYB.Item-item-3llGs.Item-isToplistBlock-anbsc.Item-carousel-3evpj {
      margin: 0 8px 32px 0;
      width: 140px; }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms {
    border-radius: 8px; }
    .Item-mosaic-1D2d_ .Item-children-1zGeJ.Item-front-3_pms.Item-show-1pxdu .Item-image-34T1r:before {
      border-radius: 8px; }
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-image-34T1r,
  .Item-mosaic-1D2d_ .Item-children-1zGeJ .Item-curtain-1sVs3 {
    border-radius: 8px; } }
.AnimatedChunk-enter-1y5mj {
  opacity: 0; }

.AnimatedChunk-enterActive-3I_Ec {
  opacity: 1;
  transition: opacity 100ms ease-in-out; }

.AnimatedChunk-exit-20kQA {
  opacity: 1; }

.AnimatedChunk-exitActive-1dzA_ {
  opacity: 0;
  transition: opacity 300ms ease-in-out; }
.SportScheduleBlockWrapper-container-3Rk9a {
  margin-bottom: -85px; }

.SportScheduleBlockWrapper-schedule-2JlSk {
  padding-top: 20px;
  padding-bottom: 85px; }
.CarouselHeader-container-2vd2b {
  padding-top: 32px; }
  .CarouselHeader-container-2vd2b > h2 {
    padding-bottom: 16px; }
  .CarouselHeader-container-2vd2b.CarouselHeader-season-1HFoK {
    display: none; }

.CarouselHeader-wrapper-2i1E2 {
  padding: 0 0 16px 0;
  position: relative;
  width: calc(100vw - 176px); }
  .CarouselHeader-wrapper-2i1E2.CarouselHeader-tve-W4S4T {
    height: 32px;
    margin: 0;
    padding: 0 0 16px 0; }

@media screen and (min-width: 1441px) {
  .CarouselHeader-wrapper-2i1E2 {
    width: calc(100vw - 184px); } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .CarouselHeader-wrapper-2i1E2 {
    width: calc(100vw - 128px); } }

@media screen and (max-width: 760px) {
  .CarouselHeader-wrapper-2i1E2 {
    width: 100%; }
  .CarouselHeader-container-2vd2b {
    padding-top: 16px; } }

@media screen and (max-width: 480px) {
  .CarouselHeader-wrapper-2i1E2 {
    padding: 0; } }
/*
 * 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);
 *
 */
.ShowingResultsFor-viaplay-numerals-15BaH {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ShowingResultsFor-container-3eeR1 {
  background: #1d1d27;
  padding-bottom: 30px;
  position: relative;
  text-align: center;
  z-index: 2; }
  .ShowingResultsFor-container-3eeR1 span {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: normal;
    color: #eeeeee; }
/*
 * 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);
 *
 */
.SearchFilters-viaplay-numerals-2jPCs {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SearchFilters-container-2CiOg {
  text-align: center;
  position: relative; }

.SearchFilters-list-2vhZ0 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: right;
  top: 0;
  vertical-align: top;
  z-index: 11; }

.SearchFilters-item-1x_P3 {
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
  color: #eeeeee;
  float: left;
  margin: 0 10px; }
  .SearchFilters-item-1x_P3 a {
    display: block; }
  .SearchFilters-item-1x_P3 a:hover {
    color: #eeeeee;
    display: block;
    text-decoration: none; }

.SearchFilters-active-1qXYe {
  border-color: #fe365f;
  color: #eeeeee; }
  .SearchFilters-active-1qXYe a,
  .SearchFilters-active-1qXYe a:hover {
    color: #eeeeee;
    cursor: default; }

.SearchFilters-disabled-2H5k9 a,
.SearchFilters-disabled-2H5k9:hover a {
  color: rgba(238, 238, 238, 0.7);
  cursor: default;
  pointer-events: none; }

@media screen and (max-width: 480px) {
  .SearchFilters-container-2CiOg {
    display: none; } }
.CustomerServiceSuggestion-container-2vriC {
  margin: 40px 10px; }
  .CustomerServiceSuggestion-container-2vriC > span {
    color: #eeeeee;
    display: block;
    font-weight: 300;
    padding: 23px 0; }
  .CustomerServiceSuggestion-container-2vriC a {
    color: #eeeeee; }
    .CustomerServiceSuggestion-container-2vriC a:hover {
      color: #eeeeee;
      text-decoration: underline; }
/*
 * 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);
 *
 */
.NoResultsDialogue-viaplay-numerals-2nK_9 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.NoResultsDialogue-container-1uMyL {
  background: #1d1d27;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 10px 60px 10px;
  position: relative;
  text-align: center; }
  .NoResultsDialogue-container-1uMyL a {
    color: #eeeeee; }
    .NoResultsDialogue-container-1uMyL a:hover {
      color: #eeeeee; }

.NoResultsDialogue-header-1fTY8 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  margin-bottom: 15px; }
/*
 * 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);
 *
 */
.FooterColumnLink-viaplay-numerals-NmXQ7 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.FooterColumnLink-item-3qm-j {
  margin: 4px 0;
  padding: 0; }

.FooterColumnLink-link-BNNtM {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7); }
  .FooterColumnLink-link-BNNtM:hover {
    text-decoration: none; }
    .FooterColumnLink-link-BNNtM:hover span {
      color: rgba(238, 238, 238, 0.7);
      border-bottom: solid 1px rgba(238, 238, 238, 0.7); }

@media screen and (max-width: 939px) {
  .FooterColumnLink-item-3qm-j {
    margin: 0; }
  .FooterColumnLink-link-BNNtM {
    display: block;
    padding: 4px 80px 4px 24px; } }
/*
 * 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);
 *
 */
.Footer-viaplay-numerals-2hp03 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Footer-column-KJ-1N {
  display: table-cell;
  vertical-align: top;
  width: 16vw; }

.Footer-copyright-1uVB_ {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  margin-right: 140px;
  position: relative; }
  .Footer-copyright-1uVB_:after {
    background-image: url(resources/partofNENT-b8c393042100dd46c7b73a0932821e59.png);
    background-repeat: no-repeat;
    background-size: 128px 24px;
    bottom: -2px;
    content: '';
    display: inline-block;
    height: 24px;
    margin-left: 20px;
    position: absolute;
    width: 128px; }

.Footer-copyrightEvv-2AdGq:after {
  background-image: url(resources/NENT-c9194230966dce23d21cc10d32eabb29.png);
  background-size: 100px 24px;
  width: 100px; }

.Footer-footer-3HToZ {
  display: block;
  flex: 0 0;
  overflow: hidden;
  position: relative; }

.Footer-logo-1awlv {
  background-image: url(resources/footer_logo-1813b7691f1f0d7b1f46f4a5aedd82df.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  display: inline-block;
  height: 88px;
  margin-top: 40px;
  padding: 0;
  text-indent: -9999px;
  text-decoration: none;
  width: 80px; }

.Footer-logoEvv-2ToUK {
  background-image: url(resources/footer_logo_evv-44236912f1d2b8f2fda8bf9312c40197.png); }

.Footer-logoElisaViihde-f5TpK {
  background-image: url(resources/elisa_viihde_logo-a6dc34f3b3a4886e80e0d6a3431b6c18.png);
  background-size: 50px 24px;
  display: inline-block;
  height: 24px;
  position: relative;
  top: 4px;
  width: 50px; }

.Footer-logocolumn-38Lov {
  display: table-cell;
  min-width: 128px;
  text-align: left;
  vertical-align: top;
  width: 20vw; }

.Footer-lower-3xS4Y {
  margin-bottom: 24px;
  position: relative;
  text-align: center; }

.Footer-table-1Tku3 {
  display: table;
  width: 78vw; }

.Footer-tablecontainer-3o1BY {
  display: table-cell;
  vertical-align: top; }

.Footer-upper-2B2qI {
  padding: 8px 0 48px;
  position: relative; }

@media screen and (min-resolution: 2x) {
  .Footer-logo-1awlv {
    background-image: url(resources/footer_logo_large-701df0cb4fee498501d7ac69a0da086d.png); }
  .Footer-logoEvv-2ToUK {
    background-image: url(resources/footer_logo_large_evv-be8d6d49d79f9a1263b121e711e6b4d6.png); } }

@media screen and (max-width: 939px) {
  .Footer-column-KJ-1N {
    border-top: solid 1px #32323b;
    display: block;
    padding: 8px 0;
    width: auto; }
    .Footer-column-KJ-1N:last-child {
      border-bottom: solid 1px #32323b; }
  .Footer-copyright-1uVB_ {
    display: block;
    line-height: normal;
    padding-top: 16px; }
  .Footer-footer-3HToZ {
    min-width: auto; }
  .Footer-logo-1awlv {
    margin-top: 32px; }
  .Footer-logocolumn-38Lov {
    bottom: 0;
    display: block;
    height: 141px;
    position: absolute;
    text-align: center;
    width: 100%; }
  .Footer-lower-3xS4Y {
    min-width: auto;
    padding: 0; }
  .Footer-table-1Tku3 {
    display: block;
    width: auto; }
  .Footer-tablecontainer-3o1BY {
    display: block; }
  .Footer-upper-2B2qI {
    min-width: auto;
    padding: 0; }
  .Footer-upperscaffold-5Ldv_ {
    display: block;
    margin: 0;
    padding-bottom: 144px;
    position: relative;
    width: auto; }
    .Footer-upperscaffold-5Ldv_ > div {
      margin: 0;
      position: unset; } }

@media screen and (max-width: 939px) {
  .Footer-copyright-1uVB_ {
    margin: 0; }
    .Footer-copyright-1uVB_:after {
      display: none; }
  .Footer-logoElisaViihde-f5TpK {
    display: none; } }
/*
 * 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);
 *
 */
.FooterColumn-viaplay-numerals-7HUwP {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@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; } }

.FooterColumn-header-1hEQX {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 40px 0 8px; }
  .FooterColumn-header-1hEQX:after {
    transform: rotate(45deg);
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    display: none;
    height: 8px;
    position: absolute;
    right: 35px;
    top: 12px;
    width: 8px; }
  .FooterColumn-header-1hEQX:before {
    background-color: #32323b;
    border-radius: 50%;
    content: '';
    display: none;
    height: 32px;
    margin-top: -16px;
    position: absolute;
    right: 24px;
    top: 50%;
    width: 32px; }
  .FooterColumn-header-1hEQX.FooterColumn-active-3hPgF:after {
    transform: rotate(-135deg);
    top: 16px; }

@media screen and (max-width: 939px) {
  .FooterColumn-active-3hPgF.FooterColumn-list-YrARA {
    transform-origin: center top; }
    .FooterColumn-active-3hPgF.FooterColumn-list-YrARA {
      animation: showFooterColumn 400ms ease-in-out forwards; }
  .FooterColumn-header-1hEQX {
    cursor: pointer;
    padding: 8px 24px 4px 24px;
    position: relative; }
    .FooterColumn-header-1hEQX:before, .FooterColumn-header-1hEQX.FooterColumn-active-3hPgF:before, .FooterColumn-header-1hEQX:after, .FooterColumn-header-1hEQX.FooterColumn-active-3hPgF:after {
      display: block; }
  .FooterColumn-list-YrARA {
    max-height: 0;
    opacity: 0; } }
.NavigationCompact-container-xSc5U {
  display: none; }

@media screen and (max-width: 1010px) {
  .NavigationCompact-activeUser-n66mF .NavigationCompact-noAvatar-W90Yx,
  .NavigationCompact-activeNav-151Km .NavigationCompact-toggleNavigation-9xcEl {
    opacity: 1; }
  .NavigationCompact-activeSearch-3aWAv {
    background-color: #1d1d27;
    border-top: 1px solid #1d1d27;
    z-index: 20; }
    .NavigationCompact-activeSearch-3aWAv.NavigationCompact-kidsProfile-1Thkz {
      background-color: #1d1d27; }
  .NavigationCompact-boxShadow-3N6e6 {
    background: #2b2b35;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(29, 29, 39, 0.2);
    margin-top: 16px;
    overflow: hidden;
    padding-top: 8px; }
  .NavigationCompact-container-xSc5U {
    display: block;
    position: relative;
    width: 100%; }
  .NavigationCompact-kidsProfile-1Thkz {
    background-color: #3d3f66; }
  .NavigationCompact-customerService-3ljpp,
  .NavigationCompact-settings-3ShrN {
    color: #eeeeee;
    text-decoration: none;
    padding-left: 48px;
    position: relative;
    text-transform: none; }
    .NavigationCompact-customerService-3ljpp:before,
    .NavigationCompact-settings-3ShrN:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%; }
  .NavigationCompact-customerService-3ljpp:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY5MDEgMTMuMjczOEwxNC42OTYxIDExLjI3OTdDMTQuMjgzIDEwLjg2NjggMTMuNjEzNSAxMC44NjY4IDEzLjIwMDQgMTEuMjc5N0wxMi4zNDE2IDEyLjEzODZDMTIuMTExIDEyLjM2OTUgMTEuNzUxOSAxMi40MTE4IDExLjQ3MzkgMTIuMjQwOEMxMC4zMDI4IDExLjU0MTIgOS4yMTA0MSAxMC43MTc2IDguMjE1NDggOS43ODQzN0M3LjI4MjE5IDguNzg5NDMgNi40NTg2MyA3LjY5Njk4IDUuNzU5MDEgNi41MjU4OEM1LjU4Nzk5IDYuMjQ3ODYgNS42MzAzMSA1Ljg4ODc4IDUuODYxMjcgNS42NTgxM0w2LjcyMDEyIDQuNzk5MjhDNi45MTg1IDQuNjAwOTcgNy4wMjk5NSA0LjMzMTk2IDcuMDI5OTUgNC4wNTE0NkM3LjAyOTk1IDMuNzcwOTYgNi45MTg1IDMuNTAxOTUgNi43MjAxMiAzLjMwMzY0TDQuNzI2MTEgMS4zMDk4NEM0LjUyNzggMS4xMTE0NiA0LjI1ODc5IDEgMy45NzgyOSAxQzMuNjk3NzggMSAzLjQyODc3IDEuMTExNDYgMy4yMzA0NiAxLjMwOTg0TDIuMDMzNTMgMi41MDY4NEMwLjgzMTQwNCAzLjcwNzA5IDAuNjU3MzUyIDUuNTk0NCAxLjYxOTY5IDYuOTk0MjZDMi44NTAyNSA4Ljg1NzY4IDQuMjIyMTcgMTAuNjIzOCA1LjcyMzMyIDEyLjI3N0M3LjM3NjM3IDEzLjc3OCA5LjE0MjMgMTUuMTQ5OCAxMS4wMDU1IDE2LjM4MDJDMTIuNDA1NCAxNy4zNDI3IDE0LjI5MjggMTcuMTY4NiAxNS40OTMgMTUuOTY2M0wxNi42OTAxIDE0Ljc2OTNDMTYuODg4NCAxNC41NzEgMTYuOTk5OCAxNC4zMDIgMTYuOTk5OCAxNC4wMjE2QzE2Ljk5OTggMTMuNzQxMSAxNi44ODg0IDEzLjQ3MjEgMTYuNjkwMSAxMy4yNzM4WiIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 18px 16px;
    height: 16px;
    left: 10px;
    margin-top: -8px;
    width: 18px; }
  .NavigationCompact-settings-3ShrN:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjAwMDYxIDRDNC4wMDA2MSAyLjg5NTQzIDQuODk2MDQgMiA2LjAwMDYxIDJDNy4xMDUxOCAyIDguMDAwNjEgMi44OTU0MyA4LjAwMDYxIDRWNkg0LjAwMDYxVjRaTTIuMDAwNjEgNlY0QzIuMDAwNjEgMS43OTA4NiAzLjc5MTQ3IDAgNi4wMDA2MSAwQzguMjA5NzUgMCAxMC4wMDA2IDEuNzkwODYgMTAuMDAwNiA0VjZIMTAuNjY3M0gxMC42Njg1QzExLjQwMzggNi4wMDA4OCAxMS45OTk3IDYuNTk2NzggMTIuMDAwNiA3LjMzMjE0TDEyLjAwMDYgNy4zMzMzM0wxMi4wMDA2IDE1LjMzMzNWMTUuMzM0NUMxMS45OTk3IDE2LjA2OTkgMTEuNDAzOCAxNi42NjU4IDEwLjY2ODUgMTYuNjY2N0wxMC42NjczIDE2LjY2NjdIMS4zMzM5NEwxLjMzMjc1IDE2LjY2NjdDMC41OTczOTMgMTYuNjY1OCAwLjAwMTQ5MTkgMTYuMDY5OSAwLjAwMDYxMDM1MiAxNS4zMzQ1VjE1LjMzMzNWNy4zMzMzM1Y3LjMzMjE0QzAuMDAxNDkxOSA2LjU5Njc4IDAuNTk3MzkzIDYuMDAwODggMS4zMzI3NSA2TDEuMzMzOTQgNkgyLjAwMDYxWk0yLjAwMDYxIDhWMTQuNjY2N0gxMC4wMDA2VjhIOS4wMDA2MUgzLjAwMDYxSDIuMDAwNjFaIiBmaWxsPSIjRjlGOUZCIi8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 18px 16px;
    height: 16px;
    left: 10px;
    margin-top: -8px;
    width: 18px; }
  .NavigationCompact-dropdown-3JGsf {
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    transition: opacity 300ms ease 0s;
    width: 272px;
    z-index: 15; }
    .NavigationCompact-dropdown-3JGsf:before {
      background: #2b2b35;
      border-radius: 4px 0 0 0;
      content: '';
      height: 16px;
      position: absolute;
      right: 108px;
      top: 8px;
      transform: rotate(45deg);
      width: 16px; }
    .NavigationCompact-dropdown-3JGsf > a {
      color: #eeeeee;
      line-height: 2.4rem; }
  .NavigationCompact-dropdownItem-3Q1hP {
    height: 24px;
    padding: 8px 0; }
  .NavigationCompact-dropdownProfileItem-1-ivz {
    height: 38px;
    padding: 2px 16px 2px 4px; }
  .NavigationCompact-dropdownList-3iOXU a,
  .NavigationCompact-dropdownProfileList-21v-3 a {
    color: #eeeeee;
    cursor: pointer;
    line-height: 2.4rem; }
    .NavigationCompact-dropdownList-3iOXU a:hover, .NavigationCompact-dropdownList-3iOXU a:focus,
    .NavigationCompact-dropdownProfileList-21v-3 a:hover,
    .NavigationCompact-dropdownProfileList-21v-3 a:focus {
      color: #eeeeee;
      text-decoration: underline; }
  .NavigationCompact-dropdownList-3iOXU {
    margin: 19px 16px 19px 24px;
    padding: 0; }
  .NavigationCompact-dropdownProfileList-21v-3 {
    margin: 0 16px 0 24px;
    padding: 8px 0; }
  .NavigationCompact-footer-1Z_x2 {
    margin: 24px;
    text-align: center; }
    .NavigationCompact-footer-1Z_x2 .NavigationCompact-dropdownItem-3Q1hP {
      height: 48px;
      padding: 0; }
    .NavigationCompact-footer-1Z_x2 a {
      display: block; }
  .NavigationCompact-navigation-1AoOV {
    background: #2b2b35;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin-top: 16px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    width: fit-content;
    width: -moz-fit-content; }
    .NavigationCompact-navigation-1AoOV:before {
      background: #2b2b35;
      border-radius: 4px 0 0 0;
      content: '';
      height: 16px;
      position: absolute;
      right: 45px;
      top: -8px;
      transform: rotate(45deg);
      width: 16px; }
    .NavigationCompact-navigation-1AoOV a {
      color: #eeeeee;
      display: block;
      line-height: normal;
      padding: 16px 64px 16px 32px;
      text-align: left;
      text-transform: none; }
      .NavigationCompact-navigation-1AoOV a:hover {
        color: #eeeeee;
        text-decoration: underline; }
  .NavigationCompact-right-2nTFQ {
    text-align: right;
    height: 64px; }
  .NavigationCompact-sections-1PsWb {
    box-sizing: border-box;
    display: inline-block;
    border-radius: 30px;
    padding: 0 20px 0 40px;
    position: relative; }
    .NavigationCompact-sections-1PsWb .NavigationCompact-left-3nGjh,
    .NavigationCompact-sections-1PsWb .NavigationCompact-right-2nTFQ {
      display: inline-block;
      vertical-align: top; }
    .NavigationCompact-sections-1PsWb .NavigationCompact-left-3nGjh {
      padding-right: 73px; }
    .NavigationCompact-sections-1PsWb .NavigationCompact-right-2nTFQ {
      line-height: 0;
      min-width: 256px; }
  .NavigationCompact-toggleNavigation-9xcEl {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDFDMCAwLjQ0NzcxNSAwLjQ0NzcxNSAwIDEgMEwyMyAwQzIzLjU1MjMgMCAyNCAwLjQ0NzcxNSAyNCAxQzI0IDEuNTUyMjggMjMuNTUyMyAyIDIzIDJMMSAyQzAuNDQ3NzE1IDIgMCAxLjU1MjI4IDAgMVoiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDlDMCA4LjQ0NzcyIDAuNDQ3NzE1IDggMSA4TDIzIDhDMjMuNTUyMyA4IDI0IDguNDQ3NzIgMjQgOUMyNCA5LjU1MjI4IDIzLjU1MjMgMTAgMjMgMTBMMSAxMEMwLjQ0NzcxNSAxMCAwIDkuNTUyMjggMCA5WiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTdDMCAxNi40NDc3IDAuNDQ3NzE1IDE2IDEgMTZMMjMgMTZDMjMuNTUyMyAxNiAyNCAxNi40NDc3IDI0IDE3QzI0IDE3LjU1MjMgMjMuNTUyMyAxOCAyMyAxOEwxIDE4QzAuNDQ3NzE1IDE4IDAgMTcuNTUyMyAwIDE3WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K) no-repeat;
    background-size: 24px 18px;
    background-position: center;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 64px;
    opacity: 0.6;
    padding: 0;
    vertical-align: top;
    width: 64px; }
  .NavigationCompact-noAvatar-W90Yx {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRUVFRUVFO3N0cm9rZS13aWR0aDoyO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUVFRUVFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjcsNC42YzAsMi0xLjcsMy42LTMuOCwzLjZDOS43LDguMyw4LDYuNiw4LDQuNkM4LDIuNyw5LjcsMSwxMS45LDFDMTQsMSwxNS43LDIuNywxNS43LDQuNnoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjcsMjNjMC01LjgtNC45LTEwLjQtMTAuOS0xMC40QzUuOSwxMi42LDEsMTcuMiwxLDIzIi8+Cjwvc3ZnPgo=) no-repeat center center;
    background-size: 24px 24px;
    border: none;
    display: block;
    opacity: 0.6;
    padding: 16px 14px; }
  .NavigationCompact-user-2FvXI {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 64px;
    padding: 14px 18px;
    position: relative;
    vertical-align: top;
    width: 64px; }
  .NavigationCompact-userName-2Nok2 {
    display: none; }
  .NavigationCompact-wrapper-30AuY {
    height: inherit;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 12; }
    .NavigationCompact-wrapper-30AuY:after {
      background: linear-gradient(180deg, rgba(29, 29, 39, 0.8) 0%, rgba(29, 29, 39, 0.793082) 6.67%, rgba(29, 29, 39, 0.771592) 13.33%, rgba(29, 29, 39, 0.734672) 20%, rgba(29, 29, 39, 0.682071) 26.67%, rgba(29, 29, 39, 0.61458) 33.33%, rgba(29, 29, 39, 0.534493) 40%, rgba(29, 29, 39, 0.445847) 46.67%, rgba(29, 29, 39, 0.354153) 53.33%, rgba(29, 29, 39, 0.265507) 60%, rgba(29, 29, 39, 0.18542) 66.67%, rgba(29, 29, 39, 0.117929) 73.33%, rgba(29, 29, 39, 0.0653279) 80%, rgba(29, 29, 39, 0.028408) 86.67%, rgba(29, 29, 39, 0.00691776) 93.33%, rgba(29, 29, 39, 0) 100%);
      clear: both;
      content: '';
      display: block;
      height: 124px;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1; } }

.NavigationCompact-loggedOutStart-23cYH {
  box-sizing: border-box;
  padding: 0 80px;
  top: 0; }
  .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-right-2nTFQ {
    position: absolute;
    right: 0;
    vertical-align: middle; }
  .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-sections-1PsWb {
    background: transparent;
    box-shadow: none;
    opacity: 1;
    padding: 14px 0;
    width: 100%; }
  .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-wrapper-30AuY {
    text-align: left;
    height: 65px; }
    .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-wrapper-30AuY:after {
      display: none; }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .NavigationCompact-loggedOutStart-23cYH {
    padding: 0 56px; } }

@media screen and (max-width: 760px) {
  .NavigationCompact-loggedOutStart-23cYH {
    padding: 0 16px; }
  .NavigationCompact-sections-1PsWb .NavigationCompact-left-3nGjh {
    padding-right: 24px; } }

@media screen and (max-width: 480px) {
  .NavigationCompact-wrapper-30AuY {
    min-width: 100%;
    width: 100%; }
  .NavigationCompact-sections-1PsWb {
    display: flex;
    margin: 0 16px;
    padding: 0 16px;
    width: calc(100% - 32px); }
    .NavigationCompact-sections-1PsWb .NavigationCompact-left-3nGjh {
      margin-right: auto;
      padding-right: unset; }
    .NavigationCompact-sections-1PsWb .NavigationCompact-right-2nTFQ {
      min-width: auto; }
  .NavigationCompact-dropdown-3JGsf {
    margin-top: 60px;
    width: 100%; }
    .NavigationCompact-dropdown-3JGsf:before {
      right: 80px; }
  .NavigationCompact-navigation-1AoOV {
    margin-top: 76px;
    width: 100%; }
    .NavigationCompact-navigation-1AoOV:before {
      right: 32px; }
  .NavigationCompact-user-2FvXI, .NavigationCompact-toggleNavigation-9xcEl {
    width: 48px; }
  .NavigationCompact-user-2FvXI {
    padding: 14px 10.5px; }
  .NavigationCompact-loggedOutStart-23cYH {
    padding: 0; }
    .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-sections-1PsWb {
      width: calc(100% - 32px); }
    .NavigationCompact-loggedOutStart-23cYH .NavigationCompact-wrapper-30AuY {
      height: 65px; } }
@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; } }

.SearchButton-container-RdbsS {
  cursor: pointer;
  display: inline-block;
  height: 64px;
  width: 64px;
  z-index: 15;
  user-select: none; }
  .SearchButton-container-RdbsS:not(.SearchButton-active-7400e):not(.SearchButton-compact-e3gUr):hover .SearchButton-icon-kNXgg {
    opacity: 1; }
  .SearchButton-container-RdbsS .SearchButton-icon-kNXgg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjU1OTcgMTUuNTU5N0MxNS45NTAyIDE1LjE2OTIgMTYuNTgzNCAxNS4xNjkyIDE2Ljk3MzkgMTUuNTU5N0wyMy41ODA2IDIyLjE2NjRDMjMuOTcxMSAyMi41NTY5IDIzLjk3MTEgMjMuMTkwMSAyMy41ODA2IDIzLjU4MDZDMjMuMTkwMSAyMy45NzExIDIyLjU1NjkgMjMuOTcxMSAyMi4xNjY0IDIzLjU4MDZMMTUuNTU5NyAxNi45NzM5QzE1LjE2OTIgMTYuNTgzNCAxNS4xNjkyIDE1Ljk1MDIgMTUuNTU5NyAxNS41NTk3WiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNSAxN0MxMy42NDIxIDE3IDE3IDEzLjY0MjEgMTcgOS41QzE3IDUuMzU3ODYgMTMuNjQyMSAyIDkuNSAyQzUuMzU3ODYgMiAyIDUuMzU3ODYgMiA5LjVDMiAxMy42NDIxIDUuMzU3ODYgMTcgOS41IDE3Wk05LjUgMTlDMTQuNzQ2NyAxOSAxOSAxNC43NDY3IDE5IDkuNUMxOSA0LjI1MzI5IDE0Ljc0NjcgMCA5LjUgMEM0LjI1MzI5IDAgMCA0LjI1MzI5IDAgOS41QzAgMTQuNzQ2NyA0LjI1MzI5IDE5IDkuNSAxOVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    display: block;
    height: 64px;
    opacity: 0.6;
    transition: transform 200ms;
    width: 64px; }

.SearchButton-container-RdbsS.SearchButton-active-7400e .SearchButton-icon-kNXgg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzExLjQ0NzcgMCAxMSAwLjQ0NzcxNiAxMSAxVjExSDFDMC40NDc3MTUgMTEgMCAxMS40NDc3IDAgMTJDMCAxMi41NTIzIDAuNDQ3NzE2IDEzIDEgMTNIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YxM0gyM0MyMy41NTIzIDEzIDI0IDEyLjU1MjMgMjQgMTJDMjQgMTEuNDQ3NyAyMy41NTIzIDExIDIzIDExSDEzVjFDMTMgMC40NDc3MTUgMTIuNTUyMyAwIDEyIDBaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
  transform: rotate(45deg);
  opacity: 1; }

@media screen and (max-width: 760px) {
  .SearchButton-container-RdbsS.SearchButton-notLoggedIn-O81W_ {
    display: none; } }

@media screen and (max-width: 480px) {
  .SearchButton-container-RdbsS, .SearchButton-container-RdbsS .SearchButton-icon-kNXgg {
    width: 48px; } }
/*
 * 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);
 *
 */
.Navigation-viaplay-numerals-3chxD {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Navigation-container-2TZwn.Navigation-activeSearch-3Lit_ {
  background: #1d1d27;
  z-index: 20; }
  .Navigation-container-2TZwn.Navigation-activeSearch-3Lit_.Navigation-kidsProfile-5hBFL {
    background-color: #1d1d27; }

.Navigation-boxShadow-1R065 {
  background: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(29, 29, 39, 0.2);
  margin-top: 16px;
  overflow: hidden; }

.Navigation-container-2TZwn {
  position: relative;
  width: 100%; }
  .Navigation-container-2TZwn.Navigation-kidsProfile-5hBFL {
    background-color: #3d3f66; }

.Navigation-center-OrmN8 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  padding: 20px 70px 20px 48px;
  position: relative; }
  .Navigation-center-OrmN8:after {
    clear: both;
    content: '';
    display: block; }
  .Navigation-center-OrmN8 > * {
    float: left; }

.Navigation-dropdown-3teQi {
  overflow: hidden;
  position: absolute;
  right: -20px;
  text-align: left;
  transition: opacity 300ms ease 0s;
  width: 272px;
  z-index: 15; }
  .Navigation-dropdown-3teQi:before {
    background: #2b2b35;
    border-radius: 4px 0 0 0;
    content: '';
    height: 16px;
    position: absolute;
    right: 45px;
    top: 8px;
    transform: rotate(45deg);
    width: 16px; }
  .Navigation-dropdown-3teQi > a {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    color: #eeeeee; }
  .Navigation-dropdown-3teQi .Navigation-package-ptXOr,
  .Navigation-dropdown-3teQi .Navigation-profiles-2EzDF {
    color: #eeeeee;
    text-decoration: none; }
  .Navigation-dropdown-3teQi .Navigation-customerService-bcUWe,
  .Navigation-dropdown-3teQi .Navigation-settings-13ZUB {
    color: #eeeeee;
    padding-left: 48px;
    position: relative;
    text-decoration: none;
    text-transform: none; }
    .Navigation-dropdown-3teQi .Navigation-customerService-bcUWe:before,
    .Navigation-dropdown-3teQi .Navigation-settings-13ZUB:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%; }
  .Navigation-dropdown-3teQi .Navigation-customerService-bcUWe:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY5MDEgMTMuMjczOEwxNC42OTYxIDExLjI3OTdDMTQuMjgzIDEwLjg2NjggMTMuNjEzNSAxMC44NjY4IDEzLjIwMDQgMTEuMjc5N0wxMi4zNDE2IDEyLjEzODZDMTIuMTExIDEyLjM2OTUgMTEuNzUxOSAxMi40MTE4IDExLjQ3MzkgMTIuMjQwOEMxMC4zMDI4IDExLjU0MTIgOS4yMTA0MSAxMC43MTc2IDguMjE1NDggOS43ODQzN0M3LjI4MjE5IDguNzg5NDMgNi40NTg2MyA3LjY5Njk4IDUuNzU5MDEgNi41MjU4OEM1LjU4Nzk5IDYuMjQ3ODYgNS42MzAzMSA1Ljg4ODc4IDUuODYxMjcgNS42NTgxM0w2LjcyMDEyIDQuNzk5MjhDNi45MTg1IDQuNjAwOTcgNy4wMjk5NSA0LjMzMTk2IDcuMDI5OTUgNC4wNTE0NkM3LjAyOTk1IDMuNzcwOTYgNi45MTg1IDMuNTAxOTUgNi43MjAxMiAzLjMwMzY0TDQuNzI2MTEgMS4zMDk4NEM0LjUyNzggMS4xMTE0NiA0LjI1ODc5IDEgMy45NzgyOSAxQzMuNjk3NzggMSAzLjQyODc3IDEuMTExNDYgMy4yMzA0NiAxLjMwOTg0TDIuMDMzNTMgMi41MDY4NEMwLjgzMTQwNCAzLjcwNzA5IDAuNjU3MzUyIDUuNTk0NCAxLjYxOTY5IDYuOTk0MjZDMi44NTAyNSA4Ljg1NzY4IDQuMjIyMTcgMTAuNjIzOCA1LjcyMzMyIDEyLjI3N0M3LjM3NjM3IDEzLjc3OCA5LjE0MjMgMTUuMTQ5OCAxMS4wMDU1IDE2LjM4MDJDMTIuNDA1NCAxNy4zNDI3IDE0LjI5MjggMTcuMTY4NiAxNS40OTMgMTUuOTY2M0wxNi42OTAxIDE0Ljc2OTNDMTYuODg4NCAxNC41NzEgMTYuOTk5OCAxNC4zMDIgMTYuOTk5OCAxNC4wMjE2QzE2Ljk5OTggMTMuNzQxMSAxNi44ODg0IDEzLjQ3MjEgMTYuNjkwMSAxMy4yNzM4WiIgc3Ryb2tlPSIjRUVFRUVFIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) no-repeat;
    background-size: 18px 16px;
    height: 16px;
    left: 10px;
    margin-top: -8px;
    width: 18px; }
  .Navigation-dropdown-3teQi .Navigation-settings-13ZUB:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjAwMDYxIDRDNC4wMDA2MSAyLjg5NTQzIDQuODk2MDQgMiA2LjAwMDYxIDJDNy4xMDUxOCAyIDguMDAwNjEgMi44OTU0MyA4LjAwMDYxIDRWNkg0LjAwMDYxVjRaTTIuMDAwNjEgNlY0QzIuMDAwNjEgMS43OTA4NiAzLjc5MTQ3IDAgNi4wMDA2MSAwQzguMjA5NzUgMCAxMC4wMDA2IDEuNzkwODYgMTAuMDAwNiA0VjZIMTAuNjY3M0gxMC42Njg1QzExLjQwMzggNi4wMDA4OCAxMS45OTk3IDYuNTk2NzggMTIuMDAwNiA3LjMzMjE0TDEyLjAwMDYgNy4zMzMzM0wxMi4wMDA2IDE1LjMzMzNWMTUuMzM0NUMxMS45OTk3IDE2LjA2OTkgMTEuNDAzOCAxNi42NjU4IDEwLjY2ODUgMTYuNjY2N0wxMC42NjczIDE2LjY2NjdIMS4zMzM5NEwxLjMzMjc1IDE2LjY2NjdDMC41OTczOTMgMTYuNjY1OCAwLjAwMTQ5MTkgMTYuMDY5OSAwLjAwMDYxMDM1MiAxNS4zMzQ1VjE1LjMzMzNWNy4zMzMzM1Y3LjMzMjE0QzAuMDAxNDkxOSA2LjU5Njc4IDAuNTk3MzkzIDYuMDAwODggMS4zMzI3NSA2TDEuMzMzOTQgNkgyLjAwMDYxWk0yLjAwMDYxIDhWMTQuNjY2N0gxMC4wMDA2VjhIOS4wMDA2MUgzLjAwMDYxSDIuMDAwNjFaIiBmaWxsPSIjRjlGOUZCIi8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 18px 16px;
    height: 16px;
    left: 10px;
    margin-top: -8px;
    width: 18px; }

.Navigation-dropdownItem-3DQfB {
  height: 24px;
  padding: 8px 0; }

.Navigation-dropdownProfileItem-2mly3 {
  height: 38px;
  padding: 2px 16px 2px 4px; }

.Navigation-dropdownList-3nqLi a,
.Navigation-dropdownProfileList-35qR5 a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  cursor: pointer; }
  .Navigation-dropdownList-3nqLi a:hover, .Navigation-dropdownList-3nqLi a:focus,
  .Navigation-dropdownProfileList-35qR5 a:hover,
  .Navigation-dropdownProfileList-35qR5 a:focus {
    color: #eeeeee;
    text-decoration: underline; }

.Navigation-dropdownList-3nqLi {
  margin: 19px 16px 19px 24px;
  padding: 0; }

.Navigation-dropdownProfileList-35qR5 {
  margin: 0 16px 0 24px;
  padding: 8px 0; }

.Navigation-footer-97055 {
  margin: 24px;
  text-align: center; }
  .Navigation-footer-97055 .Navigation-dropdownItem-3DQfB {
    height: 48px;
    padding: 0; }
  .Navigation-footer-97055 a {
    display: block; }

.Navigation-left-2ny6y {
  position: relative; }

.Navigation-logo-2ELVg {
  display: block; }
  .Navigation-logo-2ELVg:hover {
    background: transparent;
    border: none; }
  .Navigation-logo-2ELVg img {
    display: block; }

.Navigation-right-1Ki5u {
  line-height: 0;
  min-width: 192px;
  text-align: right; }
  .Navigation-right-1Ki5u > div {
    display: inline-block; }

.Navigation-sections-2m1DR {
  display: inline-block;
  border-radius: 30px;
  padding: 0 20px 0 40px; }
  .Navigation-sections-2m1DR > .Navigation-left-2ny6y,
  .Navigation-sections-2m1DR .Navigation-center-OrmN8,
  .Navigation-sections-2m1DR .Navigation-right-1Ki5u {
    display: inline-block;
    vertical-align: top; }

.Navigation-wrapper-3jy5T {
  height: inherit;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 12; }
  .Navigation-wrapper-3jy5T:after {
    background: linear-gradient(180deg, rgba(29, 29, 39, 0.8) 0%, rgba(29, 29, 39, 0.793082) 6.67%, rgba(29, 29, 39, 0.771592) 13.33%, rgba(29, 29, 39, 0.734672) 20%, rgba(29, 29, 39, 0.682071) 26.67%, rgba(29, 29, 39, 0.61458) 33.33%, rgba(29, 29, 39, 0.534493) 40%, rgba(29, 29, 39, 0.445847) 46.67%, rgba(29, 29, 39, 0.354153) 53.33%, rgba(29, 29, 39, 0.265507) 60%, rgba(29, 29, 39, 0.18542) 66.67%, rgba(29, 29, 39, 0.117929) 73.33%, rgba(29, 29, 39, 0.0653279) 80%, rgba(29, 29, 39, 0.028408) 86.67%, rgba(29, 29, 39, 0.00691776) 93.33%, rgba(29, 29, 39, 0) 100%);
    clear: both;
    content: '';
    display: block;
    height: 124px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
  .Navigation-wrapper-3jy5T > * {
    height: 100%; }

.Navigation-loggedOutStart-3h1ZJ {
  box-sizing: border-box;
  padding: 0 80px;
  top: 0; }
  .Navigation-loggedOutStart-3h1ZJ .Navigation-right-1Ki5u {
    position: absolute;
    right: 0;
    vertical-align: middle; }
  .Navigation-loggedOutStart-3h1ZJ .Navigation-sections-2m1DR {
    background: transparent;
    box-shadow: none;
    opacity: 1;
    padding: 14px 0;
    width: calc(100% - 160px); }
  .Navigation-loggedOutStart-3h1ZJ .Navigation-wrapper-3jy5T {
    text-align: left;
    height: 65px; }
    .Navigation-loggedOutStart-3h1ZJ .Navigation-wrapper-3jy5T:after {
      display: none; }

@media screen and (min-width: 1010px) and (max-width: 1279px) {
  .Navigation-center-OrmN8 {
    padding: 20px 50px 20px 28px; } }

@media screen and (max-width: 1010px) {
  .Navigation-container-2TZwn {
    display: none; } }
/*
 * 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);
 *
 */
.NavigationProfileItem-viaplay-numerals-2P5HV {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.NavigationProfileItem-container-2VI8N {
  align-items: center;
  color: #eeeeee;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  width: 100%; }
  .NavigationProfileItem-container-2VI8N:hover, .NavigationProfileItem-container-2VI8N:focus {
    color: #eeeeee;
    text-decoration: underline; }
  .NavigationProfileItem-container-2VI8N .NavigationProfileItem-name-2Uvd3 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin-left: 14px;
    position: relative; }

.NavigationProfileItem-manage-7mGPH,
.NavigationProfileItem-create-1YCFS {
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px;
  min-width: 31px;
  width: 31px; }

.NavigationProfileItem-create-1YCFS {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDJDNy40NDc3MiAyIDcgMi40NDc3MiA3IDNWN0gzQzIuNDQ3NzIgNyAyIDcuNDQ3NzIgMiA4QzIgOC41NTIyOCAyLjQ0NzcyIDkgMyA5SDdWMTNDNyAxMy41NTIzIDcuNDQ3NzIgMTQgOCAxNEM4LjU1MjI4IDE0IDkgMTMuNTUyMyA5IDEzVjlIMTNDMTMuNTUyMyA5IDE0IDguNTUyMjggMTQgOEMxNCA3LjQ0NzcyIDEzLjU1MjMgNyAxMyA3SDlWM0M5IDIuNDQ3NzIgOC41NTIyOCAyIDggMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
  background-size: 18px 16px; }

.NavigationProfileItem-manage-7mGPH {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjY0MzggMjQuNjY2NUMxMy4xODg2IDI0LjY2NzYgMTMuNjgyNiAyNC40MjIgMTQuMDI1MiAyNC4wMzM0TDE0LjAyNTIgMjQuMDMzNEwxNC4wMjkgMjQuMDI5MUwyMy42NzI4IDEyLjk2NTJDMjQuNjYzOCAxMS44MjgzIDI0LjY1NjcgMTAuMTMyNCAyMy42NTYzIDkuMDAzODhMMjMuMzkxOSA4LjcwNTY4QzIyLjE5MTUgNy4zNTE1OCAyMC4wNzQ1IDcuMzYwNDYgMTguODg1NSA4LjcyNDU3TDkuNTg0MjMgMTkuMzk1N0M5LjI0NTY5IDE5Ljc3OCA5LjA3MzIyIDIwLjI3MzQgOS4wNzQyNyAyMC43NjhNMTIuNjQzOCAyNC42NjY1QzEyLjY0MzMgMjQuNjY2NSAxMi42NDI4IDI0LjY2NjUgMTIuNjQyMiAyNC42NjY1TDEyLjY0NTEgMjMuNjY2NVYyNC42NjY1SDEyLjY0MzhaTTEyLjY0MzggMjQuNjY2NUgxMC42NjgzSDEwLjY2NzVDOS42NzgyOCAyNC42NjU3IDkuMDc0NzcgMjMuODAyNSA5LjA3NDI3IDIyLjk5NzJMOS4wNzQyNyAyMi45OTY1TDkuMDc0MjcgMjAuNzY4TTkuMDc0MjcgMjAuNzY4QzkuMDc0MjcgMjAuNzY4NiA5LjA3NDI3IDIwLjc2OTIgOS4wNzQyOCAyMC43Njk3TDEwLjA3NDMgMjAuNzY2OEg5LjA3NDI3VjIwLjc2OFoiIHN0cm9rZT0iI0VFRUVFRSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xOCAxMC4zMzM1TDIyIDE0LjMzMzUiIHN0cm9rZT0iI0VFRUVFRSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
  background-size: 24px 24px; }
.UserMenu-activeHover-NlhUR .UserMenu-noAvatar-B3bQG {
  opacity: 1; }

.UserMenu-detailsAuthenticated-1Q9Tj {
  position: relative; }

.UserMenu-noAvatar-B3bQG {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRUVFRUVFO3N0cm9rZS13aWR0aDoyO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUVFRUVFO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjcsNC42YzAsMi0xLjcsMy42LTMuOCwzLjZDOS43LDguMyw4LDYuNiw4LDQuNkM4LDIuNyw5LjcsMSwxMS45LDFDMTQsMSwxNS43LDIuNywxNS43LDQuNnoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjcsMjNjMC01LjgtNC45LTEwLjQtMTAuOS0xMC40QzUuOSwxMi42LDEsMTcuMiwxLDIzIi8+Cjwvc3ZnPgo=) no-repeat center center;
  border: none;
  display: block;
  height: 24px;
  opacity: 0.6;
  width: 24px; }

.UserMenu-container-ISGw2 {
  font-size: 0; }

.UserMenu-buttonbox-2hC4X {
  align-items: center;
  display: flex;
  height: 64px;
  justify-content: space-evenly;
  width: 64px; }

.UserMenu-toggle-Zntz9 {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0; }
/*
 * 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);
 *
 */
.NavigationItem-viaplay-numerals-3sQvQ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.NavigationItem-item-1yyFq {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: #eeeeee;
  cursor: pointer;
  display: block;
  padding: 0 20px;
  text-decoration: none;
  opacity: 0.6; }
  .NavigationItem-item-1yyFq:hover:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa), .NavigationItem-item-1yyFq:focus:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa) {
    color: #eeeeee;
    opacity: 1;
    text-decoration: none; }
  .NavigationItem-item-1yyFq.NavigationItem-watched-10Wb3:hover:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa), .NavigationItem-item-1yyFq.NavigationItem-starred-1lz-q:hover:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa), .NavigationItem-item-1yyFq.NavigationItem-myList-1rVhC:hover:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa), .NavigationItem-item-1yyFq.NavigationItem-purchased-7KcHW:hover:not(.NavigationItem-active-N41nd):not(.NavigationItem-compact-18sWa) {
    text-decoration: underline; }

.NavigationItem-item-1yyFq.NavigationItem-active-N41nd {
  color: #eeeeee;
  opacity: 1;
  text-decoration: none; }

.NavigationItem-watched-10Wb3,
.NavigationItem-starred-1lz-q,
.NavigationItem-myList-1rVhC,
.NavigationItem-purchased-7KcHW {
  font-weight: normal;
  opacity: 1;
  position: relative;
  padding-left: 48px;
  text-transform: none;
  text-decoration: none; }
  .NavigationItem-watched-10Wb3:before,
  .NavigationItem-starred-1lz-q:before,
  .NavigationItem-myList-1rVhC:before,
  .NavigationItem-purchased-7KcHW:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%; }

.NavigationItem-watched-10Wb3:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMTEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iI0VFRUVFRSIvPgo8cmVjdCB4PSI4IiB5PSIzIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iI0VFRUVFRSIvPgo8cmVjdCB4PSI4IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNS43NTE5MiA1LjE2Nzk1QzYuMzQ1NjYgNS41NjM3NyA2LjM0NTY2IDYuNDM2MjMgNS43NTE5MiA2LjgzMjA1TDIuNTU0NyA4Ljk2MzUzQzEuODkwMTQgOS40MDY1NyAxIDguOTMwMTggMSA4LjEzMTQ4VjMuODY4NTJDMSAzLjA2OTgyIDEuODkwMTUgMi41OTM0MyAyLjU1NDcgMy4wMzY0N0w1Ljc1MTkyIDUuMTY3OTVaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=) no-repeat;
  background-size: 18px 16px;
  height: 16px;
  left: 8px;
  margin-top: -8px;
  width: 18px; }

.NavigationItem-myList-1rVhC:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDJDNy40NDc3MiAyIDcgMi40NDc3MiA3IDNWN0gzQzIuNDQ3NzIgNyAyIDcuNDQ3NzIgMiA4QzIgOC41NTIyOCAyLjQ0NzcyIDkgMyA5SDdWMTNDNyAxMy41NTIzIDcuNDQ3NzIgMTQgOCAxNEM4LjU1MjI4IDE0IDkgMTMuNTUyMyA5IDEzVjlIMTNDMTMuNTUyMyA5IDE0IDguNTUyMjggMTQgOEMxNCA3LjQ0NzcyIDEzLjU1MjMgNyAxMyA3SDlWM0M5IDIuNDQ3NzIgOC41NTIyOCAyIDggMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: 18px 16px;
  height: 16px;
  left: 9px;
  margin-top: -8px;
  width: 18px; }

.NavigationItem-purchased-7KcHW:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDJDNi41NTIyOCAyIDcgMi4yNDI1MSA3IDIuNTQxNjdMNyAxNC40NTgzQzcgMTQuNzU3NSA2LjU1MjI4IDE1IDYgMTVDNS40NDc3MiAxNSA1IDE0Ljc1NzUgNSAxNC40NTgzTDUgMi41NDE2N0M1IDIuMjQyNTEgNS40NDc3MiAyIDYgMloiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk2NTcxIDIuMjEwMjlDMTAuNDk5MiAyLjA5NDE1IDExLjAwODkgMi4yMzQyNCAxMS4xMDQyIDIuNTIzMThMMTQuOSAxNC4wMzMyQzE0Ljk5NTMgMTQuMzIyMiAxNC42NDAxIDE0LjY1MDYgMTQuMTA2NiAxNC43NjY3QzEzLjU3MzEgMTQuODgyOCAxMy4wNjM0IDE0Ljc0MjcgMTIuOTY4MSAxNC40NTM4TDkuMTcyMzMgMi45NDM3NkM5LjA3NzA0IDIuNjU0ODIgOS40MzIyNSAyLjMyNjQzIDkuOTY1NzEgMi4yMTAyOVoiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDJDMi41NTIyOCAyIDMgMi4yNDI1MSAzIDIuNTQxNjdMMyAxNC40NTgzQzMgMTQuNzU3NSAyLjU1MjI4IDE1IDIgMTVDMS40NDc3MiAxNSAxIDE0Ljc1NzUgMSAxNC40NTgzTDEgMi41NDE2N0MxIDIuMjQyNTEgMS40NDc3MiAyIDIgMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==) no-repeat;
  background-size: 18px 16px;
  height: 16px;
  left: 10px;
  margin-top: -8px;
  width: 18px; }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .NavigationItem-item-1yyFq.NavigationItem-myList-1rVhC, .NavigationItem-item-1yyFq.NavigationItem-watched-10Wb3, .NavigationItem-item-1yyFq.NavigationItem-starred-1lz-q, .NavigationItem-item-1yyFq.NavigationItem-purchased-7KcHW {
    padding-left: 39px; } }

@media screen and (min-width: 1010px) and (max-width: 1279px) {
  .NavigationItem-item-1yyFq {
    padding: 0 10px; } }

@media screen and (max-width: 1010px) {
  .NavigationItem-item-1yyFq.NavigationItem-active-N41nd.NavigationItem-compact-18sWa {
    background: #2b2b35;
    color: #eeeeee; } }
.Layout-internal-page-dNeAX {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
/*
 * 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);
 *
 */
.StickyMessage-viaplay-numerals-3LQwb {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@keyframes StickyMessage-ease-in-sticky-2iDgk {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.StickyMessage-container-FBO8v {
  background-color: #2b2b35;
  display: flex;
  padding: 12px 24px;
  position: relative;
  text-align: left;
  width: 400px; }
  .StickyMessage-container-FBO8v.StickyMessage-unread-3Xs6g:after {
    background-color: #fe365f;
    border-radius: 5px;
    content: '';
    height: 8px;
    position: relative;
    right: 0;
    top: 42.5px;
    width: 8px;
    animation: StickyMessage-fade-out-35YLn 0.8s 1;
    animation-fill-mode: forwards;
    animation-delay: 1s; }

.StickyMessage-image-1-lQ6 {
  background-color: #2b2b35;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 95px;
  width: 167px; }

.StickyMessage-wrapper-3eXgQ {
  border-top: solid 1px transparent;
  box-sizing: border-box;
  color: #eeeeee;
  display: flex;
  flex-direction: column;
  height: 94px;
  justify-content: center;
  overflow: hidden;
  padding: 0 16px 16px 16px;
  width: 226px; }
  .StickyMessage-wrapper-3eXgQ:hover {
    text-decoration: underline; }

.StickyMessage-body-FLtkH, .StickyMessage-title-3cccF {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.StickyMessage-body-FLtkH {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal; }

.StickyMessage-title-3cccF {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal; }

.StickyMessage-time-3PXJU {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  bottom: 12px;
  color: #eeeeee;
  left: 207px;
  position: absolute; }

.StickyMessage-share-2Oxly {
  background: #32323b;
  border: 1px solid rgba(238, 238, 238, 0.3);
  border-radius: 8px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 12px; }
  .StickyMessage-share-2Oxly .StickyMessage-wrapper-3eXgQ {
    padding: 0 16px; }
  .StickyMessage-share-2Oxly .StickyMessage-body-FLtkH, .StickyMessage-share-2Oxly .StickyMessage-title-3cccF {
    color: #eeeeee;
    font-weight: normal; }
  .StickyMessage-share-2Oxly .StickyMessage-body-FLtkH {
    font-weight: 300; }
  .StickyMessage-share-2Oxly .StickyMessage-time-3PXJU {
    display: none; }

@keyframes StickyMessage-fade-out-35YLn {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .StickyMessage-container-FBO8v:before {
    right: 71px; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .StickyMessage-container-FBO8v:before {
    right: 36px; } }

@media screen and (max-width: 760px) {
  .StickyMessage-container-FBO8v {
    padding: 6px 12px;
    width: 300px; }
  .StickyMessage-scroll-g3ykY {
    max-height: 360px; }
  .StickyMessage-image-1-lQ6 {
    display: inline-block;
    height: 74px;
    width: 130px; }
  .StickyMessage-title-3cccF {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    -webkit-line-clamp: 1; }
  .StickyMessage-body-FLtkH {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal; }
  .StickyMessage-time-3PXJU {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold;
    left: 144px; }
  .StickyMessage-wrapper-3eXgQ {
    height: 74px;
    width: 202px; } }
/*
Mixin to add a viaplay-dark-theme scrollbar to an element.
Takes two arguments: 
$track-border-radius: to set custom border-radius to the scroll track; defaults to 8px.
$orientation-x: boolean value (0 or 1) to choose scroll orientation to be along x-axis; defaults to 0 i.e scroll along y-axis.
*/
.StickyNotice-container-jen8m {
  cursor: pointer;
  display: inline-block;
  height: 64px;
  position: relative;
  width: 64px; }
  .StickyNotice-container-jen8m:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC40NDQ0IDE1Ljc1NjZDMjAuMDMxNyAxNS40MDAyIDE5Ljc5OTkgMTQuOTE2OCAxOS44IDE0LjQxMjhWNy42QzE5LjggMy40MDI2NCAxNS44NjAxIDAgMTEgMEM2LjEzOTg5IDAgMi4yIDMuNDAyNjQgMi4yIDcuNlYxNC40MTI4QzIuMjAwMTQgMTQuOTE2OSAxLjk2ODM4IDE1LjQwMDMgMS41NTU3MyAxNS43NTY3TDAuNDgzMjMgMTYuNjgyNkMwLjE3Mzg1NCAxNi45NDk4IDMuNTEwNDRlLTA1IDE3LjMxMjIgMCAxNy42OVYxOC41QzAgMTguNzc2MSAwLjIyMzg1OCAxOSAwLjUgMTlIMjEuNUMyMS43NzYxIDE5IDIyIDE4Ljc3NjEgMjIgMTguNVYxNy42OUMyMiAxNy4zMTIxIDIxLjgyNjIgMTYuOTQ5NyAyMS41MTY4IDE2LjY4MjVMMjAuNDQ0NCAxNS43NTY2Wk0xOC44NTM0IDE3QzE4LjIwNSAxNi4zMTg4IDE3Ljc5OTkgMTUuNDExMiAxNy44IDE0LjQxMjhDMTcuOCAxNC40MTI3IDE3LjggMTQuNDEyNiAxNy44IDE0LjQxMjVWNy42QzE3LjggNC43NzIzNiAxNS4wNDA4IDIgMTEgMkM2Ljk1OTIgMiA0LjIgNC43NzIzNiA0LjIgNy42VjE0LjQxMjNDNC4yIDE0LjQxMjUgNC4yIDE0LjQxMjYgNC4yIDE0LjQxMjhDNC4yMDAxMiAxNS40MTEyIDMuNzk1MTIgMTYuMzE4OCAzLjE0Njc1IDE3SDE4Ljg1MzRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy41OTQ1MyAyMS4wNEM3LjIzNDA2IDIxLjA0IDYuOTk1NzQgMjEuNDA5NyA3LjE4ODc4IDIxLjcxNDFDOC4wNzUzMiAyMy4xMTIxIDkuNjM2NDkgMjQuMDQgMTEuNDE0NCAyNC4wNEMxMy4xOTIzIDI0LjA0IDE0Ljc1MzQgMjMuMTEyMSAxNS42NCAyMS43MTQxQzE1LjgzMyAyMS40MDk3IDE1LjU5NDcgMjEuMDQgMTUuMjM0MiAyMS4wNEwxMy44NzQgMjEuMDRDMTMuNzMxOCAyMS4wNCAxMy41OTc4IDIxLjEwMjIgMTMuNDk1NCAyMS4yMDA5QzEyLjk1NiAyMS43MjA1IDEyLjIyMjUgMjIuMDQgMTEuNDE0NCAyMi4wNEMxMC42MDYzIDIyLjA0IDkuODcyNzggMjEuNzIwNSA5LjMzMzM3IDIxLjIwMDlDOS4yMzA5NCAyMS4xMDIyIDkuMDk2OTkgMjEuMDQgOC45NTQ3NyAyMS4wNEw3LjU5NDUzIDIxLjA0WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
    height: 64px;
    opacity: 0.6;
    width: 64px; }
  .StickyNotice-container-jen8m.StickyNotice-unread-19fUQ:before {
    background-color: #fe365f;
    border-radius: 5px;
    content: '';
    height: 8px;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 8px; }
  .StickyNotice-container-jen8m.StickyNotice-unread-19fUQ:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC44OTI3IDAuNzgyMTE1QzEzLjcxOTEgMC4yODEzNzggMTIuMzk3NiAwIDExIDBDNi4xMzk4OSAwIDIuMiAzLjQwMjY0IDIuMiA3LjZWMTQuNDEyOEMyLjIwMDE0IDE0LjkxNjkgMS45NjgzOCAxNS40MDAzIDEuNTU1NzMgMTUuNzU2N0wwLjQ4MzIzIDE2LjY4MjZDMC4xNzM4NTQgMTYuOTQ5OCAzLjUxMDQ0ZS0wNSAxNy4zMTIyIDAgMTcuNjlWMTguNUMwIDE4Ljc3NjEgMC4yMjM4NTggMTkgMC41IDE5SDIxLjVDMjEuNzc2MSAxOSAyMiAxOC43NzYxIDIyIDE4LjVWMTcuNjlDMjIgMTcuMzEyMSAyMS44MjYyIDE2Ljk0OTcgMjEuNTE2OCAxNi42ODI1TDIwLjQ0NDQgMTUuNzU2NkMyMC4wMzE3IDE1LjQwMDIgMTkuNzk5OSAxNC45MTY4IDE5LjggMTQuNDEyOFYxMS4wMDE5QzE5LjU3NjggMTEuMDI3MSAxOS4zNDk5IDExLjA0IDE5LjEyIDExLjA0QzE4LjY2NjUgMTEuMDQgMTguMjI0NyAxMC45ODk3IDE3LjggMTAuODk0NFYxNC40MTI1VjE0LjQxMjhDMTcuNzk5OSAxNS40MTEyIDE4LjIwNSAxNi4zMTg4IDE4Ljg1MzQgMTdIMy4xNDY3NUMzLjc5NTEyIDE2LjMxODggNC4yMDAxMiAxNS40MTEyIDQuMiAxNC40MTI4VjE0LjQxMjNWNy42QzQuMiA0Ljc3MjM2IDYuOTU5MiAyIDExIDJDMTEuOTg0NiAyIDEyLjg5MzEgMi4xNjQ2IDEzLjcwNDEgMi40NTQ0OUMxNC4wMDMgMS44Mjk2NCAxNC40MDY4IDEuMjY0NTcgMTQuODkyNyAwLjc4MjExNVoiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjU5NDUzIDIxLjA0QzcuMjM0MDYgMjEuMDQgNi45OTU3NCAyMS40MDk3IDcuMTg4NzggMjEuNzE0MUM4LjA3NTMyIDIzLjExMjEgOS42MzY0OSAyNC4wNCAxMS40MTQ0IDI0LjA0QzEzLjE5MjMgMjQuMDQgMTQuNzUzNCAyMy4xMTIxIDE1LjY0IDIxLjcxNDFDMTUuODMzIDIxLjQwOTcgMTUuNTk0NyAyMS4wNCAxNS4yMzQyIDIxLjA0TDEzLjg3NCAyMS4wNEMxMy43MzE4IDIxLjA0IDEzLjU5NzggMjEuMTAyMiAxMy40OTU0IDIxLjIwMDlDMTIuOTU2IDIxLjcyMDUgMTIuMjIyNSAyMi4wNCAxMS40MTQ0IDIyLjA0QzEwLjYwNjMgMjIuMDQgOS44NzI3OCAyMS43MjA1IDkuMzMzMzcgMjEuMjAwOUM5LjIzMDk0IDIxLjEwMjIgOS4wOTY5OSAyMS4wNCA4Ljk1NDc3IDIxLjA0TDcuNTk0NTMgMjEuMDRaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=); }
  .StickyNotice-container-jen8m:hover:after {
    opacity: 1; }

.StickyNotice-scroll-3uMii {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #32323b #1d1d27;
  background: #2b2b35;
  border: 2px solid #2b2b35;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  margin-top: 16px;
  max-height: 502px; }
  .StickyNotice-scroll-3uMii scrollbar-track {
    background: #1d1d27;
    border-radius: 0 8px 8px 0; }
  .StickyNotice-scroll-3uMii::-webkit-scrollbar {
    border-radius: 8px;
    width: 12px; }
  .StickyNotice-scroll-3uMii::-webkit-scrollbar-track {
    background: #1d1d27;
    border-radius: 0 8px 8px 0; }
  .StickyNotice-scroll-3uMii::-webkit-scrollbar-thumb {
    background-color: #32323b;
    border-radius: 16px;
    border: 3px solid #1d1d27; }
  .StickyNotice-scroll-3uMii a:first-child > div {
    margin-top: 12px; }
  .StickyNotice-scroll-3uMii a:last-child > div {
    margin-bottom: 12px; }

.StickyNotice-wrapper-KzsvS {
  border-radius: 8px;
  position: absolute;
  right: -148px;
  top: 60px;
  -webkit-animation: StickyNotice-ease-in-sticky-206BC 0.3s ease forwards;
  -moz-animation: StickyNotice-ease-in-sticky-206BC 0.3s ease forwards;
  -o-animation: StickyNotice-ease-in-sticky-206BC 0.3s ease forwards; }
  .StickyNotice-wrapper-KzsvS:before {
    background: #2b2b35;
    border-radius: 4px 0 0 0;
    content: '';
    height: 16px;
    position: absolute;
    right: 172px;
    top: 8px;
    transform: rotate(45deg);
    width: 16px; }

@media screen and (max-width: 1010px) {
  .StickyNotice-wrapper-KzsvS {
    right: -212px; }
    .StickyNotice-wrapper-KzsvS:before {
      right: 236px; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .StickyNotice-wrapper-KzsvS:before {
    right: 236px; } }

@media screen and (max-width: 760px) {
  .StickyNotice-wrapper-KzsvS:before {
    right: 236px; }
  .StickyNotice-scroll-3uMii {
    max-height: 368px; } }

@media screen and (max-width: 480px) {
  .StickyNotice-container-jen8m {
    width: 48px; }
    .StickyNotice-container-jen8m:after {
      width: 48px; }
    .StickyNotice-container-jen8m.StickyNotice-unread-19fUQ:before {
      right: 12px; }
  .StickyNotice-wrapper-KzsvS {
    right: -160px; }
    .StickyNotice-wrapper-KzsvS:before {
      right: 176px; } }

@media screen and (max-width: 370px) {
  .StickyNotice-container-jen8m {
    display: none; } }
.EmptySectionNavigation-container-PHd0q {
  position: relative;
  top: 0; }
  .EmptySectionNavigation-container-PHd0q:before {
    display: inline-block;
    content: '\200B'; }
.blocksEnsembleContainer-container-2Agm- {
  padding-bottom: 80px;
  position: relative; }
  .blocksEnsembleContainer-container-2Agm-.blocksEnsembleContainer-kidsExperience-1vjZu {
    background: #3d3f66;
    background-attachment: fixed; }
  .blocksEnsembleContainer-container-2Agm-:before {
    clear: both;
    content: "";
    display: table;
    margin-top: -1px;
    height: 0; }
/*
 * 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);
 *
 */
.TextBlock-viaplay-numerals-eHflH {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.TextBlock-header-2e1ny {
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 900;
  margin: 64px 0 24px 0;
  text-align: center; }

.TextBlock-body-3-A8m {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  margin: 0 25%;
  text-align: center; }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .TextBlock-header-2e1ny {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; }
  .TextBlock-body-3-A8m {
    margin: 0 20%; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .TextBlock-header-2e1ny {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; }
  .TextBlock-body-3-A8m {
    margin: 0 8%; } }

@media screen and (max-width: 480px) {
  .TextBlock-header-2e1ny {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900; }
  .TextBlock-body-3-A8m {
    margin: 0 16px; } }
.AutoPlayerWrapper-wrapper-2NbdJ {
  background-color: #32323b;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  margin: 0 16px 4px 0;
  overflow: hidden;
  width: calc(100vw - 176px);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }

.AutoPlayerWrapper-metadataContainer-1fpCB {
  display: flex;
  width: 35%; }

.AutoPlayerWrapper-playerContainer-9NdQo {
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
  width: 65%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
  .AutoPlayerWrapper-playerContainer-9NdQo .AutoPlayerWrapper-bgImage-3tOGJ {
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-out;
    width: 100%;
    z-index: 15;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0); }
    .AutoPlayerWrapper-playerContainer-9NdQo .AutoPlayerWrapper-bgImage-3tOGJ.AutoPlayerWrapper-active-27X2r {
      opacity: 0; }
  .AutoPlayerWrapper-playerContainer-9NdQo .AutoPlayerWrapper-clickHandler-1YMnI {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 15; }

@media screen and (min-width: 1441px) {
  .AutoPlayerWrapper-wrapper-2NbdJ {
    margin-right: 24px;
    width: calc(100vw - 184px); } }

@media screen and (max-width: 939px) {
  .AutoPlayerWrapper-wrapper-2NbdJ {
    margin-right: 16px;
    width: calc(100vw - 128px); } }

@media screen and (max-width: 760px) {
  .AutoPlayerWrapper-wrapper-2NbdJ {
    flex-direction: column;
    width: calc(100vw - 56px); }
  .AutoPlayerWrapper-playerContainer-9NdQo,
  .AutoPlayerWrapper-metadataContainer-1fpCB {
    width: 100%; } }
/*
 * 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);
 *
 */
.AutoPlayBlockComponent-viaplay-numerals-3Q32X {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.AutoPlayBlockComponent-container-3mFvW {
  display: flex;
  overflow: hidden;
  position: relative; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-inner-3SuS2,
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-wrapper-iCAZ6 {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-inner-3SuS2 {
    margin-left: 80px; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-wrapper-iCAZ6 {
    transition: transform 0.8s ease; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k {
    background: rgba(29, 29, 39, 0.7) no-repeat center center;
    border: none;
    cursor: pointer;
    display: none;
    font-size: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k:active {
      padding: 0; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k:after {
      border-color: #eeeeee;
      border-style: solid;
      border-width: 0 2px 2px 0;
      content: '';
      height: 16px;
      left: 32px;
      position: absolute;
      top: calc(50% - 8px);
      width: 16px; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k.AutoPlayBlockComponent-enabled-28Fnc {
      display: block; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-next-22-6e {
    right: 0; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-next-22-6e:after {
      transform: rotate(-45deg); }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-prev-AtIeJ {
    left: 0; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-prev-AtIeJ:after {
      left: auto;
      right: 32px;
      transform: rotate(135deg); }

.AutoPlayBlockComponent-title-1BXu5 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: bold;
  margin: 0;
  margin-left: 80px;
  padding: 0 0 16px 0;
  text-align: left; }

@media screen and (max-width: 939px) {
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-inner-3SuS2 {
    margin-left: 56px; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k {
    width: 56px; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k:after {
      left: 24px; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k.AutoPlayBlockComponent-prev-AtIeJ:after {
      right: 24px; }
  .AutoPlayBlockComponent-title-1BXu5 {
    margin-left: 56px; } }

@media screen and (max-width: 760px) {
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-inner-3SuS2 {
    margin-left: 16px; }
  .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k {
    border-radius: 4px;
    height: 40px;
    top: calc(50% - 36px);
    width: 24px; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k:after {
      height: 12px;
      left: 2px;
      top: 13px;
      width: 12px; }
    .AutoPlayBlockComponent-container-3mFvW .AutoPlayBlockComponent-navigation-Vuu9k.AutoPlayBlockComponent-prev-AtIeJ:after {
      left: 8px; }
  .AutoPlayBlockComponent-title-1BXu5 {
    margin-left: 16px; } }
.AutoPlayerUI-container-1gB4o {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 15;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0); }
  .AutoPlayerUI-container-1gB4o.AutoPlayerUI-metadata-39RFh {
    align-items: center;
    display: flex;
    position: relative; }
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao {
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: absolute;
    width: calc(100% - 48px); }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 {
      pointer-events: all; }
      .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv {
        margin: 0 16px 16px 0; }
      .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8.AutoPlayerUI-muteButton-1sRkA {
        display: flex;
        justify-content: flex-end; }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao.AutoPlayerUI-metadata-39RFh {
      position: relative; }

@media screen and (max-width: 1280px) {
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv {
    height: 40px;
    line-height: 40px;
    margin: 0 8px 8px 0; } }

@media screen and (max-width: 1279px) {
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao {
    padding: 16px;
    width: calc(100% - 32px); } }

@media screen and (max-width: 939px) {
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao {
    padding: 12px;
    width: calc(100% - 24px); }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv .AutoPlayerUI-buttonText-3tF0O {
      display: none; }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv:before {
      left: 46px; } }

@media screen and (max-width: 760px) {
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao {
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv:before {
      left: 30px; }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8.AutoPlayerUI-muteButton-1sRkA {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8.AutoPlayerUI-muteButton-1sRkA button {
        align-self: flex-end; } }

@media screen and (max-width: 480px) {
  .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 {
    display: flex;
    flex-direction: column; }
    .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv {
      padding: 0 16px; }
      .AutoPlayerUI-container-1gB4o .AutoPlayerUI-bottomUI-2m6ao .AutoPlayerUI-buttons-1X4U8 .AutoPlayerUI-cta-2Iztv:before {
        left: 2px; } }
/*
 * 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);
 *
 */
.LiveBadge-viaplay-numerals-1o29_ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.LiveBadge-liveIcon-2r3SS {
  color: #fe365f;
  display: inline-flex;
  left: 16px;
  position: absolute;
  pointer-events: none;
  top: 16px;
  z-index: 15; }
  .LiveBadge-liveIcon-2r3SS .LiveBadge-text-i1lnv {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    background: #fe365f;
    border-radius: 4px;
    color: #eeeeee;
    padding: 1px 8px 0 8px; }

@media screen and (max-width: 939px) {
  .LiveBadge-liveIcon-2r3SS {
    left: 8px;
    top: 8px; } }
.AutoPlayer-autoPlayer-yCc63 {
  align-items: center;
  background: #1d1d27;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: auto;
  width: 100%;
  z-index: 10; }
  .AutoPlayer-autoPlayer-yCc63 .AutoPlayer-clickSink-2lQF- {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 15; }
/*
 * 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);
 *
 */
.AutoPlayerMeta-viaplay-numerals-1RUvl {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.AutoPlayerMeta-container-2maAn {
  color: #eeeeee;
  display: flex;
  flex-direction: column;
  padding: 16px 0; }
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-title-2BTBF,
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-subTitle-Ox5bj {
    margin-top: 0.45vh;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-title-2BTBF {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-subTitle-Ox5bj {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal;
    color: rgba(238, 238, 238, 0.75); }
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-logo-1_-Mv {
    display: inline-block;
    max-width: 160px; }
  .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-placeholder-dpr0n {
    height: 86px;
    width: 160px; }

@media screen and (max-width: 1279px) {
  .AutoPlayerMeta-container-2maAn {
    bottom: 16px;
    left: 16px; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-title-2BTBF {
      font-size: 2.2rem;
      line-height: 3rem;
      font-weight: 900;
      margin-top: 0.4vh;
      -webkit-line-clamp: 1; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-subTitle-Ox5bj {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal;
      margin-top: 0; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-logo-1_-Mv {
      max-width: 120px; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-placeholder-dpr0n {
      height: 64px;
      width: 120px; } }

@media screen and (max-width: 939px) {
  .AutoPlayerMeta-container-2maAn {
    padding: 8px 0; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-title-2BTBF {
      font-size: 2rem;
      line-height: 2.8rem;
      font-weight: 900; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-subTitle-Ox5bj {
      font-size: 1.1rem;
      line-height: 1.9rem;
      font-weight: normal; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-logo-1_-Mv {
      max-width: 104px; }
    .AutoPlayerMeta-container-2maAn .AutoPlayerMeta-placeholder-dpr0n {
      height: 56px;
      width: 104px; } }

@media screen and (max-width: 760px) {
  .AutoPlayerMeta-container-2maAn {
    max-width: 60%; } }
/*
 * 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);
 *
 */
.StoreIntro-viaplay-numerals-2QBx4 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.StoreIntro-container-23PAT {
  color: #eeeeee;
  cursor: default;
  display: flex;
  height: 48px;
  line-height: 48px;
  position: relative;
  right: 8px;
  top: 8px; }

.StoreIntro-link-1wRsk {
  display: block;
  margin-top: 24px; }
  .StoreIntro-link-1wRsk a {
    color: #eeeeee;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none; }
    .StoreIntro-link-1wRsk a:hover {
      color: #eeeeee;
      text-decoration: underline; }

.StoreIntro-tooltip-3GY2K {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  background: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 15px 30px 0 rgba(29, 29, 39, 0.2);
  box-sizing: border-box;
  color: #eeeeee;
  display: block;
  height: auto;
  padding: 24px;
  position: absolute;
  right: 0;
  text-align: left;
  width: 296px;
  z-index: 90; }
  .StoreIntro-tooltip-3GY2K {
    animation: showTooltip 200ms ease-in-out forwards; }
  .StoreIntro-tooltip-3GY2K:before {
    background: #2b2b35;
    border-radius: 4px 0;
    content: '';
    height: 16px;
    position: absolute;
    right: 76px;
    transform: rotate(45deg);
    width: 16px; }
  .StoreIntro-tooltip-3GY2K.StoreIntro-top-23Q4p {
    bottom: 48px; }
    .StoreIntro-tooltip-3GY2K.StoreIntro-top-23Q4p:before {
      bottom: -8px; }
  .StoreIntro-tooltip-3GY2K.StoreIntro-bottom-2dJaq {
    top: 48px; }
    .StoreIntro-tooltip-3GY2K.StoreIntro-bottom-2dJaq:before {
      top: -8px; }

.StoreIntro-icon-25hYr {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  display: block;
  padding-left: 8px;
  width: 20px; }
  .StoreIntro-icon-25hYr:hover {
    opacity: 0.8; }

.StoreIntro-info-3xjvU {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgPGcgZmlsbD0iI0ZGRiI+CiAgICA8cGF0aCBkPSJNMTAgMTguMzNhOC4zMyA4LjMzIDAgMTAwLTE2LjY2IDguMzMgOC4zMyAwIDAwMCAxNi42NnpNMTAgMjBhMTAgMTAgMCAxMTAtMjAgMTAgMTAgMCAwMTAgMjB6Ii8+CiAgICA8cGF0aCBkPSJNMTAuMTUgNC40NGMtLjcxIDAtMS4yNi41Mi0xLjI2IDEuMjIgMCAuNjYuNTUgMS4yMyAxLjI2IDEuMjMuNzIgMCAxLjI3LS41NyAxLjI3LTEuMjMgMC0uNy0uNTUtMS4yMi0xLjI3LTEuMjJ6bTEuMDIgMy40MUg5LjF2Ny40N2gyLjA4VjcuODV6Ii8+CiAgPC9nPgo8L3N2Zz4=); }

@media screen and (max-width: 480px) {
  .StoreIntro-container-23PAT {
    display: none; } }
/*
 * 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);
 *
 */
.SectionNavigation-viaplay-numerals-1CqR4 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SectionNavigation-active-2eXEQ .SectionNavigation-button-1s6uT,
.SectionNavigation-kidsExperience-3ngp-.SectionNavigation-active-2eXEQ .SectionNavigation-button-1s6uT {
  background: #2b2b35;
  color: #eeeeee; }
  .SectionNavigation-active-2eXEQ .SectionNavigation-button-1s6uT:after,
  .SectionNavigation-kidsExperience-3ngp-.SectionNavigation-active-2eXEQ .SectionNavigation-button-1s6uT:after {
    border-color: #eeeeee; }

.SectionNavigation-allLink-d43Q9 {
  background: #2b2b35;
  color: #eeeeee;
  cursor: pointer;
  line-height: 40px;
  padding: 8px 24px; }
  .SectionNavigation-allLink-d43Q9:hover {
    color: #eeeeee;
    text-decoration: underline; }

.SectionNavigation-button-1s6uT {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  background: #2b2b35;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  color: #eeeeee;
  display: inline-block;
  font-weight: bold;
  height: 48px;
  padding: 0 181px 0 24px;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 11; }
  .SectionNavigation-button-1s6uT:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 6px;
    margin-top: -6px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: rotate(45deg);
    width: 6px; }
  .SectionNavigation-button-1s6uT:hover {
    background: #2b2b35;
    color: #eeeeee; }

.SectionNavigation-kidsExperience-3ngp- .SectionNavigation-button-1s6uT:hover {
  background: #2b2b35;
  color: #eeeeee; }

.SectionNavigation-stickyContainer-3uv7p {
  z-index: 11; }

.SectionNavigation-sticky-3OAMP {
  background: #1d1d27; }
  .SectionNavigation-sticky-3OAMP.SectionNavigation-stickyKidsExperience-1jVNW {
    background: #3d3f66; }

.SectionNavigation-container-18gI_ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  margin-top: 72px;
  position: relative; }
  .SectionNavigation-container-18gI_.SectionNavigation-kidsExperience-3ngp- {
    background: transparent;
    padding-top: 0; }

.SectionNavigation-category-dV2_A {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  display: inline-block;
  padding: 0; }

.SectionNavigation-dropdown-1aENK {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  left: -7px;
  line-height: normal;
  min-width: 250px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 10; }

.SectionNavigation-inner-1gVIy {
  align-items: center;
  display: flex;
  height: 48px;
  position: relative; }

.SectionNavigation-right-25Mr2 {
  height: 100%;
  position: absolute;
  right: 0;
  text-align: right; }

.SectionNavigation-shadow-WI3xX {
  background: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(29, 29, 39, 0.2);
  margin: 0 7px;
  overflow: hidden;
  padding: 76px 0 40px; }

.SectionNavigation-wrapper-1oTIM {
  box-sizing: border-box;
  padding: 8px 0; }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .SectionNavigation-buttonwrapper-Bscf3 .SectionNavigation-button-1s6uT {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media screen and (max-width: 760px) {
  .SectionNavigation-category-dV2_A,
  .SectionNavigation-dropdown-1aENK {
    margin-left: 0; }
  .SectionNavigation-button-1s6uT {
    padding: 0 72px 0 24px; }
  .SectionNavigation-right-25Mr2 {
    top: -66px; }
  .SectionNavigation-wrapper-1oTIM.SectionNavigation-loggedOut-1Xlxg .SectionNavigation-category-dV2_A {
    display: none; }
  .SectionNavigation-wrapper-1oTIM.SectionNavigation-loggedOut-1Xlxg .SectionNavigation-right-25Mr2.SectionNavigation-cta-1pVs6 {
    left: 0;
    margin: 0 auto;
    text-align: center;
    top: -32px; } }

@media screen and (max-width: 480px) {
  .SectionNavigation-allLink-d43Q9 {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    padding: 16px 8px; }
  .SectionNavigation-active-2eXEQ .SectionNavigation-button-1s6uT:after {
    margin-top: -2px;
    transform: rotate(225deg); }
  .SectionNavigation-button-1s6uT {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    padding: 0 40px 0 16px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis; }
    .SectionNavigation-button-1s6uT:after {
      right: 16px; }
  .SectionNavigation-category-dV2_A {
    max-width: calc(50% - 8px);
    width: calc(50% - 8px); }
  .SectionNavigation-container-18gI_ {
    background: #1d1d27;
    margin-top: 40px;
    text-size-adjust: none; }
  .SectionNavigation-dropdown-1aENK {
    background: #2b2b35;
    border-radius: 8px;
    left: -8px;
    margin-left: 8px;
    max-height: 58.6vh;
    min-width: calc(50% - 8px);
    width: auto; }
  .SectionNavigation-shadow-WI3xX {
    padding: 56px 0 0 0; }
  .SectionNavigation-wrapper-1oTIM {
    background: #1d1d27;
    white-space: nowrap; }
    .SectionNavigation-wrapper-1oTIM.SectionNavigation-kidsProfile-14dls {
      background: transparent; } }

@media screen and (max-width: 480px) and (min-resolution: 2x) and (orientation: landscape) {
  .SectionNavigation-dropdown-1aENK {
    max-height: 55vh; }
  .SectionNavigation-scrolling-kMn6m .SectionNavigation-dropdown-1aENK {
    max-height: calc(55vh + 48px); }
  .SectionNavigation-scrolling-kMn6m .SectionNavigation-sorting-Q6RAj {
    max-height: calc(39.5vh + 48px); } }
/*
 * 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);
 *
 */
.Sortings-viaplay-numerals-G49Yq {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Sortings-button-3ObXZ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  background: #2b2b35;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  color: #eeeeee;
  display: inline-block;
  font-weight: bold;
  height: 48px;
  margin-left: 16px;
  padding: 0 72px 0 24px;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 9; }
  .Sortings-button-3ObXZ:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 6px;
    margin-top: -6px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: rotate(45deg);
    width: 6px; }
  .Sortings-button-3ObXZ:hover {
    background: #2b2b35;
    color: #eeeeee; }

.Sortings-kidsExperience-ue1zW .Sortings-button-3ObXZ:hover {
  background: #eeeeee;
  color: #1d1d27; }

.Sortings-container-1w-WF {
  display: inline-block; }
  .Sortings-container-1w-WF.Sortings-active-24IAW .Sortings-button-3ObXZ,
  .Sortings-container-1w-WF.Sortings-active-24IAW.Sortings-kidsExperience-ue1zW .Sortings-button-3ObXZ {
    background: #2b2b35;
    color: #eeeeee; }
    .Sortings-container-1w-WF.Sortings-active-24IAW .Sortings-button-3ObXZ:after,
    .Sortings-container-1w-WF.Sortings-active-24IAW.Sortings-kidsExperience-ue1zW .Sortings-button-3ObXZ:after {
      border-color: #eeeeee; }

.Sortings-dropdown-oXv2U {
  background: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgba(29, 29, 39, 0.2);
  display: none;
  margin-left: 16px;
  min-width: 220px;
  padding: 75px 0 8px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 8; }

.Sortings-header-TF2-0 {
  color: #eeeeee;
  font-weight: bold;
  line-height: normal;
  padding: 8px 32px;
  vertical-align: middle; }

.Sortings-item-3Qa-q {
  padding: 8px 32px;
  line-height: normal;
  vertical-align: middle; }
  .Sortings-item-3Qa-q.Sortings-active-24IAW .Sortings-link-i0j_i {
    border-bottom: 1px solid #eeeeee;
    cursor: default; }
  .Sortings-item-3Qa-q .Sortings-link-i0j_i {
    border-bottom: 1px solid transparent;
    color: #eeeeee; }
    .Sortings-item-3Qa-q .Sortings-link-i0j_i:hover {
      border-bottom: 1px solid #eeeeee;
      color: #eeeeee;
      cursor: pointer;
      text-decoration: none; }

.Sortings-visible-3PosG {
  display: block; }

@media screen and (max-width: 480px) {
  .Sortings-button-3ObXZ {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    margin-left: 16px;
    padding: 0 32px 0 16px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis; }
    .Sortings-button-3ObXZ:after {
      right: 16px; }
  .Sortings-container-1w-WF {
    max-width: calc(50% - 8px);
    position: relative;
    width: calc(50% - 8px); }
    .Sortings-container-1w-WF.Sortings-active-24IAW .Sortings-button-3ObXZ:after {
      margin-top: -2px;
      transform: rotate(225deg); }
  .Sortings-dropdown-oXv2U {
    max-width: calc(50% - 16px);
    min-width: calc(100% - 16px);
    padding: 56px 8px 8px 8px;
    right: -16px;
    width: calc(50% - 16px); }
  .Sortings-item-3Qa-q {
    padding: 8px;
    position: relative; }
    .Sortings-item-3Qa-q.Sortings-active-24IAW .Sortings-link-i0j_i:after {
      border-color: #eeeeee;
      border-style: solid;
      border-width: 0 3px 3px 0;
      content: '';
      height: 8px;
      margin-top: -8px;
      position: absolute;
      right: 24px;
      top: 50%;
      transform: rotate(45deg);
      width: 4px; }
    .Sortings-item-3Qa-q:last-child {
      margin-bottom: 0; }
    .Sortings-item-3Qa-q .Sortings-link-i0j_i {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal; }
  .Sortings-header-TF2-0 {
    padding: 16px 8px; }
  .Sortings-visible-3PosG {
    display: block; } }

@media screen and (max-width: 480px) and (min-resolution: 2x) and (orientation: landscape) {
  .Sortings-dropdown-oXv2U {
    max-height: 39.5vh; } }
.ActionButton-container-a3a0_ {
  margin: 30px 0; }
  .ActionButton-container-a3a0_.ActionButton-product-1wBgy {
    margin: 40px 0 -16px 0; }

.ActionButton-container-a3a0_.ActionButton-sport-23bzl {
  float: none; }

.ActionButton-wrapper-37LKT {
  display: inline; }

.ActionButton-button-3qpnk {
  display: inline-block; }

@media screen and (max-width: 760px) {
  .ActionButton-container-a3a0_, .ActionButton-container-a3a0_.ActionButton-product-1wBgy {
    margin: 8px 0;
    clear: both;
    padding-top: 24px; } }

@media screen and (max-width: 480px) {
  .ActionButton-container-a3a0_, .ActionButton-container-a3a0_.ActionButton-product-1wBgy {
    margin: 8px auto;
    text-align: center;
    width: 80%; }
  .ActionButton-wrapper-37LKT,
  .ActionButton-button-3qpnk {
    display: block; } }
/*
 * 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);
 *
 */
.CategoryGroups-viaplay-numerals-2A8Nr {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.CategoryGroups-container-okkjW {
  display: table;
  margin-bottom: 16px;
  margin-top: 0; }
  .CategoryGroups-container-okkjW {
    animation: fadeIn 200ms ease-in-out forwards; }

.CategoryGroups-header-1S81i {
  color: #eeeeee;
  font-weight: bold;
  margin-top: -32px;
  padding: 4px 24px 12px 24px;
  vertical-align: middle; }

.CategoryGroups-group-22gP4 {
  display: table-cell;
  min-width: 280px; }
  .CategoryGroups-group-22gP4 + .CategoryGroups-group-22gP4 {
    padding-left: 0; }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .CategoryGroups-group-22gP4 {
    min-width: 216px; } }

@media screen and (max-width: 480px) {
  .CategoryGroups-container-okkjW {
    width: 100%; }
  .CategoryGroups-group-22gP4 {
    display: block;
    min-width: calc(50% - 16px); }
  .CategoryGroups-header-1S81i {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
    margin-top: 0;
    padding: 16px 8px; } }
/*
 * 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);
 *
 */
.Category-viaplay-numerals-UQug9 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Category-container-3LVLh {
  padding: 8px 24px;
  vertical-align: middle; }
  .Category-container-3LVLh .Category-link-gbiJO {
    border-bottom: 1px solid transparent;
    color: #eeeeee; }
  .Category-container-3LVLh.Category-active-2vVNL .Category-link-gbiJO {
    border-bottom: 1px solid #eeeeee;
    color: #eeeeee;
    cursor: pointer; }
  .Category-container-3LVLh:hover .Category-link-gbiJO {
    border-color: #eeeeee;
    color: #eeeeee;
    text-decoration: none; }

@media screen and (max-width: 480px) {
  .Category-container-3LVLh {
    padding: 8px;
    position: relative; }
    .Category-container-3LVLh.Category-active-2vVNL {
      border-bottom: 0; }
      .Category-container-3LVLh.Category-active-2vVNL .Category-link-gbiJO {
        border-bottom: none; }
        .Category-container-3LVLh.Category-active-2vVNL .Category-link-gbiJO:after {
          border-color: #eeeeee;
          border-style: solid;
          border-width: 0 3px 3px 0;
          content: '';
          height: 8px;
          margin-top: -8px;
          position: absolute;
          right: 24px;
          top: 50%;
          transform: rotate(45deg);
          width: 4px; }
    .Category-container-3LVLh:last-child {
      margin-bottom: 0; }
    .Category-container-3LVLh .Category-link-gbiJO {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal; } }
.TooltipMeta-container-2pi0L {
  margin: 0; }
/*
 * 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);
 *
 */
.Rate-viaplay-numerals-1BUYk {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Rate-container-34zgv {
  margin: 0 16px 16px 0; }
  .Rate-container-34zgv .Rate-active-3WR4W:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAyMS4yQzguMyAyMS4xIDguMSAyMSA4LjEgMjFDOC4xIDIxIDguMyAyMS4xIDguNiAyMS4yWiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNC4yIDkuNEMxLjggOS40IDAgMTIgMCAxNS4yQzAgMTguNCAyIDIxIDQuNSAyMUg1LjNDMyAxNy42IDIuNSAxMy4zIDQuMiA5LjRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGQ9Ik0xOC45IDguNUgxNS4xQzE0LjUgOC41IDEzLjggOC4zIDEzLjggNy42QzEzLjggNyAxNC4yIDYgMTQuNiA1LjFDMTUuMSA0IDE1LjYgMi44IDE1LjYgMS44QzE1LjYgMC44IDE0LjggMCAxMy44IDBDMTIuOSAwIDEyLjQgMC43IDEyLjEgMS41QzEwLjggNCA5LjIgNiA3LjggNy44QzcuNyA3LjkgNy42IDggNy42IDguMUM0LjYgMTIuNCA1LjEgMTcuOCA4LjYgMjEuMUM5LjUgMjEuNCAxMS41IDIyIDEzIDIyQzEzIDIyIDE1LjIgMjIuMiAxNyAyMS41QzE4LjUgMjAuOSAxOSAyMC4yIDE5LjMgMTkuM0MyMC4xIDE3LjEgMjEgMTMuNiAyMSAxMC41QzIxIDkuNCAyMC4xIDguNSAxOC45IDguNVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==); }

.Rate-rate-1UTaU {
  display: inline-block; }
  .Rate-rate-1UTaU:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MzIxIDIuMTU3MTFDMTQuMjk4NyAyLjI5MDU0IDE0LjE2MTMgMi41MTc4MSAxNC4wMzYzIDIuODUxMTJMMTQuMDE1MSAyLjkwNzcyTDEzLjk4NzIgMi45NjEzNUMxMi43MjE3IDUuMzk1IDExLjE4MyA3LjM2OTE2IDkuODUyMDEgOS4wNzY3MkM5Ljc3NTM1IDkuMTc1MDggOS42OTkzOCA5LjI3MjU1IDkuNjI0MTggOS4zNjkxN0M5LjQ0NDI3IDkuNjYwMDkgOS4yNDU5IDkuOTExOTYgOS4wNzE5MyAxMC4xMjMyQzkuMDA2MDEgMTAuMjAzMiA4Ljk0NjkyIDEwLjI3MzcgOC44OTI2MiAxMC4zMzg1QzguNzgwNjEgMTAuNDcyMSA4LjY4OSAxMC41ODEzIDguNiAxMC43TDguNTU3MzYgMTAuNzU2OUw3LjkxNDIxIDExLjRINS4xQzQuMzU5MTEgMTEuNCAzLjYwOTc1IDExLjgxNDkgMy4wMDU4MiAxMi42NzQ4QzIuNDAxNTYgMTMuNTM1MSAyIDE0Ljc3OCAyIDE2LjJDMiAxOS4xMDE0IDMuNzc1NjYgMjEgNS41IDIxSDkuMjY3NTdMOS40MjU3OSAyMS4wNTQ2TDkuNDI2NzQgMjEuMDU0OUw5LjQzMTYzIDIxLjA1NjZMOS40NTM0MyAyMS4wNjRDOS40NzMyMSAyMS4wNzA3IDkuNTAzMjggMjEuMDgwOCA5LjU0Mjc0IDIxLjA5MzhDOS42MjE2NyAyMS4xMTk5IDkuNzM3OTkgMjEuMTU3OCA5Ljg4NDMzIDIxLjIwMzlDMTAuMTc3NCAyMS4yOTYgMTAuNTg4OCAyMS40MiAxMS4wNiAyMS41NDY5QzEyLjAyMDggMjEuODA1NiAxMy4xNjEgMjIuMDU2OCAxNC4wNDk5IDIyLjEwMTJMMTQuMDcwMyAyMi4xMDIzTDE0LjA4OTEgMjIuMTA0TDE0LjA5MDIgMjIuMTA0MUwxNC4xMDMxIDIyLjEwNTFDMTQuMTE1MyAyMi4xMDYxIDE0LjEzNTIgMjIuMTA3NSAxNC4xNjIzIDIyLjEwOTNDMTQuMjE2NiAyMi4xMTI4IDE0LjI5OTIgMjIuMTE3MyAxNC40MDUyIDIyLjEyMDlDMTQuNjE3OCAyMi4xMjggMTQuOTIxMyAyMi4xMzA5IDE1LjI3NjcgMjIuMTEzN0MxNS45OTk3IDIyLjA3ODcgMTYuODc2NyAyMS45NjMgMTcuNjMzMiAyMS42Njk3QzE4LjI5NDIgMjEuNDA0OCAxOC42NTgyIDIxLjE0ODIgMTguODgwNiAyMC45MTc5QzE5LjA5NTYgMjAuNjk1MiAxOS4yMzE5IDIwLjQ0MjEgMTkuMzUxMyAyMC4wODM4TDE5LjM1NTYgMjAuMDcxTDE5LjM2MDIgMjAuMDU4M0MyMC4xMzc2IDE3LjkyMDUgMjEgMTQuNTQxOSAyMSAxMS42QzIxIDEwLjk1MjMgMjAuNTQ3NyAxMC41IDE5LjkgMTAuNUgxNi4xQzE1LjcxNyAxMC41IDE1LjIwMDkgMTAuNDQwNSAxNC43NDMxIDEwLjE4ODdDMTQuMjIyOSA5LjkwMjYzIDEzLjggOS4zNjc3OCAxMy44IDguNkMxMy44IDguMTI0MzQgMTMuOTQ4NSA3LjU5MTg3IDE0LjEwNDEgNy4xMzgxOEMxNC4yNjg0IDYuNjU4NzMgMTQuNDgyNiA2LjE1MjA0IDE0LjY4NjIgNS42OTM4NkwxNC42ODk2IDUuNjg2MThDMTUuMjA2OSA0LjU0ODA1IDE1LjYgMy41NDY2IDE1LjYgMi44QzE1LjYgMi4zNTIyOCAxNS4yNDc3IDIgMTQuOCAyQzE0LjY0NDIgMiAxNC41NDExIDIuMDQ4MDcgMTQuNDMyMSAyLjE1NzExWk0xMy45MzMgMjQuMDk3OUMxMi44MjU2IDI0LjA0MDEgMTEuNTI0MSAyMy43NDMxIDEwLjU0IDIzLjQ3ODFDMTAuMDM2MiAyMy4zNDI1IDkuNTk3NTggMjMuMjEwMiA5LjI4NDQyIDIzLjExMThDOS4xNDA3IDIzLjA2NjYgOS4wMjI5NiAyMy4wMjg0IDguOTM2OTYgMjNINS41QzIuMjI0MzQgMjMgMCAxOS42OTg2IDAgMTYuMkMwIDE0LjQyMiAwLjQ5ODQ0IDEyLjc2NDkgMS4zNjkxOCAxMS41MjUyQzIuMjQwMjUgMTAuMjg1MSAzLjU0MDg5IDkuNCA1LjEgOS40SDcuMDc2NzNDNy4xODEzNSA5LjI2NjM3IDcuMjk1NjggOS4xMjk5MyA3LjM5Nzk2IDkuMDA3ODhDNy40NDQ1MiA4Ljk1MjMzIDcuNDg4NTcgOC44OTk3NiA3LjUyODA3IDguODUxNzlDNy42OTMyOSA4LjY1MTE3IDcuODMwOTkgOC40NzEzNyA3Ljk0MjUxIDguMjg1NUw3Ljk3MzU4IDguMjMzNzJMOC4wMTA2NSA4LjE4NjA2QzguMDkyMTcgOC4wODEyNSA4LjE3NDExIDcuOTc2MDcgOC4yNTY0IDcuODcwNDRDOS41ODk3NCA2LjE1ODk5IDExLjAxMzQgNC4zMzE2NCAxMi4xODY2IDIuMDg4OTRDMTIuNTI4NiAxLjIwODc2IDEzLjI2NjQgMCAxNC44IDBDMTYuMzUyMyAwIDE3LjYgMS4yNDc3MSAxNy42IDIuOEMxNy42IDQuMDUxODcgMTYuOTk0NSA1LjQ0ODUgMTYuNTEyMSA2LjUwOTg5QzE2LjMxNjQgNi45NTA0OCAxNi4xMzEyIDcuMzkyMzkgMTUuOTk1OSA3Ljc4NjgyQzE1Ljg4OTcgOC4wOTY3OCAxNS44MzM3IDguMzIzNTEgMTUuODExNiA4LjQ3MTIxQzE1LjgxOTggOC40NzMxMSAxNS44Mjg2IDguNDc1IDE1LjgzNzkgOC40NzY4NEMxNS45MTMxIDguNDkxNzIgMTYuMDAzMSA4LjUgMTYuMSA4LjVIMTkuOUMyMS42NTIzIDguNSAyMyA5Ljg0NzcyIDIzIDExLjZDMjMgMTQuODUyMiAyMi4wNjU4IDE4LjQ2NjQgMjEuMjQ0MyAyMC43Mjk1QzIxLjA2MzggMjEuMjY2OCAyMC44MDA0IDIxLjgwODkgMjAuMzE5NCAyMi4zMDcxQzE5Ljg0MjMgMjIuODAxMyAxOS4yMDc0IDIzLjE5NDEgMTguMzcxNCAyMy41Mjg1TDE4LjM2MjUgMjMuNTMyQzE3LjMxOTkgMjMuOTM3NSAxNi4xOTg5IDI0LjA3MTQgMTUuMzczMyAyNC4xMTEzQzE0Ljk1MzcgMjQuMTMxNiAxNC41OTQ3IDI0LjEyODMgMTQuMzM4NiAyNC4xMTk4QzE0LjIxMDIgMjQuMTE1NSAxNC4xMDY5IDI0LjEwOTkgMTQuMDMzOCAyNC4xMDUyQzEzLjk5NzIgMjQuMTAyOCAxMy45NjgxIDI0LjEwMDcgMTMuOTQ3MiAyNC4wOTlMMTMuOTMzIDI0LjA5NzlaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wNzQ5NCA5LjY4MTgxQzguNTI2ODIgOS45OTkzNCA4LjYzNTcyIDEwLjYyMzEgOC4zMTgxOSAxMS4wNzQ5QzUuOTk2ODggMTQuMzc4NCA2LjQ3NDU3IDE4Ljc1OTEgOS43MDM0NSAyMS4yMDI2TDguNDk2NTYgMjIuNzk3NEM0LjMyNTQzIDE5LjY0MDkgMy44MDMxMiAxNC4wMjE2IDYuNjgxOCA5LjkyNTA1QzYuOTk5MzQgOS40NzMxOCA3LjYyMzA3IDkuMzY0MjcgOC4wNzQ5NCA5LjY4MTgxWiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 16px 16px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px; }

.Rate-activeRatingUp-2ni2g:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAyMS4yQzguMyAyMS4xIDguMSAyMSA4LjEgMjFDOC4xIDIxIDguMyAyMS4xIDguNiAyMS4yWiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNC4yIDkuNEMxLjggOS40IDAgMTIgMCAxNS4yQzAgMTguNCAyIDIxIDQuNSAyMUg1LjNDMyAxNy42IDIuNSAxMy4zIDQuMiA5LjRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGQ9Ik0xOC45IDguNUgxNS4xQzE0LjUgOC41IDEzLjggOC4zIDEzLjggNy42QzEzLjggNyAxNC4yIDYgMTQuNiA1LjFDMTUuMSA0IDE1LjYgMi44IDE1LjYgMS44QzE1LjYgMC44IDE0LjggMCAxMy44IDBDMTIuOSAwIDEyLjQgMC43IDEyLjEgMS41QzEwLjggNCA5LjIgNiA3LjggNy44QzcuNyA3LjkgNy42IDggNy42IDguMUM0LjYgMTIuNCA1LjEgMTcuOCA4LjYgMjEuMUM5LjUgMjEuNCAxMS41IDIyIDEzIDIyQzEzIDIyIDE1LjIgMjIuMiAxNyAyMS41QzE4LjUgMjAuOSAxOSAyMC4yIDE5LjMgMTkuM0MyMC4xIDE3LjEgMjEgMTMuNiAyMSAxMC41QzIxIDkuNCAyMC4xIDguNSAxOC45IDguNVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==); }

.Rate-activeRatingDown-2xfVf:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAyMS4yQzguMyAyMS4xIDguMSAyMSA4LjEgMjFDOC4xIDIxIDguMyAyMS4xIDguNiAyMS4yWiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNC4yIDkuNEMxLjggOS40IDAgMTIgMCAxNS4yQzAgMTguNCAyIDIxIDQuNSAyMUg1LjNDMyAxNy42IDIuNSAxMy4zIDQuMiA5LjRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGQ9Ik0xOC45IDguNUgxNS4xQzE0LjUgOC41IDEzLjggOC4zIDEzLjggNy42QzEzLjggNyAxNC4yIDYgMTQuNiA1LjFDMTUuMSA0IDE1LjYgMi44IDE1LjYgMS44QzE1LjYgMC44IDE0LjggMCAxMy44IDBDMTIuOSAwIDEyLjQgMC43IDEyLjEgMS41QzEwLjggNCA5LjIgNiA3LjggNy44QzcuNyA3LjkgNy42IDggNy42IDguMUM0LjYgMTIuNCA1LjEgMTcuOCA4LjYgMjEuMUM5LjUgMjEuNCAxMS41IDIyIDEzIDIyQzEzIDIyIDE1LjIgMjIuMiAxNyAyMS41QzE4LjUgMjAuOSAxOSAyMC4yIDE5LjMgMTkuM0MyMC4xIDE3LjEgMjEgMTMuNiAyMSAxMC41QzIxIDkuNCAyMC4xIDguNSAxOC45IDguNVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg); }

@media screen and (max-width: 480px) {
  .Rate-container-34zgv {
    margin: 0 0 8px 0;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.Tooltip-viaplay-numerals-2iAlF {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@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; } }

.Tooltip-container-2FaPj {
  background: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: #eeeeee;
  display: block;
  height: auto;
  margin: -18px 22px 0 33px;
  padding: 24px;
  position: absolute;
  width: 350px;
  z-index: 90; }
  .Tooltip-container-2FaPj {
    animation: showTooltip 200ms ease-in-out forwards; }
  .Tooltip-container-2FaPj:after {
    background: #2b2b35;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 16px; }
  .Tooltip-container-2FaPj:before {
    background: #2b2b35;
    box-shadow: 0 0 8px 0 rgba(29, 29, 39, 0.5);
    content: '';
    height: 16px;
    left: -8px;
    position: absolute;
    top: 20px;
    transform: rotate(45deg);
    width: 16px; }
  .Tooltip-container-2FaPj.Tooltip-right-3asfy {
    margin: -18px 0 0 -364px; }
    .Tooltip-container-2FaPj.Tooltip-right-3asfy {
      animation: showTooltipRight 200ms ease-in-out forwards; }
    .Tooltip-container-2FaPj.Tooltip-right-3asfy:before {
      left: auto;
      right: -8px; }
    .Tooltip-container-2FaPj.Tooltip-right-3asfy:after {
      left: auto;
      right: 0; }

.Tooltip-logo-MXpmQ {
  display: inline-block;
  max-width: 120px;
  padding-bottom: 8px; }

.Tooltip-storeButtons-3-Con {
  display: flex; }

.Tooltip-title-3zyVd {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: #eeeeee;
  display: block;
  margin: 0; }
  .Tooltip-title-3zyVd.Tooltip-episode-26Pf6 {
    display: inline; }
  .Tooltip-title-3zyVd:hover {
    color: #eeeeee; }
.Synopsis-synopsis-2hHJ5 {
  margin: 8px 0;
  padding: 0;
  position: relative; }
/*
 * 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);
 *
 */
.KeyTimes-viaplay-numerals-84Znm, .KeyTimes-time-3fHks {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

/*
Mixin to add a viaplay-dark-theme scrollbar to an element.
Takes two arguments: 
$track-border-radius: to set custom border-radius to the scroll track; defaults to 8px.
$orientation-x: boolean value (0 or 1) to choose scroll orientation to be along x-axis; defaults to 0 i.e scroll along y-axis.
*/
.KeyTimes-container-3KVqt {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #32323b #1d1d27;
  margin-top: 10px;
  max-height: 300px; }
  .KeyTimes-container-3KVqt scrollbar-track {
    background: #1d1d27;
    border-radius: 8px; }
  .KeyTimes-container-3KVqt::-webkit-scrollbar {
    border-radius: 8px;
    width: 12px; }
  .KeyTimes-container-3KVqt::-webkit-scrollbar-track {
    background: #1d1d27;
    border-radius: 8px; }
  .KeyTimes-container-3KVqt::-webkit-scrollbar-thumb {
    background-color: #32323b;
    border-radius: 16px;
    border: 3px solid #1d1d27; }

.KeyTimes-keytime-QZ_h8 {
  position: relative; }
  .KeyTimes-keytime-QZ_h8:before {
    border: 1px solid #eeeeee;
    content: '';
    height: 100%;
    left: 4px;
    margin: 4px 0 0 0;
    position: absolute; }
  .KeyTimes-keytime-QZ_h8.KeyTimes-end-3kzEb:before {
    height: 8px; }
  .KeyTimes-keytime-QZ_h8.KeyTimes-end-3kzEb .KeyTimes-line-HVkTY {
    background: transparent;
    border-bottom: 2px solid #eeeeee;
    border-radius: 0;
    border-width: 0 0 2px 0;
    margin-top: 2px; }
  .KeyTimes-keytime-QZ_h8.KeyTimes-end-3kzEb .KeyTimes-time-3fHks {
    height: 16px;
    position: relative; }

.KeyTimes-later-3IXWo .KeyTimes-line-HVkTY {
  background: #2b2b35;
  border: 2px solid #eeeeee; }

.KeyTimes-line-HVkTY {
  background: #eeeeee;
  border-radius: 50%;
  box-sizing: border-box;
  height: 10px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 10px; }

.KeyTimes-time-3fHks {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  left: 20px;
  position: absolute; }
  .KeyTimes-time-3fHks ~ .KeyTimes-title-bmZBE {
    position: relative;
    left: 70px;
    width: 155px;
    padding: 0 0 15px 0;
    position: relative; }

.KeyTimes-title-bmZBE {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 0 15px 20px;
  top: 0; }
  .KeyTimes-title-bmZBE .KeyTimes-secondary-2kL5f {
    margin: 0; }
.TooltipFacts-container-1T6sg {
  margin: 8px 0 16px;
  color: #eeeeee; }
.MosaicGrid-container--mkjw {
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-right: 16px; }
  .MosaicGrid-container--mkjw:before {
    content: '';
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    padding-bottom: 100%; }
  .MosaicGrid-container--mkjw *:first-child {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1; }
  .MosaicGrid-container--mkjw.MosaicGrid-medium-KYIXn {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 1fr); }
    .MosaicGrid-container--mkjw.MosaicGrid-medium-KYIXn *:first-child {
      grid-column: 1 / span 3;
      grid-row: 1 / span 3; }
    .MosaicGrid-container--mkjw.MosaicGrid-medium-KYIXn *:nth-child(2) {
      grid-column: 4 / span 2;
      grid-row: 1 / span 2; }
  .MosaicGrid-container--mkjw.MosaicGrid-small-3NRgX {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(3, 1fr); }
    .MosaicGrid-container--mkjw.MosaicGrid-small-3NRgX *:first-child {
      grid-column: 1 / span 3;
      grid-row: 1 / span 3; }
    .MosaicGrid-container--mkjw.MosaicGrid-small-3NRgX *:last-child {
      grid-column: 5 / span 3;
      grid-row: 1 / span 3; }

@media screen and (min-width: 1695px) {
  .MosaicGrid-container--mkjw {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-right: 24px; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .MosaicGrid-container--mkjw {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-right: 24px; } }

@media screen and (max-width: 480px) {
  .MosaicGrid-container--mkjw {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-right: 8px; } }
/*
 * 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);
 *
 */
.Alphabetic-viaplay-numerals-3Y8s3 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Alphabetic-alphabetic-7HI2X {
  background: #1d1d27;
  position: relative; }

.Alphabetic-container-RBNAg {
  padding: 0;
  margin-top: -38px; }

.Alphabetic-key-1zVvq {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: bold;
  color: #eeeeee;
  margin: 0 0 16px 0;
  padding-top: 48px; }

.Alphabetic-wrapper-1ZtCy {
  margin: 0 -8px -16px -8px; }

@media screen and (max-width: 480px) {
  .Alphabetic-wrapper-1ZtCy {
    margin: 0 -4px -8px -4px; } }
/*
 * 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);
 *
 */
.AlphabeticMenu-viaplay-numerals-2OZc9 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.AlphabeticMenu-alphabetic-1XNS2 .AlphabeticMenu-sticky-1EWYY {
  top: calc(48px + 16px);
  z-index: 10; }

.AlphabeticMenu-stuck-gmu4l {
  box-shadow: 0 2px 9px 0 rgba(29, 29, 39, 0.5);
  z-index: 10; }

.AlphabeticMenu-container-KuSNO {
  background: #1d1d27;
  padding: 24px 0 16px 0; }

.AlphabeticMenu-letter-3CPb7 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative; }

.AlphabeticMenu-link-1Y79a {
  border-bottom: 2px solid transparent;
  color: rgba(238, 238, 238, 0.7);
  font-weight: 900;
  padding: 4px 0;
  white-space: nowrap; }
  .AlphabeticMenu-link-1Y79a:hover {
    color: #eeeeee;
    cursor: pointer; }
  .AlphabeticMenu-link-1Y79a.AlphabeticMenu-active-1TEeN {
    border-bottom: 2px solid #fe365f;
    color: #eeeeee;
    cursor: default; }
  .AlphabeticMenu-link-1Y79a.AlphabeticMenu-inactive-3ce44 {
    color: rgba(238, 238, 238, 0.3);
    cursor: default;
    pointer-events: none; }

.AlphabeticMenu-menu-3CT6z {
  display: inline-flex;
  justify-content: space-around;
  width: 100%; }

@media screen and (max-width: 939px) {
  .AlphabeticMenu-container-KuSNO {
    background: #1d1d27;
    padding: 16px 0 16px 0; }
  .AlphabeticMenu-link-1Y79a {
    padding: 8px 8px 4px 8px; }
    .AlphabeticMenu-link-1Y79a.AlphabeticMenu-inactive-3ce44 {
      display: none; }
  .AlphabeticMenu-menu-3CT6z {
    flex-wrap: wrap;
    justify-content: flex-start; }
  .AlphabeticMenu-scrolling-2YDjv {
    margin-top: 48px; } }
.PromoBlock-flexLayout-1BfEU {
  display: flex;
  padding-top: 64px; }
  .PromoBlock-flexLayout-1BfEU.PromoBlock-mobile-2OQet {
    padding: 0; }

.PromoBlock-container-3oiH9 {
  position: relative;
  width: 65%; }
  .PromoBlock-container-3oiH9:after {
    content: '';
    display: block;
    padding-top: 56.25%; }
  .PromoBlock-container-3oiH9.PromoBlock-mobile-2OQet {
    width: 92vw; }

.PromoBlock-wrapper-i8Rby {
  height: 100%;
  width: 100%;
  cursor: pointer; }

.PromoBlock-video-1bjsz {
  background-color: #1d1d27;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute; }
  .PromoBlock-video-1bjsz.PromoBlock-children-3tPai {
    border-radius: 20px; }

.PromoBlock-volume-mcr3t {
  position: absolute;
  bottom: 2vw;
  right: 3vw;
  z-index: 2; }

.PromoBlock-shadow-uDuXg {
  background: linear-gradient(180deg, transparent 50%, rgba(29, 29, 39, 0.5) 100%);
  border-radius: 8px;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1; }
  .PromoBlock-shadow-uDuXg.PromoBlock-children-3tPai {
    border-radius: 20px; }

.PromoBlock-image-32kl3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  transition: opacity 300ms ease-in; }
  .PromoBlock-image-32kl3.PromoBlock-children-3tPai {
    border-radius: 20px; }
  .PromoBlock-image-32kl3.PromoBlock-notVisible-3ywFO {
    opacity: 0; }

@media screen and (max-width: 1279px) {
  .PromoBlock-volume-mcr3t {
    bottom: 1vw;
    right: 2vw; } }

@media screen and (max-width: 760px) {
  .PromoBlock-container-3oiH9 {
    width: 100%; } }
/*
 * 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);
 *
 */
.PromoBlockMenu-viaplay-numerals-22QzK {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.PromoBlockMenu-container-2Zb37 {
  margin: auto 0 auto 24px;
  width: 35%; }

.PromoBlockMenu-synopsis-YZMk9 {
  margin-top: 8px; }

.PromoBlockMenu-watchButton-2AnVk {
  margin: 16px 16px 0 0; }

.PromoBlockMenu-facts-3gWht {
  display: block; }

.PromoBlockMenu-buttonsWrapper-2cKmM {
  margin-top: 16px; }

.PromoBlockMenu-title-1O4AZ {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 900;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

@media screen and (max-width: 1279px) {
  .PromoBlockMenu-container-2Zb37 {
    margin: auto 0 auto 16px; }
  .PromoBlockMenu-title-1O4AZ {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; }
  .PromoBlockMenu-watchButton-2AnVk.PromoBlockMenu-store-3v1js {
    height: 44px;
    line-height: 44px;
    margin: 0 12px 12px 0; }
    .PromoBlockMenu-watchButton-2AnVk.PromoBlockMenu-store-3v1js:before {
      top: 6px; }
  .PromoBlockMenu-facts-3gWht {
    display: none; }
  .PromoBlockMenu-synopsis-YZMk9.PromoBlockMenu-upcoming-1r9Do {
    display: contents; } }

@media screen and (min-width: 481px) and (max-width: 939px) {
  .PromoBlockMenu-watchButton-2AnVk.PromoBlockMenu-store-3v1js {
    padding: 0 32px 0 64px; }
    .PromoBlockMenu-watchButton-2AnVk.PromoBlockMenu-store-3v1js:before {
      background-size: 28px;
      height: 28px;
      left: 28px;
      width: 28px;
      top: 8px; }
  .PromoBlockMenu-buttonsWrapper-2cKmM {
    margin-top: 4px; } }

@media screen and (max-width: 760px) {
  .PromoBlockMenu-container-2Zb37 {
    display: none; } }
.EpisodesListing-container-235Yb {
  padding-top: 8px;
  padding-bottom: 25px; }
  .EpisodesListing-container-235Yb.EpisodesListing-loading-1tyXw {
    opacity: 0.5; }

@media screen and (min-width: 1695px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.8%; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.8%; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.8%; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.8%; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.916%; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -0.916%; } }

@media screen and (max-width: 480px) {
  .EpisodesListing-grid-1M3ZR {
    margin: 0 -1%; } }
.Season-wrapper-3tnIM {
  position: relative; }

.Season-stuck-3Cp_m {
  background: #1d1d27;
  z-index: 14; }

@media screen and (max-width: 760px) {
  .Season-wrapper-3tnIM {
    margin: 0 24px; } }

@media screen and (max-width: 370px) {
  .Season-wrapper-3tnIM {
    margin: 0; } }
/*
 * 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);
 *
 */
.EmptyView-viaplay-numerals-quKbA {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.EmptyView-container-3cN9m {
  padding: 24px 0 0 0; }
  .EmptyView-container-3cN9m.EmptyView-minheight-3-mRP {
    min-height: 500px; }

.EmptyView-wrapper-3eYuP {
  text-align: center;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  min-height: 500px; }

.EmptyView-title-2buT8 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 900;
  display: block;
  margin-top: 48px; }

.EmptyView-text-1Z6uv {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  display: block;
  margin: 24px auto 0 auto;
  max-width: 650px; }

.EmptyView-info-EmzAP {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7); }

.EmptyView-purchased-2SNaf {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQyIDExMCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0iYSIgZD0iTTEzMi42IDkwLjJsMTIgMy43IDMtMTBWOTVoNzJWODJoLTcxLjRMMTcyIDQgMTU5LjYuMmwtMjcgODguNFYxaC0xM3Y5NGgxM3YtNC44ek0xMDQuNiAyYzAtLjUuNC0xIDEtMWgxMWMuNSAwIDEgLjUgMSAxdjkyYTEgMSAwIDAxLTEgMWgtMTFhMSAxIDAgMDEtMS0xVjJ6Ii8+CiAgICA8cGF0aCBpZD0iYiIgZD0iTTE1MS42IDcxaDcydjEzaC03MnoiLz4KICAgIDxtYXNrIGlkPSJkIiB3aWR0aD0iMTE1IiBoZWlnaHQ9Ijk0LjgiIHg9IjAiIHk9IjAiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CiAgICA8L21hc2s+CiAgICA8bWFzayBpZD0iZSIgd2lkdGg9IjcyIiBoZWlnaHQ9IjEzIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjYiIvPgogICAgPC9tYXNrPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMzQuNCUiIHgyPSI2NS42JSIgeTE9Ijg2LjglIiB5Mj0iMTMuMiUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjQzA5Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTkuOSUiIHN0b3AtY29sb3I9IiNDRjAwOTAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiNENzAwNzgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1Ni40JSIgc3RvcC1jb2xvcj0iI0U0MDA1MCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI0Y3MDAxOSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJlZCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtLjYgMTUpIj4KICAgICAgPHVzZSBzdHJva2U9InVybCgjYykiIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNkKSIgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgPHVzZSBzdHJva2U9InVybCgjYykiIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNlKSIgeGxpbms6aHJlZj0iI2IiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTS42IDkzaDI0MnYySC42eiIvPgogICAgPC9nPgogICAgPHBhdGggc3Ryb2tlPSJ1cmwoI2MpIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik01LjkgNjYuOGg1MGwtOC40IDQxSDE0LjJMNiA2Ni44em0yNC0yMC4zcy0uNS0xNi4yLTkuNi0xOS4yYy05LTMtMTkuNC0zLjUtMTkuNC0zLjVzMSAxNCA3LjQgMTkuM2M2LjMgNS4yIDIxLjYgMy40IDIxLjYgMy40em0yIDBzLjUtMTYuMiA5LjYtMTkuMmM5LTMgMTkuNC0zLjUgMTkuNC0zLjVzLTEuMSAxNC03LjQgMTkuM2MtNi4zIDUuMi0yMS42IDMuNC0yMS42IDMuNHptMC0yN3MuMy0xMy4zIDctMTUuOGM2LjUtMi41IDE0LTIuOSAxNC0yLjlzLS44IDExLjYtNS40IDE2QzQzIDIxIDMyIDE5LjUgMzIgMTkuNXptLTIgMHMtLjQtMTMuMy03LTE1LjhDMTYuNCAxLjIgOSAuOCA5IC44cy44IDExLjYgNS4zIDE2QzE4LjggMjEgMzAgMTkuNSAzMCAxOS41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuMSAxLjIpIi8+CiAgICA8cGF0aCBmaWxsPSJ1cmwoI2MpIiBkPSJNLjkuOGgydjQ3aC0yeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAuMSAyMC4yKSIvPgogIDwvZz4KPC9zdmc+) top center no-repeat;
  background-size: 100% 110px;
  width: 100%;
  height: 110px;
  margin: 48px 0 32px 0; }

.EmptyView-myList-Hcu6q {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAzIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDIwMyAxMjMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJwYXRoLTItaW5zaWRlLTEiIGZpbGw9IndoaXRlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNTQgMTEwSDQuMDAzMDNDMS43OTIyMiAxMTAgMCAxMDguMjA1IDAgMTA2LjAwNFYzLjk5NjI3QzAgMS43ODkxOSAxLjc4MTUyIDAgMy45OTA2MSAwSDE3Ni4wMDlDMTc4LjIxMyAwIDE4MCAxLjc5NDM4IDE4MCA0LjAwNzQ1VjgxLjM3MTEiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMTU0IDEwOEg0LjAwMzAzVjExMkgxNTRWMTA4Wk00LjAwMzAzIDEwOEMyLjg5NTQ1IDEwOCAyIDEwNy4wOTkgMiAxMDYuMDA0SC0yQy0yIDEwOS4zMTEgMC42ODg5ODQgMTEyIDQuMDAzMDMgMTEyVjEwOFpNMiAxMDYuMDA0VjMuOTk2MjdILTJWMTA2LjAwNEgyWk0yIDMuOTk2MjdDMiAyLjg4OTQxIDIuODkwNDQgMiAzLjk5MDYxIDJWLTJDMC42NzI2MDggLTIgLTIgMC42ODg5NyAtMiAzLjk5NjI3SDJaTTMuOTkwNjEgMkgxNzYuMDA5Vi0ySDMuOTkwNjFWMlpNMTc2LjAwOSAyQzE3Ny4xMDEgMiAxNzggMi44OTA5NCAxNzggNC4wMDc0NUgxODJDMTgyIDAuNjk3ODMgMTc5LjMyNiAtMiAxNzYuMDA5IC0yVjJaTTE3OCA0LjAwNzQ1VjgxLjM3MTFIMTgyVjQuMDA3NDVIMTc4WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIgbWFzaz0idXJsKCNwYXRoLTItaW5zaWRlLTEpIi8+CjxtYXNrIGlkPSJwYXRoLTQtb3V0c2lkZS0yIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxMyIgd2lkdGg9IjE4MCIgaGVpZ2h0PSI4NCIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgeT0iMTMiIHdpZHRoPSIxODAiIGhlaWdodD0iODQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNTMgOTVIMlYxNUgxNzhWNzYiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMiA5NUgwVjk3SDJWOTVaTTIgMTVWMTNIMFYxNUgyWk0xNzggMTVIMTgwVjEzSDE3OFYxNVpNMTUzIDkzSDJWOTdIMTUzVjkzWk00IDk1VjE1SDBWOTVINFpNMiAxN0gxNzhWMTNIMlYxN1pNMTc2IDE1Vjc2SDE4MFYxNUgxNzZaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIiBtYXNrPSJ1cmwoI3BhdGgtNC1vdXRzaWRlLTIpIi8+CjxwYXRoIGQ9Ik0xMTMgNTVDMTEzIDY3LjcwMjUgMTAyLjcwMyA3OCA5MCA3OEM3Ny4yOTc1IDc4IDY3IDY3LjcwMjUgNjcgNTVDNjcgNDIuMjk3NSA3Ny4yOTc1IDMyIDkwIDMyQzEwMi43MDMgMzIgMTEzIDQyLjI5NzUgMTEzIDU1WiIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9saW5lYXIpIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04OC4xMTEgNDRMODUgNDcuMTM5NUw5Mi43OSA1NUw4NSA2Mi44NjA1TDg4LjExMSA2Nkw5OSA1NS4wMTIzTDk4Ljk4NzMgNTVMOTkgNTQuOTg3MUw4OC4xMTEgNDQiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcikiLz4KPHBhdGggZD0iTTIwMCA5M0MyMDAgMTA5LjAxNiAxODcuMDE2IDEyMiAxNzEgMTIyQzE1NC45ODQgMTIyIDE0MiAxMDkuMDE2IDE0MiA5M0MxNDIgNzYuOTgzNyAxNTQuOTg0IDY0IDE3MSA2NEMxODcuMDE2IDY0IDIwMCA3Ni45ODM3IDIwMCA5M1oiIGZpbGw9IndoaXRlIiBzdHJva2U9InVybCgjcGFpbnQ0X2xpbmVhcikiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3MS4yOTEgMTA5QzE3MC4yMzMgMTA5IDE2OS4zNjEgMTA4LjE3OSAxNjkuMzYxIDEwNy4xOTlWOTQuODcxMkgxNTYuOTNDMTU1LjkxMyA5NC44NzEyIDE1NSA5NC4wMzA2IDE1NSA5My4wMUMxNTUgOTIuMDA5NCAxNTUuOTEzIDkxLjE2ODkgMTU2LjkzIDkxLjE2ODlIMTY5LjM2MVY3OC44MjExQzE2OS4zNjEgNzcuODIwNSAxNzAuMjMzIDc3IDE3MS4yOTEgNzdDMTcyLjMyOSA3NyAxNzMuMiA3Ny44MjA1IDE3My4yIDc4LjgyMTFWOTEuMTY4OUgxODUuNjUyQzE4Ni42NjkgOTEuMTY4OSAxODcuNTYxIDkyLjAwOTQgMTg3LjU2MSA5My4wMUMxODcuNTYxIDk0LjAzMDYgMTg2LjY2OSA5NC44NzEyIDE4NS42NTIgOTQuODcxMkgxNzMuMlYxMDcuMTk5QzE3My4yIDEwOC4xNzkgMTcyLjMyOSAxMDkgMTcxLjI5MSAxMDlaIiBmaWxsPSIjMzIzMjNCIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcxLjI5MSAxMDlDMTcwLjIzMyAxMDkgMTY5LjM2MSAxMDguMTc5IDE2OS4zNjEgMTA3LjE5OVY5NC44NzEySDE1Ni45M0MxNTUuOTEzIDk0Ljg3MTIgMTU1IDk0LjAzMDYgMTU1IDkzLjAxQzE1NSA5Mi4wMDk0IDE1NS45MTMgOTEuMTY4OSAxNTYuOTMgOTEuMTY4OUgxNjkuMzYxVjc4LjgyMTFDMTY5LjM2MSA3Ny44MjA1IDE3MC4yMzMgNzcgMTcxLjI5MSA3N0MxNzIuMzI5IDc3IDE3My4yIDc3LjgyMDUgMTczLjIgNzguODIxMVY5MS4xNjg5SDE4NS42NTJDMTg2LjY2OSA5MS4xNjg5IDE4Ny41NjEgOTIuMDA5NCAxODcuNTYxIDkzLjAxQzE4Ny41NjEgOTQuMDMwNiAxODYuNjY5IDk0Ljg3MTIgMTg1LjY1MiA5NC44NzEySDE3My4yVjEwNy4xOTlDMTczLjIgMTA4LjE3OSAxNzIuMzI5IDEwOSAxNzEuMjkxIDEwOVoiIGZpbGw9InVybCgjcGFpbnQ1X2xpbmVhcikiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNzEuMjkxIDEwOUMxNzAuMjMzIDEwOSAxNjkuMzYxIDEwOC4xNzkgMTY5LjM2MSAxMDcuMTk5Vjk0Ljg3MTJIMTU2LjkzQzE1NS45MTMgOTQuODcxMiAxNTUgOTQuMDMwNiAxNTUgOTMuMDFDMTU1IDkyLjAwOTQgMTU1LjkxMyA5MS4xNjg5IDE1Ni45MyA5MS4xNjg5SDE2OS4zNjFWNzguODIxMUMxNjkuMzYxIDc3LjgyMDUgMTcwLjIzMyA3NyAxNzEuMjkxIDc3QzE3Mi4zMjkgNzcgMTczLjIgNzcuODIwNSAxNzMuMiA3OC44MjExVjkxLjE2ODlIMTg1LjY1MkMxODYuNjY5IDkxLjE2ODkgMTg3LjU2MSA5Mi4wMDk0IDE4Ny41NjEgOTMuMDFDMTg3LjU2MSA5NC4wMzA2IDE4Ni42NjkgOTQuODcxMiAxODUuNjUyIDk0Ljg3MTJIMTczLjJWMTA3LjE5OUMxNzMuMiAxMDguMTc5IDE3Mi4zMjkgMTA5IDE3MS4yOTEgMTA5WiIgc3Ryb2tlPSIjRUVFRUVFIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIxMjguMTU0IiB5MT0iMTEyLjcwOSIgeDI9IjE1MS4zOTUiIHkyPSIyMy4xMTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQzAwOTkiLz4KPHN0b3Agb2Zmc2V0PSIwLjE5ODkiIHN0b3AtY29sb3I9IiNDRjAwOTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjM2MDIiIHN0b3AtY29sb3I9IiNENzAwNzgiLz4KPHN0b3Agb2Zmc2V0PSIwLjU2MzgiIHN0b3AtY29sb3I9IiNFNDAwNTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjc5OTUiIHN0b3AtY29sb3I9IiNGNzAwMTkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjEyNy4zMDYiIHkxPSI5Ni45NzA0IiB4Mj0iMTQwLjI0MiIgeTI9IjI5LjkyMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NDMDA5OSIvPgo8c3RvcCBvZmZzZXQ9IjAuMTk4OSIgc3RvcC1jb2xvcj0iI0NGMDA5MCIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYwMiIgc3RvcC1jb2xvcj0iI0Q3MDA3OCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTYzOCIgc3RvcC1jb2xvcj0iI0U0MDA1MCIvPgo8c3RvcCBvZmZzZXQ9IjAuNzk5NSIgc3RvcC1jb2xvcj0iI0Y3MDAxOSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjAwMDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4MT0iMTAwLjE3NCIgeTE9IjgwLjE4MjIiIHgyPSIxMTUuMTgyIiB5Mj0iNDQuODI1NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQ0MwMDk5Ii8+CjxzdG9wIG9mZnNldD0iMC4xOTg5IiBzdG9wLWNvbG9yPSIjQ0YwMDkwIi8+CjxzdG9wIG9mZnNldD0iMC4zNjAyIiBzdG9wLWNvbG9yPSIjRDcwMDc4Ii8+CjxzdG9wIG9mZnNldD0iMC41NjM4IiBzdG9wLWNvbG9yPSIjRTQwMDUwIi8+CjxzdG9wIG9mZnNldD0iMC43OTk1IiBzdG9wLWNvbG9yPSIjRjcwMDE5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50M19saW5lYXIiIHgxPSI5NC45Njc1IiB5MT0iNjYuNTQxOSIgeDI9IjEwMy43OTYiIHkyPSI1My4zMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0NDMDA5OSIvPgo8c3RvcCBvZmZzZXQ9IjAuMTk4OSIgc3RvcC1jb2xvcj0iI0NGMDA5MCIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYwMiIgc3RvcC1jb2xvcj0iI0Q3MDA3OCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTYzOCIgc3RvcC1jb2xvcj0iI0U0MDA1MCIvPgo8c3RvcCBvZmZzZXQ9IjAuNzk5NSIgc3RvcC1jb2xvcj0iI0Y3MDAxOSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjAwMDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyIiB4MT0iMTgzLjcxOCIgeTE9IjEyNC40NzgiIHgyPSIyMDIuNDc4IiB5Mj0iODAuMjgyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQ0MwMDk5Ii8+CjxzdG9wIG9mZnNldD0iMC4xOTg5IiBzdG9wLWNvbG9yPSIjQ0YwMDkwIi8+CjxzdG9wIG9mZnNldD0iMC4zNjAyIiBzdG9wLWNvbG9yPSIjRDcwMDc4Ii8+CjxzdG9wIG9mZnNldD0iMC41NjM4IiBzdG9wLWNvbG9yPSIjRTQwMDUwIi8+CjxzdG9wIG9mZnNldD0iMC43OTk1IiBzdG9wLWNvbG9yPSIjRjcwMDE5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NV9saW5lYXIiIHgxPSIxNzguMTgzIiB5MT0iMTA5Ljc4OCIgeDI9IjE4OC4wNjciIHkyPSI4Ni4wOTM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQzAwOTkiLz4KPHN0b3Agb2Zmc2V0PSIwLjE5ODkiIHN0b3AtY29sb3I9IiNDRjAwOTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjM2MDIiIHN0b3AtY29sb3I9IiNENzAwNzgiLz4KPHN0b3Agb2Zmc2V0PSIwLjU2MzgiIHN0b3AtY29sb3I9IiNFNDAwNTAiLz4KPHN0b3Agb2Zmc2V0PSIwLjc5OTUiIHN0b3AtY29sb3I9IiNGNzAwMTkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYwMDAwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==) top center no-repeat;
  background-size: 100% 123px;
  height: 123px;
  width: 100%;
  margin: 48px 0 32px 0; }

.EmptyView-watched-MWspB {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjEwIDEzNSI+CiAgPGRlZnM+CiAgICA8bWFzayBpZD0iaSIgd2lkdGg9IjIxMCIgaGVpZ2h0PSIxNCIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgIDwvbWFzaz4KICAgIDxtYXNrIGlkPSJqIiB3aWR0aD0iMTc3IiBoZWlnaHQ9Ijc5IiB4PSItMiIgeT0iLTIiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcgMTBoMTc3djc5SDE3eiIvPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNiIi8+CiAgICA8L21hc2s+CiAgICA8bWFzayBpZD0iayIgd2lkdGg9Ijc2IiBoZWlnaHQ9IjUyIiB4PSItMiIgeT0iLTIiPgogICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNLTEuNS0xLjNoNzZ2NTJoLTc2eiIvPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIi8+CiAgICA8L21hc2s+CiAgICA8bWFzayBpZD0ibCIgd2lkdGg9IjY2IiBoZWlnaHQ9IjcxIiB4PSIwIiB5PSIwIiBmaWxsPSIjZmZmIj4KICAgICAgPHVzZSB4bGluazpocmVmPSIjZCIvPgogICAgPC9tYXNrPgogICAgPG1hc2sgaWQ9Im4iIHdpZHRoPSIzOCIgaGVpZ2h0PSI2NiIgeD0iLTIiIHk9Ii0yIj4KICAgICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTS0xLjgtMS44aDM4djY2aC0zOHoiLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjZSIvPgogICAgPC9tYXNrPgogICAgPG1hc2sgaWQ9Im8iIHdpZHRoPSIzMCIgaGVpZ2h0PSI0NSIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2YiLz4KICAgIDwvbWFzaz4KICAgIDxtYXNrIGlkPSJwIiB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHg9IjAiIHk9IjAiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNnIi8+CiAgICA8L21hc2s+CiAgICA8cGF0aCBpZD0iYSIgZD0iTTE4NSA5N2gyNXY3YTcgNyAwIDAxLTcgN2gtMThtLTEwOCAwSDdhNyA3IDAgMDEtNy03di03aDc3Ii8+CiAgICA8cGF0aCBpZD0iYiIgZD0iTTgxIDg3SDE5VjEyaDE3M3Y3NWgtNyIvPgogICAgPHBhdGggaWQ9ImMiIGQ9Ik0uNSA0OC44di00NmMwLTEuMiAxLTIgMi0yaDY4YTIgMiAwIDAxMiAydjI5Ii8+CiAgICA8cGF0aCBpZD0iZCIgZD0iTTQ1LjIgODMuOEgzMy43bS0zMC4yLTM0di0zNmg2NnYxOCIvPgogICAgPHBhdGggaWQ9ImYiIGQ9Ik0yLjMgOS4zaDMwdjQ1aC0zMHoiLz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iaCIgeDE9IjM0LjQlIiB4Mj0iNjUuNiUiIHkxPSI4Ni44JSIgeTI9IjEzLjIlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0MwOSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjE5LjklIiBzdG9wLWNvbG9yPSIjQ0YwMDkwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjRDcwMDc4Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iNTYuNCUiIHN0b3AtY29sb3I9IiNFNDAwNTAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNGNzAwMTkiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZWQiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9Im0iIHgxPSI2Mi44JSIgeDI9IjY1LjclIiB5MT0iMCUiIHkyPSI2MTAuMiUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjQzA5Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iNzIuNyUiIHN0b3AtY29sb3I9IiNFQjAwM0UiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiNFRTAwMzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRjYwMDFDIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmVkIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGNpcmNsZSBpZD0iZyIgY3g9IjMwIiBjeT0iMzAuMyIgcj0iMzAiLz4KICAgIDxyZWN0IGlkPSJlIiB3aWR0aD0iMzQiIGhlaWdodD0iNjIiIHg9Ii4zIiB5PSIuMyIgcng9IjIiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSI+CiAgICA8ZyBzdHJva2U9InVybCgjaCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMSkiPgogICAgICA8cGF0aCBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xOCA5OFY0YTQgNCAwIDAxNC00aDE2N2E0IDQgMCAwMTQgNHY5NCIvPgogICAgICA8dXNlIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNpKSIgeGxpbms6aHJlZj0iI2EiLz4KICAgICAgPHVzZSBzdHJva2Utd2lkdGg9IjQiIG1hc2s9InVybCgjaikiIHhsaW5rOmhyZWY9IiNiIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDEuNSAyNi4zKSI+CiAgICAgIDx1c2Ugc3Ryb2tlPSJ1cmwoI2gpIiBzdHJva2Utd2lkdGg9IjQiIG1hc2s9InVybCgjaykiIHhsaW5rOmhyZWY9IiNjIi8+CiAgICAgIDx1c2Ugc3Ryb2tlPSJ1cmwoI2gpIiBzdHJva2Utd2lkdGg9IjQiIG1hc2s9InVybCgjbCkiIHhsaW5rOmhyZWY9IiNkIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjbSkiIGQ9Ik0zMi41IDg1LjhoMTN2MmgtMTN6IiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMzkgODYuOCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNtKSIgZD0iTTI1LjUgOTUuOGgyNHYyaC0yNHoiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAzNy41IDk2LjgpIi8+CiAgICA8L2c+CiAgICA8ZyBzdHJva2U9InVybCgjaCkiIHN0cm9rZS13aWR0aD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ4LjggNTkuOCkiPgogICAgICA8dXNlIG1hc2s9InVybCgjbikiIHhsaW5rOmhyZWY9IiNlIi8+CiAgICAgIDx1c2UgbWFzaz0idXJsKCNvKSIgeGxpbms6aHJlZj0iI2YiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1IDc0LjgpIj4KICAgICAgPHVzZSBzdHJva2U9InVybCgjaCkiIHN0cm9rZS13aWR0aD0iNCIgbWFzaz0idXJsKCNwKSIgeGxpbms6aHJlZj0iI2ciLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNoKSIgZD0iTTI3LjggMTYuM0wyNCAyMGw5LjUgOS43LTkuNSA5LjYgMy44IDMuOUw0MSAyOS44IDI3LjggMTYuMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) top center no-repeat;
  background-size: 100% 135px;
  height: 135px;
  width: 100%;
  margin: 48px 0 32px 0; }
.EpisodesLoading-container-w8D_4 {
  display: flex;
  height: 100%;
  left: 0;
  min-height: 200px;
  padding-top: 100px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }
.ProductPage-container-2JW2Y {
  margin-bottom: -64px;
  position: relative;
  top: -64px; }

.ProductPage-upper-31GMD {
  position: relative; }

.ProductPage-product-2f8te {
  padding: 28vw 0 16px 0;
  overflow: hidden; }
  .ProductPage-product-2f8te.ProductPage-pageWithLogo-8Xas5 {
    padding: 18vw 0 20px 0; }

.ProductPage-wrapper-2CN9F {
  display: inline-block;
  position: relative;
  vertical-align: bottom; }
  .ProductPage-wrapper-2CN9F.ProductPage-sport-3XBYg {
    display: block;
    width: 100%; }
  .ProductPage-wrapper-2CN9F.ProductPage-hiddenObjects-27TTY {
    width: auto;
    display: flex; }

.ProductPage-meta-13ErN {
  padding-top: 48px; }

.ProductPage-metaLeft-3PE2P, .ProductPage-metaRight-2CBTF {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 32px); }

.ProductPage-metaLeft-3PE2P {
  margin-right: 56px; }

.ProductPage-metaRight-2CBTF {
  margin-top: -8px; }

.ProductPage-left-2Opsg {
  display: inline-block;
  margin-right: 56px;
  position: relative;
  vertical-align: bottom;
  width: 200px; }

@media screen and (min-width: 1695px) {
  .ProductPage-wrapper-2CN9F {
    width: 40vw; }
  .ProductPage-left-2Opsg {
    width: 11.74vw;
    margin-right: 80px; } }

@media screen and (min-width: 761px) and (max-width: 1279px) {
  .ProductPage-wrapper-2CN9F {
    width: 56vw; }
    .ProductPage-wrapper-2CN9F.ProductPage-hiddenObjects-27TTY {
      margin-top: 15px; }
  .ProductPage-left-2Opsg {
    width: 19.5vw;
    margin-right: 56px; } }

@media screen and (max-width: 939px) {
  .ProductPage-metaLeft-3PE2P, .ProductPage-metaRight-2CBTF {
    width: 100%; }
  .ProductPage-metaLeft-3PE2P {
    margin-right: 0; } }

@media screen and (min-width: 760px) {
  .ProductPage-wrapper-2CN9F.ProductPage-hiddenObjects-27TTY {
    align-items: flex-start;
    margin-top: 15px;
    flex-direction: row; } }

@media screen and (max-width: 760px) {
  .ProductPage-wrapper-2CN9F.ProductPage-hiddenObjects-27TTY {
    flex-direction: column; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .ProductPage-wrapper-2CN9F {
    width: 56vw; }
    .ProductPage-wrapper-2CN9F.ProductPage-hiddenObjects-27TTY {
      margin-top: 16px; }
  .ProductPage-left-2Opsg {
    width: 23vw;
    margin-right: 24px; } }

@media screen and (max-width: 760px) {
  .ProductPage-wrapper-2CN9F {
    display: block;
    margin-top: 16px;
    width: 100%; }
  .ProductPage-meta-13ErN {
    padding-top: 24px; }
  .ProductPage-left-2Opsg {
    display: inline-block;
    margin-bottom: 16px;
    width: 29vw; } }
/*
 * 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);
 *
 */
.HiddenObjectsScoreBoard-viaplay-numerals-_kxgD {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.HiddenObjectsScoreBoard-description-1u2jZ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  margin-top: 10px; }

.HiddenObjectsScoreBoard-container-3AyzB {
  background-color: #2b2b35;
  border-radius: 20px;
  bottom: 0;
  position: absolute;
  max-width: 400px;
  right: 0; }

.HiddenObjectsScoreBoard-wrapper-1AALb {
  display: flex;
  flex-direction: column;
  padding: 16px 16px 18px 16px; }

.HiddenObjectsScoreBoard-header-11yYk {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  display: flex;
  align-items: center; }

.HiddenObjectsScoreBoard-avatar-lfCxA {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px; }

.HiddenObjectsScoreBoard-resetButton-3DJHG {
  margin: 16px auto 0 auto; }

@media screen and (max-width: 1279px) {
  .HiddenObjectsScoreBoard-container-3AyzB {
    float: right;
    margin-top: 56px;
    position: relative;
    max-width: calc(50% - 32px); } }

@media screen and (max-width: 939px) {
  .HiddenObjectsScoreBoard-container-3AyzB {
    float: none;
    max-width: 400px; } }
/*
 * 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);
 *
 */
.Episode-viaplay-numerals-stF1w {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Episode-hiddenObjectStatus-yeL4L {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  top: 5px;
  right: 5px;
  position: absolute;
  z-index: 2; }

.Episode-backdrop-2uoqN {
  background: rgba(29, 29, 39, 0.2);
  border-radius: 8px;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: background-color 1s;
  width: 100%;
  z-index: 5; }
  .Episode-backdrop-2uoqN:hover {
    background: rgba(29, 29, 39, 0.5);
    opacity: 1;
    transition: none;
    z-index: 4; }

.Episode-children-2nRpd .Episode-front-1AJVU {
  border-radius: 20px; }

.Episode-children-2nRpd .Episode-image-2hcsg,
.Episode-children-2nRpd .Episode-backdrop-2uoqN {
  border-radius: 16px; }

.Episode-children-2nRpd .Episode-front-1AJVU:after {
  background: linear-gradient(to bottom, transparent 45%, rgba(29, 29, 39, 0.5) 100%);
  border-radius: 16px; }

.Episode-children-2nRpd .Episode-haveprogress-DBlvG .Episode-title-2TI57 {
  bottom: 21px; }

.Episode-children-2nRpd .Episode-progress-2bB_i {
  border-radius: 4px;
  bottom: 10px;
  left: 3.5%;
  margin-top: -8px;
  width: 93%; }
  .Episode-children-2nRpd .Episode-progress-2bB_i::-webkit-progress-bar {
    border-radius: 4px; }
  .Episode-children-2nRpd .Episode-progress-2bB_i::-webkit-progress-value {
    border-radius: 4px 0 0 4px; }
  .Episode-children-2nRpd .Episode-progress-2bB_i::-moz-progress-bar {
    border-radius: 4px; }

.Episode-duration-KeNBl {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  display: block;
  position: absolute;
  right: 0;
  top: 16px; }

.Episode-front-1AJVU {
  background-color: rgba(238, 238, 238, 0.7);
  border-radius: 8px;
  display: block;
  position: relative;
  text-decoration: none; }
  .Episode-front-1AJVU:before {
    content: '';
    display: block;
    padding-top: 56.25%; }
  .Episode-front-1AJVU:after {
    background: linear-gradient(to bottom, transparent 50%, rgba(29, 29, 39, 0.5) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }

.Episode-image-2hcsg {
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.Episode-item-1iIs3 {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  vertical-align: top;
  padding-bottom: 30px; }

.Episode-labels-SAAL- {
  pointer-events: none;
  position: relative; }

.Episode-synopsis-3fEzP {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  padding-top: 8px; }

.Episode-title-2TI57 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: #eeeeee;
  display: block;
  max-width: 80%;
  padding-top: 16px; }

.Episode-upcoming-1uvqL {
  cursor: default;
  pointer-events: none; }
  .Episode-upcoming-1uvqL .Episode-duration-KeNBl,
  .Episode-upcoming-1uvqL .Episode-synopsis-3fEzP,
  .Episode-upcoming-1uvqL progress,
  .Episode-upcoming-1uvqL .Episode-availability-1DXcZ {
    display: none; }
  .Episode-upcoming-1uvqL .Episode-title-2TI57 {
    bottom: 7px; }
  .Episode-upcoming-1uvqL .Episode-front-1AJVU .Episode-backdrop-2uoqN .Episode-play-link-xfMEG:after {
    opacity: 0.5; }
  .Episode-upcoming-1uvqL .Episode-front-1AJVU .Episode-image-2hcsg:before {
    background: rgba(29, 29, 39, 0.7);
    border-radius: 8px;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%; }

.Episode-upcominginfo-59RRb {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  padding-top: 8px; }

@media screen and (min-width: 1695px) {
  .Episode-item-1iIs3 {
    margin: 0 0.8% 1.6% 0.8%;
    width: 18.4%; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .Episode-item-1iIs3 {
    margin: 0 0.8% 1.6% 0.8%;
    width: 23.4%; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .Episode-item-1iIs3 {
    margin: 0 0.69% 1.5% 0.79%;
    width: 23.5%; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .Episode-item-1iIs3 {
    margin: 0 0.965% 1.93% 0.965%;
    width: 31.4%; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Episode-item-1iIs3 {
    margin: 0 0.916% 1.83% 0.916%;
    width: 31.5%; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Episode-item-1iIs3 {
    width: 48%;
    margin: 0 1% 2% 1%; } }

@media screen and (max-width: 480px) {
  .Episode-item-1iIs3 {
    width: 100%;
    margin: 0; } }
.Hero-backdrop-CZ2iA {
  background: rgba(29, 29, 39, 0.2);
  overflow-x: hidden; }

.Hero-backdrop-CZ2iA,
.Hero-gradient-1QnLU,
.Hero-video-2ksHM {
  position: absolute;
  left: 0;
  top: 0; }

.Hero-backdrop-CZ2iA,
.Hero-gradient-1QnLU,
.Hero-image-3kHMu,
.Hero-video-2ksHM {
  width: 100%; }
  .Hero-backdrop-CZ2iA:after,
  .Hero-gradient-1QnLU:after,
  .Hero-image-3kHMu:after,
  .Hero-video-2ksHM:after {
    content: '';
    display: block;
    padding-top: calc(56.25% + 1px); }

.Hero-gradient-1QnLU {
  background-image: linear-gradient(0deg, #1d1d27 0%, transparent 80%), linear-gradient(180deg, rgba(29, 29, 39, 0.2), transparent 20%);
  overflow-x: hidden; }

.Hero-hideImage-1M2r7 {
  opacity: 0; }

.Hero-showImage-2zuBz {
  opacity: 1;
  transition: opacity 900ms ease-in; }

.Hero-hideVideo-3Gg-1 {
  opacity: 0;
  transition: opacity 900ms ease-out; }

.Hero-wrapper-2-h9A {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }
/*
 * 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);
 *
 */
.NHL-viaplay-numerals-3olUD {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.NHL-container-3XU7Z {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  margin: 0; }
  .NHL-container-3XU7Z:hover {
    border-bottom: solid 1px #eeeeee;
    color: #eeeeee;
    text-decoration: none; }
/*
 * 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);
 *
 */
.HiddenObjectsProgressBar-viaplay-numerals-j5w7a {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.HiddenObjectsProgressBar-wrapper-lQvwq {
  align-items: center;
  display: flex;
  justify-content: center; }

.HiddenObjectsProgressBar-progressBar-JGpBT {
  align-items: center;
  display: inline-flex;
  position: relative;
  width: 237px; }

.HiddenObjectsProgressBar-counter-ZHpvk {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  margin: 8px auto -10px auto; }

.HiddenObjectsProgressBar-image-2jiqg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  position: relative;
  width: 40px; }
  .HiddenObjectsProgressBar-image-2jiqg.HiddenObjectsProgressBar-seasonImage-3ws05 {
    margin: 0 10px 0 0; }
  .HiddenObjectsProgressBar-image-2jiqg.HiddenObjectsProgressBar-acornImage-2sve- {
    width: 32px;
    margin: 0 0 0 10px; }

.HiddenObjectsProgressBar-seasonBadge-Jl2CI {
  align-items: center;
  background-color: #eeeeee;
  border-radius: 50%;
  color: #1d1d27;
  font-weight: bold;
  display: flex;
  height: 20px;
  justify-content: center;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 20px; }

.HiddenObjectsProgressBar-bar-okdqp {
  background: linear-gradient(180deg, #eeeeee 0%, #eeeeee 20%, rgba(238, 238, 238, 0.7) 100%);
  height: 20px;
  margin-left: 3px;
  min-width: 9.63px; }
  .HiddenObjectsProgressBar-bar-okdqp.HiddenObjectsProgressBar-found-acCfP {
    background: linear-gradient(180deg, #75edf2 0%, #0a858e 100%); }
  .HiddenObjectsProgressBar-bar-okdqp.HiddenObjectsProgressBar-widerBar-27nv0 {
    min-width: 21px; }
  .HiddenObjectsProgressBar-bar-okdqp:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    margin-left: 0; }
  .HiddenObjectsProgressBar-bar-okdqp:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; }

@media screen and (max-width: 480px) {
  .HiddenObjectsProgressBar-progressBar-JGpBT {
    width: 180px; }
  .HiddenObjectsProgressBar-bar-okdqp {
    margin-left: 2px;
    min-width: 7px; }
    .HiddenObjectsProgressBar-bar-okdqp.HiddenObjectsProgressBar-widerBar-27nv0 {
      min-width: 18px; }
  .HiddenObjectsProgressBar-image-2jiqg {
    height: 46px;
    width: 46px; }
    .HiddenObjectsProgressBar-image-2jiqg.HiddenObjectsProgressBar-acornImage-2sve- {
      width: 38px; }
  .HiddenObjectsProgressBar-seasonBadge-Jl2CI {
    height: 18px;
    width: 18px; } }

@media screen and (max-width: 370px) {
  .HiddenObjectsProgressBar-seasonBadge-Jl2CI {
    height: 16px;
    width: 16px;
    top: 3px; } }
@media screen and (min-width: 1695px) {
  .ProductSynopsis-container-1iELh {
    max-width: 50vw; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .ProductSynopsis-container-1iELh {
    max-width: 50vw; } }

@media screen and (min-width: 1694px) and (max-height: 505px) {
  .ProductSynopsis-postplay-3WnJB .ProductSynopsis-synopsis-10AQO {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1694px) and (max-height: 514px) {
  .ProductSynopsis-postplay-3WnJB .ProductSynopsis-synopsis-10AQO {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .ProductSynopsis-container-1iELh {
    max-width: 60vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .ProductSynopsis-container-1iELh {
    max-width: 70vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) and (max-height: 414px) {
  .ProductSynopsis-postplay-3WnJB .ProductSynopsis-synopsis-10AQO {
    display: none; } }

@media screen and (max-width: 939px) and (max-height: 310px) {
  .ProductSynopsis-postplay-3WnJB .ProductSynopsis-synopsis-10AQO {
    display: none; } }
div ~ .SportScheduleBlock-container-1tZhd {
  margin-top: 50px; }
@media screen and (min-width: 1695px) {
  .ProductDetails-container-2r1MX {
    max-width: 50vw; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .ProductDetails-container-2r1MX {
    max-width: 50vw; } }

@media screen and (min-width: 1694px) and (max-height: 850px) {
  .ProductDetails-postplay-1hSQB .ProductDetails-people-AGDM7 {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1694px) and (max-height: 630px) {
  .ProductDetails-postplay-1hSQB .ProductDetails-people-AGDM7 {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .ProductDetails-container-2r1MX {
    max-width: 60vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .ProductDetails-container-2r1MX {
    max-width: 70vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) and (max-height: 520px) {
  .ProductDetails-postplay-1hSQB .ProductDetails-people-AGDM7 {
    display: none; } }

@media screen and (max-width: 939px) and (max-height: 480px) {
  .ProductDetails-postplay-1hSQB .ProductDetails-people-AGDM7 {
    display: none; } }
.SportSectionMenu-container-3ie4L {
  position: relative;
  background: #1d1d27; }

.SportSectionMenu-sections-1jow1 {
  display: inline-flex;
  height: inherit;
  width: 100%; }

.SportSectionMenu-wrapper-3SelM {
  height: 112px;
  position: relative; }
  .SportSectionMenu-wrapper-3SelM > div {
    height: inherit; }

.SportSectionMenu-sticky-2xBkR,
.SportSectionMenu-sport-1On1N {
  z-index: 9; }

@media screen and (max-width: 760px) {
  .SportSectionMenu-wrapper-3SelM {
    height: 64px; }
  .SportSectionMenu-loggedOut-22HJM.SportSectionMenu-wrapper-3SelM {
    height: 135px; }
  .SportSectionMenu-loggedOut-22HJM .SportSectionMenu-sections-1jow1 {
    display: table; } }
/*
 * 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);
 *
 */
.SportSectionFilter-viaplay-numerals-bkH4R {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportSectionFilter-boxShadow-TeixN {
  background: #2b2b35;
  overflow: hidden; }
  .SportSectionFilter-boxShadow-TeixN > * {
    vertical-align: middle; }

.SportSectionFilter-container-1c5wn {
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  line-height: normal;
  margin: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  top: -8px;
  width: 100%;
  z-index: 10; }
  .SportSectionFilter-container-1c5wn {
    animation: fadeIn 200ms ease-in-out forwards; }

.SportSectionFilter-wrapper-33K8x {
  display: flex;
  flex-direction: column; }
/*
 * 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);
 *
 */
.SportScheduleNavigation-viaplay-numerals-149Ck {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportScheduleNavigation-container-3_oZe {
  display: grid;
  grid-template-columns: 104px 104px auto;
  grid-template-rows: 48px 64px;
  width: 50%; }

.SportScheduleNavigation-categories-1vVrG {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  grid-column: 3;
  grid-row-start: 2;
  min-width: 240px;
  width: max-content; }

.SportScheduleNavigation-selectionInfo-Nwvut {
  align-items: center;
  display: flex;
  grid-column: 1 / span 3;
  grid-row-start: 1; }
  .SportScheduleNavigation-selectionInfo-Nwvut > span:nth-child(2).SportScheduleNavigation-date-2L-tF::first-letter {
    text-transform: uppercase; }

.SportScheduleNavigation-friendlyDate-2fSX1,
.SportScheduleNavigation-blockName-362no,
.SportScheduleNavigation-date-2L-tF,
.SportScheduleNavigation-dateShort-3Y20u {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  color: #eeeeee;
  display: inline;
  margin-right: 8px;
  position: relative; }

.SportScheduleNavigation-dateShort-3Y20u {
  display: none; }

.SportScheduleNavigation-friendlyDate-2fSX1 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: bold; }

.SportScheduleNavigation-blockName-362no {
  display: none; }

.SportScheduleNavigation-prev-ZTtEU {
  grid-column: 1; }

.SportScheduleNavigation-next-2i4Pd {
  grid-column: 2; }

.SportScheduleNavigation-prev-ZTtEU,
.SportScheduleNavigation-next-2i4Pd {
  align-items: center;
  background: #2b2b35;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  grid-row: 2;
  height: calc(100% - 16px);
  justify-content: center;
  margin: 8px 0;
  position: relative;
  transition: transform 0.2s ease-in-out;
  width: calc(100% - 8px); }
  .SportScheduleNavigation-prev-ZTtEU:after,
  .SportScheduleNavigation-next-2i4Pd:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 8px;
    position: absolute;
    width: 8px; }
  .SportScheduleNavigation-prev-ZTtEU:not(.SportScheduleNavigation-disabled-1bRBu):hover,
  .SportScheduleNavigation-next-2i4Pd:not(.SportScheduleNavigation-disabled-1bRBu):hover {
    transform: scale(1.05); }
  .SportScheduleNavigation-prev-ZTtEU.SportScheduleNavigation-disabled-1bRBu,
  .SportScheduleNavigation-next-2i4Pd.SportScheduleNavigation-disabled-1bRBu {
    cursor: default;
    opacity: 0.2; }

.SportScheduleNavigation-prev-ZTtEU:after {
  transform: rotate(135deg); }

.SportScheduleNavigation-next-2i4Pd:after {
  transform: rotate(-45deg); }

@media screen and (min-width: 1694px) {
  .SportScheduleNavigation-friendlyDate-2fSX1 {
    font-weight: normal;
    text-transform: lowercase; }
  .SportScheduleNavigation-blockName-362no {
    display: inline-block;
    font-weight: bold;
    text-transform: capitalize; }
  .SportScheduleNavigation-selectionInfo-Nwvut > span:nth-child(2).SportScheduleNavigation-date-2L-tF::first-letter {
    text-transform: lowercase; } }

@media screen and (max-width: 1279px) {
  .SportScheduleNavigation-container-3_oZe {
    grid-template-columns: 80px 80px auto;
    width: 70%; } }

@media screen and (max-width: 939px) {
  .SportScheduleNavigation-container-3_oZe {
    grid-template-columns: 64px 64px auto;
    width: 70%; }
  .SportScheduleNavigation-date-2L-tF {
    display: none; }
  .SportScheduleNavigation-dateShort-3Y20u {
    display: inline-block; }
  .SportScheduleNavigation-dayShort-3ZF3K {
    text-transform: capitalize; }
    .SportScheduleNavigation-dayShort-3ZF3K ::after {
      content: ' '; }
  .SportScheduleNavigation-friendlyDate-2fSX1,
  .SportScheduleNavigation-blockName-362no {
    display: none; } }

@media screen and (max-width: 760px) {
  .SportScheduleNavigation-container-3_oZe {
    grid-template-columns: 20% auto 20%;
    grid-template-rows: 64px;
    width: 100%; }
  .SportScheduleNavigation-prev-ZTtEU,
  .SportScheduleNavigation-next-2i4Pd {
    width: 100%; }
  .SportScheduleNavigation-prev-ZTtEU {
    grid-column: 1;
    grid-row: 1; }
  .SportScheduleNavigation-selectionInfo-Nwvut {
    grid-column: 2 / span 1; }
  .SportScheduleNavigation-next-2i4Pd {
    grid-column: 3;
    grid-row: 1; }
  .SportScheduleNavigation-dateShort-3Y20u {
    justify-content: center;
    margin-right: 0;
    pointer-events: none;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.SportSectionSummaryButton-viaplay-numerals-1jmkS {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportSectionSummaryButton-container-2uTkF {
  display: flex;
  height: 100%; }

.SportSectionSummaryButton-element-2zgA4,
.SportSectionSummaryButton-categoryLabel-3lFZv {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  align-self: center;
  background: #2b2b35;
  border: none;
  border-radius: 8px;
  border-top: none;
  color: #eeeeee;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  height: calc(100% - 16px);
  justify-content: center;
  margin: 8px 0;
  padding: 0 45px 0 30px;
  position: relative;
  width: 100%;
  z-index: 11; }

.SportSectionSummaryButton-element-2zgA4 {
  text-align: left; }
  .SportSectionSummaryButton-element-2zgA4.SportSectionSummaryButton-active-2bJhG {
    border-radius: 8px 8px 0 0;
    box-shadow: none; }
  .SportSectionSummaryButton-element-2zgA4:after {
    transform: rotate(45deg);
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 6px;
    margin-top: -6px;
    position: absolute;
    right: 24px;
    top: 50%;
    width: 6px; }

@media screen and (max-width: 760px) {
  .SportSectionSummaryButton-element-2zgA4,
  .SportSectionSummaryButton-categoryLabel-3lFZv {
    display: none; } }
/*
 * 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);
 *
 */
.SportSectionDropdownClear-viaplay-numerals-2BY2l {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportSectionDropdownClear-container-2GKhS {
  display: inline-block;
  overflow: hidden;
  padding: 16px 25px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px; }
  .SportSectionDropdownClear-container-2GKhS label {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    cursor: pointer; }
    .SportSectionDropdownClear-container-2GKhS label input[type='checkbox'] {
      margin-right: 8px; }
.SportSectionConversionButton-cta-3ySEl {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-top: 48px;
  position: relative; }

@media screen and (max-width: 939px) {
  .SportSectionConversionButton-cta-3ySEl {
    text-align: center; } }

@media screen and (max-width: 760px) {
  .SportSectionConversionButton-cta-3ySEl {
    margin-top: 24px;
    width: 100%; } }

@media screen and (max-width: 480px) {
  .SportSectionConversionButton-cta-3ySEl {
    margin-top: 8px; } }
/*
 * 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);
 *
 */
.SportScheduleError-viaplay-numerals-Ic2Mn {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportScheduleError-container-URjoC {
  color: #eeeeee;
  text-align: center; }

.SportScheduleError-explanation-2geNc {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  margin-bottom: 56px; }

.SportScheduleError-title-YgB9U {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 900;
  margin: 64px 0 32px 0; }
/*
 * 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);
 *
 */
.SportSectionDropdownFilter-viaplay-numerals-lygkZ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

/*
Mixin to add a viaplay-dark-theme scrollbar to an element.
Takes two arguments: 
$track-border-radius: to set custom border-radius to the scroll track; defaults to 8px.
$orientation-x: boolean value (0 or 1) to choose scroll orientation to be along x-axis; defaults to 0 i.e scroll along y-axis.
*/
.SportSectionDropdownFilter-container-3OU-k {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #32323b #1d1d27;
  max-height: 60vh; }
  .SportSectionDropdownFilter-container-3OU-k scrollbar-track {
    background: #1d1d27;
    border-radius: 8px; }
  .SportSectionDropdownFilter-container-3OU-k::-webkit-scrollbar {
    border-radius: 8px;
    width: 12px; }
  .SportSectionDropdownFilter-container-3OU-k::-webkit-scrollbar-track {
    background: #1d1d27;
    border-radius: 8px; }
  .SportSectionDropdownFilter-container-3OU-k::-webkit-scrollbar-thumb {
    background-color: #32323b;
    border-radius: 16px;
    border: 3px solid #1d1d27; }
  .SportSectionDropdownFilter-container-3OU-k.SportSectionDropdownFilter-hidden-j8nYQ {
    display: none; }
  .SportSectionDropdownFilter-container-3OU-k.SportSectionDropdownFilter-scrollable-3QCU4 {
    background: linear-gradient(to bottom, transparent 80%, #1d1d27); }

.SportSectionDropdownFilter-list-3WFWv {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px; }

.SportSectionDropdownFilter-item-328bH {
  color: #eeeeee;
  display: inline-block;
  overflow: hidden;
  padding: 4px 25px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .SportSectionDropdownFilter-item-328bH label {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    cursor: pointer; }
    .SportSectionDropdownFilter-item-328bH label input[type='checkbox'] {
      margin-right: 8px; }
  .SportSectionDropdownFilter-item-328bH.SportSectionDropdownFilter-inactive-1QMBT {
    color: rgba(238, 238, 238, 0.3); }

@media screen and (max-width: 939px) {
  .SportSectionDropdownFilter-item-328bH {
    width: 200px; } }
/*
 * 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);
 *
 */
.SportScheduleEmpty-viaplay-numerals-2h4d_ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportScheduleEmpty-explanation-Yi-X0 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  color: #eeeeee;
  display: block;
  margin: 0 0 32px 0; }

.SportScheduleEmpty-title-MFjDp {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 900;
  color: #eeeeee;
  display: block;
  margin: 60px 0 16px 0; }

@media screen and (max-width: 939px) {
  .SportScheduleEmpty-explanation-Yi-X0 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    text-align: center; }
  .SportScheduleEmpty-title-MFjDp {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: bold;
    margin: 48px 0 8px 0;
    text-align: center; }
  .SportScheduleEmpty-wrapper-aJMBF {
    display: flex;
    justify-content: center; } }
/*
 * 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);
 *
 */
.SportScheduleHour-viaplay-numerals-Lw6le, .SportScheduleHour-hour-21kMq {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportScheduleHour-container-27l_J {
  position: relative; }

.SportScheduleHour-hour-21kMq {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7);
  padding: 20px 0 10px 0; }

@media screen and (min-width: 1280px) {
  .SportScheduleHour-container-27l_J {
    margin-top: 20px; }
  .SportScheduleHour-hour-21kMq {
    left: -56px;
    position: absolute;
    top: 16px; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .SportScheduleHour-container-27l_J {
    margin-top: 20px; }
  .SportScheduleHour-hour-21kMq {
    left: -56px;
    position: absolute;
    top: 16px; } }
.FeatureBoxKids-scaffold-1LTtu {
  position: relative; }

.FeatureBoxKids-container-1ueCa {
  cursor: default;
  display: flex;
  justify-content: center;
  margin-top: 30vw;
  overflow: hidden;
  position: relative;
  z-index: 2; }

.FeatureBoxKids-imageContainer-3m511 {
  cursor: pointer;
  position: absolute;
  top: calc(-30vw + -64px);
  width: 100%;
  z-index: 0; }
  .FeatureBoxKids-imageContainer-3m511:after {
    content: '';
    display: block;
    padding-top: 51%; }

.FeatureBoxKids-shadow-2n_89 {
  background-color: rgba(29, 29, 39, 0.2);
  background-image: linear-gradient(0deg, #1d1d27 10%, transparent 50%);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2; }
  .FeatureBoxKids-shadow-2n_89.FeatureBoxKids-kids-2tbA9 {
    background-color: rgba(61, 63, 102, 0.2);
    background-image: linear-gradient(0deg, #3d3f66 10%, transparent 50%); }

.FeatureBoxKids-image-Cwu3f {
  animation: FeatureBoxKids-zoomIn-3ZGnn 700ms ease-in 100ms forwards;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 2; }
  .FeatureBoxKids-image-Cwu3f.FeatureBoxKids-previousImage-15mSM {
    z-index: 1; }

.FeatureBoxKids-wrapper-1h6Jy {
  align-items: center;
  display: flex;
  height: 13vw;
  justify-content: center;
  overflow: hidden;
  padding: 32px 0;
  position: relative;
  width: 100vw; }
  .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV {
    animation: FeatureBoxKids-zoomIn-3ZGnn 1s;
    animation-fill-mode: forwards;
    cursor: pointer;
    display: flex;
    left: calc(50% - (12vw / 2));
    opacity: 0;
    transition: transform 500ms, left 500ms, opacity 1s;
    position: absolute; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-0-3eBZt {
      animation-delay: 400ms;
      transform: translateX(calc((-4 * 12vw) - (12vw / 3))) scale(0.8);
      z-index: 0; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-1-3ANzq {
      animation-delay: 300ms;
      transform: translateX(calc((-3 * 12vw) - (12vw / 3))) scale(0.8);
      z-index: 1; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-2-1pCi9 {
      animation-delay: 200ms;
      transform: translateX(calc((-2 * 12vw) - (12vw / 3))) scale(0.8);
      z-index: 2; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-3-2nURR {
      animation-delay: 100ms;
      transform: translateX(calc((-1 * 12vw) - (12vw / 3))) scale(0.8);
      z-index: 3; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-4-1qgwa {
      animation-delay: 0ms;
      transform: translateX(0) scale(1.1);
      z-index: 4; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-5-1s4hB {
      animation-delay: 100ms;
      transform: translateX(calc((1 * 12vw) + (12vw / 3))) scale(0.8);
      z-index: 3; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-6-mHmHh {
      animation-delay: 200ms;
      transform: translateX(calc((2 * 12vw) + (12vw / 3))) scale(0.8);
      z-index: 2; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-7-1LHEB {
      animation-delay: 300ms;
      transform: translateX(calc((3 * 12vw) + (12vw / 3))) scale(0.8);
      z-index: 1; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-8-2Liqk {
      animation-delay: 400ms;
      transform: translateX(calc((4 * 12vw) + (12vw / 3))) scale(0.8);
      z-index: 0; }

.FeatureBoxKids-next-dOqTn,
.FeatureBoxKids-prev-1pL83 {
  background-color: transparent;
  border: none;
  border-radius: 16px;
  height: 56px;
  margin-top: -28px;
  position: absolute;
  top: 50%;
  width: 56px;
  z-index: 11; }
  .FeatureBoxKids-next-dOqTn:before,
  .FeatureBoxKids-prev-1pL83:before {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 3px 3px 0;
    content: '';
    height: 16px;
    margin: 16px;
    position: absolute;
    top: 3px;
    width: 16px; }
  .FeatureBoxKids-next-dOqTn:hover,
  .FeatureBoxKids-prev-1pL83:hover {
    background-color: rgba(29, 29, 39, 0.5);
    cursor: pointer; }

.FeatureBoxKids-next-dOqTn {
  right: 16px; }
  .FeatureBoxKids-next-dOqTn:before {
    left: -1px;
    transform: rotate(-45deg); }

.FeatureBoxKids-prev-1pL83 {
  left: 16px; }
  .FeatureBoxKids-prev-1pL83:before {
    left: 7px;
    transform: rotate(135deg); }

@keyframes FeatureBoxKids-zoomIn-3ZGnn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media screen and (min-width: 1280px) {
  .FeatureBoxKids-next-dOqTn,
  .FeatureBoxKids-prev-1pL83 {
    height: 64px;
    margin-top: -32px;
    width: 64px; }
    .FeatureBoxKids-next-dOqTn:before,
    .FeatureBoxKids-prev-1pL83:before {
      height: 24px;
      margin: 16px;
      width: 24px; }
  .FeatureBoxKids-next-dOqTn:before {
    left: -3px; }
  .FeatureBoxKids-prev-1pL83:before {
    left: 9px; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .FeatureBoxKids-container-1ueCa {
    margin-top: 29vw; }
  .FeatureBoxKids-imageContainer-3m511 {
    top: calc(-29vw + -64px); } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .FeatureBoxKids-container-1ueCa {
    margin-top: 27vw; }
  .FeatureBoxKids-imageContainer-3m511 {
    top: calc(-27vw + -64px); } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .FeatureBoxKids-container-1ueCa {
    margin-top: 23vw; }
  .FeatureBoxKids-imageContainer-3m511 {
    top: calc(-23vw + -64px); }
  .FeatureBoxKids-wrapper-1h6Jy {
    height: 15vw; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV {
      left: calc(50% - (15vw / 2)); }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-0-3eBZt {
        animation-delay: 400ms;
        transform: translateX(calc((-4 * 15vw) - (15vw / 3))) scale(0.8);
        z-index: 0; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-1-3ANzq {
        animation-delay: 300ms;
        transform: translateX(calc((-3 * 15vw) - (15vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-2-1pCi9 {
        animation-delay: 200ms;
        transform: translateX(calc((-2 * 15vw) - (15vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-3-2nURR {
        animation-delay: 100ms;
        transform: translateX(calc((-1 * 15vw) - (15vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-4-1qgwa {
        animation-delay: 0ms;
        transform: translateX(0) scale(1.1);
        z-index: 4; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-5-1s4hB {
        animation-delay: 100ms;
        transform: translateX(calc((1 * 15vw) + (15vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-6-mHmHh {
        animation-delay: 200ms;
        transform: translateX(calc((2 * 15vw) + (15vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-7-1LHEB {
        animation-delay: 300ms;
        transform: translateX(calc((3 * 15vw) + (15vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-8-2Liqk {
        animation-delay: 400ms;
        transform: translateX(calc((4 * 15vw) + (15vw / 3))) scale(0.8);
        z-index: 0; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .FeatureBoxKids-container-1ueCa {
    margin-top: 20vw; }
  .FeatureBoxKids-imageContainer-3m511 {
    top: calc(-20vw + -64px); }
  .FeatureBoxKids-wrapper-1h6Jy {
    height: 18vw; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV {
      left: calc(50% - (18vw / 2)); }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-0-3eBZt {
        animation-delay: 400ms;
        transform: translateX(calc((-4 * 18vw) - (18vw / 3))) scale(0.8);
        z-index: 0; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-1-3ANzq {
        animation-delay: 300ms;
        transform: translateX(calc((-3 * 18vw) - (18vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-2-1pCi9 {
        animation-delay: 200ms;
        transform: translateX(calc((-2 * 18vw) - (18vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-3-2nURR {
        animation-delay: 100ms;
        transform: translateX(calc((-1 * 18vw) - (18vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-4-1qgwa {
        animation-delay: 0ms;
        transform: translateX(0) scale(1.1);
        z-index: 4; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-5-1s4hB {
        animation-delay: 100ms;
        transform: translateX(calc((1 * 18vw) + (18vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-6-mHmHh {
        animation-delay: 200ms;
        transform: translateX(calc((2 * 18vw) + (18vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-7-1LHEB {
        animation-delay: 300ms;
        transform: translateX(calc((3 * 18vw) + (18vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-8-2Liqk {
        animation-delay: 400ms;
        transform: translateX(calc((4 * 18vw) + (18vw / 3))) scale(0.8);
        z-index: 0; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .FeatureBoxKids-container-1ueCa {
    margin-top: 13vw; }
  .FeatureBoxKids-imageContainer-3m511 {
    top: calc(-13vw + -64px); }
  .FeatureBoxKids-wrapper-1h6Jy {
    height: 21vw; }
    .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV {
      left: calc(50% - (21vw / 2)); }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-0-3eBZt {
        animation-delay: 400ms;
        transform: translateX(calc((-4 * 21vw) - (21vw / 3))) scale(0.8);
        z-index: 0; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-1-3ANzq {
        animation-delay: 300ms;
        transform: translateX(calc((-3 * 21vw) - (21vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-2-1pCi9 {
        animation-delay: 200ms;
        transform: translateX(calc((-2 * 21vw) - (21vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-3-2nURR {
        animation-delay: 100ms;
        transform: translateX(calc((-1 * 21vw) - (21vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-4-1qgwa {
        animation-delay: 0ms;
        transform: translateX(0) scale(1.1);
        z-index: 4; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-5-1s4hB {
        animation-delay: 100ms;
        transform: translateX(calc((1 * 21vw) + (21vw / 3))) scale(0.8);
        z-index: 3; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-6-mHmHh {
        animation-delay: 200ms;
        transform: translateX(calc((2 * 21vw) + (21vw / 3))) scale(0.8);
        z-index: 2; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-7-1LHEB {
        animation-delay: 300ms;
        transform: translateX(calc((3 * 21vw) + (21vw / 3))) scale(0.8);
        z-index: 1; }
      .FeatureBoxKids-wrapper-1h6Jy .FeatureBoxKids-item-30SVV.FeatureBoxKids-item-8-2Liqk {
        animation-delay: 400ms;
        transform: translateX(calc((4 * 21vw) + (21vw / 3))) scale(0.8);
        z-index: 0; } }

@media screen and (max-width: 481px) {
  .FeatureBoxKids-scaffold-1LTtu {
    display: none; } }
.FeatureBoxKidsItem-circle-3K5eH {
  background-color: #eeeeee;
  border-radius: 49%;
  box-shadow: 0 4px 10px rgba(29, 29, 39, 0.5);
  height: 12vw;
  overflow: hidden;
  position: relative;
  width: 12vw; }
  .FeatureBoxKidsItem-circle-3K5eH:hover {
    transform: scale(1.1); }
  .FeatureBoxKidsItem-circle-3K5eH.FeatureBoxKidsItem-active-3Cf8D {
    background-color: rgba(238, 238, 238, 0.3);
    box-shadow: 0 0 0 3px #eeeeee inset, 0 4px 10px rgba(29, 29, 39, 0.5);
    z-index: 1; }
    .FeatureBoxKidsItem-circle-3K5eH.FeatureBoxKidsItem-active-3Cf8D:hover {
      background-color: #eeeeee; }

.FeatureBoxKidsItem-image--yRca {
  width: 100%;
  z-index: 2; }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .FeatureBoxKidsItem-circle-3K5eH {
    height: 15vw;
    width: 15vw; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .FeatureBoxKidsItem-circle-3K5eH {
    height: 18vw;
    width: 18vw; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .FeatureBoxKidsItem-circle-3K5eH {
    height: 21vw;
    width: 21vw; } }

@media screen and (max-width: 481px) {
  .FeatureBoxKidsItem-circle-3K5eH {
    height: 26vw;
    width: 26vw; } }
.FeatureBox-active-2zaVn a:before {
  background-color: #eeeeee; }

.FeatureBox-dots-2nyuI {
  display: inline-block;
  padding: 0; }

.FeatureBox-featurebox-3nJNR:not(.FeatureBox-children-3f_X9) {
  background: #1d1d27;
  height: 43vw;
  margin: 0 0 -64px 0;
  position: relative;
  top: -64px; }
  .FeatureBox-featurebox-3nJNR:not(.FeatureBox-children-3f_X9):first-child {
    padding-top: 0; }

.FeatureBox-frames-1dvO1 {
  height: 100%;
  position: relative;
  width: 100%; }
  .FeatureBox-frames-1dvO1:before {
    content: '';
    display: block;
    padding-top: 56.25%; }

.FeatureBox-inner-315cd {
  overflow: hidden;
  position: relative; }
  .FeatureBox-inner-315cd:hover .FeatureBox-next-2V3fn,
  .FeatureBox-inner-315cd:hover .FeatureBox-prev-1tZUM {
    display: block; }

.FeatureBox-links-BjIsN {
  display: block;
  height: 24px;
  padding: 0;
  position: relative;
  width: 24px; }
  .FeatureBox-links-BjIsN:before {
    background-color: rgba(238, 238, 238, 0.3);
    border-radius: 8px;
    content: '';
    left: 8px;
    height: 8px;
    position: absolute;
    width: 8px; }
  .FeatureBox-links-BjIsN:hover:before {
    background-color: #eeeeee; }

.FeatureBox-next-2V3fn,
.FeatureBox-prev-1tZUM {
  border-radius: 3px;
  display: none;
  height: 56px;
  margin-top: -28px;
  position: absolute;
  top: 50%;
  width: 56px; }
  .FeatureBox-next-2V3fn:before,
  .FeatureBox-prev-1tZUM:before {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 16px;
    left: 32px;
    position: absolute;
    top: calc(50% - 8px);
    width: 16px; }
  .FeatureBox-next-2V3fn:hover,
  .FeatureBox-prev-1tZUM:hover {
    background-color: rgba(29, 29, 39, 0.7); }

.FeatureBox-next-2V3fn {
  right: 8px; }
  .FeatureBox-next-2V3fn:before {
    transform: rotate(-45deg);
    left: 16px; }

.FeatureBox-prev-1tZUM {
  left: 8px; }
  .FeatureBox-prev-1tZUM:before {
    transform: rotate(135deg);
    left: 22px; }

.FeatureBox-paginator-2d-J5 {
  font-size: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 42vw;
  width: fit-content; }

.FeatureBox-positions-27OUh {
  border-radius: 13px;
  display: inline-block;
  height: 25px;
  margin: 0 7px; }

.FeatureBox-scaffold-EBHiY {
  margin: 0 auto;
  position: relative;
  width: auto; }
  .FeatureBox-scaffold-EBHiY > h2:empty {
    display: none;
    margin: 0; }

@media screen and (min-width: 1441px) {
  .FeatureBox-next-2V3fn,
  .FeatureBox-prev-1tZUM {
    top: calc(50% - 6vw); } }

@media screen and (min-width: 940px) and (max-width: 1440px) {
  .FeatureBox-featurebox-3nJNR:not(.FeatureBox-children-3f_X9) {
    height: 48vw; }
  .FeatureBox-paginator-2d-J5 {
    top: 47vw; } }

@media screen and (min-width: 481px) and (max-width: 939px) {
  .FeatureBox-scaffold-EBHiY {
    width: auto; }
  .FeatureBox-featurebox-3nJNR:not(.FeatureBox-children-3f_X9) {
    height: 53vw; }
  .FeatureBox-paginator-2d-J5 {
    top: 52vw; }
  .FeatureBox-next-2V3fn,
  .FeatureBox-prev-1tZUM {
    height: 40px;
    margin-top: -20px;
    width: 40px; }
  .FeatureBox-next-2V3fn:before {
    left: 8px; }
  .FeatureBox-prev-1tZUM:before {
    left: 16px; } }

@media screen and (max-width: 760px) {
  .FeatureBox-paginator-2d-J5 {
    display: none; }
  .FeatureBox-next-2V3fn,
  .FeatureBox-prev-1tZUM {
    background-color: rgba(29, 29, 39, 0.7);
    border-radius: 4px;
    width: 24px; }
    .FeatureBox-next-2V3fn:before,
    .FeatureBox-prev-1tZUM:before {
      height: 12px;
      top: 13px;
      width: 12px; }
  .FeatureBox-next-2V3fn:before {
    left: 2px; }
  .FeatureBox-prev-1tZUM:before {
    left: 8px; } }

@media screen and (max-width: 480px) {
  .FeatureBox-featurebox-3nJNR {
    display: none; } }
/*
 * 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);
 *
 */
.Frame-viaplay-numerals-3lPih {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@keyframes Frame-fadeIn-1kGBQ {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Frame-autofadein-3JWoJ {
  display: block;
  opacity: 0;
  /* WARN! If you change the duration, remember to also change it in FeatureBoxContainer.js */
  /* keep the last frame after animation. (opacity: 1;) */ }
  .Frame-autofadein-3JWoJ {
    animation: fadeIn 0.5s ease-in; }
  .Frame-autofadein-3JWoJ {
    animation-fill-mode: forwards; }

.Frame-buttons-2q7VS {
  font-size: 0;
  text-align: left; }

.Frame-body-3KjPL {
  bottom: 12vw;
  left: 80px;
  position: absolute;
  width: 60%; }

.Frame-current-1IAiM {
  display: block; }

.Frame-container-2zJn3 {
  background-color: #1d1d27;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.Frame-synopsis-2GLb4 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  color: #eeeeee;
  margin: 16px 0 40px 0;
  text-shadow: 1px 1px 5px rgba(29, 29, 39, 0.5); }

.Frame-title-1Odag {
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 900;
  color: #eeeeee;
  margin: 0;
  text-shadow: 1px 1px 5px rgba(29, 29, 39, 0.5); }

.Frame-vignette-qOgqt {
  background-image: linear-gradient(180deg, transparent 36.5%, #1d1d27 100%), radial-gradient(79.1% 140.62% at 74.18% 38.75%, transparent 0%, rgba(29, 29, 39, 0.7) 100%);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.Frame-volume-JCf7B {
  position: absolute;
  right: 22px;
  top: 41vw;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 48px; }

@media screen and (min-width: 1441px) {
  .Frame-body-3KjPL {
    bottom: 17vw; } }

@media screen and (min-width: 940px) and (max-width: 1440px) {
  .Frame-volume-JCf7B {
    top: 46vw; } }

@media screen and (min-width: 481px) and (max-width: 939px) {
  .Frame-body-3KjPL {
    left: 56px;
    right: 56px;
    width: 88%; }
  .Frame-synopsis-2GLb4 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal; }
  .Frame-title-1Odag {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; }
  .Frame-volume-JCf7B {
    top: 50vw; } }

@media screen and (max-width: 760px) {
  .Frame-body-3KjPL {
    bottom: 6vw;
    left: 16px;
    right: 16px; }
  .Frame-synopsis-2GLb4 {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    margin: 8px 0 24px 0; }
  .Frame-title-1Odag {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900; }
  .Frame-volume-JCf7B {
    display: none; } }
.FeatureBoxButton-button-TKIdG {
  margin: 0 16px 0 0;
  max-width: 660px; }
  .FeatureBoxButton-button-TKIdG:nth-child(2) {
    background: #2b2b35;
    font-size: 0;
    padding: 0 40px;
    vertical-align: top; }
    .FeatureBoxButton-button-TKIdG:nth-child(2):hover {
      background: #25252f; }
    .FeatureBoxButton-button-TKIdG:nth-child(2):before {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjg5MjEyIDBDMC44Mjk4NzUgMCAwIDAuODI5ODc3IDAgMS44NTg5MkMwIDIuODg3OTcgMC44Mjk4NzUgMy43MTc4NCAxLjg5MjEyIDMuNzE3ODRDMi45MjExNiAzLjcxNzg0IDMuNzg0MjMgMi44ODc5NyAzLjc4NDIzIDEuODU4OTJDMy43ODQyMyAwLjgyOTg3NyAyLjkyMTE2IDAgMS44OTIxMiAwWk0zLjIxOTkyIDguNTMxMTJDMy4yMTk5MiA3Ljc5NzggMi42MjU0NCA3LjIwMzMyIDEuODkyMTIgNy4yMDMzMkMxLjE1ODc5IDcuMjAzMzIgMC41NjQzMTUgNy43OTc4IDAuNTY0MzE1IDguNTMxMTJWMjIuNjcyMkMwLjU2NDMxNSAyMy40MDU1IDEuMTU4NzkgMjQgMS44OTIxMiAyNEMyLjYyNTQ0IDI0IDMuMjE5OTIgMjMuNDA1NSAzLjIxOTkyIDIyLjY3MjJWOC41MzExMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
      background-repeat: no-repeat;
      background-size: 16px 16px;
      content: '';
      display: inline-block;
      height: 16px;
      margin-bottom: 0;
      vertical-align: middle;
      width: 16px; }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .FeatureBoxButton-button-TKIdG {
    margin: 0 8px 0 0; } }
.FeatureBoxVideo-smoothVisibleItem-3wBpj {
  animation: FeatureBoxVideo-posterFadeIn-XIzyn 300ms ease-in-out forwards; }

.FeatureBoxVideo-container-1zhp8 {
  background-color: #1d1d27;
  height: 100%;
  position: relative;
  width: 100%; }

.FeatureBoxVideo-shadow-3Ie0F {
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.FeatureBoxVideo-wrapper-1Ayoq {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.FeatureBoxVideo-video-6hpkG {
  background-color: #1d1d27;
  cursor: pointer;
  height: 100%;
  width: 100%; }

.FeatureBoxVideo-poster-3qUhe {
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  transition: opacity 300ms ease-in; }

.FeatureBoxVideo-visibleItem-sU-Ud {
  opacity: 1; }

@keyframes FeatureBoxVideo-posterFadeIn-XIzyn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.FeatureBoxFlags-flag-3mtl2 {
  background-color: #eeeeee;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODEgMTgiPgogIDxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjQwLjUiIHgyPSIxMzEuOCIgeTE9IjEwIiB5Mj0iMTAiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxOSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0MwOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIuMiIgc3RvcC1jb2xvcj0iI0NGMDA5MCIvPgogICAgPHN0b3Agb2Zmc2V0PSIuNCIgc3RvcC1jb2xvcj0iI0Q3MDA3OCIvPgogICAgPHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iI0U0MDA1MCIvPgogICAgPHN0b3Agb2Zmc2V0PSIuOCIgc3RvcC1jb2xvcj0iI0Y3MDAxOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZWQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik02LjEgMWM1LjEgMCA4LjcgMy4xIDguNyA4LjNzLTMuNSA4LjMtOC43IDguM0gwVjFoNi4xem0tLjIgMTMuM2MzIDAgNS0xLjggNS00LjlzLTItNC45LTUtNC45SDMuOHY5LjlsMi4xLS4xem0yMi4zLTN2MS40aC04LjhjLjQgMS42IDEuNyAyLjMgMy4yIDIuMyAxLjEgMCAyLjEtLjMgMy4yLTEuMmwxLjkgMi4yYTYuNyA2LjcgMCAwMS01LjIgMmMtMy44IDAtNi40LTIuNi02LjQtNi40czIuNi02LjQgNi4yLTYuNCA1LjkgMi41IDUuOSA2LjF6TTIyLjEgOGMtMS4yIDAtMi40LjctMi44IDIuMmg1LjVDMjQuNyA4LjggMjMuNiA4IDIyLjEgOHptMTguNCA5LjZoLTMuMmwtLjEtMS4yYy0uNyAxLTEuOSAxLjUtMy43IDEuNS0yLjUgMC00LjMtMS4xLTQuMy0zLjUgMC0yLjUgMS45LTMuNiA1LjEtNC4ybDIuNy0uNWMtLjEtMS4xLS44LTEuNi0yLjMtMS42LTEuNiAwLTIuNi44LTMuMiAxLjRsLTEuOS0yLjJjMS0xLjEgMi43LTIuMSA1LjMtMi4xIDQgMCA1LjQgMiA1LjQgNC43djQuOGMwIDEuNS4xIDIuNS4yIDIuOXptLTYuMi0yLjNjMS43IDAgMi44LS44IDIuOC0yLjRWMTJsLTIuMS42Yy0xLjYuNC0yLjMuOC0yLjMgMS42LS4xLjYuNSAxLjEgMS42IDEuMXpNNDYuMS4zaC0zLjR2MTcuM2gzLjRWLjN6TTU5IDUuMmMzLjYgMCA2LjUgMi42IDYuNSA2LjRTNjIuNiAxOCA1OSAxOGE2LjIgNi4yIDAgMDEtNi41LTYuNGMtLjEtMy44IDIuOC02LjQgNi41LTYuNHptLS4xIDMuMmMtMS42IDAtMyAxLjItMyAzLjJzMS40IDMuMiAzIDMuMmMxLjcgMCAzLjEtMS4yIDMuMS0zLjJzLTEuNC0zLjItMy4xLTMuMnptMTQuOS0yLjloLTIuNHYtLjNjMC0xLjUuNy0yLjEgMi4zLTIuMmwtLjUtM0M2OS44IDAgNjggMS45IDY4IDV2LjVoLTIuMXYyLjlINjh2OS4yaDMuNFY4LjRoMi40VjUuNXptMTMuNSAyLjlWNS41aC0yLjVWMS45aC0zLjR2My43aC0yLjF2Mi45aDIuMVYxNGMwIDIuOCAxLjUgMy44IDQuMSAzLjhhOSA5IDAgMDAxLjgtLjJ2LTIuOGgtLjZjLTEuMiAwLTEuOC0uNC0xLjgtMS43VjguNGgyLjR6bTguNC0zLjJjLTEuNSAwLTIuNS41LTMuMiAxLjRWLjNIODl2MTcuM2gzLjR2LTYuOGMwLTEuNy45LTIuNCAyLjItMi40IDEuNCAwIDIuMi45IDIuMiAyLjJ2Ny4xaDMuNFY5LjhjLjEtMi43LTEuNy00LjYtNC41LTQuNnptMTguNCA2LjF2MS40aC04LjhjLjQgMS42IDEuNyAyLjMgMy4yIDIuMyAxLjEgMCAyLjEtLjMgMy4yLTEuMmwxLjkgMi4yYTYuNyA2LjcgMCAwMS01LjIgMmMtMy44IDAtNi40LTIuNi02LjQtNi40czIuNi02LjQgNi4yLTYuNCA1LjkgMi41IDUuOSA2LjF6bS02LTMuM2MtMS4yIDAtMi40LjctMi44IDIuMmg1LjVjLS4yLTEuNC0xLjMtMi4yLTIuNy0yLjJ6bTMwLTdoMy45bC00LjUgMTYuNmgtNGwtMi45LTEwLjMtMyAxMC4zaC0zLjlMMTE5LjMgMWg0bDIuNyAxMS4xTDEyOS4xIDFoMy4xbDMuMiAxMS4xTDEzOC4xIDF6bTE1LjcgMTAuM3YxLjRIMTQ1Yy40IDEuNiAxLjcgMi4zIDMuMiAyLjMgMS4xIDAgMi4xLS4zIDMuMi0xLjJsMS45IDIuMmE2LjcgNi43IDAgMDEtNS4yIDJjLTMuOCAwLTYuNC0yLjYtNi40LTYuNHMyLjYtNi40IDYuMi02LjQgNS45IDIuNSA1LjkgNi4xem0tNi0zLjNjLTEuMiAwLTIuNC43LTIuOCAyLjJoNS41Yy0uMi0xLjQtMS4yLTIuMi0yLjctMi4yem0xOS4yIDMuM3YxLjRoLTguOGMuNCAxLjYgMS43IDIuMyAzLjIgMi4zIDEuMSAwIDIuMS0uMyAzLjItMS4ybDEuOSAyLjJhNi43IDYuNyAwIDAxLTUuMiAyYy0zLjggMC02LjQtMi42LTYuNC02LjRzMi42LTYuNCA2LjItNi40IDUuOSAyLjUgNS45IDYuMXpNMTYxIDhjLTEuMiAwLTIuNC43LTIuOCAyLjJoNS41Yy0uMi0xLjQtMS4zLTIuMi0yLjctMi4yem0xNiA5LjZoNGwtNS4yLTcuNSA0LjUtNC42aC00LjJsLTQgNC4yVi4zaC0zLjR2MTcuM2gzLjR2LTMuN2wxLjMtMS4zIDMuNiA1eiIvPgo8L3N2Zz4=);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 181px 18px;
  border-radius: 5px;
  box-shadow: 0 1px 3px 0 rgba(29, 29, 39, 0.2);
  height: 48px;
  position: absolute;
  right: 80px;
  text-align: center;
  top: 40px;
  width: 211px; }

.FeatureBoxFlags-container-2C9ka {
  height: 48px;
  left: 0;
  margin: 0 auto;
  position: relative;
  right: 0;
  top: 80px;
  z-index: 1; }

@media screen and (min-width: 1441px) {
  .FeatureBoxFlags-container-2C9ka {
    top: 96px; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .FeatureBoxFlags-flag-3mtl2 {
    background-size: 150.8px 15px;
    height: 32px;
    width: 168px; } }

@media screen and (min-width: 481px) and (max-width: 939px) {
  .FeatureBoxFlags-flag-3mtl2 {
    background-size: 150.8px 15px;
    height: 32px;
    right: 56px;
    width: 168px; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .FeatureBoxFlags-flag-3mtl2 {
    right: 16px; } }
.Player-container-dAiOW {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.Player-hiddenObjectImage-8KrP- {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  z-index: 1; }

.Player-player-2YMod {
  background: #000000;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }

.Player-shrink-2WJQX,
.Player-playerClickAbsorber-2EH1n {
  cursor: pointer;
  height: 7.83vw !important;
  left: 6.15vw;
  min-height: 7.83vw !important;
  min-width: 13.9vw !important;
  top: 2.2vw;
  transition: all 0.75s;
  width: 13.9vw !important; }
  .Player-shrink-2WJQX:hover ~ .Player-credits_button-3gtHz,
  .Player-playerClickAbsorber-2EH1n:hover ~ .Player-credits_button-3gtHz {
    background-color: #000000; }

.Player-playerClickAbsorber-2EH1n {
  background: transparent;
  position: absolute;
  z-index: 11;
  transition: 0; }

.Player-expand-1B8Ty {
  transition: all 0.75s; }

.Player-hide-3bmOa {
  opacity: 0;
  visibility: hidden !important; }

.Player-credits_button-3gtHz {
  align-items: center;
  background-color: rgba(29, 29, 39, 0.5);
  border: none;
  color: #eeeeee;
  cursor: pointer;
  display: flex;
  font-size: 1.02vw;
  height: 3.29vw;
  justify-content: center;
  left: 6.15vw;
  margin: 0;
  position: absolute;
  top: calc( 2.2vw + 7.83vw + 0.2vw);
  transition: opacity 350ms ease-in;
  transition-delay: 0.75s;
  width: 13.9vw;
  z-index: 10; }
  .Player-credits_button-3gtHz:hover {
    background-color: #000000; }

.Player-back-1-UHT {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI0IDE2SDkuOGw1LjMgNS4zLTEuNCAxLjRMNiAxNWw3LjctNy43IDEuNCAxLjRMOS45IDE0SDI0djJ6TTE1IDBhMTUgMTUgMCAxMDAgMzAgMTUgMTUgMCAwMDAtMzB6IiBvcGFjaXR5PSIuNyIvPgo8L3N2Zz4=) center left no-repeat;
  background-size: contain;
  border: none;
  cursor: pointer;
  height: 2.19vw;
  left: 2.2vw;
  min-height: 30px;
  min-width: 30px;
  opacity: 0.7;
  position: absolute;
  top: 2.2vw;
  transition: opacity 200ms;
  width: 2.19vw;
  z-index: 10; }
  .Player-back-1-UHT:hover {
    opacity: 1; }
/*
 * 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);
 *
 */
.PushNextEpisode-viaplay-numerals-3-x2n {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.PushNextEpisode-container-3O7Yi {
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9; }

.PushNextEpisode-backdrop-1BF9f {
  background-color: rgba(29, 29, 39, 0.5);
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10; }

.PushNextEpisode-wrapper-1jwJS {
  bottom: 6.51vw;
  left: 6.15vw;
  max-width: 54.17vw;
  position: absolute;
  z-index: 11; }

.PushNextEpisode-title-3lcRu {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 900; }

.PushNextEpisode-episodeTitle-WgqrL {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 900; }

.PushNextEpisode-episodeDuration-dPHZv {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: rgba(238, 238, 238, 0.7); }

.PushNextEpisode-episodeSynopsis-PYZUJ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal; }

.PushNextEpisode-buttonContainer-18xHt {
  display: flex;
  align-items: center;
  margin-top: 40px; }

@media screen and (min-width: 1695px) {
  .PushNextEpisode-wrapper-1jwJS {
    max-width: 50vw; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .PushNextEpisode-wrapper-1jwJS {
    max-width: 50vw; } }

@media screen and (min-width: 1694px) and (max-height: 850px) {
  .PushNextEpisode-episodeDuration-dPHZv {
    display: none; } }

@media screen and (min-width: 1694px) and (max-height: 790px) {
  .PushNextEpisode-episodeSynopsis-PYZUJ {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1694px) and (max-height: 630px) {
  .PushNextEpisode-episodeDuration-dPHZv {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1694px) and (max-height: 570px) {
  .PushNextEpisode-episodeSynopsis-PYZUJ {
    display: none; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .PushNextEpisode-wrapper-1jwJS {
    max-width: 60vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .PushNextEpisode-wrapper-1jwJS {
    max-width: 70vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) and (max-height: 520px) {
  .PushNextEpisode-episodeDuration-dPHZv {
    display: none; } }

@media screen and (min-width: 940px) and (max-width: 1279px) and (max-height: 460px) {
  .PushNextEpisode-episodeSynopsis-PYZUJ {
    display: none; } }

@media screen and (max-width: 939px) {
  .PushNextEpisode-title-3lcRu {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; }
  .PushNextEpisode-wrapper-1jwJS {
    max-width: 70vw; } }

@media screen and (max-width: 939px) and (max-height: 480px) {
  .PushNextEpisode-episodeDuration-dPHZv {
    display: none; } }
/*
 * 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);
 *
 */
.PostPlay-viaplay-numerals-2pfji {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

@keyframes PostPlay-fadeIn-1hZs3 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.PostPlay-container-2Q6VI {
  animation-name: PostPlay-fadeIn-1hZs3;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-image 0.4s ease-out 0.1s;
  z-index: 9; }

.PostPlay-information-1U2-a {
  align-items: flex-end;
  background-color: rgba(29, 29, 39, 0.5);
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%; }

.PostPlay-wrapper-2k1cJ {
  box-sizing: border-box;
  max-height: 100%;
  padding: 16vw 0 24px 0;
  width: 100%; }

.PostPlay-metadata-2GjiE {
  padding: 0 80px; }

.PostPlay-backdrop-ynLAf {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to top, #000000 0vh, black 10vh, transparent 30vh, transparent 100vh); }

.PostPlay-title-1SbOy {
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 900;
  max-width: 80vw; }

.PostPlay-defaultScaffold-bLDBA {
  position: relative; }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .PostPlay-title-1SbOy {
    font-size: 4.8rem;
    line-height: 5.6rem;
    font-weight: 900; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .PostPlay-metadata-2GjiE {
    padding: 0 56px; }
  .PostPlay-title-1SbOy {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; } }

@media screen and (max-width: 760px) {
  .PostPlay-metadata-2GjiE {
    padding: 0 16px; }
  .PostPlay-title-1SbOy {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; } }

@media screen and (min-width: 1280px) and (max-width: 1694px) and (max-height: 414px) {
  .PostPlay-title-1SbOy {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900; } }
.ModalHeader-close-34Oj5 {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTcuNzU3MzYgOS4xNzE1N0M3LjM2NjgzIDguNzgxMDUgNy4zNjY4NCA4LjE0Nzg4IDcuNzU3MzYgNy43NTczNkM4LjE0Nzg4IDcuMzY2ODQgOC43ODEwNSA3LjM2Njg0IDkuMTcxNTcgNy43NTczNkwxMiAxMC41ODU4TDE0LjgyODQgNy43NTczNkMxNS4yMTkgNy4zNjY4MyAxNS44NTIxIDcuMzY2ODQgMTYuMjQyNiA3Ljc1NzM2QzE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDguNzgxMDUgMTYuMjQyNiA5LjE3MTU3TDEzLjQxNDIgMTJMMTYuMjQyNiAxNC44Mjg0QzE2LjYzMzIgMTUuMjE5IDE2LjYzMzIgMTUuODUyMSAxNi4yNDI2IDE2LjI0MjZDMTUuODUyMSAxNi42MzMyIDE1LjIxOSAxNi42MzMyIDE0LjgyODQgMTYuMjQyNkwxMiAxMy40MTQyTDkuMTcxNTcgMTYuMjQyNkM4Ljc4MTA1IDE2LjYzMzIgOC4xNDc4OCAxNi42MzMyIDcuNzU3MzYgMTYuMjQyNkM3LjM2Njg0IDE1Ljg1MjEgNy4zNjY4NCAxNS4yMTkgNy43NTczNiAxNC44Mjg0TDEwLjU4NTggMTJMNy43NTczNiA5LjE3MTU3WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K) no-repeat;
  background-size: 24px 24px;
  border: none;
  cursor: pointer;
  height: 24px;
  outline: none;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  z-index: 32; }
  .ModalHeader-close-34Oj5:hover {
    opacity: 0.9; }
  .ModalHeader-close-34Oj5:focus {
    opacity: 1; }
  .ModalHeader-close-34Oj5.ModalHeader-light-2giLr {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPg0KICA8cG9seWdvbiBwb2ludHM9IjEyLjcgMS40IDExLjMgMCA2LjQgNC45IDEuNCAwIDAgMS40IDQuOSA2LjQgMCAxMS4zIDEuNCAxMi43IDYuNCA3LjggMTEuMyAxMi43IDEyLjcgMTEuMyA3LjggNi40ICIgZmlsbD0iIzIxMkUzNCIvPg0KPC9zdmc+) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px; }
  .ModalHeader-close-34Oj5.ModalHeader-darkNoBg-1MbWG {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPg0KCTxwb2x5Z29uIHBvaW50cz0iMTIuNyAxLjQgMTEuMyAwIDYuNCA0LjkgMS40IDAgMCAxLjQgNC45IDYuNCAwIDExLjMgMS40IDEyLjcgNi40IDcuOCAxMS4zIDEyLjcgMTIuNyAxMS4zIDcuOCA2LjQgIiBmaWxsPSIjRkZGIi8+DQo8L3N2Zz4=) no-repeat; }
/*
 * 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);
 *
 */
.ModalBody-viaplay-numerals-270RQ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalBody-container-17W5E {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  min-width: 320px;
  padding: 40px 96px 0 96px; }

.ModalBody-noPadding-3fuIt {
  padding: 0; }

.ModalBody-content-3heO0 {
  display: block;
  margin: 16px 0; }

.ModalBody-title-2dybF {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 900;
  display: block;
  margin: 40px 0 24px 0;
  text-align: center; }

.ModalBody-buttons-JXMfO {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 56px 0 0 0; }
  .ModalBody-buttons-JXMfO * + * {
    margin-left: 0 8px; }

.ModalBody-error-1iw3g {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  color: #fe365f;
  display: block;
  margin-top: 4px;
  padding: 0 16px;
  text-align: left; }
  .ModalBody-error-1iw3g.ModalBody-active-3nm4b {
    display: block; }
  .ModalBody-error-1iw3g > * {
    margin: 0; }
    .ModalBody-error-1iw3g > * > * {
      margin-top: 5px; }

@media screen and (max-width: 760px) {
  .ModalBody-container-17W5E:not(.ModalBody-noPadding-3fuIt) {
    padding: 24px 16px 0 16px; } }
.HeaderLogo-logo-1l616 {
  cursor: pointer;
  display: block;
  margin-top: 20px; }
  .HeaderLogo-logo-1l616:hover {
    background: transparent;
    border: none; }
  .HeaderLogo-logo-1l616 img {
    display: block;
    height: 24px;
    width: 98px; }
  .HeaderLogo-logo-1l616.HeaderLogo-loggedOutStart-1cL8x {
    margin-top: 0; }
    .HeaderLogo-logo-1l616.HeaderLogo-loggedOutStart-1cL8x img {
      height: 35px;
      width: 144px; }

.HeaderLogo-logoEvv-1_2bz img {
  height: 24px;
  width: 132px; }

.HeaderLogo-logoEvv-1_2bz.HeaderLogo-loggedOutStart-1cL8x img {
  height: 35px;
  width: 192px; }

@media screen and (max-width: 760px) {
  .HeaderLogo-logo-1l616.HeaderLogo-loggedOutStart-1cL8x {
    margin-top: 5px; }
    .HeaderLogo-logo-1l616.HeaderLogo-loggedOutStart-1cL8x img {
      width: 100px;
      height: auto; }
  .HeaderLogo-logoEvv-1_2bz.HeaderLogo-loggedOutStart-1cL8x img {
    width: 132px;
    height: auto; } }
.Spinner-container-1mknn {
  background-color: transparent;
  flex: 0 0 2px;
  height: 14px;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  transform: scale(0.6); }
  .Spinner-container-1mknn.Spinner-dark-1NtTR .Spinner-line-2PWA8 {
    background: #1d1d27; }
  .Spinner-container-1mknn.Spinner-textButton-2J1Ft {
    left: 40px;
    transform: scale(0.5);
    top: 15px; }
  .Spinner-container-1mknn.Spinner-centered-2jYgw {
    transform: scale(0.6); }

.Spinner-inModal-ZlK7- {
  top: 50%; }

.Spinner-line-2PWA8 {
  animation: Spinner-spinnerFadeOut-tfIYV 700ms infinite;
  border-radius: 2px;
  background: #eeeeee;
  height: 14px;
  opacity: 0;
  position: absolute;
  width: 2px; }

.Spinner-line1-3V1QY {
  transform: rotate(30deg) translateY(18px);
  animation-delay: 58.33333ms; }

.Spinner-line2-2Kyvl {
  transform: rotate(60deg) translateY(18px);
  animation-delay: 116.66667ms; }

.Spinner-line3-3-uHo {
  transform: rotate(90deg) translateY(18px);
  animation-delay: 175ms; }

.Spinner-line4-1yx0A {
  transform: rotate(120deg) translateY(18px);
  animation-delay: 233.33333ms; }

.Spinner-line5-1RUu2 {
  transform: rotate(150deg) translateY(18px);
  animation-delay: 291.66667ms; }

.Spinner-line6-3H7un {
  transform: rotate(180deg) translateY(18px);
  animation-delay: 350ms; }

.Spinner-line7-S1L0J {
  transform: rotate(210deg) translateY(18px);
  animation-delay: 408.33333ms; }

.Spinner-line8-Q3YuK {
  transform: rotate(240deg) translateY(18px);
  animation-delay: 466.66667ms; }

.Spinner-line9-31GgU {
  transform: rotate(270deg) translateY(18px);
  animation-delay: 525ms; }

.Spinner-line10-2MYSt {
  transform: rotate(300deg) translateY(18px);
  animation-delay: 583.33333ms; }

.Spinner-line11-3wvqu {
  transform: rotate(330deg) translateY(18px);
  animation-delay: 641.66667ms; }

.Spinner-line12-3TcMJ {
  transform: rotate(360deg) translateY(18px);
  animation-delay: 700ms; }

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

@media screen and (max-width: 760px) {
  .Spinner-container-1mknn {
    transform: scale(0.6); } }
/*
 * 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);
 *
 */
.ModalFooter-viaplay-numerals-3JkhF {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ModalFooter-container-3p9Xn {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  min-width: 320px;
  padding: 80px 96px 24px 96px; }
  .ModalFooter-container-3p9Xn a {
    color: #eeeeee;
    font-weight: bold; }
    .ModalFooter-container-3p9Xn a:hover {
      color: #eeeeee; }

@media screen and (max-width: 760px) {
  .ModalFooter-container-3p9Xn {
    padding: 56px 16px 24px 16px; } }
.Scaffold-scaffold-1dwbn {
  margin: 0 80px;
  position: relative; }

.Scaffold-defaultScaffold-2F0Tq {
  margin: 0;
  position: relative; }

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

@media screen and (max-width: 760px) {
  .Scaffold-scaffold-1dwbn {
    margin: 0 16px;
    min-width: 288px; } }
/*
Mixin to add a viaplay-dark-theme scrollbar to an element.
Takes two arguments: 
$track-border-radius: to set custom border-radius to the scroll track; defaults to 8px.
$orientation-x: boolean value (0 or 1) to choose scroll orientation to be along x-axis; defaults to 0 i.e scroll along y-axis.
*/
.ModalWrapper-container-2WA0j {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #32323b #1d1d27;
  background-color: #2b2b35;
  border-radius: 8px;
  box-shadow: 0 25px 60px rgba(29, 29, 39, 0.5);
  left: calc((100vw - 630px) / 2);
  max-height: 95%;
  max-width: 630px;
  min-width: 320px;
  position: fixed;
  text-align: center;
  top: 10%;
  width: 630px;
  z-index: 31; }
  .ModalWrapper-container-2WA0j scrollbar-track {
    background: #1d1d27;
    border-radius: 0 8px 8px 0; }
  .ModalWrapper-container-2WA0j::-webkit-scrollbar {
    border-radius: 8px;
    width: 12px; }
  .ModalWrapper-container-2WA0j::-webkit-scrollbar-track {
    background: #1d1d27;
    border-radius: 0 8px 8px 0; }
  .ModalWrapper-container-2WA0j::-webkit-scrollbar-thumb {
    background-color: #32323b;
    border-radius: 16px;
    border: 3px solid #1d1d27; }
  .ModalWrapper-container-2WA0j.ModalWrapper-transparent-1zPpr {
    background-color: transparent; }

.ModalWrapper-backdrop-_6A6e {
  background: rgba(29, 29, 39, 0.5);
  display: block;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 30; }

@media screen and (max-width: 760px) {
  .ModalWrapper-container-2WA0j {
    left: 0;
    margin: 5% auto 0 auto;
    overflow: auto;
    right: 0;
    top: 0;
    max-width: 630px;
    width: 90%; } }
/*
 * 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);
 *
 */
.Title-viaplay-numerals-1HzT0 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Title-subheader-8GlLy {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: bold;
  color: #eeeeee;
  display: inline-block;
  margin: 0; }
  .Title-subheader-8GlLy.Title-article-3olZ8 {
    font-weight: 300; }
  .Title-subheader-8GlLy.Title-myList-19FlK:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzExLjQ0NzcgMCAxMSAwLjQ0NzcxNiAxMSAxVjExSDFDMC40NDc3MTUgMTEgMCAxMS40NDc3IDAgMTJDMCAxMi41NTIzIDAuNDQ3NzE2IDEzIDEgMTNIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YxM0gyM0MyMy41NTIzIDEzIDI0IDEyLjU1MjMgMjQgMTJDMjQgMTEuNDQ3NyAyMy41NTIzIDExIDIzIDExSDEzVjFDMTMgMC40NDc3MTUgMTIuNTUyMyAwIDEyIDBaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=) no-repeat;
    background-size: 16px 16px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    width: 16px; }
  .Title-subheader-8GlLy.Title-hasSeeMore-2ut4h {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    white-space: nowrap; }

.Title-seeMore-N1f8b {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  color: #eeeeee;
  display: none;
  line-height: 2.6rem;
  margin-left: 24px;
  overflow: hidden;
  padding-right: 24px;
  position: relative; }
  .Title-seeMore-N1f8b:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI5Mjg5IDE4LjcwNzFDNy45MDIzNyAxOC4zMTY2IDcuOTAyMzcgMTcuNjgzNCA4LjI5Mjg5IDE3LjI5MjlMMTMuNTg1OCAxMkw4LjI5Mjg5IDYuNzA3MTFDNy45MDIzNyA2LjMxNjU4IDcuOTAyMzcgNS42ODM0MiA4LjI5Mjg5IDUuMjkyODlDOC42ODM0MiA0LjkwMjM3IDkuMzE2NTggNC45MDIzNyA5LjcwNzExIDUuMjkyODlMMTUuNzA3MSAxMS4yOTI5QzE2LjA5NzYgMTEuNjgzNCAxNi4wOTc2IDEyLjMxNjYgMTUuNzA3MSAxMi43MDcxTDkuNzA3MTEgMTguNzA3MUM5LjMxNjU4IDE5LjA5NzYgOC42ODM0MiAxOS4wOTc2IDguMjkyODkgMTguNzA3MVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    content: '';
    height: 25px;
    position: absolute;
    width: 24px;
    top: 0; }
  .Title-seeMore-N1f8b:hover {
    color: #eeeeee; }

.Title-show-2qJ12.Title-seeMore-N1f8b {
  animation: Title-moveSeeMore-2QNz1 300ms;
  display: inline-block; }

.Title-mobile-1EPik.Title-seeMore-N1f8b {
  animation: none;
  display: inline-block; }

.Title-button-31VXI {
  float: right; }
  .Title-button-31VXI.Title-search-2N9KR {
    display: none; }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Title-subheader-8GlLy.Title-hasSeeMore-2ut4h {
    max-width: 70%; }
  .Title-button-31VXI {
    height: 28px;
    line-height: 30px; } }

@media screen and (max-width: 480px) {
  .Title-subheader-8GlLy {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    padding-bottom: 8px; }
    .Title-subheader-8GlLy.Title-myList-19FlK:before {
      background-size: 12px 12px;
      height: 12px;
      width: 12px; }
    .Title-subheader-8GlLy.Title-hasSeeMore-2ut4h {
      max-width: 60%;
      padding-bottom: 0; }
    .Title-subheader-8GlLy.Title-starred-2scw1:before {
      height: 18px;
      margin-right: 4px;
      width: 16px;
      background-size: 16px 18px; }
  .Title-seeMore-N1f8b {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    display: inline-block;
    line-height: 2.2rem;
    width: auto; }
    .Title-seeMore-N1f8b:after {
      background-size: contain;
      height: 20px;
      width: 20px; }
    .Title-seeMore-N1f8b:hover {
      color: #eeeeee; }
  .Title-show-2qJ12.Title-seeMore-N1f8b {
    animation: none; }
  .Title-button-31VXI {
    width: auto; } }

@keyframes Title-moveSeeMore-2QNz1 {
  from {
    transform: translateX(-30px); }
  to {
    transform: translateX(0); } }
/*
 * 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);
 *
 */
.ToplistMeta-viaplay-numerals-3wbdB {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ToplistMeta-container-Zeok4 {
  align-items: center;
  display: flex;
  max-height: 52px;
  padding: 56px 24px; }

.ToplistMeta-position-1EY60 {
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 900;
  margin: 0 28px 0 4px; }

.ToplistMeta-info-gFHtW {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap; }

.ToplistMeta-title-3P9QK {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.ToplistMeta-meta-1HnBa {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  overflow: hidden;
  padding-top: 8px;
  text-overflow: ellipsis; }
  .ToplistMeta-meta-1HnBa > :after {
    content: '|';
    margin: 0 4px;
    position: relative; }
  .ToplistMeta-meta-1HnBa > :last-child:after {
    content: ''; }
  .ToplistMeta-meta-1HnBa a:hover {
    color: #eeeeee; }

@media screen and (max-width: 1279px) {
  .ToplistMeta-container-Zeok4 {
    max-height: 38px;
    padding: 48px 24px; }
  .ToplistMeta-info-gFHtW {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal; }
  .ToplistMeta-meta-1HnBa {
    padding-top: 4px; }
  .ToplistMeta-position-1EY60 {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900;
    margin-right: 16px; } }

@media screen and (max-width: 480px) {
  .ToplistMeta-container-Zeok4 {
    max-height: 32px;
    padding: 32px 16px; }
  .ToplistMeta-info-gFHtW {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal; }
  .ToplistMeta-meta-1HnBa {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; }
  .ToplistMeta-position-1EY60 {
    margin-right: 8px; } }
/*
 * 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);
 *
 */
.Genre-viaplay-numerals-34zik {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Genre-container-29FUN {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
  .Genre-container-29FUN:not(:first-child) {
    margin-left: 12px; }
  .Genre-container-29FUN:after {
    content: '/';
    bottom: -2px;
    position: absolute;
    right: -10px; }
  .Genre-container-29FUN:last-child:after {
    content: ''; }
  .Genre-container-29FUN.Genre-tooltip-95A2o {
    display: inline;
    line-height: 2.4rem;
    vertical-align: inherit; }
    .Genre-container-29FUN.Genre-tooltip-95A2o:after {
      bottom: -5px;
      right: -9px; }
    .Genre-container-29FUN.Genre-tooltip-95A2o:nth-child(2) {
      margin-left: 0; }
    .Genre-container-29FUN.Genre-tooltip-95A2o:last-child:after {
      content: ''; }

.Genre-toplist-1SAzo {
  vertical-align: top; }

.Genre-title-e_VYQ {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  line-height: 2.4rem; }
  .Genre-title-e_VYQ::after {
    content: ': '; }

.Genre-link-39tan:hover {
  color: #eeeeee;
  cursor: pointer; }

.Genre-link-39tan.Genre-tooltip-95A2o:hover {
  color: #eeeeee; }
  .Genre-link-39tan.Genre-tooltip-95A2o:hover:after {
    color: #eeeeee; }
/*
 * 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);
 *
 */
.Divider-viaplay-numerals-n-CUk {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Divider-divider-Me3NQ:after {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  background-color: transparent;
  content: '|';
  margin: 0 4px; }

.Divider-divider-Me3NQ:last-child:after {
  display: none; }

.Divider-divider-Me3NQ.Divider-remove-25yBs {
  display: block; }
  .Divider-divider-Me3NQ.Divider-remove-25yBs:after {
    display: none; }
.TrailerButton-container-3GmO7 {
  bottom: -8px;
  left: 8px;
  position: absolute;
  z-index: 10; }
.UpcomingMeta-container-3gLdh {
  margin-top: 16px;
  position: relative; }

.UpcomingMeta-people-3TIlq {
  margin-top: 8px; }
/*
 * 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);
 *
 */
.Imdb-viaplay-numerals-1_amC {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Imdb-link-slSbv {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  color: #eeeeee;
  padding-left: 35px;
  position: relative; }
  .Imdb-link-slSbv:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjI3MDMgMTUuOTg3NUgxLjcyOTczQzAuNzc4Mzc4IDE1Ljk4NzUgMCAxNS4xODgxIDAgMTQuMjExMVYxLjc3NjM5QzAgMC43OTkzNzQgMC43NzgzNzggMCAxLjcyOTczIDBIMzAuMjcwM0MzMS4yMjE2IDAgMzIgMC43OTkzNzQgMzIgMS43NzYzOVYxNC4yMTExQzMyIDE1LjE4ODEgMzEuMjIxNiAxNS45ODc1IDMwLjI3MDMgMTUuOTg3NVoiIGZpbGw9IiNFRUVFRUUiLz4KPHBhdGggZD0iTTUuOTY3NTEgMi43NTM0MlYxMy4zMjNIMy4zNzI5MVYyLjc1MzQySDUuOTY3NTFaIiBmaWxsPSIjMkMyQzJFIi8+CjxwYXRoIGQ9Ik0xNS4zMDggMi43NTM0MlYxMy4zMjI5SDEyLjk3MjlWNi4yMTczOEwxMi4wMjE1IDEzLjMyMjlIMTAuMzc4M0w5LjQyNjkyIDYuMzk1MDJWMTMuMzIyOUg3LjA5MTc4VjIuNzUzNDJIMTAuNTUxMkMxMC42Mzc3IDMuMzc1MTUgMTAuNzI0MiA0LjE3NDUzIDEwLjg5NzIgNC45NzM5MUwxMS4yNDMxIDcuNjM4NDlMMTEuODQ4NSAyLjc1MzQyTDE1LjMwOCAyLjc1MzQyWiIgZmlsbD0iIzJDMkMyRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjMzNSAyLjc1MzQySDE2LjM0NThWMTMuMzIyOUgxOS43MTg4SDE5LjcxODhDMjAuNDEwNyAxMy4zMjI5IDIwLjg0MzEgMTMuMzIyOSAyMS4xMDI2IDEzLjE0NTNDMjEuMTQ0NyAxMy4xMzA5IDIxLjE4OTEgMTMuMTE2NSAyMS4yMzQ2IDEzLjEwMTdDMjEuNDY5OCAxMy4wMjUzIDIxLjczNjEgMTIuOTM4OCAyMS44ODEgMTIuNzlDMjIuMDUzOSAxMi42MTI0IDIyLjIyNjkgMTIuNDM0NyAyMi4zMTM0IDEyLjA3OTVDMjIuMzk5OSAxMS44MTMgMjIuNDg2NCAxMS4xOTEzIDIyLjQ4NjQgMTAuMjE0M1Y2LjQ4Mzg0VjYuNDgzODJDMjIuNDg2NCA1LjQxOCAyMi40ODY0IDQuNzk2MjYgMjIuMzk5OSA0LjQ0MDk5QzIyLjM4OTQgNC40MDg2NiAyMi4zNzg5IDQuMzc1MDMgMjIuMzY4MSA0LjM0MDRDMjIuMjg5OSA0LjA4OTYzIDIyLjE5NTQgMy43ODY5MiAyMS45Njc0IDMuNTUyNzlDMjEuNzA4IDMuMjg2MzMgMjEuMzYyIDMuMDE5ODggMjAuOTI5NiAyLjkzMTA2QzIwLjQ5NzIgMi44NDIyNCAxOS42MzIzIDIuNzUzNDIgMTguMzM1IDIuNzUzNDJaTTE5LjAyNjkgMTEuNTQ2NVY0LjYxODUzQzE5LjM3MjkgNC42MTg1MyAxOS41NDU4IDQuNjE4NTMgMTkuNjMyMyA0LjcwNzM1QzE5LjcxODggNC43MDczNSAxOS44MDUzIDQuNzk2MTcgMTkuODA1MyA0Ljk3MzgxQzE5Ljg5MTggNS4wNjI2MyAxOS44OTE4IDUuNDE3OTEgMTkuODkxOCA1Ljg2MjAxVjkuOTQ3NzRDMTkuODkxOCAxMC42NTgzIDE5LjgwNTMgMTEuMTAyNCAxOS43MTg4IDExLjI4QzE5LjYzMjMgMTEuNDU3NyAxOS4zNzI5IDExLjU0NjUgMTkuMDI2OSAxMS41NDY1WiIgZmlsbD0iIzJDMkMyRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI2LjAzMjQgNS4yNDAzN1YyLjc1MzQySDIzLjQzNzhWMTMuMzIzSDI1Ljg1OTRMMjYuMDMyNCAxMi43MDEyQzI2LjIwNTMgMTIuOTY3NyAyNi40NjQ4IDEzLjE0NTMgMjYuNzI0MiAxMy4zMjNDMjYuOTgzNyAxMy40MTE4IDI3LjMyOTcgMTMuNTAwNiAyNy41ODkxIDEzLjUwMDZDMjguMDIxNSAxMy41MDA2IDI4LjM2NzUgMTMuNDExOCAyOC43MTM0IDEzLjE0NTNDMjkuMDU5NCAxMi45Njc3IDI5LjIzMjQgMTIuNjEyNCAyOS4zMTg4IDEyLjM0NkMyOS40MDUzIDExLjk5MDcgMjkuNDA1MyAxMS41NDY2IDI5LjQwNTMgMTAuOTI0OFY3LjAxNjc3VjUuNzczMjlDMjkuMzc0MyA1LjcwOTU0IDI5LjM1NDQgNS42MzQzNCAyOS4zMzM2IDUuNTU1OTJDMjkuMjk2NiA1LjQxNTgzIDI5LjI1NjggNS4yNjU0NCAyOS4xNDU5IDUuMTUxNTVDMjguOTcyOSA0Ljk3MzkxIDI4Ljc5OTkgNC43OTYyNyAyOC41NDA1IDQuNzA3NDVDMjguMjgxIDQuNjE4NjMgMjcuOTM1MSA0LjUyOTgxIDI3LjU4OTEgNC41Mjk4MUMyNy4yNDMyIDQuNTI5ODEgMjYuOTgzNyA0LjYxODYzIDI2LjcyNDIgNC43MDc0NUMyNi40NjQ4IDQuNzk2MjcgMjYuMjA1MyA0Ljk3MzkxIDI2LjAzMjQgNS4yNDAzN1pNMjYuNzI0MyA2LjIxNzI1QzI2LjgxMDggNi4zOTQ4OSAyNi44MTA4IDYuNjYxMzUgMjYuODEwOCA3LjEwNTQ0VjEwLjc0N0MyNi44MTA4IDExLjI3OTkgMjYuODEwOCAxMS42MzUyIDI2LjcyNDMgMTEuNzI0QzI2LjYzNzggMTEuODEyOSAyNi41NTEzIDExLjkwMTcgMjYuMzc4MyAxMS45MDE3QzI2LjIwNTMgMTEuOTAxNyAyNi4xMTg5IDExLjgxMjkgMjYuMDMyNCAxMS43MjRDMjUuOTQ1OSAxMS42MzUyIDI1Ljk0NTkgMTEuMjc5OSAyNS45NDU5IDEwLjgzNThWNy4xMDU0NEMyNS45NDU5IDYuNjYxMzUgMjUuOTQ1OSA2LjMwNjA3IDI2LjAzMjQgNi4yMTcyNUMyNi4xMTg5IDYuMTI4NDMgMjYuMjA1MyA2LjAzOTYxIDI2LjM3ODMgNi4wMzk2MUMyNi41NTEzIDYuMDM5NjEgMjYuNjM3OCA2LjAzOTYxIDI2LjcyNDMgNi4yMTcyNVoiIGZpbGw9IiMyQzJDMkUiLz4KPC9zdmc+Cg==);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 30px 14px;
    bottom: 0;
    content: ' ';
    display: block;
    height: 14px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 30px; }
  .Imdb-link-slSbv.Imdb-facts-WsMkK {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    color: #eeeeee;
    margin: 0;
    padding-left: 35px;
    position: relative; }
    .Imdb-link-slSbv.Imdb-facts-WsMkK:before {
      bottom: 1px;
      display: inline-block;
      left: 0; }

@media screen and (max-width: 1210px) {
  .Imdb-link-slSbv.Imdb-mosaic-36ckh {
    display: none; } }
.PlayButtonText-container-2z4H6 {
  margin: 0 16px 16px 0; }

@media screen and (max-width: 480px) {
  .PlayButtonText-container-2z4H6 {
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.PeopleList-viaplay-numerals-ZvVIo {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.PeopleList-peoplearray-1Hoy8 {
  display: inline;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out; }

.PeopleList-title-17o7J {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  display: inline;
  margin: 0;
  text-transform: none; }
  .PeopleList-title-17o7J:after {
    content: ': ';
    position: relative;
    right: 0; }

.PeopleList-link-1Y_Wb {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  cursor: pointer;
  display: inline;
  margin-right: 4px;
  padding: 0;
  position: relative; }
  .PeopleList-link-1Y_Wb:after {
    content: ',';
    position: relative;
    right: 0; }
  .PeopleList-link-1Y_Wb:last-child:after {
    content: ''; }

.PeopleList-readMore-2rheh {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  cursor: pointer;
  display: inline;
  margin: 8px 4px 8px 0;
  padding: 0;
  position: relative;
  white-space: nowrap; }
  .PeopleList-readMore-2rheh .PeopleList-openText-BMI8d {
    display: inline-block; }
  .PeopleList-readMore-2rheh .PeopleList-closeText-Yd3qA {
    display: none; }
  .PeopleList-readMore-2rheh:hover span {
    text-decoration: underline; }
  .PeopleList-readMore-2rheh:after {
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    display: inline-block;
    height: 6px;
    margin-bottom: 3px;
    margin-left: 6px;
    position: relative;
    transform: rotate(45deg);
    width: 6px; }
  .PeopleList-readMore-2rheh.PeopleList-open-1zmrR:after {
    margin-bottom: -1px;
    transform: rotate(225deg); }

.PeopleList-upcoming-3PdBl .PeopleList-title-17o7J {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  line-height: 2.4rem; }

.PeopleList-upcoming-3PdBl .PeopleList-link-1Y_Wb {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  line-height: 2.4rem; }

.PeopleList-tooltip-3Hbu1 .PeopleList-title-17o7J {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  line-height: 2.4rem; }

.PeopleList-tooltip-3Hbu1 .PeopleList-link-1Y_Wb {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  line-height: 2.4rem; }

.PeopleList-tooltip-3Hbu1 .PeopleList-readMore-2rheh {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  border-bottom: none;
  line-height: 2.4rem; }
  .PeopleList-tooltip-3Hbu1 .PeopleList-readMore-2rheh:after {
    border-width: 0 1px 1px 0; }
  .PeopleList-tooltip-3Hbu1 .PeopleList-readMore-2rheh.PeopleList-open-1zmrR:after {
    margin-bottom: -2px; }
/*
 * 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);
 *
 */
.DurationMeta-viaplay-numerals-S3MBg {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.DurationMeta-duration-pE32N {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  display: block;
  padding-top: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1; }
  .DurationMeta-duration-pE32N.DurationMeta-clip-2Buxd {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 8px 0 8px;
    position: absolute; }

@media screen and (max-width: 480px) {
  .DurationMeta-duration-pE32N.DurationMeta-clip-2Buxd {
    padding: 0 8px; } }
/*
 * 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);
 *
 */
.Synopsis-viaplay-numerals-1nLj0 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Synopsis-container-1d7vq {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  overflow: hidden;
  position: relative; }
  .Synopsis-container-1d7vq.Synopsis-postplay-12xBJ, .Synopsis-container-1d7vq.Synopsis-promoBlock-1_O2L {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .Synopsis-container-1d7vq.Synopsis-promoBlock-1_O2L {
    -webkit-line-clamp: 5; }
  .Synopsis-container-1d7vq.Synopsis-hiddenObjects-iSLEs {
    max-width: fit-content; }
  .Synopsis-container-1d7vq p {
    margin: 0; }
  .Synopsis-container-1d7vq a {
    color: #eeeeee; }
    .Synopsis-container-1d7vq a:hover {
      border-bottom: solid 1px #eeeeee;
      color: #eeeeee;
      text-decoration: none; }

@media screen and (max-width: 1279px) {
  .Synopsis-container-1d7vq.Synopsis-promoBlock-1_O2L {
    -webkit-line-clamp: 4; } }
/*
 * 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);
 *
 */
.Badge-viaplay-numerals-1IsBB {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Badge-wrapper-2-TNs {
  width: 100%; }

.Badge-badge-1SjOP {
  font-size: 1rem;
  line-height: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  display: block;
  letter-spacing: 0.05rem;
  margin: 8px;
  max-width: calc(100% - 24px);
  padding: 1px 8px 0 8px;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: normal;
  z-index: 1; }

.Badge-expire-3UQCD {
  background: rgba(29, 29, 39, 0.7);
  color: #eeeeee; }
  .Badge-expire-3UQCD.Badge-tooltip-31N28 {
    position: relative;
    background: transparent;
    color: #eeeeee;
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
    text-transform: none; }

.Badge-price-94RRX, .Badge-clip-2bOSS {
  background: rgba(29, 29, 39, 0.7);
  color: #eeeeee; }

.Badge-info-1MMWm {
  background: #fe365f;
  color: #eeeeee; }

.Badge-catchup-y5xJe,
.Badge-sportInfo-2Gghu {
  background: rgba(29, 29, 39, 0.7);
  color: #eeeeee; }

.Badge-live-1Tb6M {
  background: #fe365f;
  color: #eeeeee; }

.Badge-time-2dyxs {
  display: none;
  padding-left: 5px; }

.Badge-sportList-2i2vg .Badge-info-1MMWm {
  background: #eeeeee;
  color: #1d1d27; }

.Badge-sportList-2i2vg .Badge-time-2dyxs {
  display: none; }

.Badge-sportMain-1MGyd .Badge-badge-1SjOP {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  text-transform: uppercase; }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Badge-sportMain-1MGyd .Badge-time-2dyxs {
    display: none; }
  .Badge-time-2dyxs {
    display: inline-block; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Badge-sportMain-1MGyd .Badge-time-2dyxs {
    display: none; }
  .Badge-time-2dyxs {
    display: inline-block; } }

@media screen and (max-width: 480px) {
  .Badge-badge-1SjOP {
    max-width: calc(100% - 12px);
    margin: 4px;
    padding: 0 8px; }
  .Badge-product-_nU06 .Badge-badge-1SjOP {
    display: none; }
  .Badge-sportMain-1MGyd .Badge-badge-1SjOP,
  .Badge-sportList-2i2vg .Badge-badge-1SjOP,
  .Badge-episode-T7Lvn .Badge-badge-1SjOP {
    margin: 8px; }
  .Badge-sportMain-1MGyd .Badge-time-2dyxs {
    display: none; }
  .Badge-time-2dyxs {
    display: inline-block; } }
/*
 * 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);
 *
 */
.SortingMeta-viaplay-numerals-2YIEF {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SortingMeta-container-3OLNJ {
  position: relative; }

.SortingMeta-imdb-1vSj- {
  display: inline-block;
  height: 22px;
  vertical-align: middle;
  line-height: 22px; }

.SortingMeta-wrapper-_hieI {
  padding: 8px 0 0 0;
  text-align: center; }

.SortingMeta-year-1Aaae {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  display: block;
  height: 32px;
  padding-top: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1; }
/*
 * 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);
 *
 */
.CWMeta-viaplay-numerals-38eRx {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.CWMeta-container-yWopJ {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  box-sizing: border-box;
  display: block;
  height: 32px;
  padding-top: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1; }

@media screen and (max-width: 480px) {
  .CWMeta-container-yWopJ {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; } }
.SportProgressBar-progress-_Njwp {
  background: rgba(238, 238, 238, 0.3);
  border: none;
  border-radius: 4px;
  bottom: 0;
  color: #fe365f;
  display: inline-block;
  font-size: 0;
  height: 4px;
  margin: 0 8px 8px 8px;
  pointer-events: none;
  width: calc(100% - 16px);
  position: absolute;
  z-index: 1; }
  .SportProgressBar-progress-_Njwp::-webkit-progress-bar {
    background: rgba(238, 238, 238, 0.3);
    border-radius: 4px; }
  .SportProgressBar-progress-_Njwp::-webkit-progress-value {
    background: #fe365f;
    border-radius: 4px; }
  .SportProgressBar-progress-_Njwp::-moz-progress-bar {
    background: #fe365f;
    border-radius: 4px; }
.Progress-progress-igsPi {
  background: rgba(238, 238, 238, 0.3);
  border: none;
  border-radius: 4px;
  bottom: 0;
  color: #eeeeee;
  display: inline-block;
  font-size: 0;
  height: 4px;
  left: 0;
  margin: 0 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 16px);
  z-index: 6; }
  .Progress-progress-igsPi::-webkit-progress-bar {
    background: rgba(238, 238, 238, 0.3);
    border-radius: 4px; }
  .Progress-progress-igsPi::-webkit-progress-value {
    background: #eeeeee;
    border-radius: 4px; }
  .Progress-progress-igsPi::-moz-progress-bar {
    background: #eeeeee;
    border-radius: 4px; }
  .Progress-progress-igsPi.Progress-product-rHM_4 {
    margin: 24px 0 16px 0;
    max-width: 400px;
    position: relative; }

.Progress-watched-2viPF {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTcuNTMxMzMgMTEuNzkyOUM3LjE0MDggMTEuNDAyNCA2LjUwNzY0IDExLjQwMjQgNi4xMTcxMSAxMS43OTI5QzUuNzI2NTkgMTIuMTgzNCA1LjcyNjU5IDEyLjgxNjYgNi4xMTcxMSAxMy4yMDcxTDkuNjY3MzEgMTYuNzU3M0MxMC4wNTc4IDE3LjE0NzggMTAuNjkxIDE3LjE0NzggMTEuMDgxNSAxNi43NTczTDE4LjE4MjEgOS42NTY4NkMxOC41NzI2IDkuMjY2MzQgMTguNTcyNiA4LjYzMzE3IDE4LjE4MjEgOC4yNDI2NUMxNy43OTE2IDcuODUyMTIgMTcuMTU4NCA3Ljg1MjExIDE2Ljc2NzkgOC4yNDI2NEwxMC4zNzQ0IDE0LjYzNkw3LjUzMTMzIDExLjc5MjlaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
  background-size: cover;
  bottom: 8px;
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  width: 16px;
  z-index: 6; }
/*
 * 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);
 *
 */
.ProgressDuration-viaplay-numerals-39w5T {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ProgressDuration-container-1O_qo {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  background: #1d1d27;
  bottom: -8px;
  display: block;
  height: 32px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  z-index: 2; }

@media screen and (max-width: 480px) {
  .ProgressDuration-container-1O_qo {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; } }
/*
 * 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);
 *
 */
.TVEMeta-viaplay-numerals-IW1VF {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.TVEMeta-container-33Sh1 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  bottom: 0;
  display: block;
  height: 32px;
  padding-top: 8px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media screen and (max-width: 480px) {
  .TVEMeta-container-33Sh1 {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; } }
.PlayButton-catchup-2LwWc.PlayButton-container-1_9BM,
.PlayButton-live-3zu7f.PlayButton-container-1_9BM {
  cursor: pointer;
  opacity: 1; }

.PlayButton-container-1_9BM {
  align-items: center;
  background: none;
  background-color: transparent;
  border: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }
  .PlayButton-container-1_9BM.PlayButton-show-36vvD {
    opacity: 1; }
  .PlayButton-container-1_9BM.PlayButton-forceHover-1DAjB:hover:not(.PlayButton-loading-10Llm) {
    cursor: pointer; }
    .PlayButton-container-1_9BM.PlayButton-forceHover-1DAjB:hover:not(.PlayButton-loading-10Llm) .PlayButton-icon-3Qwvg:before {
      background-color: #eeeeee;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzMwNjkgNi40NzM0OEwwLjg5NzQxMSAxMS45MTFDMC43MTgzODkgMTIuMDIyIDAuNDkxNDM5IDEyLjAyOTcgMC4zMDQ4NTMgMTEuOTMxMkMwLjExODI2OCAxMS44MzI3IDAuMDAxNTA4NTEgMTEuNjQzNCAwIDExLjQzNzFWMC41NjI4MDFDMC4wMDE1Mjk3NSAwLjM1NjUwOSAwLjExODI5NyAwLjE2NzMwOSAwLjMwNDg3OSAwLjA2ODgwMjFDMC40OTE0NiAtMC4wMjk3MDQ5IDAuNzE4Mzk4IC0wLjAyMTk2NjUgMC44OTc0MTEgMC4wODkwMDY5TDkuNzMwNzUgNS41MjY0NkM5Ljg5ODMzIDUuNjI4ODQgMTAgNS44MDc2OCAxMCA1Ljk5OTk5QzkuOTk5OTkgNi4xOTIzIDkuODk4MjggNi4zNzExMiA5LjczMDY5IDYuNDczNDhaIiBmaWxsPSIjMUQxRDI3Ii8+Cjwvc3ZnPgo=); }
  .PlayButton-container-1_9BM.PlayButton-tveNotPlayable-vP1pY .PlayButton-icon-3Qwvg {
    display: none; }

.PlayButton-continue-2rds3.PlayButton-container-1_9BM {
  opacity: 1; }

.PlayButton-icon-3Qwvg {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 48px;
  max-height: 96px;
  max-width: 96px;
  position: relative;
  width: auto; }
  .PlayButton-icon-3Qwvg:before {
    content: '';
    background-color: rgba(29, 29, 39, 0.7);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzMwNjkgNi40NzM0OEwwLjg5NzQxMSAxMS45MTFDMC43MTgzODkgMTIuMDIyIDAuNDkxNDM5IDEyLjAyOTcgMC4zMDQ4NTMgMTEuOTMxMkMwLjExODI2OCAxMS44MzI3IDAuMDAxNTA4NTEgMTEuNjQzNCAwIDExLjQzNzFWMC41NjI4MDFDMC4wMDE1Mjk3NSAwLjM1NjUwOSAwLjExODI5NyAwLjE2NzMwOSAwLjMwNDg3OSAwLjA2ODgwMjFDMC40OTE0NiAtMC4wMjk3MDQ5IDAuNzE4Mzk4IC0wLjAyMTk2NjUgMC44OTc0MTEgMC4wODkwMDY5TDkuNzMwNzUgNS41MjY0NkM5Ljg5ODMzIDUuNjI4ODQgMTAgNS44MDc2OCAxMCA1Ljk5OTk5QzkuOTk5OTkgNi4xOTIzIDkuODk4MjggNi4zNzExMiA5LjczMDY5IDYuNDczNDhaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 12px;
    border-radius: 50%;
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 48px; }
  .PlayButton-icon-3Qwvg:hover:before {
    background-color: #eeeeee;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzMwNjkgNi40NzM0OEwwLjg5NzQxMSAxMS45MTFDMC43MTgzODkgMTIuMDIyIDAuNDkxNDM5IDEyLjAyOTcgMC4zMDQ4NTMgMTEuOTMxMkMwLjExODI2OCAxMS44MzI3IDAuMDAxNTA4NTEgMTEuNjQzNCAwIDExLjQzNzFWMC41NjI4MDFDMC4wMDE1Mjk3NSAwLjM1NjUwOSAwLjExODI5NyAwLjE2NzMwOSAwLjMwNDg3OSAwLjA2ODgwMjFDMC40OTE0NiAtMC4wMjk3MDQ5IDAuNzE4Mzk4IC0wLjAyMTk2NjUgMC44OTc0MTEgMC4wODkwMDY5TDkuNzMwNzUgNS41MjY0NkM5Ljg5ODMzIDUuNjI4ODQgMTAgNS44MDc2OCAxMCA1Ljk5OTk5QzkuOTk5OTkgNi4xOTIzIDkuODk4MjggNi4zNzExMiA5LjczMDY5IDYuNDczNDhaIiBmaWxsPSIjMUQxRDI3Ii8+Cjwvc3ZnPgo=); }

.PlayButton-loading-10Llm .PlayButton-icon-3Qwvg:before,
.PlayButton-loading-10Llm .PlayButton-icon-3Qwvg:hover:before {
  background-color: #eeeeee;
  background-image: none; }

.PlayButton-landscape-eSMZh .PlayButton-icon-3Qwvg {
  flex: 0 0 22%;
  height: 39.111111%; }

.PlayButton-portrait-2LVTu .PlayButton-icon-3Qwvg {
  flex: 0 0 40%;
  height: 26.6666667%; }

.PlayButton-sportMain-3Lca6 .PlayButton-icon-3Qwvg {
  flex: 0 0 20%;
  height: 35.5555556%; }

.PlayButton-sportList-X6IL1 .PlayButton-icon-3Qwvg {
  flex: 0 0 55px;
  height: 55px; }

.PlayButton-children-1qkVI .PlayButton-icon-3Qwvg {
  min-height: 64px; }
  .PlayButton-children-1qkVI .PlayButton-icon-3Qwvg:before {
    background-position: 52% center;
    background-size: 20px 20px;
    height: 64px;
    width: 64px; }

.PlayButton-mosaic-25Lcc .PlayButton-icon-3Qwvg {
  flex: 0 0 30%;
  height: 30%;
  min-height: auto; }
  .PlayButton-mosaic-25Lcc .PlayButton-icon-3Qwvg:before {
    background-position: 52% center;
    background-size: 30% 30%;
    height: 100%;
    width: 100%; }

@media screen and (max-width: 480px) {
  .PlayButton-icon-3Qwvg {
    min-height: auto; }
    .PlayButton-icon-3Qwvg:before {
      background-size: 20%;
      height: 100%;
      width: 100%; } }
/*
 * 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);
 *
 */
.SportMeta-viaplay-numerals-2ubY6, .SportMeta-time-2o6fj {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SportMeta-labels-1OByf {
  color: #eeeeee;
  padding-bottom: 0;
  pointer-events: none; }

.SportMeta-logo-2ZkLq {
  width: 80px;
  padding-bottom: 4px; }

.SportMeta-placeholder-3cp2v {
  height: 52px;
  width: 80px; }

.SportMeta-subtitle-2GLrv {
  bottom: 2px;
  left: 64px;
  margin: 0;
  max-width: calc(100% - 72px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 5; }
  .SportMeta-subtitle-2GLrv.SportMeta-catchup-1G9hH {
    left: 68px; }
  .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    display: inline-block;
    padding: 1px 5px 0 0; }
    .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX:before {
      content: '|';
      margin: 0 4px; }
    .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX:first-child:before {
      display: none; }
  .SportMeta-subtitle-2GLrv.SportMeta-highlight-2p1C_ {
    display: none; }

.SportMeta-time-2o6fj {
  border-right: 1px solid #eeeeee;
  bottom: 2px;
  display: block;
  font-weight: 400;
  left: 8px;
  padding-right: 7px;
  position: absolute;
  text-align: left;
  width: 40px;
  z-index: 5; }
  .SportMeta-time-2o6fj.SportMeta-catchup-1G9hH {
    width: 46px; }
  .SportMeta-time-2o6fj .SportMeta-end-1P73t {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: normal;
    white-space: nowrap; }
  .SportMeta-time-2o6fj .SportMeta-start-3H423 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    margin-bottom: -4px;
    white-space: nowrap; }

.SportMeta-title-23pOx {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  bottom: 18px;
  display: block;
  left: 64px;
  margin: 0;
  max-width: calc(100% - 72px);
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 5; }
  .SportMeta-title-23pOx.SportMeta-catchup-1G9hH {
    left: 68px; }
  .SportMeta-title-23pOx.SportMeta-live-1oK6d {
    max-height: 36px; }
  .SportMeta-title-23pOx.SportMeta-highlight-2p1C_ {
    bottom: 2px;
    left: 8px;
    max-width: calc(100% - 16px); }

.SportMeta-sportList-2dfbP {
  left: 8px;
  position: relative;
  top: 40px;
  width: 100%; }
  .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv {
    bottom: 11px;
    color: rgba(238, 238, 238, 0.7);
    display: block;
    left: 0;
    max-width: calc(100% - 24px);
    position: relative;
    z-index: 0; }
    .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(238, 238, 238, 0.7);
      display: inline;
      padding: 0; }
    .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv.SportMeta-live-1oK6d, .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv.SportMeta-catchup-1G9hH {
      color: rgba(238, 238, 238, 0.7); }
  .SportMeta-sportList-2dfbP .SportMeta-time-2o6fj {
    border-right: none;
    display: flex;
    left: 0;
    position: relative;
    top: -6px;
    z-index: 0; }
    .SportMeta-sportList-2dfbP .SportMeta-time-2o6fj .SportMeta-end-1P73t {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(238, 238, 238, 0.7);
      margin-top: 0; }
    .SportMeta-sportList-2dfbP .SportMeta-time-2o6fj .SportMeta-start-3H423 {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(238, 238, 238, 0.7);
      white-space: pre; }
      .SportMeta-sportList-2dfbP .SportMeta-time-2o6fj .SportMeta-start-3H423::after {
        content: ' - '; }
    .SportMeta-sportList-2dfbP .SportMeta-time-2o6fj.SportMeta-catchup-1G9hH .SportMeta-start-3H423::after {
      content: ' | '; }
  .SportMeta-sportList-2dfbP .SportMeta-title-23pOx {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    bottom: 6px;
    display: block;
    left: 0;
    max-width: calc(100% - 32px);
    position: relative;
    text-overflow: ellipsis;
    white-space: pre;
    z-index: 0; }
    .SportMeta-sportList-2dfbP .SportMeta-title-23pOx.SportMeta-live-1oK6d {
      max-height: 36px; }

.SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv {
  bottom: 4px;
  left: 85px;
  max-width: 71%;
  top: auto; }
  .SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal; }

.SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj {
  bottom: 4px;
  left: 16px;
  padding-right: 10px;
  top: auto;
  width: 50px; }
  .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj .SportMeta-end-1P73t {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal; }
  .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj .SportMeta-start-3H423 {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: normal;
    margin-bottom: 0; }

.SportMeta-sportMain-1wBKy .SportMeta-title-23pOx {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: normal;
  bottom: 28px;
  left: 85px;
  max-width: 71%;
  top: auto; }

@media screen and (max-width: 939px) {
  .SportMeta-subtitle-2GLrv,
  .SportMeta-title-23pOx,
  .SportMeta-subtitle-2GLrv.SportMeta-catchup-1G9hH,
  .SportMeta-title-23pOx.SportMeta-catchup-1G9hH {
    left: 8px;
    max-width: calc(100% - 16px); }
  .SportMeta-time-2o6fj {
    display: none; }
  .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv,
  .SportMeta-sportList-2dfbP .SportMeta-title-23pOx,
  .SportMeta-sportList-2dfbP .SportMeta-subtitle-2GLrv.SportMeta-catchup-1G9hH,
  .SportMeta-sportList-2dfbP .SportMeta-title-23pOx.SportMeta-catchup-1G9hH {
    left: 0; }
  .SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv {
    left: 78px;
    max-width: calc(100% - 94px); }
    .SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal; }
  .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj {
    display: block;
    left: 16px;
    width: 40px; }
    .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj .SportMeta-end-1P73t {
      font-size: 1.2rem;
      line-height: 2rem;
      font-weight: normal; }
    .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj .SportMeta-start-3H423 {
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: normal;
      margin-bottom: -2px; }
  .SportMeta-sportMain-1wBKy .SportMeta-title-23pOx {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    bottom: 22px;
    left: 78px;
    max-width: calc(100% - 94px); } }

@media screen and (max-width: 760px) {
  .SportMeta-sportMain-1wBKy .SportMeta-time-2o6fj {
    display: block; }
  .SportMeta-sportMain-1wBKy .SportMeta-title-23pOx,
  .SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv {
    left: 85px; } }

@media screen and (max-width: 480px) {
  .SportMeta-subtitle-2GLrv .SportMeta-secondarytitle-2aGEX {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; }
  .SportMeta-title-23pOx {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; }
  .SportMeta-sportMain-1wBKy .SportMeta-title-23pOx,
  .SportMeta-sportMain-1wBKy .SportMeta-subtitle-2GLrv {
    left: 78px; } }
/*
 * 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);
 *
 */
.SeasonEpisode-viaplay-numerals-3Bx5Z {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SeasonEpisode-container-2Telh {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal; }
  .SeasonEpisode-container-2Telh.SeasonEpisode-tooltip-2IhUm {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: normal;
    display: inline; }
    .SeasonEpisode-container-2Telh.SeasonEpisode-tooltip-2IhUm::before {
      content: ' - '; }

@media screen and (max-width: 480px) {
  .SeasonEpisode-container-2Telh {
    display: none; } }
/*
 * 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);
 *
 */
.SeriesMeta-viaplay-numerals-11VRx {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.SeriesMeta-container-39Cv_ {
  bottom: 8px;
  left: 8px;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 1; }
  .SeriesMeta-container-39Cv_.SeriesMeta-hasProgress-1s1wP {
    bottom: 20px; }
  .SeriesMeta-container-39Cv_.SeriesMeta-showTrailer-2FRv- {
    bottom: 64px; }

.SeriesMeta-divider-1kS6w {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  text-transform: lowercase; }
  .SeriesMeta-divider-1kS6w:after {
    background: #eeeeee;
    content: '';
    display: inline-block;
    font-size: 0;
    height: 12px;
    margin: 0 6px 2px 6px;
    vertical-align: middle;
    width: 1px; }
  .SeriesMeta-divider-1kS6w:last-child:after {
    display: none; }

@media screen and (max-width: 1210px) {
  .SeriesMeta-divider-1kS6w.SeriesMeta-mosaic-2HJBI:after {
    display: none; } }

@media screen and (max-width: 480px) {
  .SeriesMeta-container-39Cv_ {
    display: none; } }
.InteractionIcons-container-1CF3R {
  padding: 8px 8px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

.InteractionIcons-icon-3V4E9 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: block;
  cursor: pointer;
  height: 16px;
  margin-bottom: 16px;
  width: 16px; }
  .InteractionIcons-icon-3V4E9:hover {
    opacity: 0.8; }

.InteractionIcons-info-3fWX6 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjg5MjEyIDBDMC44Mjk4NzUgMCAwIDAuODI5ODc3IDAgMS44NTg5MkMwIDIuODg3OTcgMC44Mjk4NzUgMy43MTc4NCAxLjg5MjEyIDMuNzE3ODRDMi45MjExNiAzLjcxNzg0IDMuNzg0MjMgMi44ODc5NyAzLjc4NDIzIDEuODU4OTJDMy43ODQyMyAwLjgyOTg3NyAyLjkyMTE2IDAgMS44OTIxMiAwWk0zLjIxOTkyIDguNTMxMTJDMy4yMTk5MiA3Ljc5NzggMi42MjU0NCA3LjIwMzMyIDEuODkyMTIgNy4yMDMzMkMxLjE1ODc5IDcuMjAzMzIgMC41NjQzMTUgNy43OTc4IDAuNTY0MzE1IDguNTMxMTJWMjIuNjcyMkMwLjU2NDMxNSAyMy40MDU1IDEuMTU4NzkgMjQgMS44OTIxMiAyNEMyLjYyNTQ0IDI0IDMuMjE5OTIgMjMuNDA1NSAzLjIxOTkyIDIyLjY3MjJWOC41MzExMloiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==); }

.InteractionIcons-remove-3qNxf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk01LjE3MTU3IDYuMTE0MzhDNC45MTEyMiA1Ljg1NDAzIDQuOTExMjIgNS40MzE5MiA1LjE3MTU3IDUuMTcxNTdDNS40MzE5MiA0LjkxMTIyIDUuODU0MDMgNC45MTEyMiA2LjExNDM4IDUuMTcxNTdMOCA3LjA1NzE5TDkuODg1NjIgNS4xNzE1N0MxMC4xNDYgNC45MTEyMiAxMC41NjgxIDQuOTExMjIgMTAuODI4NCA1LjE3MTU3QzExLjA4ODggNS40MzE5MiAxMS4wODg4IDUuODU0MDMgMTAuODI4NCA2LjExNDM4TDguOTQyODEgOEwxMC44Mjg0IDkuODg1NjJDMTEuMDg4OCAxMC4xNDYgMTEuMDg4OCAxMC41NjgxIDEwLjgyODQgMTAuODI4NEMxMC41NjgxIDExLjA4ODggMTAuMTQ2IDExLjA4ODggOS44ODU2MiAxMC44Mjg0TDggOC45NDI4MUw2LjExNDM4IDEwLjgyODRDNS44NTQwMyAxMS4wODg4IDUuNDMxOTIgMTEuMDg4OCA1LjE3MTU3IDEwLjgyODRDNC45MTEyMiAxMC41NjgxIDQuOTExMjIgMTAuMTQ2IDUuMTcxNTcgOS44ODU2Mkw3LjA1NzE5IDhMNS4xNzE1NyA2LjExNDM4WiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K); }

.InteractionIcons-myList-1BXLd {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzExLjQ0NzcgMCAxMSAwLjQ0NzcxNiAxMSAxVjExSDFDMC40NDc3MTUgMTEgMCAxMS40NDc3IDAgMTJDMCAxMi41NTIzIDAuNDQ3NzE2IDEzIDEgMTNIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YxM0gyM0MyMy41NTIzIDEzIDI0IDEyLjU1MjMgMjQgMTJDMjQgMTEuNDQ3NyAyMy41NTIzIDExIDIzIDExSDEzVjFDMTMgMC40NDc3MTUgMTIuNTUyMyAwIDEyIDBaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=); }
  .InteractionIcons-myList-1BXLd.InteractionIcons-active-3YurH {
    animation: InteractionIcons-popIcon-3Pyh1 200ms;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    opacity: 1; }
    .InteractionIcons-myList-1BXLd.InteractionIcons-active-3YurH:hover {
      opacity: 1; }

.InteractionIcons-rateUp-1H1pc,
.InteractionIcons-rateDown-3bCxc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MzIxIDIuMTU3MTFDMTQuMjk4NyAyLjI5MDU0IDE0LjE2MTMgMi41MTc4MSAxNC4wMzYzIDIuODUxMTJMMTQuMDE1MSAyLjkwNzcyTDEzLjk4NzIgMi45NjEzNUMxMi43MjE3IDUuMzk1IDExLjE4MyA3LjM2OTE2IDkuODUyMDEgOS4wNzY3MkM5Ljc3NTM1IDkuMTc1MDggOS42OTkzOCA5LjI3MjU1IDkuNjI0MTggOS4zNjkxN0M5LjQ0NDI3IDkuNjYwMDkgOS4yNDU5IDkuOTExOTYgOS4wNzE5MyAxMC4xMjMyQzkuMDA2MDEgMTAuMjAzMiA4Ljk0NjkyIDEwLjI3MzcgOC44OTI2MiAxMC4zMzg1QzguNzgwNjEgMTAuNDcyMSA4LjY4OSAxMC41ODEzIDguNiAxMC43TDguNTU3MzYgMTAuNzU2OUw3LjkxNDIxIDExLjRINS4xQzQuMzU5MTEgMTEuNCAzLjYwOTc1IDExLjgxNDkgMy4wMDU4MiAxMi42NzQ4QzIuNDAxNTYgMTMuNTM1MSAyIDE0Ljc3OCAyIDE2LjJDMiAxOS4xMDE0IDMuNzc1NjYgMjEgNS41IDIxSDkuMjY3NTdMOS40MjU3OSAyMS4wNTQ2TDkuNDI2NzQgMjEuMDU0OUw5LjQzMTYzIDIxLjA1NjZMOS40NTM0MyAyMS4wNjRDOS40NzMyMSAyMS4wNzA3IDkuNTAzMjggMjEuMDgwOCA5LjU0Mjc0IDIxLjA5MzhDOS42MjE2NyAyMS4xMTk5IDkuNzM3OTkgMjEuMTU3OCA5Ljg4NDMzIDIxLjIwMzlDMTAuMTc3NCAyMS4yOTYgMTAuNTg4OCAyMS40MiAxMS4wNiAyMS41NDY5QzEyLjAyMDggMjEuODA1NiAxMy4xNjEgMjIuMDU2OCAxNC4wNDk5IDIyLjEwMTJMMTQuMDcwMyAyMi4xMDIzTDE0LjA4OTEgMjIuMTA0TDE0LjA5MDIgMjIuMTA0MUwxNC4xMDMxIDIyLjEwNTFDMTQuMTE1MyAyMi4xMDYxIDE0LjEzNTIgMjIuMTA3NSAxNC4xNjIzIDIyLjEwOTNDMTQuMjE2NiAyMi4xMTI4IDE0LjI5OTIgMjIuMTE3MyAxNC40MDUyIDIyLjEyMDlDMTQuNjE3OCAyMi4xMjggMTQuOTIxMyAyMi4xMzA5IDE1LjI3NjcgMjIuMTEzN0MxNS45OTk3IDIyLjA3ODcgMTYuODc2NyAyMS45NjMgMTcuNjMzMiAyMS42Njk3QzE4LjI5NDIgMjEuNDA0OCAxOC42NTgyIDIxLjE0ODIgMTguODgwNiAyMC45MTc5QzE5LjA5NTYgMjAuNjk1MiAxOS4yMzE5IDIwLjQ0MjEgMTkuMzUxMyAyMC4wODM4TDE5LjM1NTYgMjAuMDcxTDE5LjM2MDIgMjAuMDU4M0MyMC4xMzc2IDE3LjkyMDUgMjEgMTQuNTQxOSAyMSAxMS42QzIxIDEwLjk1MjMgMjAuNTQ3NyAxMC41IDE5LjkgMTAuNUgxNi4xQzE1LjcxNyAxMC41IDE1LjIwMDkgMTAuNDQwNSAxNC43NDMxIDEwLjE4ODdDMTQuMjIyOSA5LjkwMjYzIDEzLjggOS4zNjc3OCAxMy44IDguNkMxMy44IDguMTI0MzQgMTMuOTQ4NSA3LjU5MTg3IDE0LjEwNDEgNy4xMzgxOEMxNC4yNjg0IDYuNjU4NzMgMTQuNDgyNiA2LjE1MjA0IDE0LjY4NjIgNS42OTM4NkwxNC42ODk2IDUuNjg2MThDMTUuMjA2OSA0LjU0ODA1IDE1LjYgMy41NDY2IDE1LjYgMi44QzE1LjYgMi4zNTIyOCAxNS4yNDc3IDIgMTQuOCAyQzE0LjY0NDIgMiAxNC41NDExIDIuMDQ4MDcgMTQuNDMyMSAyLjE1NzExWk0xMy45MzMgMjQuMDk3OUMxMi44MjU2IDI0LjA0MDEgMTEuNTI0MSAyMy43NDMxIDEwLjU0IDIzLjQ3ODFDMTAuMDM2MiAyMy4zNDI1IDkuNTk3NTggMjMuMjEwMiA5LjI4NDQyIDIzLjExMThDOS4xNDA3IDIzLjA2NjYgOS4wMjI5NiAyMy4wMjg0IDguOTM2OTYgMjNINS41QzIuMjI0MzQgMjMgMCAxOS42OTg2IDAgMTYuMkMwIDE0LjQyMiAwLjQ5ODQ0IDEyLjc2NDkgMS4zNjkxOCAxMS41MjUyQzIuMjQwMjUgMTAuMjg1MSAzLjU0MDg5IDkuNCA1LjEgOS40SDcuMDc2NzNDNy4xODEzNSA5LjI2NjM3IDcuMjk1NjggOS4xMjk5MyA3LjM5Nzk2IDkuMDA3ODhDNy40NDQ1MiA4Ljk1MjMzIDcuNDg4NTcgOC44OTk3NiA3LjUyODA3IDguODUxNzlDNy42OTMyOSA4LjY1MTE3IDcuODMwOTkgOC40NzEzNyA3Ljk0MjUxIDguMjg1NUw3Ljk3MzU4IDguMjMzNzJMOC4wMTA2NSA4LjE4NjA2QzguMDkyMTcgOC4wODEyNSA4LjE3NDExIDcuOTc2MDcgOC4yNTY0IDcuODcwNDRDOS41ODk3NCA2LjE1ODk5IDExLjAxMzQgNC4zMzE2NCAxMi4xODY2IDIuMDg4OTRDMTIuNTI4NiAxLjIwODc2IDEzLjI2NjQgMCAxNC44IDBDMTYuMzUyMyAwIDE3LjYgMS4yNDc3MSAxNy42IDIuOEMxNy42IDQuMDUxODcgMTYuOTk0NSA1LjQ0ODUgMTYuNTEyMSA2LjUwOTg5QzE2LjMxNjQgNi45NTA0OCAxNi4xMzEyIDcuMzkyMzkgMTUuOTk1OSA3Ljc4NjgyQzE1Ljg4OTcgOC4wOTY3OCAxNS44MzM3IDguMzIzNTEgMTUuODExNiA4LjQ3MTIxQzE1LjgxOTggOC40NzMxMSAxNS44Mjg2IDguNDc1IDE1LjgzNzkgOC40NzY4NEMxNS45MTMxIDguNDkxNzIgMTYuMDAzMSA4LjUgMTYuMSA4LjVIMTkuOUMyMS42NTIzIDguNSAyMyA5Ljg0NzcyIDIzIDExLjZDMjMgMTQuODUyMiAyMi4wNjU4IDE4LjQ2NjQgMjEuMjQ0MyAyMC43Mjk1QzIxLjA2MzggMjEuMjY2OCAyMC44MDA0IDIxLjgwODkgMjAuMzE5NCAyMi4zMDcxQzE5Ljg0MjMgMjIuODAxMyAxOS4yMDc0IDIzLjE5NDEgMTguMzcxNCAyMy41Mjg1TDE4LjM2MjUgMjMuNTMyQzE3LjMxOTkgMjMuOTM3NSAxNi4xOTg5IDI0LjA3MTQgMTUuMzczMyAyNC4xMTEzQzE0Ljk1MzcgMjQuMTMxNiAxNC41OTQ3IDI0LjEyODMgMTQuMzM4NiAyNC4xMTk4QzE0LjIxMDIgMjQuMTE1NSAxNC4xMDY5IDI0LjEwOTkgMTQuMDMzOCAyNC4xMDUyQzEzLjk5NzIgMjQuMTAyOCAxMy45NjgxIDI0LjEwMDcgMTMuOTQ3MiAyNC4wOTlMMTMuOTMzIDI0LjA5NzlaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wNzQ5NCA5LjY4MTgxQzguNTI2ODIgOS45OTkzNCA4LjYzNTcyIDEwLjYyMzEgOC4zMTgxOSAxMS4wNzQ5QzUuOTk2ODggMTQuMzc4NCA2LjQ3NDU3IDE4Ljc1OTEgOS43MDM0NSAyMS4yMDI2TDguNDk2NTYgMjIuNzk3NEM0LjMyNTQzIDE5LjY0MDkgMy44MDMxMiAxNC4wMjE2IDYuNjgxOCA5LjkyNTA1QzYuOTk5MzQgOS40NzMxOCA3LjYyMzA3IDkuMzY0MjcgOC4wNzQ5NCA5LjY4MTgxWiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K);
  background-position: top center;
  background-size: 16px 28px;
  height: 32px;
  margin-bottom: 0;
  opacity: 1; }
  .InteractionIcons-rateUp-1H1pc.InteractionIcons-active-3YurH,
  .InteractionIcons-rateDown-3bCxc.InteractionIcons-active-3YurH {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAyMS4yQzguMyAyMS4xIDguMSAyMSA4LjEgMjFDOC4xIDIxIDguMyAyMS4xIDguNiAyMS4yWiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBkPSJNNC4yIDkuNEMxLjggOS40IDAgMTIgMCAxNS4yQzAgMTguNCAyIDIxIDQuNSAyMUg1LjNDMyAxNy42IDIuNSAxMy4zIDQuMiA5LjRaIiBmaWxsPSIjRUVFRUVFIi8+CjxwYXRoIGQ9Ik0xOC45IDguNUgxNS4xQzE0LjUgOC41IDEzLjggOC4zIDEzLjggNy42QzEzLjggNyAxNC4yIDYgMTQuNiA1LjFDMTUuMSA0IDE1LjYgMi44IDE1LjYgMS44QzE1LjYgMC44IDE0LjggMCAxMy44IDBDMTIuOSAwIDEyLjQgMC43IDEyLjEgMS41QzEwLjggNCA5LjIgNiA3LjggNy44QzcuNyA3LjkgNy42IDggNy42IDguMUM0LjYgMTIuNCA1LjEgMTcuOCA4LjYgMjEuMUM5LjUgMjEuNCAxMS41IDIyIDEzIDIyQzEzIDIyIDE1LjIgMjIuMiAxNyAyMS41QzE4LjUgMjAuOSAxOSAyMC4yIDE5LjMgMTkuM0MyMC4xIDE3LjEgMjEgMTMuNiAyMSAxMC41QzIxIDkuNCAyMC4xIDguNSAxOC45IDguNVoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==); }
  .InteractionIcons-rateUp-1H1pc.InteractionIcons-hidden-Wl67p,
  .InteractionIcons-rateDown-3bCxc.InteractionIcons-hidden-Wl67p {
    opacity: 0;
    transition: opacity 200ms, height 300ms;
    height: 0; }

.InteractionIcons-rateUp-1H1pc.InteractionIcons-active-3YurH {
  animation: InteractionIcons-popIcon-3Pyh1 200ms; }

.InteractionIcons-rateDown-3bCxc {
  transform: rotate(180deg); }

@keyframes InteractionIcons-popIcon-3Pyh1 {
  50% {
    transform: scale(1.15); } }

@media screen and (max-width: 939px) {
  .InteractionIcons-icon-3V4E9 {
    margin-bottom: 8px; }
  .InteractionIcons-rateUp-1H1pc,
  .InteractionIcons-rateDown-3bCxc {
    background-size: 16px 20px;
    height: 24px;
    margin-bottom: 0; } }

@media screen and (max-width: 760px) {
  .InteractionIcons-container-1CF3R {
    right: 4px; }
  .InteractionIcons-info-3fWX6 {
    display: none; } }

@media screen and (max-width: 480px) {
  .InteractionIcons-container-1CF3R {
    right: 0; }
  .InteractionIcons-icon-3V4E9 {
    display: none; } }
/*
 * 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);
 *
 */
.TrailerMeta-viaplay-numerals-3Awlh {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.TrailerMeta-container-2Ifgy {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  box-sizing: border-box;
  display: block;
  height: 32px;
  padding-top: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1; }

@media screen and (max-width: 480px) {
  .TrailerMeta-container-2Ifgy {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; } }
/*
 * 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);
 *
 */
.GenericMeta-viaplay-numerals-2Mpmj {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.GenericMeta-container-i1cPf {
  bottom: 8px;
  color: #eeeeee;
  left: 8px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1; }
  .GenericMeta-container-i1cPf.GenericMeta-hasProgress-39dPw {
    bottom: 20px; }
  .GenericMeta-container-i1cPf.GenericMeta-showTrailer-30m_9 {
    bottom: 64px; }

.GenericMeta-divider-1fZXS {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal; }
  .GenericMeta-divider-1fZXS:after {
    background: #eeeeee;
    content: '';
    display: inline-block;
    font-size: 0;
    height: 12px;
    margin: 0 6px 2px 6px;
    vertical-align: middle;
    width: 1px; }
  .GenericMeta-divider-1fZXS:last-child:after {
    display: none; }

@media screen and (max-width: 480px) {
  .GenericMeta-container-i1cPf {
    display: none; } }
.PageSpinner-wrapper-2PO4D {
  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.7); }
.StickyDiv-container-1QXw9 {
  position: sticky;
  top: 0; }

.StickyDiv-mark-ox3f0 {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  visibility: hidden; }

.StickyDiv-top-2hcd3 {
  top: 0; }

.StickyDiv-bot-27m-w {
  bottom: 0; }
/*
 * 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);
 *
 */
.EpisodeMeta-viaplay-numerals-3vhVg {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.EpisodeMeta-container-1DivW {
  box-sizing: border-box;
  height: 32px;
  padding-top: 8px;
  pointer-events: none;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1; }

.EpisodeMeta-title-8bS9l {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media screen and (max-width: 480px) {
  .EpisodeMeta-title-8bS9l {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold; } }
.MuteButton-muteButton-2UWCl {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 45px;
  width: 45px;
  pointer-events: all; }

.MuteButton-muteIcon-1XqRP {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1LjI4NUMxMSA0LjkxMzY1IDEwLjUzOCA0Ljc0MjczIDEwLjI5NjMgNS4wMjQ2N0w3LjY0Mjg2IDguMTIwMDFDNy4xODY5IDguNjUxOSA2LjUyMTMgOC45NTgwMSA1LjgyMDczIDguOTU4MDFINC40QzQuMTc5MDkgOC45NTgwMSA0IDkuMTM3MSA0IDkuMzU4MDFWMTQuNjRDNCAxNC44NjA5IDQuMTc5MDkgMTUuMDQgNC40IDE1LjA0SDUuODE5NzVDNi41MjAzMiAxNS4wNCA3LjE4NTkyIDE1LjM0NjEgNy42NDE4OCAxNS44NzhMMTAuMjk2MyAxOC45NzQ1QzEwLjUzOCAxOS4yNTY0IDExIDE5LjA4NTUgMTEgMTguNzE0MkwxMSA1LjI4NVpNOC43Nzc4NyAzLjcyM0MxMC4yMjggMi4wMzEzOCAxMyAzLjA1Njg5IDEzIDUuMjg1TDEzIDE4LjcxNDJDMTMgMjAuOTQyMyAxMC4yMjggMjEuOTY3OCA4Ljc3Nzg3IDIwLjI3NjJMNi4xMjM0NCAxNy4xNzk3QzYuMDQ3NDQgMTcuMDkxIDUuOTM2NTEgMTcuMDQgNS44MTk3NSAxNy4wNEg0LjRDMy4wNzQ1MiAxNy4wNCAyIDE1Ljk2NTUgMiAxNC42NFY5LjM1ODAxQzIgOC4wMzI1MyAzLjA3NDUyIDYuOTU4MDEgNC40IDYuOTU4MDFINS44MjA3M0M1LjkzNzQ5IDYuOTU4MDEgNi4wNDg0MyA2LjkwNjk5IDYuMTI0NDIgNi44MTgzNUw4Ljc3Nzg3IDMuNzIzWiIgZmlsbD0iI0VFRUVFRSIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  height: 20px; }

.MuteButton-unmuteIcon-3nBLL {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAyMC4xNTA4QzE1IDIwLjQ3MTYgMTUuMjk4NSAyMC43MDk4IDE1LjYwNTYgMjAuNjE3MUMxOS4zMDU2IDE5LjQ5OTggMjIgMTYuMDY0NSAyMiAxMkMyMiA3LjkzNTQ2IDE5LjMwNTYgNC41MDAyMiAxNS42MDU2IDMuMzgyOTNDMTUuMjk4NSAzLjI5MDIgMTUgMy41Mjg0IDE1IDMuODQ5MTlWNC45MTcwMkMxNSA1LjEzODIyIDE1LjE0NjIgNS4zMzE0NCAxNS4zNTQ1IDUuNDA1ODNDMTguMDYyMiA2LjM3MjczIDIwIDguOTYwMDcgMjAgMTJDMjAgMTUuMDM5OSAxOC4wNjIyIDE3LjYyNzMgMTUuMzU0NSAxOC41OTQyQzE1LjE0NjIgMTguNjY4NiAxNSAxOC44NjE4IDE1IDE5LjA4M1YyMC4xNTA4WiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDE1LjgxOTlDMTUgMTYuMTgwMyAxNS4zNjk3IDE2LjQxODYgMTUuNjc0MSAxNi4yMjU2QzE3LjA3MjEgMTUuMzM5MSAxOCAxMy43Nzc5IDE4IDEyQzE4IDEwLjIyMjEgMTcuMDcyMSA4LjY2MDk0IDE1LjY3NDEgNy43NzQ0QzE1LjM2OTcgNy41ODEzNSAxNSA3LjgxOTY3IDE1IDguMTgwMTRWOS41NDAzOUMxNSA5LjY4MjYxIDE1LjA2MjIgOS44MTY1NiAxNS4xNjA5IDkuOTE4OTlDMTUuNjgwNSAxMC40NTg0IDE2IDExLjE5MTkgMTYgMTJDMTYgMTIuODA4MSAxNS42ODA1IDEzLjU0MTYgMTUuMTYwOSAxNC4wODFDMTUuMDYyMiAxNC4xODM0IDE1IDE0LjMxNzQgMTUgMTQuNDU5NlYxNS44MTk5WiIgZmlsbD0iI0VFRUVFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDUuMjg1QzExIDQuOTEzNjUgMTAuNTM4IDQuNzQyNzMgMTAuMjk2MyA1LjAyNDY3TDcuNjQyODYgOC4xMjAwMUM3LjE4NjkgOC42NTE5IDYuNTIxMyA4Ljk1ODAxIDUuODIwNzMgOC45NTgwMUg0LjRDNC4xNzkwOSA4Ljk1ODAxIDQgOS4xMzcxIDQgOS4zNTgwMVYxNC42NEM0IDE0Ljg2MDkgNC4xNzkwOSAxNS4wNCA0LjQgMTUuMDRINS44MTk3NUM2LjUyMDMyIDE1LjA0IDcuMTg1OTIgMTUuMzQ2MSA3LjY0MTg4IDE1Ljg3OEwxMC4yOTYzIDE4Ljk3NDVDMTAuNTM4IDE5LjI1NjQgMTEgMTkuMDg1NSAxMSAxOC43MTQyTDExIDUuMjg1Wk04Ljc3Nzg3IDMuNzIzQzEwLjIyOCAyLjAzMTM4IDEzIDMuMDU2ODkgMTMgNS4yODVMMTMgMTguNzE0MkMxMyAyMC45NDIzIDEwLjIyOCAyMS45Njc4IDguNzc3ODcgMjAuMjc2Mkw2LjEyMzQ0IDE3LjE3OTdDNi4wNDc0NCAxNy4wOTEgNS45MzY1MSAxNy4wNCA1LjgxOTc1IDE3LjA0SDQuNEMzLjA3NDUyIDE3LjA0IDIgMTUuOTY1NSAyIDE0LjY0VjkuMzU4MDFDMiA4LjAzMjUzIDMuMDc0NTIgNi45NTgwMSA0LjQgNi45NTgwMUg1LjgyMDczQzUuOTM3NDkgNi45NTgwMSA2LjA0ODQzIDYuOTA2OTkgNi4xMjQ0MiA2LjgxODM1TDguNzc3ODcgMy43MjNaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  height: 20px; }

@media screen and (max-width: 1279px) {
  .MuteButton-resize-1DGYF {
    height: 36px;
    width: 36px; } }
.CallToAction-container-36xEj {
  display: inline-block;
  margin: 0 16px 16px 0; }

@media screen and (max-width: 480px) {
  .CallToAction-container-36xEj {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.RentalOrPurchaseButton-viaplay-numerals-C7fUe {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.RentalOrPurchaseButton-container-3a6bf {
  margin: 0 16px 16px 0;
  max-width: 656px;
  padding: 0 40px; }
  .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-tooltip-vADRO {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    display: flex;
    flex: auto;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    margin: 16px 8px 8px 0;
    padding: 0 24px;
    white-space: break-spaces; }
    .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-tooltip-vADRO:only-child {
      flex: none;
      min-width: 144px; }
    .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-tooltip-vADRO:nth-child(2) {
      background: #1d1d27; }
      .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-tooltip-vADRO:nth-child(2):hover {
        background: #17171f; }
  .RentalOrPurchaseButton-container-3a6bf:nth-child(2) {
    background: #2b2b35; }
    .RentalOrPurchaseButton-container-3a6bf:nth-child(2):hover {
      background: #25252f; }

@media screen and (max-width: 1279px) {
  .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-promoBlock-3OZd6 {
    height: 40px;
    line-height: 40px;
    margin: 8px 8px 0 0;
    padding: 0 32px; } }

@media screen and (max-width: 939px) {
  .RentalOrPurchaseButton-container-3a6bf.RentalOrPurchaseButton-promoBlock-3OZd6 {
    margin: 8px 8px 0 0;
    padding: 0 16px; } }

@media screen and (max-width: 480px) {
  .RentalOrPurchaseButton-container-3a6bf {
    display: block;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.MyList-viaplay-numerals-31EHx {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.MyList-container-2T6tL {
  margin: 0 16px 16px 0; }
  .MyList-container-2T6tL.MyList-promoBlock-1ZL_s {
    margin: 16px 0 0 0; }

.MyList-myList-CBw51 {
  display: inline-block; }
  .MyList-myList-CBw51:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAwQzExLjQ0NzcgMCAxMSAwLjQ0NzcxNiAxMSAxVjExSDFDMC40NDc3MTUgMTEgMCAxMS40NDc3IDAgMTJDMCAxMi41NTIzIDAuNDQ3NzE2IDEzIDEgMTNIMTFWMjNDMTEgMjMuNTUyMyAxMS40NDc3IDI0IDEyIDI0QzEyLjU1MjMgMjQgMTMgMjMuNTUyMyAxMyAyM1YxM0gyM0MyMy41NTIzIDEzIDI0IDEyLjU1MjMgMjQgMTJDMjQgMTEuNDQ3NyAyMy41NTIzIDExIDIzIDExSDEzVjFDMTMgMC40NDc3MTUgMTIuNTUyMyAwIDEyIDBaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 16px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-bottom: 0;
    vertical-align: middle;
    width: 16px; }
  .MyList-myList-CBw51.MyList-active-JYCjO:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQyMTggMTMuOTM2NEMyLjgxMjMyIDEzLjU0NTkgMy40NDU0OSAxMy41NDU5IDMuODM2MDEgMTMuOTM2NEw5LjI1NzQ4IDE5LjM1NzlMMjAuODA3OCA3LjgwNzc4QzIxLjE5ODMgNy40MTcyNiAyMS44MzE1IDcuNDE3MjYgMjIuMjIyIDcuODA3NzlDMjIuNjEyNSA4LjE5ODMyIDIyLjYxMjUgOC44MzE0OCAyMi4yMjIgOS4yMjJMOS45NjQ1OCAyMS40NzkyQzkuNTc0MDUgMjEuODY5OCA4Ljk0MDg5IDIxLjg2OTggOC41NTAzNyAyMS40NzkyTDIuNDIxOCAxNS4zNTA3QzIuMDMxMjcgMTQuOTYwMSAyLjAzMTI3IDE0LjMyNyAyLjQyMTggMTMuOTM2NFoiIGZpbGw9IiNFRUVFRUUiLz4KPC9zdmc+Cg==);
    margin-bottom: 3px; }

.MyList-postplay-1NTZM {
  display: block;
  margin: 16px auto 0 auto;
  text-align: center;
  width: 95%; }

@media screen and (max-width: 760px) {
  .MyList-postplay-1NTZM {
    padding: 0 8px; } }

@media screen and (max-width: 480px) {
  .MyList-container-2T6tL {
    margin: 0 0 8px 0;
    text-align: center;
    width: 100%; } }
/*
 * 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);
 *
 */
.Subtitles-viaplay-numerals-uM3Bl {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Subtitles-title-2X8Nr {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  display: inline;
  margin: 0;
  text-transform: none; }
  .Subtitles-title-2X8Nr:after {
    content: ': ';
    position: relative;
    right: 0; }

.Subtitles-subtitles-3Cel9 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  display: inline;
  margin-right: 0;
  padding: 0;
  position: relative; }
  .Subtitles-subtitles-3Cel9:after {
    content: ', ';
    position: relative;
    right: 0; }
  .Subtitles-subtitles-3Cel9:last-child:after {
    content: ''; }

.Subtitles-tooltip-3DJ6_ .Subtitles-container-3baOi {
  display: inline; }

.Subtitles-tooltip-3DJ6_ .Subtitles-title-2X8Nr {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  line-height: 2.4rem; }

.Subtitles-tooltip-3DJ6_ .Subtitles-subtitles-3Cel9 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  line-height: 2.4rem; }
/*
 * 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);
 *
 */
.Audio-viaplay-numerals-1fQwz {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Audio-title-Jh2KM {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  display: inline;
  margin: 0;
  text-transform: none; }
  .Audio-title-Jh2KM:after {
    content: ': ';
    position: relative;
    right: 0; }

.Audio-audio-3jjcb {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  display: inline;
  margin-right: 0;
  padding: 0;
  position: relative; }
  .Audio-audio-3jjcb:after {
    content: ', ';
    position: relative;
    right: 0; }
  .Audio-audio-3jjcb:last-child:after {
    content: ''; }

.Audio-tooltip-1myE9 .Audio-container-PW9rb {
  display: inline; }

.Audio-tooltip-1myE9 .Audio-title-Jh2KM {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: bold;
  line-height: 2.4rem; }

.Audio-tooltip-1myE9 .Audio-audio-3jjcb {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  line-height: 2.4rem; }
/*
 * 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);
 *
 */
.StartTime-viaplay-numerals-3iblZ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.StartTime-container-GpCgY {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
/*
 * 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);
 *
 */
.ArticlePage-viaplay-numerals-1fdxz {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.ArticlePage-article-2Bu6L {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
/*
 * 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);
 *
 */
.Flags-viaplay-numerals-3DrZo {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Flags-flag-SFoCs {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  display: inline-block;
  position: relative; }
/*
 * 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);
 *
 */
.Year-viaplay-numerals-3OId4 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Year-container-2zv2A {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
  .Year-container-2zv2A.Year-tooltip-1RNkl.Year-episode-kTTCq {
    display: none; }
/*
 * 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);
 *
 */
.Duration-viaplay-numerals-34brE {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Duration-container-2fWOe {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
  .Duration-container-2fWOe.Duration-episode-E8RTZ {
    color: rgba(238, 238, 238, 0.7); }
.Facts-container-1YlYB {
  margin: 8px 0 0 0; }

@media screen and (min-width: 1695px) {
  .Facts-container-1YlYB {
    max-width: 40vw;
    overflow: hidden; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .Facts-container-1YlYB {
    max-width: 50vw;
    overflow: hidden; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .Facts-container-1YlYB {
    max-width: 60vw;
    overflow: hidden; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .Facts-container-1YlYB {
    max-width: 70vw;
    overflow: hidden; } }
.Logo-logo-mta0J {
  width: 160px; }

.Logo-container-2uKjT {
  display: block;
  margin: 8px 0; }
/*
 * 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);
 *
 */
.OriginalTitle-viaplay-numerals-32c2x {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.OriginalTitle-container-BN3dN {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: normal;
  position: relative; }
  .OriginalTitle-container-BN3dN.OriginalTitle-tooltip-2-8P3 {
    display: none; }
.Group-group-3wHSd {
  margin: 16px 0;
  position: relative; }

.Group-columns-1FR6H {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  margin: 0 0 16px 0; }
  .Group-columns-1FR6H > * {
    margin-top: 32px; }
  .Group-columns-1FR6H > * {
    min-width: 25%; }

@media screen and (max-width: 1279px) {
  .Group-columns-1FR6H {
    flex-wrap: wrap; }
    .Group-columns-1FR6H > * {
      margin-bottom: 16px; }
    .Group-columns-1FR6H > * {
      min-width: 25%; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Group-columns-1FR6H > * {
    min-width: 30%; } }

@media screen and (max-width: 760px) {
  .Group-columns-1FR6H {
    flex-direction: column; } }
/*
 * 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);
 *
 */
.EpisodeTitle-viaplay-numerals-fGq16 {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.EpisodeTitle-container-izXMf {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: bold; }

@media screen and (max-width: 760px) {
  .EpisodeTitle-container-izXMf {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold; } }
/*
 * 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);
 *
 */
.Country-viaplay-numerals-3h4BQ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Country-title-1J7Ll {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  display: inline;
  margin: 0;
  text-transform: none; }
  .Country-title-1J7Ll:after {
    content: ': ';
    position: relative;
    right: 0; }

.Country-text-2dPP_ {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  display: inline;
  margin-right: 0;
  padding: 0;
  position: relative; }
  .Country-text-2dPP_:after {
    content: ', ';
    position: relative;
    right: 0; }
  .Country-text-2dPP_:last-child:after {
    content: ''; }

.Country-container-3nqHO {
  display: inline; }

.Country-readMore-3YecC {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: normal;
  cursor: pointer;
  display: block;
  margin: 8px 4px 8px 0;
  padding: 0;
  position: relative;
  white-space: nowrap; }
  .Country-readMore-3YecC:after {
    transform: rotate(45deg);
    border-color: #eeeeee;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: '';
    height: 6px;
    margin-bottom: 1px;
    margin-left: 6px;
    position: relative;
    width: 6px;
    display: inline-block; }
  .Country-readMore-3YecC.Country-open-g3YBF:after {
    margin-bottom: -1px;
    transform: rotate(225deg); }
.PageLoadingSpinner-wrapper-1jDHF {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px; }
/*
 * 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);
 *
 */
.Title-viaplay-numerals-3z5TJ {
  font-family: 'MTG Sans Numerals', 'MTG Sans', Helvetica, Arial, sans-serif; }

.Title-container-IAR0Y {
  font-size: 5.6rem;
  line-height: 6.4rem;
  font-weight: 900;
  margin: 0; }
  .Title-container-IAR0Y.Title-episode-q9ZBY {
    margin: 0 0 0 -2px; }

@media screen and (min-width: 1695px) {
  .Title-container-IAR0Y {
    max-width: 40vw; } }

@media screen and (min-width: 1441px) and (max-width: 1694px) {
  .Title-container-IAR0Y {
    max-width: 40vw; } }

@media screen and (min-width: 1280px) and (max-width: 1440px) {
  .Title-container-IAR0Y {
    max-width: 50vw; } }

@media screen and (min-width: 940px) and (max-width: 1279px) {
  .Title-container-IAR0Y {
    max-width: 60vw; } }

@media screen and (min-width: 761px) and (max-width: 939px) {
  .Title-container-IAR0Y {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 900; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Title-container-IAR0Y {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 900;
    margin: -6px 0 0 -2px; } }

@media screen and (max-width: 480px) {
  .Title-container-IAR0Y {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900; } }
.Thumb-poster-1V3Fc {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  width: 200px; }
  .Thumb-poster-1V3Fc:before {
    content: '';
    display: block;
    padding-top: 150%; }

.Thumb-container-2LCf_ {
  line-height: 0;
  vertical-align: bottom; }

.Thumb-children-ljsAd .Thumb-poster-1V3Fc {
  border-radius: 12px; }

@media screen and (min-width: 1695px) {
  .Thumb-poster-1V3Fc {
    width: 11.74vw; } }

@media screen and (min-width: 761px) and (max-width: 1279px) {
  .Thumb-poster-1V3Fc {
    width: 19.5vw; } }

@media screen and (min-width: 481px) and (max-width: 760px) {
  .Thumb-poster-1V3Fc {
    width: 23vw; } }

@media screen and (max-width: 480px) {
  .Thumb-poster-1V3Fc {
    width: 29vw; } }

/*# sourceMappingURL=app-m-dffa9121467952672313.css.map*/