.footer-0-2-153 {

  color: #FFFFFF;

  bottom: 0;

  display: flex;

  padding: 0.4em;

  z-index: -1;

  position: absolute;

  font-size: 16px;

  font-weight: normal;

  margin-right: 15px;

  flex-direction: column;

}

@media (min-width: 600px) {

  .footer-0-2-153 {

    padding: 20px 30px;

  }

}

@media (min-width: 1280px) {

  .footer-0-2-153 {

    flex-direction: row;

  }

}

.footerCopyright-0-2-154 {

  margin-right: 3em;

}

.linksMenu-0-2-155 {

  display: flex;

  flex-wrap: wrap;

  flex-direction: row;

}

.linksMenu-0-2-155 a {

  cursor: pointer;

  margin-right: 15px;

  text-decoration: underline;

}

.linksMenu-0-2-155 a:hover, .linksMenu-0-2-155 a:focus {

  opacity: 0.8;

}



@font-face {

  font-family: Captions Typewriter;

  src: local('Captions Typewriter'), url('./fonts/CourierPSStd-71f48f368ce65fffa72f684893143503.otf') format('opentype');

}

@font-face {

  font-family: Captions Serif;

  src: local('Captions Serif'), url('./fonts/TimesNRMTStd-Regular-5d86cb8ec69fed708d625663e90435b2.otf') format('opentype');

}

@font-face {

  font-family: Captions Block;

  src: local('Captions Block'), url('./fonts/Monospac821-b8e38482f1fade3ba2a3b879d05199a1.ttf') format('truetype');

}

@font-face {

  font-family: Captions Sans Serif;

  src: local('Captions Sans Serif'), url('./fonts/Captions/SansSerif/ArialMTStd-ec346cb46f6cdc665bad2427f8a52534.otf') format('opentype');

}

@font-face {

  font-family: Captions Casual;

  src: local('Captions Casual'), url('./fonts/Dom-df31a1dcfa4085ca0621ab8d3c0178e4.ttf') format('truetype');

}

@font-face {

  font-family: Captions Cursive;

  src: local('Captions Cursive'), url('./fonts/CoronetMTStd-Bold-321a06a70a993173a6fb744d8f0f65e6.otf') format('opentype');

}

@font-face {

  font-family: Captions Small Captials;

  src: local('Captions Small Captials'), url('./fonts/SmallCapitals/EngraversGothicBT-9ff7d933250318aa73ebd23da9cb1cae.ttf') format('truetype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 900;

  src: local('PlutoTV Sans Black'), url('./fonts/Black-c40c22552eea9758e07db9d2b0202d47.woff2') format('woff2'), url('./fonts/Black-1efd67e95eb5a47360a39e800572108c.woff') format('woff'), url('./fonts/Black-ba95e5ef5f67122b6e56aa9417e6926b.ttf') format('truetype'), url('./fonts/Black-c140e270d6723c933da4de43de8b1559.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 800;

  src: local('PlutoTV Sans Extra Bold'), url('./fonts/ExtraBold-24d1d0b2ab953c559a8c711392ef6ed3.woff2') format('woff2'), url('./fonts/ExtraBold-6fc30dcf0813e0da5f9146abee8af4c5.woff') format('woff'), url('./fonts/ExtraBold-1495ae4cc8468980fe8a9d8fa6e50b2a.ttf') format('truetype'), url('./fonts/ExtraBold-02d4f0539eab42310f509706afc96802.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 700;

  src: local('PlutoTV Sans Bold'), url('./fonts/Bold-8e9028a43a5891877d9959448fc97b10.woff2') format('woff2'), url('./fonts/Bold-2b0a893f024a8fd3e13d170d11c9655a.woff') format('woff'), url('./fonts/Bold-8e066b72d4c9db4a16bfb18430943e72.ttf') format('truetype'), url('./fonts/Bold-85a0c83b46a906346c56ccd71621d4d2.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 600;

  src: local('PlutoTV Sans SemiBold'), url('./fonts/SemiBold-2ad1687d8c2159cf5cefc4b7152d0a73.woff2') format('woff2'), url('./fonts/SemiBold-7558d9f270048935c51fe512f94bff78.woff') format('woff'), url('./fonts/SemiBold-84944f713179330b16a3a3e819112a46.ttf') format('truetype'), url('./fonts/SemiBold-1dd30c05351c3d13e8824dfaf59cd2f7.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 500;

  src: local('PlutoTV Sans Medium'), url('./fonts/Medium-677421e12513fa40c2e3addf9fd18264.woff2') format('woff2'), url('./fonts/Medium-02c39b132997988147fb7915f70b3747.woff') format('woff'), url('./fonts/Medium-e67dadf1d242206d7a1c29fedd063853.ttf') format('truetype'), url('./fonts/Medium-658e1a1906ab8718ac73500b6e128b1a.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 400;

  src: local('PlutoTV Sans Regular'), url('./fonts/Regular-9f4bb7b7ca32f71230deb984d8541962.woff2') format('woff2'), url('./fonts/Regular-e1a4705083b26754f86e0dada351b7ca.woff') format('woff'), url('./fonts/Regular-8e8d5289679af3e21f6fe6c6e770c1c4.ttf') format('truetype'), url('./fonts/Regular-7702ea2bfbfb6e57609ad9913b4f034d.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 300;

  src: local('PlutoTV Sans Light'), url('./fonts/Light-2599aa95e6bcd38ece40ea7d9ee2b20b.woff2') format('woff2'), url('./fonts/Light-573887bdc82201bc70ba03392ee40fb9.woff') format('woff'), url('./fonts/Light-66b3c2cdb54ffa604604ddf69cd3881c.ttf') format('truetype'), url('./fonts/Light-ce9f2aadc209114bb8d0dad9068ccbc2.eot') format('embedded-opentype');

}

@font-face {

  font-family: PlutoTV Sans;

  font-style: normal;

  font-weight: 100;

  src: local('PlutoTV Sans Thin'), url('./fonts/Thin-4b7c3e5079d8b0ff221f47a80c4eaf83.woff2') format('woff2'), url('./fonts/Thin-9185e5d9a4dc663a5982cce3a720c273.woff') format('woff'), url('./fonts/Thin-8897195f6577c7177b75945c0cb91e18.ttf') format('truetype'), url('./fonts/Thin-73066070b88a9f38fc6646d236530762.eot') format('embedded-opentype');

}

html, body {

  width: 100vw;

  height: 100vh;

  margin: 0;

  overflow: hidden;

  position: relative;

  font-family: PlutoTV Sans, Verdana, sans-serif;

  background-color: #000000;

}

body {

  height: 100%;

}

#root {

  width: 100vw;

  height: 100%;

  overflow: hidden;

  position: relative;

}

ul {

  margin-bottom: 0;

}

footer {

  flex-wrap: wrap;

  align-items: flex-end;

  padding-left: 2em;

  flex-direction: row !important;

  justify-content: flex-start !important;

}

@media screen and (max-width: 600px) {

  footer {

    padding-left: 0.4em;

  }

}

@-webkit-keyframes countdown {

  from {

    stroke-dashoffset: 0;

  }

  to {

    stroke-dashoffset: 137;

  }

}

button, a {

  font: inherit;

  color: inherit;

  border: none;

  cursor: pointer;

  display: inline-flex;

  outline: none;

  padding: 0;

  text-decoration: none;

  background-color: transparent;

}

button i, a i {

  display: flex;

}

h1, h2, h3, h4, h5, h6 {

  font: inherit;

  border: 0;

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

}

.reset-ul,

    .reset-ul li,

    .reset-ul ul li {

  margin: 0;

  padding: 0;

  list-style: none;

}

.reset-table,

    .reset-table thead,

    .reset-table tbody,

    .reset-table tfoot,

    .reset-table tr,

    .reset-table th,

    .reset-table td {

  width: auto;

  border: none;

  height: auto;

  margin: 0;

  padding: 0;

  text-align: left;

  font-weight: inherit;

  border-color: inherit;

  border-spacing: 0;

  vertical-align: inherit;

  border-collapse: inherit;

}

.custom-scroll {

  scroll-behavior: smooth;

}

.custom-scroll.disable-smooth {

  scroll-behavior: unset;

}

.custom-scroll::-webkit-scrollbar {

  width: 16px;

  height: 16px;

}

.custom-scroll::-webkit-scrollbar-button {

  width: 0;

  height: 0;

}

.custom-scroll::-webkit-scrollbar-thumb {

  border: 3px solid #121212;

  background: #616161;

  border-radius: 100px;

}

.custom-scroll::-webkit-scrollbar-track {

  border: 0;

  background: #121212;

}

.custom-scroll::-webkit-scrollbar-corner {

  background: transparent;

}

.custom-scroll::-webkit-scrollbar-track:hover {

  background: #141414;

}

.custom-scroll::-webkit-scrollbar-track:active {

  background: #0a0a0a;

}

.custom-scroll::-webkit-scrollbar-thumb:hover {

  background: #6f6f6f;

}

.custom-scroll::-webkit-scrollbar-thumb:active {

  background: #7f7f7f;

}

.hide-scroll {

  scroll-behavior: smooth;

}

.hide-scroll.disable-smooth {

  scroll-behavior: unset;

}

.hide-scroll::-webkit-scrollbar {

  width: 0;

  height: 0;

}

.hide-scroll::-webkit-scrollbar-button {

  width: 0;

  height: 0;

}

#ot-sdk-btn {

  display: none !important;

}

.applicationContainer-0-2-1 {

  width: 100vw;

  height: 100%;

  display: flex;

  position: relative;

  flex-direction: column;

}

.overlayProviderContainer-0-2-2 {

  width: 100%;

  height: 100%;

  position: fixed;

}

.splashContainer-0-2-3 {

  width: 100%;

  height: 100%;

  display: flex;

  z-index: 1;

  position: absolute;

  align-items: center;

  justify-content: center;

  background-color: #000000;

}

.visibleEnter-0-2-4 {

  opacity: 0;

}

.visibleEnterActive-0-2-5 {

  opacity: 1;

  transition: opacity 1000ms;

}

.visibleExit-0-2-6 {

  opacity: 1;

}

.visibleExitActive-0-2-7 {

  opacity: 0;

  transition: opacity 1000ms;

}

.loadingAnimationContainer-0-2-8 {

  width: 100%;

  height: 100%;

  display: block;

}

.loadingAnimationContainer-0-2-8.playerControl {

  width: 1rem;

  height: 1rem;

}

.animationContainer-0-2-9 {

  width: 100%;

  height: 100%;

  display: block;

}

.layoutContainer-0-2-10 {

  height: 100%;

  display: flex;

  z-index: 0;

  position: relative;

  flex-direction: column;

  background-color: #000000;

}

.layoutContainer-0-2-10:not(.loaded) {

  display: none;

}

.layoutContainer-0-2-10 .contentContainer-0-2-14 {

  margin-bottom: 50px;

}

.layoutContainer-0-2-10.fullscreen {

  width: 100%;

}

.layoutContainer-0-2-10.upsellPromotionVideo .dockDown {

  display: none;

}

.layoutContainer-0-2-10.upsellPromotionVideo .dockUp {

  display: none;

}

.layoutContainer-0-2-10.upsellPromotionVideo .videoPlayerContainer-0-2-13 {

  flex: 1 1 100%;

}

.layoutContainer-0-2-10.upsellPromotionVideo .contentContainer-0-2-14 {

  display: none;

}

.layoutContainer-0-2-10.upsellPromotionVideo .mobileNavigationContainer-0-2-15 {

  display: none;

}

.layoutContainer-0-2-10.fullbrowser .dockDown {

  display: none;

}

.layoutContainer-0-2-10.fullbrowser .dockUp {

  display: none;

}

.layoutContainer-0-2-10.fullbrowser .videoPlayerContainer-0-2-13 {

  flex: 1 1 100%;

}

.layoutContainer-0-2-10.fullbrowser .contentContainer-0-2-14 {

  display: none;

}

.layoutContainer-0-2-10.fullbrowser .mobileNavigationContainer-0-2-15 {

  display: none;

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10:not(.fullscreen) {

    margin-bottom: 0;

  }

}

.layoutContainer-0-2-10.fullscreen .dockDown {

  display: none;

}

.layoutContainer-0-2-10.fullscreen .dockUp {

  display: none;

}

.layoutContainer-0-2-10.fullscreen .videoPlayerContainer-0-2-13 {

  flex: 1 1 100%;

}

.layoutContainer-0-2-10.fullscreen .contentContainer-0-2-14 {

  display: none;

}

.layoutContainer-0-2-10.fullscreen .mobileNavigationContainer-0-2-15 {

  display: none;

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10:not(.docked) .contentContainer-0-2-14 {

 

  }

}

.layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13 {

  width: 100%;

  bottom: 50px;

  height: 64px;

  z-index: 3;

  position: absolute;

  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);;

  border-radius: 4px;

  background-color: #000000;

}

.layoutContainer-0-2-10.docked .contentContainer-0-2-14 {

  max-height: calc(100% - 64px - 64px - 50px);

}

.layoutContainer-0-2-10.docked .overlayContainer-0-2-12 {

  max-height: calc(100% - 64px - 50px);

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10.docked .overlayContainer-0-2-12 {

    max-height: 100%;

  }

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10.docked .contentContainer-0-2-14 {

    max-height: 100%;

  }

}

.layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13 .video-player {

  width: 114px;

}

.layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13.external-flow {

  bottom: 0;

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13 {

    right: 50px;

    width: 417px;

    bottom: 50px;

    height: 236px;

  }

  .layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13 .video-player {

    width: 100%;

  }

  .layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13.external-flow {

    bottom: 50px;

  }

  .layoutContainer-0-2-10.docked .videoPlayerContainer-0-2-13.small-docked-player {

    width: 326px;

    height: 184.5px;

  }

}

@media (min-width: 600px) {

  .layoutContainer-0-2-10 .contentContainer-0-2-14 {

    margin-bottom: 0;

  }

}

.layoutContainer-0-2-10.embed .overlayContainer-0-2-12 {

  max-height: 100%;

}

.layoutContainer-0-2-10.embed:not(.docked) .contentContainer-0-2-14 {

  display: none;

}

.layoutContainer-0-2-10.embed.docked .videoPlayerContainer-0-2-13 {

  display: none;

}

.layoutContainer-0-2-10.embed.docked .contentContainer-0-2-14 {

  max-height: 100%;

  margin-bottom: 0;

}

.main-0-2-11 {

  height: 100%;

  display: flex;

  position: relative;

  overflow-y: auto;

  flex-direction: column;

}

.overlayContainer-0-2-12 {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  max-height: calc(100% - 50px);

  pointer-events: none;

}

@media (min-width: 600px) {

  .overlayContainer-0-2-12 {

    max-height: 100%;

  }

}

.videoPlayerContainer-0-2-13 {

  flex: 1 1 30%;

  display: flex;

  z-index: 0;

  overflow: hidden;

  background: #000000;

}

@media (min-width: 600px) {

  .videoPlayerContainer-0-2-13 {

    flex: 1 1 60%;

  }

}

@media (min-width: 600px) {

  .docked .videoPlayerContainer-0-2-13:focus-within .overlay-persistent {

    background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 31%, rgba(0, 0, 0, 0.9) 60%, rgb(0, 0, 0) 100%);

  }

  .docked .videoPlayerContainer-0-2-13:focus-within .overlay-persistent .dockUp {

    display: flex !important;

  }

}

.contentContainer-0-2-14 {

  flex: 1 1 70%;

  display: flex;

  z-index: 0;

  overflow: hidden;

}

@media (min-width: 600px) {

  .contentContainer-0-2-14 {

    flex: 1 1 40%;

  }

}

.mobileNavigationContainer-0-2-15 {

  width: auto;

  height: auto;

  position: unset;

}

@media (min-width: 600px) {

  .mobileNavigationContainer-0-2-15 {

    left: -100em;

    width: 0;

    height: 0;

    position: absolute;

  }

}

.footer-0-2-16 {

  z-index: 0 !important;

}

.visuallyHidden-0-2-17 {

  clip: rect(1px,1px,1px,1px);

  height: 1px;

  z-index: -1000;

  overflow: hidden;

  position: absolute;

  user-select: none;

  white-space: nowrap;

  -ms-user-select: none;

  -webkit-user-select: none;

}



.iconButton-0-2-131 {

  cursor: pointer;

  display: flex;

  font-size: 14px;

  align-items: center;

  font-weight: 700;

  justify-content: center;

}

.iconButton-0-2-131 .button-holder > span {

  padding-left: 6px;

  padding-bottom: 2px;

}



.icon-0-2-132 {

  width: 22px;

  filter: brightness(0) saturate(100%) invert(1);

  height: 22px;

}

.svg-0-2-133 {

  width: 26px;

  height: 26px;

  margin: -2px;

}



.container-0-2-128 {

  flex: 1;

  color: #FFFFFF;

  width: 100vw;

  overflow: hidden;

  font-size: 18px;

  overflow-x: auto !important;

  overflow-y: hidden !important;

  font-weight: 600;

  padding-top: 5px;

  margin-bottom: -15px;

  padding-bottom: 5px;

}

@media (min-width: 600px) {

  .container-0-2-128 {

    width: unset;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    padding-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

  }

}

.list-0-2-129 {

  margin: 0;

  display: flex;

  padding: 0;

  list-style: none;

  flex-direction: row;

}

@media (min-width: 600px) {

  .list-0-2-129 {

    flex-direction: column;

  }

}

.item-0-2-130 {

  flex: 0 0 auto;

  padding: 0 4px;

  box-sizing: border-box;

}

.item-0-2-130:first-child {

  padding: 0 4px 0 0;

}

.item-0-2-130:last-child {

  padding: 0 0 0 4px;

}

@media (min-width: 600px) {

  .item-0-2-130 {

    padding: 0 18px 4px 18px;

  }

  .item-0-2-130:first-child {

    padding: 0 18px 5px 18px;

  }

  .item-0-2-130:last-child {

    padding: 0 18px 5px 18px;

  }

}

.item-0-2-130 button {

  color: #FFFFFF;

  width: 100%;

  border: 2px solid transparent;

  height: 100%;

  padding: 2px;

  font-size: 18px !important;

  font-weight: 600 !important;

  border-radius: 4px 30px 30px 4px;

  justify-content: start;

}

.item-0-2-130 button .icon {

  filter: brightness(0) saturate(100%) invert(1);

}

.item-0-2-130 button:focus {

  color: #FFFFFF;

  border-color: #FFFFFF;

}

.item-0-2-130 button .button-holder {

  flex: 1;

  display: flex;

  padding: 8px 20px;

  align-items: center;

  border-radius: 4px 30px 30px 4px;

  justify-content: start;

}

.item-0-2-130 button .button-holder > i {

  margin-right: 10px;

}

.item-0-2-130 button svg {

  width: 20px;

  filter: brightness(0) saturate(100%) invert(1);

  height: 20px;

  margin-top: -3px;

}

.item-0-2-130 button img {

  width: 20px;

  height: 20px;

}

@media (min-width: 600px) {

  .item-0-2-130 button {

    border-color: transparent;

  }

  .item-0-2-130 button svg, .item-0-2-130 button img {

    width: 22px;

    height: 22px;

  }

  .item-0-2-130 button .button-holder > i {

    margin-top: 5px;

  }

}

.item-0-2-130 button:hover .button-holder {

  padding: 8px 20px 8px 10px;

  background-color: #2C2C2C;

}

.item-0-2-130 button:hover .button-holder:before {

  width: 4px;

  height: 24px;

  content: "";

  margin-right: 6px;

  border-radius: 0 3px 3px 0;

  margin-bottom: -4px;

  background-color: #FFFFFF;

}

.item-0-2-130 button:focus .icon {

  filter: brightness(0) saturate(100%) invert(1);

}

.item-0-2-130 button:focus svg {

  filter: brightness(0) saturate(100%) invert(1);

}

.item-0-2-130.selected:hover .button-holder {

  background-color: #ff4b82;

}

.item-0-2-130.selected:hover .button-holder:before {

  background-color: #000000;

}

.item-0-2-130.selected button .button-holder {

  color: #000000;

  background-color: #934fff;

}

.item-0-2-130.selected button .button-holder .icon {

  filter: brightness(0) saturate(100%);

}

.item-0-2-130.selected button .button-holder svg {

  filter: brightness(0) saturate(100%);

}

@media (min-width: 600px) {

  .item-0-2-130.selected button .button-holder {

    border: none;

  }

}



.popoverContainer-0-2-91 {

  color: #FFFFFF;

  width: 260px;

  display: flex;

  padding: 5px 0;

  border-radius: 4px;

  flex-direction: column;

  pointer-events: all;

  background-color: #151515;

}

.popoverContainer-0-2-91 section {

  display: flex;

  padding: 10px 15px 15px 15px;

  font-size: 14px;

  border-bottom: 1px solid rgba(168, 168, 168, 0.15);

  justify-content: space-between;

}

.popoverContainer-0-2-91 ul {

  height: 160px;

  margin: 0;

  display: flex;

  padding: 0;

  overflow: hidden;

  overflow-x: hidden !important;

  overflow-y: auto !important;

  flex-direction: column;

}

@media (min-width: 600px) {

  .popoverContainer-0-2-91 {

    width: 410px;

  }

  .popoverContainer-0-2-91 ul {

    height: 210px;

  }

}

.popoverContainer-0-2-91 ul > li {

  cursor: pointer;

  display: flex;

  padding: 7px 15px;

  box-sizing: border-box;

  min-height: 35px;

  justify-content: space-between;

}

.popoverContainer-0-2-91 ul > li svg {

  filter: brightness(0) saturate(100%) invert(1);

}

.popoverContainer-0-2-91 ul > li:hover, .popoverContainer-0-2-91 ul > li:focus {

  background-color: #2C2C2C;

}

.popoverContainer-0-2-91 ul > li span.current {

  color: #A8A8A8;

  display: inline-flex;

}

.popoverContainer-0-2-91 ul > li span > svg {

  padding-left: 15px;

}

.popoverContainer-0-2-91 section h3 {

  font-weight: bold;

  line-height: 21px;

}

.popoverContainer-0-2-91 section button {

  color: #FFDE2B;

  cursor: pointer;

  font-weight: 500;

}

.popoverContainer-0-2-91 section button:hover, .popoverContainer-0-2-91 section button:focus {

  text-decoration: underline;

}



.ratingImage-0-2-122 {

  padding-right: 5px;

  vertical-align: bottom;

}



.category-0-2-141 {

  display: inline-flex;

  padding-left: 20px;

  flex-direction: row;

}

.category-0-2-141 > h2 {

  display: inline-flex;

  align-items: center;

}

.category-0-2-141 > h2 > i {

  margin-right: 10px;

}

.category-0-2-141 > h2 > i svg {

  filter: brightness(0) saturate(100%) invert(1);

}

.icon-0-2-142 {

  color: #000000;

  width: 22px;

  filter: invert(1);

  height: 22px;

}

.svg-0-2-143 {

  width: 26px;

  height: 26px;

  margin: -2px;

}



.channel-0-2-144 {

  height: 100%;

  display: flex;

  align-items: center;

  flex-direction: row;

}

.channel-0-2-144:hover, .channel-0-2-144:focus-within {

  cursor: pointer;

}

.channel-0-2-144 > span {

  height: 100%;

}

.channel-0-2-144 .number {

  /*flex: 0 1 46px;*/

  color: #A8A8A8;

  display: flex;

  font-size: 20px;

  align-items: center;

  font-weight: 900;

  flex-direction: column;

  justify-content: center;
background: #55285a;
}

.channel-0-2-144 .image {

 /* flex: 0 1 80px;*/

  display: flex;

 /* margin-right: 2px;*/

  justify-content: center;

  background-color: #151515;

}

.channel-0-2-144 .ChannelInfo-Link {

  flex: 1 1 auto;

  display: flex;

  overflow: hidden;

  border-radius: 8px;

  justify-content: center;

}

.channel-0-2-144 .timelines {

  flex: 0 0 calc(100% - 46px - 80px);

  display: flex;

  overflow: hidden;

}

.channel-0-2-144 .description-info {

  display: none;

}

@media (min-width: 600px) {

  .channel-0-2-144 .timelines {

    flex: 0 0 calc(100% - 46px - 150px);

  }

}

.channel-0-2-144 .timelines .timeline:last-child {

  min-width: initial !important;

}

.channel-0-2-144 .timelines > a {

  width: 100%;

}

@media (min-width: 600px) {

  .channel-0-2-144 .timelines > a {

    width: auto;

  }

}

.channel-0-2-144 .timelines > a:focus {

  border-color: #FFFFFF;

  border-style: solid;

  border-width: 2px;

  border-radius: 4px;

}

.channel-0-2-144 .ChannelInfo-Link:focus {

  border-color: #FFFFFF;

  border-style: solid;

  border-width: 2px;

  border-radius: 2px;

}

.channel-0-2-144 .ChannelInfo-Link:focus img.mobile.colorLogo, .channel-0-2-144 .ChannelInfo-Link:hover img.mobile.colorLogo {

  display: block;

}

.channel-0-2-144 .ChannelInfo-Link:focus img.mobile.logo, .channel-0-2-144 .ChannelInfo-Link:hover img.mobile.logo {

  display: none;

}

@media (min-width: 600px) {

  .channel-0-2-144 .ChannelInfo-Link:focus img.mobile.colorLogo, .channel-0-2-144 .ChannelInfo-Link:hover img.mobile.colorLogo {

    display: none;

  }

  .channel-0-2-144 .ChannelInfo-Link:focus img.desktop.colorLogo, .channel-0-2-144 .ChannelInfo-Link:hover img.desktop.colorLogo {

    display: block;

  }

  .channel-0-2-144 .ChannelInfo-Link:focus img.desktop.logo, .channel-0-2-144 .ChannelInfo-Link:hover img.desktop.logo {

    display: none;

  }

}

@media (min-width: 600px) {

  .channel-0-2-144 .image {

    flex: 0 1 150px;

  }

}

.channel-0-2-144 .image img.desktop.logo {

  display: none;

}

.channel-0-2-144 .image img.desktop.colorLogo {

  display: none;

}

.channel-0-2-144 .image img.desktop.featured {

  display: none;

}

.channel-0-2-144 .image img.mobile.logo {

  display: block;

}

.channel-0-2-144 .image img.mobile.colorLogo {

  display: none;

}

.channel-0-2-144 .image img.mobile.featured {

  display: none;

}

@media (min-width: 600px) {

  .channel-0-2-144 .image img.desktop.logo {

    display: block;

  }

  .channel-0-2-144 .image img.desktop.colorLogo {

    display: none;

  }

  .channel-0-2-144 .image img.desktop.featured {

    display: none;

  }

  .channel-0-2-144 .image img.mobile.logo {

    display: none;

  }

  .channel-0-2-144 .image img.mobile.colorLogo {

    display: none;

  }

  .channel-0-2-144 .image img.mobile.featured {

    display: none;

  }

}

.channel-0-2-144 .number button svg path {

  fill: #FFDE2B;

}

.channel-0-2-144 .number div {
padding: 7px 6px 10px 31px;
  /* margin-bottom: 5px; */

}

.channel-0-2-144.isPlaying .number > div {

  color: black;

  width: 34px;

  height: 32px;

  text-align: center;

  line-height: 2;

  border-radius: 40px;

  background-color: yellow;

}

.channel-0-2-144.isPlaying .timelines .timeline.currentPlaying {

  border-color: #ff6d9a;

  border-style: solid;

  border-width: 2px;

}

.channel-0-2-144.isPlaying .timelines .timeline:first-child {

  border-width: 2px;

}

.channel-0-2-144.isPlaying .description-info {

  display: none;

}

.channel-0-2-144.isPlaying .captions-holder {

  display: block;

}

.channel-0-2-144.isPlaying a img.mobile.featured, .channel-0-2-144.isPlaying a:focus img.mobile.featured, .channel-0-2-144.isPlaying a:hover img.mobile.featured {

  display: block;

}

.channel-0-2-144.isPlaying a img.mobile.logo, .channel-0-2-144.isPlaying a:focus img.mobile.logo, .channel-0-2-144.isPlaying a:hover img.mobile.logo {

  display: none;

}

.channel-0-2-144.isPlaying a img.mobile.colorLogo, .channel-0-2-144.isPlaying a:focus img.mobile.colorLogo, .channel-0-2-144.isPlaying a:hover img.mobile.colorLogo {

  display: none;

}

@media (min-width: 600px) {

  .channel-0-2-144.isPlaying a img.mobile.featured, .channel-0-2-144.isPlaying a:focus img.mobile.featured, .channel-0-2-144.isPlaying a:hover img.mobile.featured {

    display: none;

  }

  .channel-0-2-144.isPlaying a img.desktop.featured, .channel-0-2-144.isPlaying a:focus img.desktop.featured, .channel-0-2-144.isPlaying a:hover img.desktop.featured {

    display: block;

  }

  .channel-0-2-144.isPlaying a img.desktop.logo, .channel-0-2-144.isPlaying a:focus img.desktop.logo, .channel-0-2-144.isPlaying a:hover img.desktop.logo {

    display: none;

  }

  .channel-0-2-144.isPlaying a img.desktop.colorLogo, .channel-0-2-144.isPlaying a:focus img.desktop.colorLogo, .channel-0-2-144.isPlaying a:hover img.desktop.colorLogo {

    display: none;

  }

}

.channel-0-2-144.isPlaying .timelines .timeline:first-child .marker {

  background: #1F1F1F;

}

.channel-0-2-144:hover .description-info, .channel-0-2-144:focus-within .description-info {

  display: block;

}

.channel-0-2-144:hover .captions-holder, .channel-0-2-144:focus-within .captions-holder {

  display: none;

}



.timelineItem-0-2-146 {

  border: none;

  display: flex;

  overflow: hidden;

  position: relative;

  box-sizing: border-box;

  align-items: center;

  margin-right: 2px;

  padding-left: 15px;

  border-radius: 8px;

  padding-right: 15px;

  background-color: #151515;

}

.timelineItem-0-2-146 .skeleton {

  background: #1F1F1F;

}

.marker-0-2-147 {

  left: 0;

  height: 100%;

  position: absolute;

  background: #1F1F1F;

  pointer-events: none;

}

.name-0-2-148 {

  flex: 1;

  z-index: 2;

  overflow: hidden;

  font-size: 18px;

  font-weight: 600;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.name-0-2-148 .name-item {

  display: inline-block;

  overflow: hidden;

  max-width: calc(100% - 28px);

  white-space: nowrap;

  text-overflow: ellipsis;

  vertical-align: top;

}

.name-0-2-148 .episode-name {

  width: 100%;

  display: inline-block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  vertical-align: top;

}

.caption-0-2-149 {

  display: flex;

  align-items: center;

}

.caption-0-2-149 > img {

  display: flex;

  align-self: flex-end;

  margin-right: 8px;

}

.description-0-2-151 {

  margin: 10px 0;

  overflow: hidden;

  font-size: 14px;

  font-weight: 600;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.time-0-2-152 {

  color: rgb(168, 168, 168);

  display: block;

  font-size: 14px;

  font-family: PlutoTV Sans;

  font-weight: 600;

  white-space: nowrap;

  text-overflow: ellipsis;

}





.informationTimelineButton-0-2-156 {

  margin: 0 5px;

  display: inline-block;

  vertical-align: top;

}

.informationTimelineButton-0-2-156 > div {

  outline: none;

}

.informationTimelineButton-0-2-156:focus {

  border-color: white;

  border-style: solid;

  border-width: 2px;

  border-radius: 4px;

}

.informationTimelineButton-0-2-156:active svg {

  fill-opacity: 1;

}

.informationTimelineButton-0-2-156:hover svg, .informationTimelineButton-0-2-156:focus svg {

  fill-opacity: 0.8;

}

.informationTimelineButton-0-2-156 > div svg {
  width: 16px;
  height: 16px;
}



.channelListItem-0-2-140 {
float: left; left: 0px; top: 392px; height: 100px; width:30%; float:left; /*border:solid 4px #000000;*/
 display: flex;

}

.channelListItem-0-2-140:hover{
/*border:solid 4px #fff222*/
}

.channelListItem-0-2-140 > span, .channelListItem-0-2-140 > footer {

  flex: 1 1 auto;

  width: 100%;

  display: flex;

  margin-bottom: 2px;

  flex-direction: column;

  justify-content: center;

}



.container-0-2-137 {

  flex: 1;

  width: 100%;

  height: 100%;

  position: absolute;

}

.content-0-2-138 {

  width: 100%;

  height: 100%;

  position: absolute;

}

.channelList-0-2-139 {

  color: #FFFFFF;

  width: 100% !important;

  height: 100vh !important;

  overflow-x: hidden !important;

}

.channelList-0-2-139 ul {

  width: 100%;

  position: relative;

  /*margin-bottom: 330px;*/

  padding-bottom: 0;

}

@media (min-width: 240px) {

  .channelList-0-2-139 ul {

   /* margin-bottom: 180px;*/

  }

}

@media (min-width: 375px) {

  .channelList-0-2-139 ul {

   /* margin-bottom: 150px;*/

  }

}

@media (min-width: 600px) {

  .channelList-0-2-139 ul {

   /* margin-bottom: 210px;*/

  }

}

@media (min-width: 768px) {

  .channelList-0-2-139 ul {

    /*margin-bottom: 140px;*/

  }

}

@media (min-width: 768px) {

  .docked .channelList-0-2-139 ul {

   /* margin-bottom: 320px;*/

  }

}



.container-0-2-134 {

  flex: 1;

  position: relative;

  margin-left: 116px;

}

@media (min-width: 600px) {

  .container-0-2-134 {

    margin-left: 186px;

  }

}

.items-0-2-135 {

  display: flex;

}

.items-0-2-135 > div {

  flex: 1;

}

.timeMarker-0-2-136 {

  left: 4px;

  width: 0;

  bottom: -9px;

  height: 0;

  position: absolute;

  transition: transform 100ms;

  border-color: #FFFFFF transparent transparent transparent;

  border-style: solid;

  border-width: 9px 6.5px 0 6.5px;

}



.liveTVLayoutContainer-0-2-123 {

  z-index: 0;

  flex-direction: column;

}

@media (min-width: 600px) {

  .liveTVLayoutContainer-0-2-123 {

    flex-direction: row;

  }

  .embed.docked .liveTVLayoutContainer-0-2-123 {

    flex-direction: column;

  }

}

.categoryListContainer-0-2-124 {

  flex: 0 0 auto;

  display: flex;

  padding: 8px;

}

.embed .categoryListContainer-0-2-124 {

  padding: 0 72px;

  margin-top: 0;

}

@media (min-width: 600px) {

  .categoryListContainer-0-2-124 {

    flex: 1 1 auto;

    padding: 0;

    margin-top: 25px;

  }

  .embed.docked .categoryListContainer-0-2-124 {

    flex: 0 1 auto;

  }

}

@media (min-width: 768px) {

  .categoryListContainer-0-2-124 {

    flex: 0 1 350px;

    margin-top: 25px;

  }

}

.channelListContainer-0-2-125 {

  flex: 5 1 auto;

  width: 100%;

  display: flex;

  overflow: hidden;

  position: relative;

  background: #000000;

  flex-direction: column;

}

@media (min-width: 600px) {

  .channelListContainer-0-2-125 {

    flex: 4 1 auto;

  }

}

@media (min-width: 768px) {

  .channelListContainer-0-2-125 {

    flex: 5 1 auto;

  }

}

@media (min-width: 1280px) {

  .channelListContainer-0-2-125 {

    flex: 10 1 auto;

  }

}

@media (min-width: 1920px) {

  .channelListContainer-0-2-125 {

    flex: 20 1 auto;

  }

}

.channelList-0-2-126 {

  flex: 1;

  display: flex;

  flex-direction: column;

}

.channelList-0-2-126 .hours {

  color: #A8A8A8;

  display: flex;

  z-index: 1;

  font-size: 12px;

  align-items: center;

}

.channelList-0-2-126 .list {

  flex: 1;

  display: flex;

  position: relative;

}

@media (min-width: 600px) {

  .channelList-0-2-126 .hours {

    height: 35px;

  }

}

.viralListContainer-0-2-127 {

  flex: 0.36 1 auto;

  display: flex;

  overflow: auto hidden;

  flex-wrap: nowrap;

  flex-direction: row;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  -webkit-overflow-scrolling: touch;

}

.docked .viralListContainer-0-2-127 {

  flex: 0.28 1 auto;

}

@media (min-width: 600px) {

  .viralListContainer-0-2-127 {

    flex: 2 1 auto;

  }

}





.mobileNavigation-0-2-113 {

  left: 0;

  width: 100%;

  bottom: 0;

  height: 50px;

  display: flex;

  z-index: 6;

  position: absolute;

  font-size: 10px;

  background: #000000;

  align-items: center;

  line-height: 12px;

  justify-content: space-evenly;

}

.embed .mobileNavigation-0-2-113 {

  display: none;

}

.mobileNavigationLink-0-2-114 {

  color: #A8A8A8;

  display: flex;

  font-size: 10px;

  align-items: center;

  line-height: 12px;

  flex-direction: column;

  justify-content: center;

}

.mobileNavigationLink-0-2-114>svg:nth-child(1) {

  fill: #A8A8A8;

  width: 24px;

  height: 24px;

  margin-bottom: 5px;

}

.mobileNavigationLink-0-2-114.current {

  color: #FFFFFF;

}

.mobileNavigationLink-0-2-114 span {

  display: flex;

  align-items: center;

}

.mobileNavigationLink-0-2-114 span>svg {

  width: 12px;

  height: 12px;

  margin-left: 5px;

  margin-bottom: 0;

}

.mobileNavigationLink-0-2-114.current svg {

  fill: #FFFFFF;

}



.hamburgerMenuButton-0-2-28 {

  padding: 10px 0;

}

.hamburgerMenuButton-0-2-28 svg {

  fill: #A8A8A8;

  border: 1.5px solid transparent;

  cursor: pointer;

  padding: 6px;

  margin-left: 3px;

  margin-right: 15px;

  border-radius: 20px;

}

.hamburgerMenuButton-0-2-28:focus svg {

  fill: #FFFFFF;

  border-color: #FFFFFF;

}

.hamburgerMenuButton-0-2-28:hover svg, .hamburgerMenuButton-0-2-28:active svg {

  fill: #FFFFFF;

  background: #2C2C2C;

}

.hamburgerMenuContainer-0-2-29 {

  top: 0;

  left: 0;

  width: 370px;

  bottom: 0;

  height: calc(100% - 50px);

  z-index: 6;

  position: fixed;

  min-width: 320px;

  background: rgb(21, 21, 21);

  overflow-y: auto;

  transition: .4s ease;

  pointer-events: auto;

}

.docked .hamburgerMenuContainer-0-2-29 {

  height: calc(100% - 64px - 50px);

}

.embed .hamburgerMenuContainer-0-2-29 {

  height: 100%;

}

@media (min-width: 600px) {

  .hamburgerMenuContainer-0-2-29 {

    height: 100%;

  }

}

@media screen and (max-width: 960px) {

  .hamburgerMenuContainer-0-2-29 {

    width: 100%;

  }

}

@media (min-width: 600px) {

  .docked .hamburgerMenuContainer-0-2-29 {

    height: 100%;

  }

}

.overlay-0-2-30 {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 5;

  position: fixed;

  background: rgba(0,0,0, 0.5);

  pointer-events: all;

}

@media (min-width: 0px) {

  .overlay-0-2-30 {

    display: none;

  }

}

@media (min-width: 600px) {

  .overlay-0-2-30 {

    display: block;

  }

}

.hamburgerMenuHeader-0-2-31 {

  height: 58px;

  display: flex;

  padding: 0 20px;

  box-sizing: border-box;

  align-items: center;

  justify-content: flex-start;

}

.hamburgerMenuCloseButton-0-2-32 svg {

  fill: #A8A8A8;

  border: 1.5px solid transparent;

  cursor: pointer;

  padding: 6px;

  margin-left: 3px;

  margin-right: 9px;

  border-radius: 20px;

}

.hamburgerMenuCloseButton-0-2-32:focus svg {

  fill: #FFFFFF;

  border-color: #FFFFFF;

}

.hamburgerMenuCloseButton-0-2-32:hover svg, .hamburgerMenuCloseButton-0-2-32:active svg {

  fill: #FFFFFF;

  background: #2C2C2C;

}

.localizedMenu-0-2-33 {

  margin: 0;

  padding: 0;

  position: relative;

  list-style: none;

  overflow-y: auto;

}

.localizedMenu-0-2-33 ul {

  margin: 0;

  padding: 0;

}

.menuLink-0-2-34 a {

  color: rgb(231, 231, 231);

  cursor: pointer;

  height: 48px;

  display: flex;

  padding: 14px 55px 14px 48px;

  font-size: 15px;

  box-sizing: border-box;

  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

  align-items: center;

  font-weight: bold;

  flex-direction: row;

  justify-content: flex-start;

  text-decoration: none;

}

.menuLink-0-2-34 a:hover, .menuLink-0-2-34 a:focus {

  background: rgb(31, 31, 31);

  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

}

.menuLink-0-2-34 a svg {

  fill: #FFFFFF;

  right: 24px;

  display: none;

  position: absolute;

}

.menuLink-0-2-34 a:hover svg, .menuLink-0-2-34 a:focus svg {

  display: block;

}

.sectionHeader-0-2-35 {

  color: rgb(168, 168, 168);

  height: 48px;

  display: flex;

  font-size: 14px;

  box-sizing: border-box;

  margin-top: 0.5em;

  align-items: center;

  font-weight: bold;

  padding-left: 48px;

  text-transform: uppercase;

}

.watchNowLink-0-2-36 {

  padding-left: 78px !important;

}

.watchNowLink-0-2-36 svg {

  fill: #FFFFFF;

  left: 48px;

  display: block !important;

  position: absolute;

  margin-right: 5px;

}

.hamburgerMenuCopyright-0-2-37 {

  color: rgb(98, 98, 98);

  margin: 20px 0 20px 48px;

  font-size: 14px;

  font-weight: bold;

}

.mobileApplicationButton-0-2-38 {

  margin-left: 20px;

}

.mobileApplicationButton-0-2-38 img {

  width: 120px;

  height: auto;

  vertical-align: top;

}



.headerContainer-0-2-21 {

  width: 100%;

  height: 64px;

  display: flex;

  outline: none;

  padding: 0 20px;

  position: relative;

  background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), transparent;

  box-sizing: border-box;

  min-height: 64px;

  align-items: center;

  justify-content: flex-start;

}

.headerContainer-0-2-21 section {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: center;

}

.headerContainer-0-2-21.externalFlowHeader {

  justify-content: center;

}

.fullscreen .headerContainer-0-2-21 {

  display: none;

}

.fullbrowser .headerContainer-0-2-21 {

  display: none;

}

.upsellPromotionVideo .headerContainer-0-2-21 {

  display: none;

}

@media (min-width: 600px) {

  .headerContainer-0-2-21 {

    justify-content: center;

  }

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 {

  flex: 1;

  margin: 0 3px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a {

  color: #FFFFFF;

  border: 1.5px solid transparent;

  cursor: pointer;

  margin: 5px 0 0 2px;

  outline: none;

  padding: 4px 16px 6px;

  font-size: 18px;

  box-sizing: border-box;

  align-items: center;

  font-weight: 600;

  line-height: 1.1em;

  white-space: nowrap;

  border-radius: 30px;

  text-decoration: none;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a > svg:nth-child(1) {

  fill: #A8A8A8;

  width: 20px;

  margin-right: 15px;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a:focus {

  fill: #FFFFFF;

  color: #FFFFFF;

  border: 1.5px solid;

  border-color: #FFFFFF;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a.current {

  color: #ff4b82;

  outline: 1.5px solid;

  outline-color: #782af5;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a:hover {

  fill: #FFFFFF;

  background: #2C2C2C;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a:active {

  color: #ff4b82;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a:active svg {

  fill: #ff4b82;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a.current svg {

  fill: #ff4b82;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a span span, .headerContainer-0-2-21 > .menuLinks-0-2-27 > a span svg:nth-child(2) {

  display: none;

  align-self: end;

}

.headerContainer-0-2-21 > .menuLinks-0-2-27 > a span span, .headerContainer-0-2-21 > .menuLinks-0-2-27 > a span svg:nth-child(1) {

  margin-left: 5px;

}

@media (min-width: 768px) {

  .headerContainer-0-2-21 > .menuLinks-0-2-27 > a span span, .headerContainer-0-2-21 > .menuLinks-0-2-27 > a span svg:nth-child(2) {

    display: inline-flex;

  }

}

.headerContainer-0-2-21:not(.embedHeader):hover, .headerContainer-0-2-21:not(.embedHeader):focus-within {

  background-color: rgba(0,0,0,0.5);

}

.headerContainer-0-2-21:not(.embedHeader):hover:after, .headerContainer-0-2-21:not(.embedHeader):focus-within:after {

  left: 0;

  width: 100%;

  bottom: -21.3333px;

  height: 21.3333px;

  content: " ";

  display: block;

  position: absolute;

  background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%), transparent;

}

.\.fullscreenFallback\ \$headerContainer-0-2-22 {

  display: none;

}

.logoContainer-0-2-23 {

	font-family:"system-ui";

  display: flex;

  align-items: center;

}

.kidsModeLogo-0-2-24 {

  margin-bottom: 4px;

}

@media (min-width: 0px) {

  .kidsModeLogo-0-2-24 {

    width: 55px;

    margin-left: 15px;

  }

}

@media (min-width: 375px) {

  .kidsModeLogo-0-2-24 {

    width: auto;

    margin-left: 24px;

  }

}

.openAppLink-0-2-25 {

  color: #FFFFFF;

  display: flex;

  margin-right: 25px;

  text-decoration: none;

}

.openAppLink-0-2-25 span {

  display: none;

}

@media (min-width: 600px) {

  .openAppLink-0-2-25 span {

    display: initial;

  }

}

.openAppLink-0-2-25 svg {

  fill: #FFFFFF;

  cursor: pointer;

  margin-left: 5px;

}

.embedShowGuide-0-2-26 {

  width: 175px;

  height: 40px;

  display: flex;

  position: relative;

  font-size: 16px;

  background: #FFFFFF;

  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.8);

  font-weight: 600;

  border-radius: 20px;

  pointer-events: all;

  justify-content: center;

}

.embedShowGuide-0-2-26:hover {

  box-shadow: 0px 2px 20px rgba(0, 0, 0, 1);

}

.embedShowGuide-0-2-26 span {

  display: flex;

  align-items: center;

  padding-left: 5px;

}

.embedShowGuide-0-2-26 svg {

  flex-shrink: 0;

}

.embedShowGuide-0-2-26 div {

  width: 100%;

  height: 39px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.menuLinks-0-2-27 {

  left: -100em;

  width: 0;

  height: 0;

  position: absolute;

}

.menuLinks-0-2-27 span:nth-of-type(2) {

  margin-bottom: -6px;

}

.menuLinks-0-2-27.embedMenuLinks {

  margin-bottom: 10px;

}

@media (min-width: 600px) {

  .menuLinks-0-2-27 {

    width: auto;

    height: auto;

    position: unset;

  }

  .menuLinks-0-2-27:not(.embedMenuLinks) {

    display: flex !important;

  }

}

@media (min-width: 600px) {

  .docked .menuLinks-0-2-27 {

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .docked .menuLinks-0-2-27.embedMenuLinks {

    display: flex !important;

  }

  .docked .menuLinks-0-2-27 > a {

    color: #FFFFFF;

    cursor: pointer;

    outline: none;

    padding: 4px 16px 6px;

    font-size: 18px;

    font-weight: 600;

    text-decoration: none;

  }

  .docked .menuLinks-0-2-27 > a svg {

    fill: #FFFFFF;

  }

  .docked .menuLinks-0-2-27 > a:focus {

    color: #FFFFFF;

    border: 1.5px solid;

    border-color: #FFFFFF;

    border-radius: 30px;

  }

  .docked .menuLinks-0-2-27 > a.current {

    color: #FFDE2B;

  }

  .docked .menuLinks-0-2-27 > a:active {

    color: #FFDE2B;

  }

}

.menuLinks-0-2-27.embedMenuLinks svg {

  display: none;

}



.container-0-2-77 {

  position: relative;

}

.tooltip-0-2-78 {

  left: 50%;

  color: #FFFFFF;

  padding: 4px 12px;

  position: absolute;

  font-size: 12px;

  transform: translate(-50%, 0);

  transition: transform 0.2s ease-out;

  font-weight: 600;

  line-height: 16px;

  border-radius: 6px;

  background-color: #2C2C2C;

}

.tooltip-0-2-78.top {

  bottom: calc(100% + 4px);

}

.tooltip-0-2-78.bottom {

  bottom: calc(-100% + 4px);

}



.closedCaptionsStyleButton-0-2-79 {

  padding: 4px;

  border-radius: 50%;

}

.closedCaptionsStyleButton-0-2-79 svg {

  fill: #FFFFFF;

  transition: transform linear 50ms;

}

.closedCaptionsStyleButton-0-2-79:focus {

  border: 1.5px solid;

  border-color: #FFDE2B;

  border-radius: 30px;

}

.closedCaptionsStyleButton-0-2-79:active svg path, .closedCaptionsStyleButton-0-2-79:hover svg path {

  fill-opacity: 0.8;

}

.clicked-0-2-80 svg {

  transform: rotate(45deg);

  fill-opacity: 0.8;

}

@media (min-width: 0px) and (orientation: portrait) {

  .closedCaptionsStyleSettingsPopover-0-2-81 {

    left: 8px !important;

    box-sizing: border-box;

    max-height: calc(0.3 * (100vh - 50px - 128px)) !important;

  }

}

@media (min-width: 375px) {

  .closedCaptionsStyleSettingsPopover-0-2-81 {

    left: 12px !important;

    max-height: calc(0.8 * (100vh - 50px - 64px)) !important;

    margin-bottom: 0;

  }

}

@media (min-width: 375px) and (orientation: portrait) {

  .closedCaptionsStyleSettingsPopover-0-2-81 {

    max-height: calc(0.3 * (100vh - 50px - 128px)) !important;

  }

}



.shareButton-0-2-87 {

  padding: 4px;

  border-radius: 50%;

}

.shareButton-0-2-87 svg {

  fill: #FFFFFF;

}

.shareButton-0-2-87:focus, .shareButton-0-2-87:focus-within, .shareButton-0-2-87.isOpen {

  border: 1.5px solid;

  border-color: #FFDE2B;

  border-radius: 30px;

}

.shareButton-0-2-87:active svg {

  fill: #FFFFFF;

}

.shareButton-0-2-87:hover svg, .shareButton-0-2-87:focus svg {

  fill: #FFFFFF;

  fill-opacity: 0.8;

}

.sharePopover-0-2-88 {

  height: 84px;

  outline: none;

  z-index: 4;

}

.sharePopover-0-2-88 button {

  cursor: pointer;

  display: flex;

  padding: 7px 15px;

  box-sizing: border-box;

  min-height: 35px;

  justify-content: left;

}

@media (min-width: 600px) {

  .sharePopover-0-2-88 {

    width: 410px;

  }

}

.sharePopover-0-2-88 button svg {

  filter: none;

  padding-left: 15px;

}

.sharePopover-0-2-88 button:hover, .sharePopover-0-2-88 button:focus {

  background-color: #2C2C2C;

}

.sharePopover-0-2-88 button:focus-visible {

  outline: groove 1px;

}

.shareOption-0-2-89 {

  align-self: center;

  padding-left: 15px;

}

.hide-0-2-90 {

  display: none;

}



.fastForward15Button-0-2-86 {

  display: flex;

  padding: 4px;

  align-items: center;

  border-radius: 16px;

  justify-content: center;

  background-color: transparent;

}

.fastForward15Button-0-2-86 svg {

  fill: #FFFFFF;

  border: 1.5px solid;

  padding: 4px;

  border-color: transparent;

}

.fastForward15Button-0-2-86[aria-disabled="true"] {

  cursor: not-allowed;

  filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(0%) hue-rotate(154deg) brightness(84%) contrast(84%);

}

@media (min-width: 600px) {

  .fastForward15Button-0-2-86 {

    padding: 4px 12px 4px 12px;

  }

}

.fastForward15Button-0-2-86[aria-disabled="true"]:focus svg {

  border-color: transparent;

}

.fastForward15Button-0-2-86:focus svg {

  border-color: #FFDE2B;

  border-radius: 30px;

}



.rewind15Button-0-2-84 {

  display: flex;

  padding: 4px;

  align-items: center;

  border-radius: 16px;

  justify-content: center;

  background-color: transparent;

}

.rewind15Button-0-2-84 svg {

  fill: #FFFFFF;

  border: 1.5px solid;

  padding: 4px;

  border-color: transparent;

}

.rewind15Button-0-2-84[aria-disabled="true"] {

  cursor: not-allowed;

  filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(0%) hue-rotate(154deg) brightness(84%) contrast(84%);

}

@media (min-width: 600px) {

  .rewind15Button-0-2-84 {

    padding: 4px 12px 4px 12px;

  }

}

.rewind15Button-0-2-84[aria-disabled="true"]:focus svg {

  border-color: transparent;

}

.rewind15Button-0-2-84:focus svg {

  border-color: #FFDE2B;

  border-radius: 30px;

}



.toggleClosedCaptionButton-0-2-76 {

  padding: 4px;

  border-radius: 50%;

}

.toggleClosedCaptionButton-0-2-76:disabled {

  cursor: default;

  pointer-events: none;

}

.toggleClosedCaptionButton-0-2-76 svg {

  fill: #FFFFFF;

}

.toggleClosedCaptionButton-0-2-76:focus {

  border: 1.5px solid;

  border-color: #FFDE2B;

  border-radius: 30px;

}

.toggleClosedCaptionButton-0-2-76:active svg {

  fill: #FFFFFF;

}

.toggleClosedCaptionButton-0-2-76:hover svg, .toggleClosedCaptionButton-0-2-76:focus svg {

  fill: #FFFFFF;

  fill-opacity: 0.8;

}



.toggleFavoritesButton-0-2-82 {

  color: #A8A8A8;

  padding: 4px;

  border-radius: 16px;

  background-color: transparent;

}

.toggleFavoritesButton-0-2-82 span {

  display: none;

}

.toggleFavoritesButton-0-2-82:focus {

  border: 1.5px solid;

  outline: none;

  border-color: #FFDE2B;

  border-radius: 30px;

  padding-bottom: 3px;

}

@media (min-width: 600px) {

  .toggleFavoritesButton-0-2-82 {

    color: #FFFFFF;

  }

  .toggleFavoritesButton-0-2-82 span {

    display: flex;

    margin-left: 7px;

  }

  .toggleFavoritesButton-0-2-82:hover svg path, .toggleFavoritesButton-0-2-82:focus svg path {

    fill-opacity: 0.8;

  }

}



.toggleFullBrowserButton-0-2-92 {

  z-index: 1;

  border-radius: 16px;

  padding-right: 4px;

  background-color: transparent;

}

.toggleFullBrowserButton-0-2-92 svg {

  fill: #FFFFFF;

}

.toggleFullBrowserButton-0-2-92:focus {

  border: 1.5px solid;

  padding: 4px 4px 4px 3px;

  border-color: #FFDE2B;

  border-radius: 30px;

}

.toggleFullBrowserButton-0-2-92:active svg {

  fill: #FFFFFF;

}

.toggleFullBrowserButton-0-2-92:hover svg, .toggleFullBrowserButton-0-2-92:focus svg {

  fill: #FFFFFF;

  fill-opacity: 0.8;

}

.toggleFullBrowserBtnContainer-0-2-93 .top {

  bottom: calc(100% + 8px);

}



.toggleFullscreenButton-0-2-94 {

  z-index: 1;

  border-radius: 16px;

  background-color: transparent;

}

.toggleFullscreenButton-0-2-94 svg {

  fill: #FFFFFF;

}

.toggleFullscreenButton-0-2-94:focus {

  border: 1.5px solid;

  padding: 4px;

  border-color: #FFDE2B;

  border-radius: 30px;

}

.toggleFullscreenButton-0-2-94[aria-disabled="true"], .toggleFullscreenButton-0-2-94[aria-disabled="true"].toggleFullscreenButton-0-2-94:hover {

  border: none;

  cursor: auto;

}

.toggleFullscreenButton-0-2-94[aria-disabled="true"] svg, .toggleFullscreenButton-0-2-94[aria-disabled="true"].toggleFullscreenButton-0-2-94:hover svg {

  fill-opacity: 0.2 !important;

}

.toggleFullscreenButton-0-2-94:active svg {

  fill: #FFFFFF;

}

.toggleFullscreenButton-0-2-94:hover svg, .toggleFullscreenButton-0-2-94:focus svg {

  fill: #FFFFFF;

  fill-opacity: 0.8;

}

.toggleFullscreenBtnContainer-0-2-95 .top {

  left: auto;

  right: 0;

  bottom: calc(100% + 8px);

  transform: none;

}

.notificationText-0-2-96 {

  margin: 0;

  padding: 10px;

}



.togglePlayPauseButton-0-2-85 {

  display: flex;

  padding: 4px;

  align-items: center;

  border-radius: 16px;

  justify-content: center;

  background-color: transparent;

}

.togglePlayPauseButton-0-2-85 svg {

  fill: #FFFFFF;

  border: 1.5px solid;

  padding: 4px;

  border-color: transparent;

}

.togglePlayPauseButton-0-2-85[aria-disabled="true"] {

  cursor: not-allowed;

  filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(0%) hue-rotate(154deg) brightness(84%) contrast(84%);

}

@media (min-width: 600px) {

  .togglePlayPauseButton-0-2-85 {

    padding: 4px 12px 4px 12px;

  }

}

.togglePlayPauseButton-0-2-85[aria-disabled="true"]:focus svg {

  border-color: transparent;

}

.togglePlayPauseButton-0-2-85:focus svg {

  border-color: #FFDE2B;

  border-radius: 30px;

}



.togglePlayPauseWhenBlockedButton-0-2-75 {

  padding: 6px 12px 4px 12px;

  border-radius: 16px;

  background-color: transparent;

}

.togglePlayPauseWhenBlockedButton-0-2-75:focus svg {

  border: 1.5px solid;

  padding: 4px;

  border-color: #FFDE2B;

  border-radius: 30px;

}







.toggleWatchListButton-0-2-83 {

  color: #A8A8A8;

  padding: 4px;

  border-radius: 16px;

  background-color: transparent;

}

.toggleWatchListButton-0-2-83 svg {

  fill: #FFFFFF;

}

.toggleWatchListButton-0-2-83 span {

  display: none;

}

.toggleWatchListButton-0-2-83:focus {

  border: 1.5px solid;

  border-color: #FFDE2B;

  border-radius: 30px;

}

@media (min-width: 600px) {

  .toggleWatchListButton-0-2-83 {

    color: #FFFFFF;

  }

  .toggleWatchListButton-0-2-83 span {

    display: flex;

    margin-left: 7px;

  }

  .toggleWatchListButton-0-2-83:hover svg path, .toggleWatchListButton-0-2-83:focus svg path {

    fill-opacity: 0.8;

  }

}

 

.controlsContainer-0-2-69 {

  display: flex;

  white-space: nowrap;

  pointer-events: all;

  justify-content: space-between;

}

.controlsContainer-0-2-69 > div {

  width: 50%;

  display: flex;

  align-items: center;

}

.controlsContainer-0-2-69 > div > div {

  display: flex;

  align-items: center;

}

.centerControls-0-2-70 {

  justify-content: center;

}

.endControls-0-2-71 {

  justify-content: flex-end;

}



.metadataContainer-0-2-118 {

  font-weight: 500;

  user-select: none;

}

.metadataContainer-0-2-118 > .title {

  font-size: 1.5rem;

  font-weight: 700;

}

.metadataContainer-0-2-118 > div {

  display: flex;

  align-items: center;

  padding-top: 5px;

  margin-bottom: 5px;

}

.kidsMode .metadataContainer-0-2-118 > .title {

  margin-left: 0.5rem;

}

@media (min-width: 600px) {

  .kidsMode .metadataContainer-0-2-118 {

    margin-bottom: 1.5rem;

  }

  .kidsMode .metadataContainer-0-2-118 > .title {

    margin-left: 1.5rem;

  }

}

.metadataContainer-0-2-118 > div .rating {

  border: 1px solid #FFFFFF;

  padding: 0 4px;

  border-radius: 3px;

}

.metadataContainer-0-2-118 > div .info {

  display: flex;

  padding: 3px 3px 3px 0;

  align-items: center;

}

.metadataContainer-0-2-118 > div .separator {

  margin: 0 5px;

}

.metadataContainer-0-2-118 > div .ratingImage {

  width: 20px;

  height: 20px;

  vertical-aling: top;

}

@media (min-width: 600px) {

  .metadataContainer-0-2-118 > div {

    padding-top: 18px;

    margin-bottom: 18px;

  }

}

.metadataContainer-0-2-118 > div .info > div {

  outline: none;

}

@media (min-width: 600px) {

  .metadataContainer-0-2-118 > .title {

    font-size: 2rem;

  }

}

.afterRating-0-2-119 {

  display: flex;

}

.persistentMobileInfoContainer-0-2-120 {

  flex: 3;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.persistentMobileInfoContainer-0-2-120 p {

  margin: 0;

}

@media (min-width: 600px) {

  .persistentMobileInfoContainer-0-2-120 {

    display: none;

  }

}

.persistentMobileInfoTimeline-0-2-121 {

  color: #A8A8A8;

  font-size: 12px;

}



.progressBarContainer-0-2-65 {

  display: flex;

  align-items: center;

  user-select: none;

  margin-bottom: 10px;

}

.timeMarker-0-2-66 {

  flex: 0 0 auto;

  color: #B9B9B9;

  display: flex;

  font-size: 10px;

  align-items: center;

  font-weight: 500;

}

@media (min-width: 600px) {

  .timeMarker-0-2-66 {

    font-size: 14px;

  }

}

.progressBar-0-2-67 {

  flex: 1 1 auto;

  height: 6px;

  margin: 5px 10px 0 10px;

  display: block;

  position: relative;

  border-radius: 6px;

  background-color: #616161;

}

.kidsMode .progressBar-0-2-67 {

  height: 14px;

  border-radius: 12px;

}

.fill-0-2-68 {

  width: 0%;

  height: 100%;

  position: absolute;

  border-radius: 6px 0px 0px 6px;

  background-color: #FAFAFA;

}

.kidsMode .fill-0-2-68 {

  border-radius: 12px 0px 0px 12px;

  background-color: #FFFFFF;

}

.fill-0-2-68:after {

  right: -3px;

  width: 6px;

  height: 6px;

  content: "";

  position: absolute;

  border-radius: 6px;

  background-color: #FAFAFA;

}

.kidsMode .fill-0-2-68:after {

  right: -7px;

  width: 14px;

  height: 14px;

  border-radius: 12px;

  background-color: #FFFFFF;

}



.progressBarContainer-0-2-64 {

  pointer-events: all;

}







.dockPlayerExpandButton-0-2-100 {

  color: #000000;

  right: 36px;

  border: 2px solid transparent;

  bottom: 36px;

  display: flex;

  padding: 2px;

  z-index: 1;

  position: fixed;

  font-size: 16px;

  background: #FFFFFF content-box;

  align-items: center;

  font-family: PlutoTV Sans;

  font-weight: 500;

  border-radius: 30px;

  pointer-events: all;

  justify-content: center;

}

.dockPlayerExpandButton-0-2-100 svg {

  fill: #000000;

}

.dockPlayerExpandButton-0-2-100:focus {

  margin-color: #FFFFFF;

}

.dockPlayerExpandButton-0-2-100:active svg {

  fill: #000000;

}

.dockPlayerExpandButton-0-2-100:hover svg, .dockPlayerExpandButton-0-2-100:focus svg {

  fill: #000000;

}

.buttonContainer-0-2-101 {

  display: flex;

  padding: 10px;

  align-items: center;

  justify-content: center;

}

.textContainer-0-2-102 {

  margin-right: 10px;

}



.playPauseOverlay-0-2-103 {

  width: 100%;

  height: 100%;

  outline: none;

  z-index: 1;

  overflow: hidden;

  position: absolute;

}



.videoPlayerLayout-0-2-41 {

  flex: 1;

  display: flex;

  outline: none;

  overflow: hidden;

  position: relative;

}



.badgeAndCountdownOverlay-0-2-104 {

  width: 100%;

  height: 100%;

  display: flex;

  outline: none;

  z-index: 1;

  overflow: hidden;

  position: absolute;

  flex-flow: row;

  padding-top: 32px;

  justify-content: flex-end;

}

.badgeLabel-0-2-105 {

  color: #FFFFFF;

  height: 25px;

  padding: 2px 12px;

  font-size: 18px;

  align-items: center;

  font-weight: 700;

  margin-right: 35px;

  border-radius: 7px;

  text-transform: uppercase;

  background-color: #5E00FF;

}

.baseTimer-0-2-106 {

  width: 48px;

  bottom: 9px;

  height: 46.65px;

  position: relative;

  margin-right: 24px;

}



.loadingLayout-0-2-45 {

  width: 100%;

  bottom: 0;

  height: 100%;

  display: flex;

  position: absolute;

  box-sizing: border-box;

}

.loadingLayout-0-2-45 > * {

  flex: 1;

}



.videoContainer-0-2-42 {

  width: 100%;

  height: 100%;

  position: relative;

}

.videoHolder-0-2-43 {

  width: 100%;

  height: 100%;

  position: relative;

}

.videoElement-0-2-44 {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  transform: translate3d(0,0,0);

}

.videoElement-0-2-44 video {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  position: absolute;

}



.viralNavigatorLayout-0-2-52 {

  width: 100%;

  bottom: 0;

  height: 100%;

  display: flex;

  position: absolute;

  background: #000000;

  box-sizing: border-box;

}

.viralNavigatorLayout-0-2-52 > * {

  flex: 1;

}

.innerContainer-0-2-53 {

  flex: 1;

  margin: 0 auto;

  position: relative;

  max-width: 1000px;

}

.content-0-2-54 {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  position: absolute;

  flex-flow: row wrap;

  align-items: center;

  justify-content: center;

}

.content-0-2-54 a {

  position: relative;

  margin-right: 8px;

  margin-bottom: 8px;

}

.content-0-2-54 a div {

  display: none;

}

.content-0-2-54 a img {

  width: 150px;

  height: 85px;

  object-fit: contain;

}

.content-0-2-54 a span {

  top: 22%;

  left: 36%;

  width: 46px;

  height: 46px;

  opacity: 0.8;

  position: absolute;

  border-radius: 31px;

  background-color: #2d1c1c;

}

@media (min-width: 600px) {

  .content-0-2-54 a span {

    top: 37%;

    left: 42%;

  }

}

.content-0-2-54 a span svg {

  top: 6px;

  left: 7px;

  width: 35px;

  height: 35px;

  position: absolute;

}

.content-0-2-54 a span svg:nth-child(2) {

  top: 0;

  left: -2px;

  width: 48px;

  height: 48px;

  position: absolute;

  transform: rotateY(-180deg) rotateZ(-180deg);

}

.content-0-2-54 a span svg:nth-child(2) circle {

  fill: none;

  stroke: #FFFFFF;

  animation: countdown 3s linear 1 forwards;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-dasharray: 137;

  stroke-dashoffset: 0;

}

@media (min-width: 600px) {

  .content-0-2-54 a img {

    width: 300px;

    height: 170px;

  }

}



.notificationContainer-0-2-107 {

  right: 0;

  width: 100%;

  bottom: 0;

  margin: 0 auto;

  display: flex;

  z-index: 9;

  position: absolute;

  background: linear-gradient(-180deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 24%,rgb(0, 0, 0) 67%,rgb(0, 0, 0) 100%);

  min-height: calc(100% - (56.25vw + 25px));

  text-align: center;

  align-items: center;

  flex-direction: column;

}

.adVerbiage-0-2-108 {

  color: #FFFFFF;

  margin: 0 auto;

  display: flex;

  padding: 10% 0 12% 0;

  position: relative;

  font-size: 37px;

  margin-top: 5vh;

  font-weight: 500;

  letter-spacing: 0;

}

.mediumFont-0-2-109 {

  padding: 10% 0 5% 0;

  font-size: 28px;

}

.slogan-0-2-110 {

  color: #FFDE2B;

  font-size: 17px;

  font-weight: 500;

}

.continueOnWeb-0-2-111 {

  color: #FFFFFF;

  font-size: 14px;

  font-weight: 500;

  padding-top: 10px;

  letter-spacing: 0;

  padding-bottom: 20px;

}

.getAppButton-0-2-112 {

  color: #000000;

  margin: 6vh 0px 10px 0px;

  padding: 12px 37px;

  font-size: 16px;

  font-weight: 600;

  border-radius: 30px;

  background-color: #FFDE2B;

}