*:not(.material-icons-round) {
  font-family: var(--vzy-font-family, 'Roboto', Arial, sans-serif) !important;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body {
  background: var(--bgColor, #141414);
  max-width: 100%;
  overflow-x: clip;
}

#root {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

/*
 * Values are present before every first paint. SSR replaces these defaults in
 * the document head from the same Redux config snapshot used for hydration.
 */
html {
  --bgColor: #000000;
  --ftColor: #ffffff;
  --fgColor: #d1d5db;
  --gdColor: #121212;
  --mnColor: #000000;
  --hgColor: #FEC00F;
  --activeSlick-dots-bg-color: var(--hgColor);
  --font-size-reduction: .25rem;
  --gap-size-reduction: .75rem;
  --button-size-reduction: 1.75rem;
  --vzy-font-family: 'Roboto', Arial, sans-serif;
  --default-border-radius-non-rdlds-rail-card: 0px;
}

/* Keep every react-slick carousel aligned with the production indicator UI. */
.slick-dots li button {
  background-color: rgba(255, 255, 255, 0.65) !important;
}

.slick-dots li.slick-active button {
  background-color: var(--activeSlick-dots-bg-color, #FEC00F) !important;
}

body {
  background-repeat: no-repeat;
  background-attachment: fixed;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
body:has(.sidebarContainer) {
  overflow: hidden;
}
.btn-primary{
  background:var(--btn_gdColor , rgba(254, 192, 15, 1)) !important;
  color: var(--btn_txt_Color , black) !important;
}
.btn-secondary{
  background:var(--secondary_btn_gdColor ,rgba(77, 77, 77, 1) ) !important;
  color: var( --secondary_btn_txt_Color , #FFFFFF) !important;
}
.btn-tertiary{
  background:var(--tertiary_btn_gdColor , rgba(91, 169, 54, 0)) !important;
  color: var(--tertiary_btn_txt_Color, #FFFFFF)!important;
}
.btn-quaternary{
  background:var( --quaternary_btn_gdColor , rgba(255, 255, 255, 1))!important;
  color: var(--quaternary_btn_txt_Color , black)!important;
}
.btn-primary:hover{
   background:var(--btn_gdColor , rgba(254, 192, 15, 1)) !important;
}
.btn-secondary:hover{
  background:var(--secondary_btn_gdColor , rgba(77, 77, 77, 1)) !important;
}
.btn-tertiary:hover{
  background:var(--tertiary_btn_gdColor , rgba(91, 169, 54, 0)) !important;
}
.btn-quaternary:hover{
  background:var( --quaternary_btn_gdColor , rgba(255, 255, 255, 1))!important;
}
.btn-primary:disabled{
  background:var(--btn_disabled_gdColor, rgba(254, 192, 15, 0.6))!important;
  cursor: not-allowed;
 }
.btn-secondary:disabled{
  background:var(--secondary_btn_disabled_gdColor, rgba(77, 77, 77, 0.6))!important;
   cursor: not-allowed;
 }
.btn-tertiary:disabled{
  background:var(--tertiary_btn_disabled_gdColor, rgba(254, 192, 15, 0.68))!important;
   cursor: not-allowed;
 }
.btn-quaternary:disabled{
  background:var(--quaternary_btn_disabled_gdColor, rgba(255, 255, 255, 0.5))!important;
   cursor: not-allowed;
 }
 
@media screen and (max-width: 968px) {
  html {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
  }
}

.item{cursor:pointer;transition:all .3s ease-in-out}.item:hover{transform:scale(1.2) !important}@media only screen and (max-width: 600px){.item:hover{transform:scale(1.1) !important}:hover .item{transition-duration:.3s}}body{--defualt-bg-color: #000}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--defualt-bg-color);-webkit-appearance:none}*::-webkit-scrollbar-thumb{background:rgba(220,220,220,.8);border-radius:6px;transition:background .3s ease}*::-webkit-scrollbar-thumb:hover{background:#c8c8c8}*::-webkit-scrollbar-corner{background:var(--defualt-bg-color)}*{scrollbar-width:thin;scrollbar-color:rgba(220,220,220,.8) rgba(0,0,0,0)}
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-old(root) {
    animation: 130ms ease-out both vzy-page-out;
  }

  ::view-transition-new(root) {
    animation: 180ms ease-out both vzy-page-in;
  }
}

@keyframes vzy-page-out { to { opacity: 0.88; } }
@keyframes vzy-page-in { from { opacity: 0.88; } }


.pc-container {
  width: 100%;
  max-width: 900px;
  margin: auto;
  min-height: calc(100vh - 160px);
  padding: 32px;
  margin-top:2rem;
  position:relative
}
.pc-title {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 2rem;
  color: var(--ftColor,#fff);
}


.pc-tabs {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 20px;
}

.pc-tabs button {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 8px 16px;
  border-radius: 6px;
  color: var(--ftColor,#fff);
  font-size: 16px;
  cursor: pointer;
}

.pc-tabs .active {
  background: #404040;
  border-color: transparent;
  font-weight: 500;
}

.pc-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 70vh;
  overflow: scroll;
}

.pc-card {
  background: #2d2d2d;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  width: 100%;
  gap: 16px;
  height:90px;
}
.pc-card:hover{
cursor: pointer;
}
.pc-card_empty{
    padding: 64px 24px;
    text-align: center;
    background: #2d2d2d;
    border-radius: 12px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
}

.pc-thumb {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ffffff30;
}
.pc-movie-thumb {
    width: 132px;
    height: 74px;
    opacity: 1;
    border: 1px solid #ffffff30;

}

.pc-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  color: white;        
  min-width: 0;
}


.pc-title-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 6px;
}
.pc-subtitle-text {
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0;
vertical-align: middle;
 margin-bottom: 6px;

}
.pc-card > * {
  flex-shrink: 0;
}
.pc-sub-text {
  opacity: 0.7;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
}

.pc-menu  img {
    cursor: pointer;
    height: 32px;
    width: 32px;
    margin-left: auto;
    margin-right: 4px;
    opacity: 1;
}
.pc-card.skeleton {
  background: #2d2d2d;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  width: 100%;
  gap: 16px;
  opacity: 0.6;
  margin-bottom: 10px;
}

/* Thumbnail skeleton */
.pc-skeleton-thumb {
  width: 62px;
  height: 62px;
  background: #3a3a3a;
  border-radius: 50%;
  animation: pulse 1.2s infinite ease-in-out;
}

/* Info skeleton */
.pc-skeleton-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pc-skeleton-line {
  height: 12px;
  background: #3a3a3a;
  border-radius: 4px;
  animation: pulse 1.2s infinite ease-in-out;
}

.pc-skeleton-line.short {
  width: 40%;
}

.pc-skeleton-line.long {
  width: 70%;
}

/* Menu (⋮) skeleton */
.pc-skeleton-menu {
  width: 18px;
  height: 18px;
  background: #3a3a3a;
  border-radius: 4px;
  animation: pulse 1.2s infinite ease-in-out;
}

/* Pulse animation */
@keyframes pulse {
  0% {
    background-color: #333;
  }
  50% {
    background-color: #444;
  }
  100% {
    background-color: #333;
  }
}

@media (max-width:768px) {
  .pc-container{
    padding: 3.5vw;
  }
  .pc-card
{
  background: none;
}  .pc-card span{
height: 72px;
  }
  .pc-title-text{
    font-size: 0.875rem;
  }
  .pc-subtitle-text{
   font-size: 0.75rem;
  }
  .pc-sub-text{
    font-size: 0.625rem;
  }
  .pc-menu{
    display: none;
  }

.pc-list {
  height: 100vh;
  overflow: scroll;
}
}
.lf-container {
  width: 100%;
  max-width: 900px;
  margin: auto;
  min-height: calc(100vh - 160px);
  padding: 32px;
  margin-top: 2rem;
  position: relative;
}

.lf-title {
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  text-transform: capitalize;
  color: var(--ftColor,#fff);

}

.lf-title-container {
  margin-bottom: 2rem; 
}

.lf-tabs {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 20px;
  color: var(--ftColor,#fff);
}


.lf-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 70vh;
  overflow: scroll;
  padding-bottom: 3rem;
}

.lf-card {
  background: #2d2d2d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  border-radius: 8px;
  width: 100%;
  gap: 16px;
  cursor: pointer;
  height: 90px;
  position: relative;
}
.lf-channel-wrapper{
   display: flex;
   gap: 16px;
   /* width: 94%; */
}

.lf-channel-thumb {
   width: 62px;
  /* height: 62px;  */
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #ffffff30;
}
.lf-content-thumb {
    width: 132px;
    height: 100%;
    opacity: 1;
    border: 1px solid #ffffff30;

}

.lf-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  color: white;
  min-width: 0;
}


.lf-title-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
}

.lf-card>* {
  flex-shrink: 0;
}

.lf-sub-text {
  font-size: 13px;
  opacity: 0.7;
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
}

.lf-menu {
  cursor: pointer;
  width: 4px;
  height: 25px;
  margin-left: auto;
  margin-right: 4px;
  opacity: 1;
}

.lf-card.skeleton {
  background: #2d2d2d;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  width: 100%;
  gap: 16px;
  opacity: 0.6;
  margin-bottom: 10px;
}

/* Thumbnail skeleton */
.lf-skeleton-thumb {
  width: 62px;
  height: 62px;
  background: #3a3a3a;
  border-radius: 50%;
  animation: pulse 1.2s infinite ease-in-out;
}

/* Info skeleton */
.lf-skeleton-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lf-skeleton-line {
  height: 12px;
  background: #3a3a3a;
  border-radius: 4px;
  animation: pulse 1.2s infinite ease-in-out;
}

.lf-skeleton-line.short {
  width: 40%;
}

.lf-skeleton-line.long {
  width: 70%;
}

/* Menu (⋮) skeleton */
.lf-skeleton-menu {
  width: 18px;
  height: 18px;
  background: #3a3a3a;
  border-radius: 4px;
  animation: pulse 1.2s infinite ease-in-out;
}
.lf-unfollow-container{position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 159px;
    height: 42px;
    bottom: -6px;
    right: 16px;
    opacity: 1;
    border-radius: 8px;
    padding :1rem;
    background: #141414;
}
.lf-unfollow-title{
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0px; 
}
.lf-follow-title{
    width: 85px;
    height: 34px;
    justify-content: center;
    opacity: 1;
    border-radius: 6px;
    padding: 12px;
    border: 1px solid #FFFFFF;
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
  }
/* Pulse animation */
@keyframes pulse {
  0% {
    background-color: #333;
  }

  50% {
    background-color: #444;
  }

  100% {
    background-color: #333;
  }
}

@media (min-width:768px) {
  .lf-tabs div {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px 16px;
    border-radius: 6px;
    color: var(--ftColor,#fff);
    font-size: 16px;
    cursor: pointer;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lf-tabs .active {
    background: #404040;
    border-color: transparent;
    font-weight: 500;
  }

  .lf-title-back {
    display: none;
  }

}

@media (max-width:768px) {
  .lf-list{
     height: 100vh;
  overflow: scroll;
  }
  .lf-container {
    padding: 0px;
    margin-top: 0rem;
  }

  .lf-title {
    font-size: 1rem;
  }

  .lf-tabs button {
    font-size: 14px;
  }

  .lf-sub-text {
    font-size: 12px;
  }

  .lf-title-text {
    font-size: 14px;
  }

  .lf-thumb {
    width: 2rem;
    height: 2rem;
  }

  .lf-menu {
    width: 2.5px;
    height: 12.5px;
  }

  .lf-header-container {
    background: #1E1E1E;
    padding: 1rem 1rem 0rem 1rem;
    margin-bottom: 10px;

  }

  .lf-title-container {
    display: flex;
    align-items: center;
    gap: 8px
  }

  .lf-tabs {
    gap: 0px;
    justify-content: space-around;
    flex-direction: row-reverse;

  }

  .lf-tabs div {
    cursor: pointer;
    font-size: 14px;

  }

  .lf-tabs .active {
    height: 14px;
    font-weight: 500;
    border-bottom: 2px solid #fff;
  }

  .lf-card {
    background: none;
    height:72px
  }

  .lf-card_empty {
    font-size: 14px;
    color: var(--ftColor, #fff);
    opacity: 0.7;
    background: transparent;
  }
  .lf-content-thumb {
    width:100px
  }
  .lf-channel-thumb {
   width: 50px;}

}
html,body{background:#141414}.signin_main-container{display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:#141414;min-height:100vh}.signin_main-container .signin_header{margin-top:48px;margin-bottom:57px}.signin_main-container .signin_header .appLogo_anchor .app-logo{width:164px;aspect-ratio:auto}.signin_main-container .signin_form-container{background:radial-gradient(129.6% 59.85% at -22.4% -9.85%, #141414 0%, #2D2B2B 91.96%);width:75%;border-radius:20px}.signin_main-container .signin_form-container .signin_form-inner{display:flex}.signin_main-container .signin_form-container .signin_form-inner.small-screen{gap:4rem}.signin_main-container .signin_form-container .signin_form-inner .left{flex-basis:45%;position:relative}.signin_main-container .signin_form-container .signin_form-inner .left .app_banner-img{border-radius:20px 0 0 20px;width:100%;height:100%;object-fit:cover}.signin_main-container .signin_form-container .signin_form-inner .left .left_banner-img-overlay{width:100%;position:absolute;display:flex;flex-direction:column;gap:.5rem;bottom:15%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 4.43%, rgba(0, 0, 0, 0.9) 81.19%)}.signin_main-container .signin_form-container .signin_form-inner .left .left_banner-img-overlay p{font-weight:700;font-size:24px;line-height:140%;text-align:center;color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .left.small-screen.view{display:none}.signin_main-container .signin_form-container .signin_form-inner .left.big-screen.view .lazy-load-image-background.lazy-load-image-loaded{display:flex !important}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number{flex-basis:55%;display:flex;justify-content:center;align-items:center;padding:0 5.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .back-arrow{display:none;align-self:self-start;padding-top:1rem}@media(max-width: 768px){.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .back-arrow{display:none}}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form{flex-basis:100%;height:100%}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1.2rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body:has(.otp-validation-error.error){gap:.8rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .title-subtitle-mInput-error-wraper{display:flex;flex-direction:column;gap:1.2rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body h1{font-weight:600;font-size:28px;line-height:120%;text-align:center;color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body h6{font-weight:400;font-size:16px;line-height:120%;text-align:center;color:var(--ftColor, #FFF);opacity:.4}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container{display:flex;justify-content:center;align-items:center;border:1px solid hsla(0,0%,100%,.102);background:rgba(139,139,139,.1019607843);border-radius:10px;position:relative}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main{padding:0 1rem;width:100%;display:flex;justify-content:center;align-items:center}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main{width:100%;display:flex;align-items:center;gap:1.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown{display:flex;align-items:center;flex-basis:20%;width:100%;height:48px;opacity:1;border-radius:8px;border-width:1px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn{display:flex;align-items:center;gap:.5rem;border:none;background:none;cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn img{width:15px;height:15px;opacity:1}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn span{font-weight:400;font-size:14px;line-height:120%;letter-spacing:0%;color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn .drop-down_icon{width:fit-content}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn .drop-down_icon svg{width:15px;height:8px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content{width:fit-content;display:none;position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.3)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content.show{display:block}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .search-input-container{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #333;gap:8px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .search-input-container svg{width:16px;height:16px;flex-shrink:0}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .search-input-container input{width:100%;background:rgba(0,0,0,0);border:none;color:var(--ftColor, #FFF);outline:none;font-size:14px;padding:0;margin:0}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .search-input-container input::placeholder{color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list{max-height:200px;overflow-y:auto}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list .flag_country_name{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background-color .2s}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list .flag_country_name:hover{background-color:#2a2a2a}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list .flag_country_name img{width:20px;height:15px;object-fit:cover}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list .flag_country_name span{color:var(--ftColor, #FFF);font-size:14px;text-wrap:nowrap}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field{width:100%}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input{width:100%;height:100%;background:rgba(0,0,0,0);border:none;outline:none;width:100%;color:var(--ftColor, #FFF);font-size:16px;opacity:1;letter-spacing:1.5px;margin:0;padding:0;caret-color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input::placeholder{letter-spacing:normal;color:var(--ftColor, #FFF);opacity:.4}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input:-webkit-autofill,.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input:-webkit-autofill:hover,.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input:-webkit-autofill:focus,.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input:-webkit-autofill:active{background:rgba(0,0,0,0) !important;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset;-webkit-text-fill-color:var(--ftColor, #FFF);transition:background-color 9999s ease-in-out 0s}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:80%;background-color:#666;margin-left:-1rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error{display:flex;gap:.5rem;align-items:center;display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error img{width:.9rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error p{text-align:left;color:#ff4a4a;font-size:12px;text-wrap:wrap;line-height:1.2}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error.error{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container{width:100%;height:54px;border-radius:8px;border-bottom-width:1.5px;background:var(--btn_disabled_gdColor, rgba(254, 192, 15, 0.6));opacity:.7;cursor:not-allowed;pointer-events:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container .continue_btn{width:100%;height:100%;font-weight:600;font-size:16px;line-height:120%;text-align:center;text-transform:capitalize;border:none;background:none;color:var(--btn_txt_Color, black);cursor:inherit;cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container.continue{background:var(--btn_gdColor, rgb(254, 192, 15));cursor:pointer;opacity:1;pointer-events:auto}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_tncs-wrapper{display:flex;flex-direction:column;gap:1.2rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .continue-as-guest-wrapper.small-screen{display:flex;justify-content:center;align-items:center}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .continue-as-guest-wrapper.small-screen h3{font-size:1rem;font-weight:500;color:var(--ftColor, white)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .continue-as-guest-wrapper.big-screen{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs{width:100%;padding:0 1rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs p{width:100%;font-weight:400;font-size:12px;line-height:120%;text-align:center;color:var(--ftColor, #FFF)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs p a{text-decoration:none;text-decoration:underline;text-underline-offset:3px;padding:0 .2rem;color:var(--ftColor, #FFF);opacity:.8}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs p span{color:var(--ftColor, #FFF);opacity:.8}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.big-screen{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input{flex-basis:55%;display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center;padding:0 5.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .back-arrow{display:none;align-self:self-start;padding-top:1rem}@media(max-width: 768px){.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .back-arrow{display:block}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .back-arrow img{width:1.25rem}}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body{display:flex;flex-direction:column;justify-content:center;gap:1rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body h1{font-weight:600;font-size:28px;line-height:120%;color:var(--ftColor, #FFF);text-align:center}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle{display:flex;flex-direction:column;align-items:center;gap:.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle p{font-weight:400;font-size:16px;line-height:150%;color:var(--ftColor, #FFF);opacity:.4}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner{display:flex;align-items:center;gap:.7rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner span{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner h4{font-weight:600;font-size:16px;line-height:150%;color:var(--ftColor, #FFF);letter-spacing:1px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg{cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg path{fill:var(--ftColor, #fff)}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container{display:flex;align-items:center;justify-content:center}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container input{border-radius:8px;width:60px !important;height:48px;font-size:16px;color:var(--ftColor, #FFF);font-weight:700;caret-color:var(--ftColor, #FFF);background-color:rgba(139,139,139,.1019607843);text-align:center !important;border:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container input:focus{border:1px solid var(--hgColor, #D13066) !important;outline:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container{display:flex;align-items:center;justify-content:center;gap:.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .resend_otp_btn{font-weight:500;font-size:14px;line-height:120%;text-align:center;vertical-align:middle;color:var(--ftColor, #FFF);border:none;background:none;text-transform:capitalize}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .otp-resend-timer{width:auto;min-width:4.75rem;flex:0 0 auto;font-size:14px;line-height:120%;text-align:center;vertical-align:middle;color:var(--ftColor, #FFF);display:flex;gap:.5rem;justify-content:flex-start;margin:0;white-space:nowrap}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .otp-resend-timer span:nth-child(1){font-weight:500}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .otp-resend-timer span:nth-child(2){font-weight:700;letter-spacing:2px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container.resend .resend_otp_btn{font-weight:700;cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container.resend .otp-resend-timer{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .auth-error_container{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;text-align:center;color:var(--ftColor, #FFF);font-weight:400;font-size:12px;line-height:120%}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .auth-error_container img{width:1rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .auth-error_container p{font-weight:400;font-size:12px;line-height:120%}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container{display:flex;justify-content:center;align-items:center;width:100%;height:54px;gap:8px;border-bottom-width:1.5px;border:none;border-radius:8px;background:var(--btn_disabled_gdColor, rgba(254, 192, 15, 0.6));opacity:.7;cursor:not-allowed;pointer-events:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container .verify_btn{width:100%;height:100%;font-weight:600;font-size:16px;line-height:120%;text-align:center;text-transform:capitalize;color:var(--btn_txt_Color, black);cursor:inherit;border-radius:inherit;background:inherit;border:inherit}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container.continue{pointer-events:auto;opacity:1;cursor:pointer;background:var(--btn_gdColor, rgb(254, 192, 15))}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder .form .form-body{justify-content:flex-start}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder .form{pointer-events:none}@media(max-width: 425px){.signin_main-container{padding:0}.signin_main-container .signin_header{display:none}.signin_main-container .signin_form-container{width:100%;border-radius:0px;background:var(--bgColor, #141414)}.signin_main-container .signin_form-container .signin_form-inner{display:flex;flex-direction:column;height:100vh;overflow:hidden}.signin_main-container .signin_form-container .signin_form-inner .left{flex:0 0 50%;overflow:hidden}.signin_main-container .signin_form-container .signin_form-inner .left .app_banner-img{border-radius:0}.signin_main-container .signin_form-container .signin_form-inner .left .left_banner-img-overlay{bottom:0}.signin_main-container .signin_form-container .signin_form-inner .action-btn_tncs-wrapper{width:85vw}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number{flex:0 0 50%;padding:2vw 3vw;overflow:auto}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body h1{font-size:18px;margin:11px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container{border-radius:8px;background:#393939}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container:focus-within{border:1px solid var(--hgColor, #D13066)}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn{gap:.2rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropbtn img{width:17px;height:17px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list{max-height:60vh}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .country-dropdown_countries_list .flag_country_name{justify-content:center}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content.show{width:85vw !important}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .dropdown_dropdown .country-dropdown_dropdown_content .search-input-container{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input{letter-spacing:1px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input::placeholder{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input::before{height:24px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error img{width:.8rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .title-subtitle-mInput-error-wraper{gap:5px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container{height:42px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container .continue_btn{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs p{font-size:10px;opacity:.6}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .legal_tncs p a{opacity:1}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input{padding:0rem 1rem;flex:100%;justify-content:flex-start;overflow:auto;gap:1.5rem}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body{gap:6px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body h1{font-size:18px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle{gap:0px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle p{font-size:14px;opacity:.6}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle p span{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner{gap:5px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner span{display:block;font-size:14px;opacity:.6}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner h4{font-size:14px;color:var(--ftColor, #fff);opacity:1 !important}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg{cursor:pointer;opacity:1}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container{height:48px;margin-top:30px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container input{border:1px solid hsla(0,0%,100%,.377);background-color:none;background:rgba(0,0,0,0);font-size:16px;width:48px !important;height:48px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container input:focus{border:1px solid var(--hgColor, #D13066) !important;opacity:1;outline:none}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .otp-input_container input:not(:focus)[value]:not([value=""]){border:1px solid #fff}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container{margin-top:3rem;margin-bottom:16px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .resend_otp_btn{font-size:12px;font-weight:400;cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .otp-resend-timer span:nth-child(1){font-weight:400}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .resend-btn_container .otp-resend-timer span:nth-child(2){font-weight:400}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .auth-error_container p{color:#ff4a4a}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container{height:42px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container .verify_btn{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container.continue{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder.small-screen{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder.small-screen.view{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view{flex-basis:100%;display:flex;flex-direction:column}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view .form{flex-basis:100%;height:100%}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view .form .form-body{height:100%;justify-content:flex-start;padding-top:3rem;gap:3rem}}@media(min-width: 426px)and (max-width: 768px){.signin_main-container{padding:0}.signin_main-container .signin_header{display:none}.signin_main-container .signin_form-container{width:100%}.signin_main-container .signin_form-container .signin_form-inner{display:flex;flex-direction:column;height:100vh;overflow:hidden}.signin_main-container .signin_form-container .signin_form-inner .left{flex:0 0 50%;overflow:hidden}.signin_main-container .signin_form-container .signin_form-inner .left .app_banner-img{border-radius:0}.signin_main-container .signin_form-container .signin_form-inner .left .left_banner-img-overlay{bottom:0}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number{flex:0 0 50%;padding:0 12vw;overflow:auto}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input{letter-spacing:1px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input::placeholder{font-size:.7rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error img{width:.8rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container{height:44px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container .continue_btn{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .action-btn_container.continue{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input{flex:0 0 100%;justify-content:space-around;overflow:auto}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg{cursor:pointer}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container{height:42px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container .verify_btn{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .action-btn_container.continue{font-size:14px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder.small-screen{padding:0 12vw;display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.mobile_tablet_placeholder.small-screen.view{display:none}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view{flex-basis:100%;display:flex;flex-direction:column}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view .form{flex-basis:100%;height:100%}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number.small-screen.view .form .form-body{height:100%;justify-content:space-around}}@media(min-width: 769px)and (max-width: 1024px){.signin_main-container{padding:20px 15px}.signin_main-container .signin_header{margin-top:30px;margin-bottom:40px}.signin_main-container .signin_header .appLogo_anchor .app-logo{width:164;aspect-ratio:auto}.signin_main-container .signin_form-container{width:90%}.signin_main-container .signin_form-container .signin_form-inner{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number{padding:2vw 3vw}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input{letter-spacing:1px}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input::placeholder{font-size:.7rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error img{width:.8rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg{cursor:pointer}}@media(min-width: 769px)and (max-width: 1024px)and (min-width: 1025px)and (max-width: 1350px){.signin_main-container{padding:20px 15px}.signin_main-container .signin_header{margin-top:30px;margin-bottom:40px}.signin_main-container .signin_header .appLogo_anchor .app-logo{width:164;aspect-ratio:auto}.signin_main-container .signin_form-container{width:80%}.signin_main-container .signin_form-container .signin_form-inner{display:flex}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number{padding:2vw 3vw}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .input_container .mobile_number-input_main .country_drop-down-main .mobile_number-input .mobileNumber_field input::placeholder{font-size:1rem}.signin_main-container .signin_form-container .signin_form-inner .right.mobile-number .form .form-body .otp-validation-error img{width:.8rem;aspect-ratio:1/1}.signin_main-container .signin_form-container .signin_form-inner .right.otp-input .otp-container .otp-body .subtitle .subtitle_inner svg{cursor:pointer}}
.profiles-list_addNew_profile{width:100vw;height:calc(100vh - 5.375rem);margin-top:1rem;background:var(--bgColor, #141414);overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}@media screen and (max-width: 768px){.profiles-list_addNew_profile{gap:1.9rem}}.profiles-list_addNew_profile .profiles-list_header{width:90%;display:flex;align-items:center;align-self:center;gap:.5rem}@media screen and (max-width: 768px){.profiles-list_addNew_profile .profiles-list_header{width:100%;padding:0 .4rem}}.profiles-list_addNew_profile .profiles-list_header .header-back-btn-container{display:flex;max-width:100%;justify-content:start;align-items:center;cursor:pointer;gap:4px}.profiles-list_addNew_profile .profiles-list_header .header-back-btn-container .arrow-back{display:flex;width:2rem;height:2rem;padding:.45838rem .33331rem .41256rem .29163rem;justify-content:center;align-items:center;flex-shrink:0}.profiles-list_addNew_profile .profiles-list_header .header-back-btn-container .arrow-back path{fill:var(--ftColor, #FFF)}.profiles-list_addNew_profile .profiles-list_header .header-back-btn-container .arrow-back-title{color:var(--ftColor, #FFF);font-size:calc(1.75rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}@media screen and (max-width: 768px){.profiles-list_addNew_profile .profiles-list_header .header-back-btn-container .arrow-back-title{font-size:16px}}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:center}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .title{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:500;font-weight:500;line-height:120%}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row{display:flex;justify-content:center;align-items:center;position:relative}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .arrow-btn{position:absolute;z-index:20;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:none;border:none}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .arrow-btn:hover{background:rgba(0,0,0,.4);transform:scale(1.1)}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .arrow-btn svg{transform:scale(0.5)}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .arrow-btn.left-arrow{left:-1.25rem}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .arrow-btn.right-arrow{right:-1.25rem}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel{display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:.75rem;max-width:fit-content;width:412px}@media(max-width: 425px){.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel{width:300px}}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel{min-height:7.75rem}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel::-webkit-scrollbar{display:none}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel{scrollbar-width:none;-ms-overflow-style:none}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel .avatar-item{flex-shrink:0;width:2.75rem;height:2.75rem;aspect-ratio:1/1;border-radius:50%;cursor:pointer;overflow:hidden;scroll-snap-align:start;opacity:0;transform:translateY(20px);transition:all .3s ease;position:relative;z-index:1}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel .avatar-item.show{border-radius:2.75rem;opacity:.6;background:#d3d3d3 50%/cover no-repeat,#dad0fc;transform:translateY(0)}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel .avatar-item.centered{opacity:1;transform:translateY(0) scale(2);z-index:10;margin:0 1rem}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .profiles-list_profile_img_container .avatar-row .custom-avatar-carousel .avatar-item img{width:100%;height:100%;object-fit:cover}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container{display:flex;width:20.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container .form-title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:normal;white-space:nowrap}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container .form-error{color:#ff4a4a;font-size:.875;font-style:normal;white-space:nowrap}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container .add-profile-mui-input{display:flex;padding-bottom:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;align-self:stretch}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container .add-profile-mui-input input{color:var(--ftColor, #FFF) !important;text-align:center;font-size:calc(1.5rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:normal;background:rgba(0,0,0,0) !important}.profiles-list_addNew_profile .profiles-list_add_profiles .profiles-list_add_profiles_inner .add-profile-form-container .add-profile-mui-input input::placeholder{color:var(--ftColor, #FFF) !important}.profiles-list_addNew_profile .list_addNew_profile_bottom{display:flex;flex-direction:column;gap:.5rem;align-items:center}.profiles-list_addNew_profile .list_addNew_profile_bottom .title{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:120%}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options{display:flex;align-items:center;justify-content:center;gap:.75rem;align-self:stretch;flex-wrap:wrap}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card{cursor:pointer}@media(max-width: 425px){.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card{width:7.5rem}}@media(max-width: 968px){.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card{width:45vw !important}}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card input{width:1.125rem;height:1.125rem;border-radius:50%;border:1.5px solid #b3b3b3;margin:0;padding:0;appearance:none;-webkit-appearance:none;box-shadow:unset;background:none}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card input:checked{border-radius:50%;border:5px solid var(--hgColor, #D13066);background:#fff;box-shadow:0 2px 4px 0 rgba(234,23,99,.4);width:1.125rem;height:1.125rem}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card{display:flex;justify-content:flex-start;align-items:center;width:9.75rem;padding:.75rem .5rem;gap:.25rem;border-radius:.25rem;background:#2d2b2b;transition:all .3s ease}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card.active{background:#2d2b2b}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card:hover{background:rgba(45,43,43,.8)}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card .profiles-list_container{display:flex;align-items:center;justify-content:center}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card .profiles-list_container .profiles-list_icon{display:flex;align-items:center;justify-content:center;margin-bottom:3px}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card .profiles-list_container .profiles-list_icon img{width:18px;height:18px}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_audience_options .profiles-list_audience_card .profiles-list_container .profiles-list_label{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:calc(1.125rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:120%}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions{width:100vw;margin-top:2.03rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .profiles-list_btn{display:flex;width:25rem;height:3.375rem;padding:1rem 7.1875rem;justify-content:center;align-items:center;gap:.75rem;text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:600;line-height:120%;border:none;cursor:pointer;text-transform:capitalize;text-wrap:nowrap;border-radius:.5rem}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .profiles-list_btn:disabled{cursor:not-allowed}@media screen and (max-width: 425px){.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .profiles-list_btn{width:5rem;height:2.375rem;font-size:14px;border-radius:.25rem}}@media screen and (max-width: 968px){.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .profiles-list_btn{width:93vw !important;border-radius:.25rem;font-size:14px;margin-top:3rem}}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .how-profile-works-link{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .how-profile-works-link:focus-visible{outline:2px solid var(--hgColor, #fff);outline-offset:4px;border-radius:4px}.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .how-profile-works-link>p{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:calc(1.25rem - var(--font-size-reduction, 0rem));font-style:normal;font-weight:600;line-height:120%;text-decoration:none;cursor:pointer;text-transform:capitalize}@media screen and (max-width: 968px){.profiles-list_addNew_profile .list_addNew_profile_bottom .profiles-list_actions .how-profile-works-link>p{font-size:14px}}
.profile-state-panel{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--ftColor, #fff)}.profile-state-panel h1{margin:0;font-size:1.25rem;font-weight:500}.profile-state-panel button{min-width:10rem;min-height:2.75rem;border:0;border-radius:.5rem;cursor:pointer}.update-profile_container{width:100vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.75rem;margin-top:1rem}.update-profile_container .header{width:90%;display:flex;justify-content:space-between;align-items:center}.update-profile_container .header .back-btn-cotainer{display:flex;align-items:center;cursor:pointer;gap:4px}@media screen and (max-width: 768px){.update-profile_container .header .back-btn-cotainer{gap:10px}}.update-profile_container .header .back-btn-cotainer .arrow-back{display:flex;width:2rem;height:2rem;padding:.45838rem .33331rem .41256rem .29163rem;justify-content:center;align-items:center;flex-shrink:0}.update-profile_container .header .back-btn-cotainer .arrow-back path{fill:var(--ftColor, #FFF)}.update-profile_container .header .back-btn-cotainer .arrow-back-title{color:var(--ftColor, #FFF);font-size:calc(1.75rem - var(--font-size-reduction));font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}@media screen and (max-width: 768px){.update-profile_container .header .back-btn-cotainer .arrow-back-title{font-size:16px}}.update-profile_container .header .setup-parental-lock{display:flex;align-items:center;gap:.5rem;cursor:pointer}.update-profile_container .header .setup-parental-lock .parental-lock-setup-header{display:flex;align-items:center;gap:.5rem}.update-profile_container .header .setup-parental-lock .lock-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0}.update-profile_container .header .setup-parental-lock .p-lock-title{color:var(--ftColor, #0b0606);font-size:.8rem;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.update-profile_container .grid-container{width:90%;display:grid;column-gap:2rem;grid-template-columns:25% 75%;overflow-x:hidden}.update-profile_container .grid-container .grid_left{display:flex;flex-direction:column;gap:1.5rem}.update-profile_container .grid-container .grid_left .prefrence-popup-stroke{display:none}.update-profile_container .grid-container .grid_left .profile_preferences{border-radius:.5rem;background:#2d2b2b;position:relative}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card{padding:1rem 0}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section{height:fit-content;display:flex;flex-direction:column;align-items:center;gap:.5rem}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring{display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;flex-shrink:0;aspect-ratio:1/1;border-radius:50%;position:relative}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring .progress-svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring .avatar_container{display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring .avatar_container .avatar-img{width:5rem;height:5rem;flex-shrink:0;aspect-ratio:1/1;border-radius:50%}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring .avatar_container .profile-progres_badge{position:absolute;bottom:-0.625rem;display:flex;width:2.75rem;height:1.25rem;padding:.625rem;justify-content:center;align-items:center;gap:.625rem;flex-shrink:0;border-radius:.25rem;background:var(--hgColor, #E17D18)}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .profile-progress_ring .avatar_container .profile-progres_badge p{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:.875rem;font-style:normal;font-weight:500;line-height:120%}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .avatar_section .user_name{color:var(--ftColor, #FFF);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:500;line-height:normal}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .profile_edit{position:absolute;top:.66rem;right:.86rem;cursor:pointer}.update-profile_container .grid-container .grid_left .profile_preferences .profile_card .profile_edit .edit-icon{width:1.2rem;height:1.95538rem;flex-shrink:0;aspect-ratio:16/15.29}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .profile_preferences{background:#222}}.update-profile_container .grid-container .grid_left .content_preferences{display:flex;flex-direction:column;gap:1rem}.update-profile_container .grid-container .grid_left .content_preferences .header{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.update-profile_container .grid-container .grid_left .content_preferences .header .title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:400;line-height:120%;text-wrap:wrap;text-transform:capitalize}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .content_preferences .header .title{font-size:14px}}.update-profile_container .grid-container .grid_left .content_preferences .header .subtitle{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:.75rem;font-style:normal;font-weight:400;line-height:150%}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .content_preferences .header .subtitle{font-size:12px;opacity:.6}}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list{display:flex;flex-direction:column;gap:1.5rem;border-radius:.5rem;background:#2d2b2b;padding:.75rem}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference{cursor:pointer;display:grid;grid-template-columns:7% 76% 15%;column-gap:12px;align-items:center;position:relative;padding-left:1rem}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title_logo{width:1.25rem;height:1.25rem;aspect-ratio:1/1}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:.875rem;font-style:normal;font-weight:400;line-height:133%;flex-basis:50%;text-transform:capitalize;flex-basis:50%}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .arrow{width:.75rem;height:1.5rem;aspect-ratio:1/2;justify-self:center;align-self:center}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title{color:var(--ftColor, #FFF)}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .arrow-right svg path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .arrow-right path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .arrow-right svg *{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title_logo.fill svg path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title_logo.fill path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title_logo.stroke svg path{stroke:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference .title_logo.stroke path{stroke:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .title{color:var(--hgColor, #d13066)}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .arrow-right svg path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .arrow-right path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .arrow-right svg *{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .title_logo.fill svg path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .title_logo.fill path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .title_logo.stroke svg path{stroke:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active .title_logo.stroke path{stroke:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list .preference.active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:32px;background:var(--hgColor, #d13066);border-radius:0 3px 3px 0}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .content_preferences .content-preferences-types-list{background:#222}}.update-profile_container .grid-container .grid_left .about_you{display:flex;flex-direction:column;gap:1rem}.update-profile_container .grid-container .grid_left .about_you .header{width:100%;display:flex;flex-direction:column;gap:.2rem;justify-content:flex-start;align-items:flex-start}.update-profile_container .grid-container .grid_left .about_you .header .title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:400;line-height:133%;text-transform:capitalize}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .about_you .header .title{font-size:14px}}.update-profile_container .grid-container .grid_left .about_you .header .subtitle{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:.75rem;font-style:normal;font-weight:400;line-height:150%}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .about_you .header .subtitle{font-size:12px;opacity:.6}}.update-profile_container .grid-container .grid_left .about_you .preferences_container{display:flex;flex-direction:column;gap:1.5rem;border-radius:.5rem;background:#2d2b2b;padding:.75rem}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences{cursor:pointer;display:grid;grid-template-columns:7% 70% 15%;column-gap:12px;align-items:center;position:relative;padding-left:1rem}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title_logo{width:1.25rem;height:1.25rem;aspect-ratio:1/1}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:.875rem;font-style:normal;font-weight:400;line-height:133%;flex-basis:50%;text-transform:capitalize;flex-basis:50%}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .arrow-right{width:.75rem;height:1.5rem;aspect-ratio:1/2;justify-self:center;align-self:center}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title{color:var(--ftColor, #FFF)}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .arrow-right svg path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .arrow-right path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .arrow-right svg *{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title_logo.fill svg path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title_logo.fill path{fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title_logo.stroke svg path{stroke:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences .title_logo.stroke path{stroke:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .title{color:var(--hgColor, #FFF)}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .arrow-right svg path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .arrow-right path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .arrow-right svg *{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .title_logo.fill svg path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .title_logo.fill path{fill:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .title_logo.stroke svg path{stroke:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active .title_logo.stroke path{stroke:var(--hgColor, #d13066) !important}.update-profile_container .grid-container .grid_left .about_you .preferences_container .preferences.active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:32px;background-color:var(--hgColor, #d13066);border-radius:0 3px 3px 0}@media screen and (max-width: 768px){.update-profile_container .grid-container .grid_left .about_you .preferences_container{background:#222}}.update-profile_container .grid-container .grid_left .action_btns_left{display:flex;align-items:center;justify-content:center;gap:.75rem}.update-profile_container .grid-container .grid_left .action_btns_left .delete-btn-container{display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer}.update-profile_container .grid-container .grid_left .action_btns_left .delete-btn-container .delete-btn{width:1.25rem;height:1.25rem;aspect-ratio:1/1}.update-profile_container .grid-container .grid_left .action_btns_left .delete-btn-container .delete-btn path{stroke:var(--ftColor, #FFF) !important;fill:var(--ftColor, #FFF) !important}.update-profile_container .grid-container .grid_left .action_btns_left .profile-delete-title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:.875rem;font-style:normal;font-weight:400;line-height:120%;text-transform:capitalize}.update-profile_container .grid-container .grid_left .action_btns_left:hover .profile-delete-title{font-weight:700 !important}.update-profile_container .grid-container .grid_left .action_btns_left:hover .delete-btn{opacity:.8}.update-profile_container .grid-container .grid_left .action_btns_left .delete-btn{transition:all .2s ease}@media(max-width: 768px){.update-profile_container{padding:0rem 0 0rem 0;gap:.5rem}.update-profile_container .setup-parental-lock{display:none !important}.update-profile_container .header{width:90%}.update-profile_container .header .header-back-btn-container .arrow-back-title{font-size:1rem}.update-profile_container .grid-container{width:100%;grid-template-columns:100%;row-gap:2rem;justify-items:center}.update-profile_container .grid-container .grid_left{width:90%}.update-profile_container .grid-container .grid_left:has(.active) .content_preferences{display:none}.update-profile_container .grid-container .grid_left:has(.active) .about_you{display:none}.update-profile_container .grid-container .grid_left:has(.active) .action_btns_left{display:none}.update-profile_container .grid-container .grid_right{display:none}.update-profile_container .grid-container .grid_right .language-preferences.profiler{max-width:100%}.update-profile_container .grid-container .grid_right.active{display:flex;height:66vh;width:100vw}.update-profile_container .grid-container .grid_right.active .content-preferences-wrapper{border-radius:.75rem;padding:.75rem;background:#1e1e1e}.update-profile_container .grid_left_active{opacity:.6}}@media(min-width: 426px)and (max-width: 768px){.update-profile_container .continue-flow-container.profile-continue-flow-container .continue-btn{width:90% !important;height:42px;font-size:14px}}@media(min-width: 769px)and (max-width: 1024px){.update-profile_container .continue-flow-container.profile-continue-flow-container .continue-btn{width:90% !important}}
.content-preferences-wrapper{display:flex;padding:2.125rem 32.8125rem 2.9375rem 2.8125rem;flex-direction:column;align-items:flex-start;border-radius:.5rem;background:#2d2b2b;gap:2rem;width:97%}.content-preferences-wrapper .prefrence-popup-stroke{display:none}.content-preferences-wrapper .prefrence-popup-stroke span{width:94px;height:4px;background-color:hsla(0,0%,100%,.2);margin:auto;display:block}.content-preferences-wrapper .content-rating-selector .rating-title{color:var(--ftColor, #FFF);font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;line-height:1rem;white-space:nowrap}.content-preferences-wrapper .content-rating-selector .rating-timeline{display:flex;flex-direction:column;padding:0}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root::before{display:none}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root{min-height:4rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root{display:flex;flex-direction:column;align-items:center}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .MuiTimelineDot-root{margin:0;padding:0;background:rgba(0,0,0,0);border:none;box-shadow:none;width:auto;height:auto}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .MuiTimelineDot-root svg path{transform:translate(10%, 10%)}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .checkbox-placeholder{width:28px;height:28px;background-color:#2d2b2b;border-radius:4px;border:1px solid hsla(0,0%,100%,.6);display:inline-block;position:relative;cursor:pointer;transition:background-color .1s ease}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .checkbox-placeholder.kids-profile{cursor:not-allowed}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .check-icon{width:28px;height:28px;border-radius:4px;border:none;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .1s ease;animation:fadeIn .1s ease-in-out}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .check-icon path{stroke:var(--btn_txt_Color, white)}@keyframes fadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .MuiTimelineConnector-root{width:2px;background:rgba(0,0,0,0);border-left:2px dashed hsla(0,0%,100%,.4);margin:0;min-height:3rem;flex-grow:1}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root{padding:0 1rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-title{color:var(--ftColor, #FFF);font-size:.875rem;font-weight:500;margin-bottom:.25rem;transition:color .3s ease}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-description{color:var(--ftColor, #FFF);font-size:.75rem;font-weight:400;transition:color .3s ease}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root.selected .rating-content .rating-title{color:var(--ftColor, #FFF)}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root.selected .rating-content .rating-description{color:var(--ftColor, #FFF)}.content-preferences-wrapper .content-rating-selector .save-btn{display:flex;width:13.25rem;height:3.375rem;padding:1rem 7.1875rem;justify-content:center;align-items:center;gap:.5rem;border:none;border-radius:.5rem;cursor:pointer}.content-preferences-wrapper .content-rating-selector .save-btn:disabled{cursor:not-allowed}.content-preferences-wrapper .content-rating-selector .save-btn p{text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:600;line-height:120%;text-transform:capitalize;white-space:nowrap}@media(max-width: 768px){.content-preferences-wrapper .content-rating-selector .save-btn{width:21rem}}@media screen and (min-width: 768px){.content-preferences-wrapper{padding:2.125rem 32.8125rem 2.9375rem 2.8125rem}}@media screen and (max-width: 768px){.content-preferences-wrapper{gap:1rem;width:100%;padding:1rem;background:#1e1e1e}.content-preferences-wrapper .prefrence-popup-stroke{display:block;align-self:center}.content-preferences-wrapper .content-rating-selector{display:flex;gap:0px;flex-direction:column;width:100%;height:100%;justify-content:space-between}.content-preferences-wrapper .content-rating-selector .rating-title{font-size:1rem;margin-bottom:1rem}.content-preferences-wrapper .content-rating-selector .save-btn{width:100%;height:42px}.content-preferences-wrapper .content-rating-selector .save-btn p{font-size:14px}}@media screen and (min-width: 577px)and (max-width: 768px){.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root{min-height:3.5rem}}@media screen and (min-width: 481px)and (max-width: 576px){.content-preferences-wrapper{padding:.875rem}.content-preferences-wrapper .content-rating-selector .rating-title{font-size:1.0625rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-title{font-size:.875rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-description{font-size:.75rem}}@media screen and (min-width: 321px)and (max-width: 480px){.content-preferences-wrapper{padding:.75rem}.content-preferences-wrapper .content-rating-selector{justify-content:flex-start}.content-preferences-wrapper .content-rating-selector .rating-title{font-size:1rem;margin-bottom:1rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root{height:1rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root{padding:0 .75rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-title{font-size:.875rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-description{font-size:.75rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root{scale:.8333}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .checkbox-placeholder,.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .check-icon{width:24px;height:24px}}@media screen and (max-width: 320px){.content-preferences-wrapper{padding:.5rem}.content-preferences-wrapper .content-rating-selector{justify-content:flex-start}.content-preferences-wrapper .content-rating-selector .rating-title{font-size:1rem;margin-bottom:1rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineItem-root{min-height:2.5rem;height:1rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root{padding:0 .5rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-title{font-size:.875rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineContent-root .rating-content .rating-description{font-size:.75rem}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root{scale:.8333}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .checkbox-placeholder,.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .check-icon{width:24px;height:24px}.content-preferences-wrapper .content-rating-selector .rating-timeline .MuiTimelineSeparator-root .MuiTimelineConnector-root{min-height:2rem}}
.genre-preferences{width:100vw;background:#141414;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem}.genre-preferences .prefrence-popup-stroke{display:none;padding:1rem 0}.genre-preferences .prefrence-popup-stroke span{width:94px;height:4px;background-color:hsla(0,0%,100%,.2);margin:auto;display:block}.genre-preferences .branding-container{display:flex;justify-content:center}.genre-preferences .branding-container .company-logo{display:flex;width:7.4375rem;justify-content:center;align-items:center;flex-shrink:0}@media screen and (max-width: 450px){.genre-preferences .branding-container{display:none}}.genre-preferences .title-description_genre-container_wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;height:calc(100vh - 16rem);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-ms-overflow-style:none}.genre-preferences .title-description_genre-container_wrapper::-webkit-scrollbar{display:none}.genre-preferences .title-description_genre-container_wrapper ::-webkit-scrollbar{display:none}.genre-preferences .title-description_genre-container_wrapper .title-des-container{text-align:center;max-width:600px}.genre-preferences .title-description_genre-container_wrapper .title-des-container .title{color:var(--ftColor, #FFF);font-family:Poppins;font-size:1.5rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 450px){.genre-preferences .title-description_genre-container_wrapper .title-des-container .title{font-size:1rem}}.genre-preferences .title-description_genre-container_wrapper .title-des-container .description{color:var(--ftColor, #FFF);font-family:Poppins;font-size:.875rem;font-weight:400;margin:0;line-height:1rem}@media screen and (max-width: 768px){.genre-preferences .title-description_genre-container_wrapper .title-des-container .description{font-size:.75rem !important;opacity:.8}}.genre-preferences .title-description_genre-container_wrapper .genre-container{display:flex;align-items:center;justify-content:center}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{display:flex;width:100%;max-width:59rem;align-items:center;align-content:center;gap:1.5rem;flex-wrap:wrap}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card{display:flex;width:12.875rem;height:7.25rem;align-items:center;position:relative;gap:1rem;flex-shrink:0;border-radius:.625rem;cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-image{width:100%;height:100%;object-fit:cover;border-radius:.625rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes{position:absolute;top:22%;left:5%;display:flex;height:5.125rem;flex-direction:column;align-items:flex-start;gap:1rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .custom-checkbox-wrapper .custom-checkbox{display:inline-block;width:1.21875rem;height:1.21875rem;border:1px solid var(--ftColor);border-radius:4px;cursor:pointer;position:relative;background-color:rgba(0,0,0,0)}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .custom-checkbox-wrapper .custom-checkbox:has(.check-icon){border:none}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .custom-checkbox-wrapper .custom-checkbox .check-icon{width:100%;height:100%;object-fit:contain}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .check-text{color:var(--ftColor, #FFF);font-size:16px;font-weight:600;line-height:150%}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .genre-checkbox{width:1.5rem;height:1.5rem;flex-shrink:0;cursor:pointer}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .genre-text-native{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:600;line-height:150%;display:none}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card .genre-attributes .genre-text-eng{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:.875rem;font-style:normal;font-weight:500;line-height:120%;display:none}.genre-preferences .continue-flow-container{margin-top:auto;background:#1e1e1e;display:flex;width:100vw;height:7.5625rem;padding:2.125rem 0 2.0625rem 0;justify-content:center;align-items:center;flex-shrink:0}.genre-preferences .continue-flow-container .continue-btn{display:flex;height:3.375rem;padding:1rem 7.1875rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.5rem;border:none;text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:600;line-height:120%;cursor:pointer;text-transform:capitalize}.genre-preferences .continue-flow-container .continue-btn:disabled{cursor:not-allowed}@media(max-width: 768px){.genre-preferences .continue-flow-container .continue-btn{height:42px;font-size:14px}}@media(max-width: 768px){.genre-preferences .continue-flow-container{margin-top:8px;height:5rem}}.genre-preferences .profile-continue-flow-container{height:6rem}.genre-preferences.profiler{min-height:unset;padding-top:0;gap:0;width:97%}.genre-preferences.profiler .title-description_genre-container_wrapper{display:flex;padding:2.125rem 2.8125rem;flex-direction:column;align-items:flex-start;border-radius:.5rem .5rem 0 0;background:#2d2b2b;gap:2rem;width:100%;height:32.1875rem;flex-shrink:0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.genre-preferences.profiler .title-description_genre-container_wrapper::-webkit-scrollbar{display:none}.genre-preferences.profiler .title-description_genre-container_wrapper ::-webkit-scrollbar{display:none}.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{text-align:left}.genre-preferences.profiler .profile-title-description_genre-container_wrapper{height:29.1875rem}.genre-preferences.profiler .genre-container{max-width:100%}.genre-preferences.profiler .continue-flow-container{display:flex;justify-content:flex-start;width:100%;height:fit-content;padding-left:2.8125rem;background:none;background:#2d2b2b !important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media screen and (max-width: 768px){.genre-preferences.profiler{width:100%;border-radius:.5rem;width:40rem}.genre-preferences.profiler .description{font-size:.75rem;line-height:1rem}.genre-preferences.profiler .title-description_genre-container_wrapper{padding:unset;background:unset}.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{padding:1rem;text-align:center}.genre-preferences.profiler .prefrence-popup-stroke{display:block}.genre-preferences.profiler .prefrence-popup-stroke span{display:block}.genre-preferences.profiler .continue-flow-container{padding-left:unset;display:flex;justify-content:center;align-items:center}.genre-preferences.profiler .genre-card{height:91px}.genre-preferences.profiler .profile-title-description_genre-container_wrapper{height:25.5rem;gap:1.5em;padding:0 16px;align-items:center}}@media screen and (min-width: 577px)and (max-width: 768px){.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{padding:1.25rem}}@media screen and (min-width: 481px)and (max-width: 576px){.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{padding:1.125rem}.genre-preferences.profiler .continue-flow-container .continue-btn{height:42px;font-size:14px;max-width:90%;width:90%}}@media screen and (min-width: 321px)and (max-width: 480px){.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{padding:1rem}.genre-preferences.profiler .continue-flow-container .continue-btn{max-width:90%;width:90%;height:42px;font-size:14px}}@media screen and (max-width: 320px){.genre-preferences.profiler .title-description_genre-container_wrapper .title-des-container{padding:.75rem}.genre-preferences.profiler .continue-flow-container .continue-btn{max-width:90%;width:90%;height:42px;font-size:14px}}@media screen and (max-width: 768px){.genre-preferences .prefrence-popup-stroke{display:block}.genre-preferences .prefrence-popup-stroke span{display:none}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{gap:.75rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-image{object-fit:cover}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card{height:91px;width:calc(33.33% - .5rem);flex-basis:calc(33.33% - .5rem);flex-shrink:1}}@media screen and (min-width: 577px)and (max-width: 768px){.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{gap:1rem}}@media screen and (min-width: 481px)and (max-width: 576px){.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{gap:.75rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card{height:91px;width:calc(50% - .375rem);flex-basis:calc(50% - .375rem)}}@media screen and (min-width: 321px)and (max-width: 480px){.genre-preferences .title-des-container .title{font-size:1rem}.genre-preferences .title-des-container .description{font-size:.75rem;line-height:1rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{gap:.5rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card{height:91px;width:calc(50% - .25rem);flex-basis:calc(50% - .25rem);gap:.5rem}}@media screen and (max-width: 320px){.genre-preferences .title-des-container .title{font-size:1rem}.genre-preferences .title-des-container .description{font-size:.75rem;line-height:1rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-grid{gap:.375rem}.genre-preferences .title-description_genre-container_wrapper .genre-container .genre-card{width:calc(50% - .1875rem);flex-basis:calc(50% - .1875rem);gap:.375rem;height:91px}}@media screen and (max-width: 768px){.genre-preferences{background:#1e1e1e}.genre-preferences.profiler .continue-flow-container{margin-top:0px;background:#1e1e1e !important}.check-text{font-size:.875rem !important;font-weight:600 !important}}
.language-preferences{width:100vw;background:#141414;min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:2rem}@media screen and (max-width: 768px){.language-preferences{padding:0 10px}}.language-preferences .prefrence-popup-stroke{display:none;padding:1rem 0}.language-preferences .prefrence-popup-stroke span{width:94px;height:4px;background-color:hsla(0,0%,100%,.2);margin:auto;display:block}.language-preferences .branding-container{display:flex;justify-content:center}.language-preferences .branding-container .company-logo{display:flex;width:7.4375rem;height:auto;justify-content:center;align-items:center;flex-shrink:0}@media screen and (max-width: 450px){.language-preferences .branding-container .company-logo{display:none}}.language-preferences .title-description_lang-container_wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;height:calc(100vh - 16rem);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.language-preferences .title-description_lang-container_wrapper::-webkit-scrollbar{display:none}.language-preferences .title-description_lang-container_wrapper ::-webkit-scrollbar{display:none}.language-preferences .title-description_lang-container_wrapper .title-des-container{text-align:center;max-width:600px}.language-preferences .title-description_lang-container_wrapper .title-des-container .title{color:var(--ftColor, #FFF);font-family:Poppins;font-size:1.5rem;font-weight:600;margin-bottom:10px}@media screen and (max-width: 450px){.language-preferences .title-description_lang-container_wrapper .title-des-container .title{font-size:1rem}}.language-preferences .title-description_lang-container_wrapper .title-des-container .description{color:var(--ftColor, #FFF);font-family:Poppins;font-size:.875rem;font-weight:400;margin:0;line-height:1rem}.language-preferences .title-description_lang-container_wrapper .language-container{display:flex;align-items:center;justify-content:center}.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{display:flex;width:100%;max-width:59rem;align-items:center;align-content:center;gap:1.5rem;flex-wrap:wrap}.language-preferences .title-description_lang-container_wrapper .language-container .language-card{display:flex;width:12.875rem;height:auto;align-items:center;position:relative;gap:1rem;flex-shrink:0;border-radius:.625rem;cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,0);border-radius:.5rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes{position:absolute;padding-top:.5rem;left:5%;display:flex;height:100%;flex-direction:column;align-items:flex-start;gap:1rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .custom-checkbox-wrapper .custom-checkbox{display:inline-block;width:1.21875rem;height:1.21875rem;border:1px solid var(--ftColor);border-radius:4px;cursor:pointer;position:relative;background-color:rgba(0,0,0,0)}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .custom-checkbox-wrapper .custom-checkbox:has(.check-icon){border:none}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .custom-checkbox-wrapper .custom-checkbox .check-icon{width:100%;height:100%;object-fit:contain}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .language-checkbox{width:1.5rem;height:1.5rem;flex-shrink:0;cursor:pointer}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .language-text-native{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:600;line-height:150%;display:none}.language-preferences .title-description_lang-container_wrapper .language-container .language-card .language-attributes .language-text-eng{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:.875rem;font-style:normal;font-weight:500;line-height:120%;display:none}.language-preferences .continue-flow-container{margin-top:auto;background:#2d2b2b !important;display:flex;width:100vw;height:7.5625rem;padding:2.125rem 0 2.0625rem 0;justify-content:center;align-items:center;flex-shrink:0}.language-preferences .continue-flow-container .continue-btn{display:flex;height:3.375rem;padding:1rem 7.1875rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;border-radius:.5rem;border:none;text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:600;line-height:120%;max-width:100%;cursor:pointer;text-transform:capitalize}.language-preferences .continue-flow-container .continue-btn:disabled{cursor:not-allowed}@media(max-width: 768px){.language-preferences .continue-flow-container .continue-btn{height:42px;font-size:14px;width:90%}}@media(max-width: 768px){.language-preferences .continue-flow-container{margin-top:10px;height:5rem}}.language-preferences.profiler{min-height:unset;padding-top:0;gap:0;width:97%}.language-preferences.profiler .title-description_lang-container_wrapper{display:flex;padding:2.125rem 2.8125rem;flex-direction:column;align-items:flex-start;border-radius:.5rem .5rem 0 0;background:#2d2b2b;gap:2rem;width:100%;height:32.1875rem;flex-shrink:0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.language-preferences.profiler .title-description_lang-container_wrapper::-webkit-scrollbar{display:none}.language-preferences.profiler .title-description_lang-container_wrapper ::-webkit-scrollbar{display:none}.language-preferences.profiler .title-description_lang-container_wrapper .title-des-container{text-align:left}@media screen and (max-width: 768px){.language-preferences.profiler .title-description_lang-container_wrapper .title-des-container{text-align:center}}.language-preferences.profiler .profile-title-description_lang-container_wrapper{height:29.1875rem}.language-preferences.profiler .language-container{max-width:100%}.language-preferences.profiler .continue-flow-container{max-width:100%;display:flex;justify-content:flex-start;width:100%;height:fit-content;margin-top:0;padding-left:2.8125rem;background:none;background:#2d2b2b !important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.language-preferences.profiler .profile-continue-flow-container{height:6rem}@media screen and (max-width: 768px){.language-preferences.profiler{width:100%;border-radius:.5rem}.language-preferences.profiler .description{line-height:1rem;font-size:.75rem;opacity:.8}.language-preferences.profiler .title-description_lang-container_wrapper{padding:.5rem;gap:1.5rem;background:unset;align-items:center}.language-preferences.profiler .continue-flow-container{background:#1e1e1e !important;padding-left:unset;display:flex;justify-content:center;align-items:center}.language-preferences.profiler .language-card{height:91px}.language-preferences.profiler .language-attributes{padding-top:.3rem}.language-preferences.profiler .prefrence-popup-stroke{display:block}.language-preferences.profiler .prefrence-popup-stroke span{display:block}.language-preferences.profiler .profile-title-description_lang-container_wrapper{height:26.45rem;padding:auto 16px}}@media screen and (min-width: 577px)and (max-width: 768px){.language-preferences.profiler .title-description_lang-container_wrapper{padding:1.25rem}}@media screen and (min-width: 481px)and (max-width: 576px){.language-preferences.profiler .title-description_lang-container_wrapper{padding:1.125rem}.language-preferences.profiler .continue-flow-container .continue-btn{width:95%;height:42px;font-size:14px}}@media screen and (min-width: 321px)and (max-width: 480px){.language-preferences.profiler .title-description_lang-container_wrapper{padding:0 1rem}.language-preferences.profiler .continue-flow-container .continue-btn{width:90%;height:42px;font-size:14px}}@media screen and (max-width: 320px){.language-preferences.profiler .language-card{height:91px}.language-preferences.profiler .title-description_lang-container_wrapper{padding:.875rem}.language-preferences.profiler .continue-flow-container .continue-btn{width:90%;height:42px;font-size:14px}}@media screen and (max-width: 768px){.language-preferences .prefrence-popup-stroke{display:block}.language-preferences .prefrence-popup-stroke span{display:none}.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{gap:.75rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-image{object-fit:fill !important}.language-preferences .title-description_lang-container_wrapper .language-container .language-card{width:calc(33.33% - .5rem);flex-basis:calc(33.33% - .5rem);flex-shrink:1}.language-preferences .title-description_lang-container_wrapper .description{line-height:1rem;font-size:.75rem !important}.language-preferences .title-des-container{text-align:center}}@media screen and (min-width: 577px)and (max-width: 768px){.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{gap:1rem}.language-preferences .title-description_lang-container_wrapper .description{line-height:1rem;font-size:.75rem}}@media screen and (min-width: 481px)and (max-width: 576px){.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{gap:.75rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-card{width:calc(50% - .375rem);flex-basis:calc(50% - .375rem);height:auto}}@media screen and (min-width: 321px)and (max-width: 480px){.language-preferences .title-des-container .title{font-size:1rem}.language-preferences .title-des-container .description{line-height:1rem;font-size:.75rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{gap:.5rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-card{width:calc(50% - .25rem);height:91px;flex-basis:calc(50% - .25rem)}}@media screen and (max-width: 320px){.language-preferences .title-des-container .title{font-size:1rem}.language-preferences .title-des-container .description{line-height:1rem;font-size:.75rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-grid{gap:.375rem}.language-preferences .title-description_lang-container_wrapper .language-container .language-card{width:calc(50% - .1875rem);height:91px;flex-basis:calc(50% - .1875rem)}}@media screen and (max-width: 768px){.language-preferences{background:#1e1e1e}.title-des-container{text-align:center}}
.age-gender-selection-page_container{display:inline-flex;padding:2.125rem 13.0625rem 15rem 2.8125rem;flex-direction:column;align-items:flex-start;gap:1.875rem;border-radius:.5rem;background:#2d2b2b;width:97%}.age-gender-selection-page_container .prefrence-popup-stroke{display:none;align-self:center}.age-gender-selection-page_container .prefrence-popup-stroke span{width:94px;height:4px;background-color:hsla(0,0%,100%,.2);margin:auto;display:block}.age-gender-selection-page_container .age_container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.age-gender-selection-page_container .age_container .title{color:var(--ftColor);font-feature-settings:"liga" off,"clig" off;font-size:1.25rem;font-style:normal;font-weight:500;line-height:120%}.age-gender-selection-page_container .age_container .flex-container{display:flex;width:36.125rem;align-items:flex-start;align-content:flex-start;gap:.625rem;flex-wrap:wrap}.age-gender-selection-page_container .age_container .flex-container .option-btn{display:flex;width:fit-content;padding:.75rem;justify-content:center;align-items:center;gap:.25rem;flex-shrink:0;border-radius:.25rem;border:1px solid var(--stroke20, rgba(255, 255, 255, 0.2));color:var(--ftColor);text-align:right;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:400;line-height:120%;background:none}.age-gender-selection-page_container .age_container .flex-container .option-btn.kids-age-btn{display:flex;flex-direction:column;gap:.5rem;align-items:start}@media(max-width: 768px){.age-gender-selection-page_container .age_container .flex-container .option-btn.kids-age-btn{align-items:center}}.age-gender-selection-page_container .age_container .flex-container .option-btn.kids-age-btn .age-label{font-weight:500;font-style:Medium;font-size:16px;line-height:120%;letter-spacing:0%;vertical-align:middle}.age-gender-selection-page_container .age_container .flex-container .option-btn.kids-age-btn .age-description{font-weight:400;font-style:Regular;font-size:14px;line-height:120%;letter-spacing:0%;vertical-align:middle}.age-gender-selection-page_container .age_container .flex-container .option-btn.selected{border:1px solid var(--ftColor);background:#4d4d4d}.age-gender-selection-page_container .gender_container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.age-gender-selection-page_container .gender_container .title{color:var(--ftColor);font-feature-settings:"liga" off,"clig" off;font-size:1.25rem;font-style:normal;font-weight:500;line-height:120%}.age-gender-selection-page_container .gender_container .flex-container{display:flex;justify-content:center;align-items:center;gap:.25rem;flex-shrink:0}.age-gender-selection-page_container .gender_container .flex-container .option-btn{display:flex;width:6.4375rem;padding:.75rem;justify-content:center;align-items:center;gap:.25rem;flex-shrink:0;border-radius:.25rem;border:1px solid var(--stroke20, rgba(255, 255, 255, 0.2));background:none;color:var(--ftColor);text-align:right;font-feature-settings:"liga" off,"clig" off;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:400;line-height:120%}.age-gender-selection-page_container .gender_container .flex-container .option-btn.selected{border-radius:.25rem;border:1px solid var(--ftColor);background:#434343}.age-gender-selection-page_container .action-btn_container .btn{display:flex;width:13.25rem;height:3.375rem;padding:1rem 7.1875rem;justify-content:center;align-items:center;gap:.5rem;color:var(--ftColor);text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:600;line-height:120%;text-transform:capitalize;border:none;border-radius:.5rem;border:none;cursor:pointer;white-space:nowrap}.age-gender-selection-page_container .action-btn_container .btn:disabled{cursor:not-allowed}@media(max-width: 768px){.age-gender-selection-page_container .action-btn_container .btn{width:100%;height:42px;font-size:14px}}@media(max-width: 768px){.age-gender-selection-page_container .action-btn_container{width:100%}}@media screen and (min-width: 769px){.age-gender-selection-page_container{padding:2.125rem 13.0625rem 15rem 2.8125rem}}@media screen and (max-width: 768px){.age-gender-selection-page_container{padding:1rem;width:100%}.age-gender-selection-page_container .option-btn{width:74px;height:34px}.age-gender-selection-page_container .prefrence-popup-stroke{display:block}.age-gender-selection-page_container .age_container .flex-container{width:100%}.age-gender-selection-page_container .gender_container .flex-container{justify-content:flex-start;flex-wrap:wrap}}@media screen and (min-width: 577px)and (max-width: 768px){.age-gender-selection-page_container .age_container .flex-container{gap:1rem}}@media screen and (min-width: 481px)and (max-width: 576px){.age-gender-selection-page_container .age_container .flex-container{gap:.75rem}.age-gender-selection-page_container .age_container .flex-container .option-btn{padding:.5rem}.age-gender-selection-page_container .gender_container .flex-container .option-btn{width:74px;height:34px;padding:.5rem}}@media screen and (min-width: 321px)and (max-width: 480px){.age-gender-selection-page_container{padding:.75rem}.age-gender-selection-page_container .age_container .title{font-size:.875rem}.age-gender-selection-page_container .age_container .flex-container{gap:.5rem}.age-gender-selection-page_container .age_container .flex-container .option-btn{padding:.5rem;font-size:.875rem;min-width:74px;height:34px;width:fit-content}.age-gender-selection-page_container .gender_container .title{font-size:.875rem}.age-gender-selection-page_container .gender_container .flex-container .option-btn{min-width:74px;width:fit-content;height:34px;padding:.5rem;font-size:.875rem}}@media screen and (max-width: 320px){.age-gender-selection-page_container{padding:.5rem}.age-gender-selection-page_container .age_container .title{font-size:.875rem}.age-gender-selection-page_container .age_container .flex-container{gap:.375rem}.age-gender-selection-page_container .age_container .flex-container .option-btn{padding:.375rem;font-size:.8rem}.age-gender-selection-page_container .gender_container .title{font-size:.875rem}.age-gender-selection-page_container .gender_container .flex-container .option-btn{min-width:74px;width:fit-content;height:34px;padding:.375rem;font-size:.8rem}}@media screen and (max-width: 768px){.age-gender-selection-page_container{background:#1e1e1e}}
.city-selection-page{display:flex;flex-direction:column;gap:1rem;align-self:center;height:100%;flex-shrink:0;border-radius:.5rem;padding:2.125rem 2.8125rem;background:#2d2b2b;width:97%}.city-selection-page .prefrence-popup-stroke{display:none;align-self:center}.city-selection-page .prefrence-popup-stroke span{width:94px;height:4px;background-color:hsla(0,0%,100%,.2);margin:auto;display:block}.city-selection-page .page-title{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;font-size:1.25rem;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.city-selection-page .city-selector-container{display:flex;flex-direction:column;gap:.5rem}.city-selection-page .city-selector-container .selected-city-display{display:flex;width:25rem;height:2.875rem;padding:.75rem;justify-content:space-between;align-items:center;border-radius:.5rem;border:1px solid var(--stroke20, rgba(255, 255, 255, 0.2));cursor:pointer}.city-selection-page .city-selector-container .selected-city-display .city-text{color:var(--ftColor, #FFF);font-feature-settings:"liga" off,"clig" off;text-transform:capitalize;font-size:1rem;font-style:normal;font-weight:400;line-height:120%}.city-selection-page .city-selector-container .selected-city-display .dropdown-arrow{display:flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;aspect-ratio:1/1;transition:transform .3s ease-out}.city-selection-page .city-selector-container .selected-city-display.drop-down-open .dropdown-arrow{transform:scaleY(-1)}.city-selection-page .city-selector-container .dropdown-panel{width:25rem;display:inline-flex;padding:1.1875rem 1.3125rem 1rem 1rem;flex-direction:column;gap:1rem;align-items:center;border-radius:.5rem;background:#161616;transform-origin:top;transition:all .3s ease-out,visibility 0s linear .3s;max-height:0;overflow:hidden;opacity:0;transform:scaleY(0);visibility:hidden}.city-selection-page .city-selector-container .dropdown-panel.open{max-height:300px;opacity:1;transform:scaleY(1);visibility:visible;transition:all .3s ease-out}.city-selection-page .city-selector-container .dropdown-panel.closed{max-height:0;opacity:0;transform:scaleY(0);visibility:hidden}.city-selection-page .city-selector-container .search-container{display:flex;align-items:center;flex-direction:row-reverse;gap:.5rem;align-self:stretch;justify-content:flex-end;border-radius:.5rem;border:1px solid var(--stroke20, rgba(255, 255, 255, 0.2));padding:.5rem}.city-selection-page .city-selector-container .search-container .search-input{width:100%;color:var(--ftColor, #FFF);text-align:left;font-size:1rem;font-feature-settings:"liga" off,"clig" off;font-size:.75rem;font-style:normal;font-weight:500;line-height:120%;background:none;border:none;padding:0;margin:0}.city-selection-page .city-selector-container .search-container .search-icon{width:1rem;height:1rem;aspect-ratio:1/1}.city-selection-page .city-selector-container .cities-list{overflow-y:scroll;display:flex;height:fit-content;flex-direction:column;align-items:flex-start;gap:1rem;align-self:stretch}.city-selection-page .city-selector-container .cities-list .city-item{display:flex;height:1.125rem;padding:.25rem 0;justify-content:space-between;align-items:center;flex-shrink:0;align-self:stretch}.city-selection-page .city-selector-container .cities-list .city-item span{color:var(--ftColor, #FFF);text-align:right;font-feature-settings:"liga" off,"clig" off;font-size:.875rem;font-style:normal;font-weight:400;line-height:120%}.city-selection-page .city-selector-container .cities-list .city-item.selected span{font-weight:700}.city-selection-page .city-selector-container .cities-list .city-item.selected{padding-right:1rem}.city-selection-page .city-selector-container .cities-list .city-item .check-mark{width:1rem;height:1rem;aspect-ratio:1/1}.city-selection-page .city-selector-container .cities-list .city-item:hover span{color:var(--hgColor, #FFF)}.city-selection-page .city-selector-container .cities-list .city-item:hover{cursor:pointer}.city-selection-page .action-button-container{display:flex;width:13.25rem;height:3.375rem;justify-content:center;align-items:center;gap:.5rem;flex-shrink:0;cursor:pointer;border:none;border-radius:.5rem}.city-selection-page .action-button-container .save-button{width:100%;height:100%;text-align:center;font-feature-settings:"liga" off,"clig" off;font-size:1rem;font-style:normal;font-weight:600;line-height:120%;text-transform:capitalize;border:none;background:none;cursor:pointer;border-radius:.5rem}.city-selection-page .action-button-container .save-button:disabled{border-radius:.5rem;cursor:not-allowed}@media screen and (min-width: 769px){.city-selection-page{padding:2.125rem 2.8125rem}}@media screen and (max-width: 768px){.city-selection-page{width:100%;height:100%;padding:1rem}.city-selection-page .prefrence-popup-stroke{display:block}.city-selection-page .city-selector-container{max-height:350px}.city-selection-page .city-selector-container .selected-city-display{width:100%;display:none}.city-selection-page .city-selector-container .dropdown-panel{width:100%}.city-selection-page .action-button-container{width:100%}.city-selection-page .search-container{height:46px;border-radius:4px}}@media screen and (min-width: 577px)and (max-width: 768px){.city-selection-page{padding:1.25rem}.city-selection-page .page-title{font-size:1rem}.city-selection-page .city-selector-container .selected-city-display{height:3.125rem}}@media screen and (min-width: 481px)and (max-width: 576px){.city-selection-page{padding:1rem}.city-selection-page .page-title{font-size:1rem}.city-selection-page .city-selector-container .selected-city-display{height:3rem;padding:.625rem}.city-selection-page .city-selector-container .selected-city-display .city-text{font-size:.9375rem}.city-selection-page .city-selector-container .dropdown-panel{padding:1rem .875rem 1.5rem .875rem}}@media screen and (min-width: 321px)and (max-width: 480px){.city-selection-page{padding:.875rem}.city-selection-page .page-title{font-size:1rem}.city-selection-page .city-selector-container .selected-city-display{height:2.75rem;padding:.5rem}.city-selection-page .city-selector-container .selected-city-display .city-text{font-size:.875rem}.city-selection-page .city-selector-container .selected-city-display .dropdown-arrow{width:1.25rem;height:1.25rem}.city-selection-page .city-selector-container .dropdown-panel{padding:.875rem .75rem 1.25rem .75rem}.city-selection-page .city-selector-container .dropdown-panel .search-container{padding:.75rem .625rem}.city-selection-page .action-button-container{height:3rem}.city-selection-page .action-button-container .save-button{height:42px;font-size:14px}}@media screen and (max-width: 320px){.city-selection-page{padding:.75rem}.city-selection-page .page-title{font-size:1rem}.city-selection-page .city-selector-container .selected-city-display{height:2.5rem;padding:.375rem}.city-selection-page .city-selector-container .selected-city-display .city-text{font-size:.8125rem}.city-selection-page .city-selector-container .selected-city-display .dropdown-arrow{width:1.125rem;height:1.125rem}.city-selection-page .city-selector-container .dropdown-panel{padding:.75rem .625rem 1rem .625rem}.city-selection-page .city-selector-container .dropdown-panel .search-container{padding:.625rem .5rem}.city-selection-page .city-selector-container .dropdown-panel .search-container .search-input{font-size:.6875rem}.city-selection-page .city-selector-container .dropdown-panel .search-container .search-icon{width:.875rem;height:.875rem}.city-selection-page .city-selector-container .dropdown-panel .cities-list .city-item span{font-size:.8125rem}.city-selection-page .action-button-container{height:2.75rem}.city-selection-page .action-button-container .save-button{height:42px;font-size:14px}}@media screen and (max-width: 768px){.city-selection-page{background:#1e1e1e}}
.switch-container{display:flex;align-items:center}.switch-container .switch-input{display:none}.switch-container .switch-label{display:flex;align-items:center;cursor:pointer;width:3.25rem;height:1.37rem;background-color:#ccc;border-radius:.65rem;position:relative;transition:background-color .3s ease}.switch-container .switch-label .switch-slider{display:block;width:1rem;height:1rem;background-color:#fff;border-radius:.65rem;position:absolute;top:.19rem;left:.19rem;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.switch-container .switch-input:checked+.switch-label{background-color:var(--hgColor, #ff8c42)}.switch-container .switch-input:checked+.switch-label .switch-slider{transform:translateX(1.87rem)}.switch-container .switch-input:disabled+.switch-label{opacity:.6;cursor:not-allowed}
.how-profile-works-container{height:fit-content;padding-top:64px;min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#000;color:var(--ftColor, #FFF)}.how-profile-works-container .how-profile-works-content{max-width:90%;width:100%;display:flex;align-items:center;flex-basis:60%;gap:80px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section{flex:1;max-width:600px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-title{font-weight:600;font-style:normal;font-size:32px;line-height:120%;letter-spacing:0%;vertical-align:middle;margin-bottom:40px;color:var(--ftColor, #FFF)}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list{display:flex;flex-direction:column;gap:2rem;list-style:none;padding:0}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item{display:flex;align-items:center;gap:1rem;font-weight:400;font-style:normal;font-size:16px;line-height:100%}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-number{font-weight:700;font-style:normal;font-size:48px;line-height:100%;letter-spacing:0%;background:linear-gradient(180deg, #F4F4F4 0%, #717171 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;min-width:2rem;display:flex;justify-content:center;align-items:center}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-text{flex:1;line-height:1.2rem}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section{flex:1;display:flex;justify-content:center;align-self:flex-end}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section .house-illustration{display:flex;justify-content:center;align-items:center}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section .house-illustration .how-profile-works-house-image{max-width:100%;height:auto;width:500px}.how-profile-works-container .action-btn_contaianer{display:flex;justify-content:center;align-items:center;width:100%}.how-profile-works-container .action-btn_contaianer .how-profile-works-action-button{width:328px;height:54px;padding:16px 115px;border:none;border-radius:8px;font-weight:600;font-style:normal;font-size:16px;line-height:120%;letter-spacing:0%;text-align:center;text-transform:capitalize;border:none;cursor:pointer;transition:all .1s ease;opacity:1;gap:8px;display:flex;align-items:center;justify-content:center}@media(max-width: 1279px){.how-profile-works-container .how-profile-works-content{gap:60px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-title{font-size:30px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-number{font-size:44px}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section .house-illustration .how-profile-works-house-image{width:400px}}@media(max-width: 959px){.how-profile-works-container .how-profile-works-content{flex-direction:column;gap:40px;text-align:center}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-title{font-size:28px;margin-bottom:30px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item{margin-bottom:24px;font-size:15px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-number{font-size:40px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-text{padding-top:4px;font-weight:400;font-size:16px;line-height:100%;letter-spacing:0%}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section{order:-1}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section .house-illustration .how-profile-works-house-image{width:350px}.how-profile-works-container .action-btn_contaianer .how-profile-works-action-button{width:280px}}@media(max-width: 599px){.how-profile-works-container{padding-top:2rem}.how-profile-works-container .how-profile-works-content{display:flex;flex-direction:column-reverse;gap:40px;text-align:center}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-title{font-size:20px;font-weight:400;margin-bottom:20px}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list{padding-top:2rem}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item{font-size:18px;gap:0}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-text{font-size:18px;text-align:start}.how-profile-works-container .how-profile-works-content .how-profile-works-text-section .how-profile-works-feature-list .how-profile-works-feature-item .how-profile-works-feature-number{font-size:36px}.how-profile-works-container .how-profile-works-content .how-profile-works-image-section .house-illustration .how-profile-works-house-image{width:280px}.how-profile-works-container .action-btn_contaianer .how-profile-works-action-button{width:95%;height:42px;font-size:14px}}
.channel-page-main-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 720px;
    margin-top: -4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-sizing: border-box;
    height: 50%;
}

.hero-container {
    width: 100%;
    height: 580px;
    position: relative;
}

.hero-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(360deg, var(--bgColor), transparent);
    pointer-events: none;
    z-index: 2;
}

.hero-banner-img {
    height: 100%;
}

.hero-banner-img img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
}

.channel-page-content-main {
    position: relative;
    padding: 0 3.5vw;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.channel-info-section {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.channel-avatar-container {
    flex-shrink: 0;
}

.channel-details-container {
    flex: 1;
}

.channel-branding-logo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.channel-branding-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.channel-header {
    margin-bottom: 1rem;
}

.channel-title {
    color: var(--ftColor, #fff);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.channel-stats-info {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    list-style: none;
    padding: 0;
}

.channel-stats-info li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
}

.stats-number {
    color: var(--ftColor, #fff);
    font-size: 1.2rem;
    font-weight: 600;
}

.stats-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.channel-description {
    margin-bottom: 2rem;
}

.channel-description p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 70%;
}

.channel-action-buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.follow-button,
.subscribe-button {
    min-width: 156px;
    height: 54px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 0.5rem;
}
.subscribe-button:disabled {
    opacity: 0.7;
}

.follow-button {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, 1);
    color: var(--ftColor, #fff);
}

.follow-button:hover {
    border-color: var(--hgColor, #ff6b35);
    background: rgba(255, 107, 53, 0.1);
}

.subscribe-button {
   
    flex-direction: row;
    height: 54px;
    gap: 0.4rem;
    line-height: 1.2;
    transition: opacity 0.2s ease-in-out;
}

.subscribe-text {
    font-weight: 600;
}

.subscribe-price {
    font-weight: 600;
    font-size: 1rem
}

.button-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}


/* Channel Tabs Styling */
.channel-tabs {
    width: 100%;
    margin-top: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.tabs-container {
    display: flex;
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.tab-item {
    padding: 1rem 2rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    text-transform: capitalize;
}

.tab-item:hover {
    color: rgba(255, 255, 255, 0.9);
}

.tab-item.active {
    color: var(--hgColor, #ff6b35);
    border-bottom-color: var(--hgColor, #ff6b35);
}

.tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--hgColor, #ff6b35);
    border-radius: 2px 2px 0 0;
}
@media only screen and (max-width: 768px){
   .hero-container{
    padding-top: 7rem;
    height: 310px;
  }
  .tabs-container {
      scrollbar-width: none;
      overflow: auto;
  }
.hero-container::after {
    height: 0;
    background: none;
}
.channel-branding-logo {
     width: 48px;
     height: 48px;
}
.channel-info-section{
    gap:9px;
    margin-bottom: 0;
}
.channel-title{
    font-size: 1rem;
    font-weight: 500;
}
.stats-number,.stats-label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #D3D3D3 !important;
}
.channel-stats-info{
    gap:4px
}
.channel-stats-info li{
    gap:4px
}

.channel-description p{
        max-width: 100%;
        font-size: 0.75rem;
        color: #999999;

}
.dot-separator-ch {
    content: '';
    border-radius: 50%;
    background-color:var(--ftColor, #FFF);
    display: inline-block;
    vertical-align: middle;
    margin: 0 0rem;
    width: 2px;
    height: 2px;
    }
.channel-description {
  position: relative;
  font-size: 14px;
  line-height: 1.6em;
  color: #ccc;
  max-width: 600px;
}

.description-text {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* Fade overlay */
.channel-description::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 2em;
  background: linear-gradient(to right, transparent, #000 60%);
  pointer-events: none;
}

.read-more {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  padding-left: 8px;
  color: #ff6b00;
  cursor: pointer;
  font-weight: 500;
}
.channel-action-buttons {
  display: flex;
  width: 100%;
  gap: 12px;
}

.follow-button,
.subscribe-button {
  height: 42px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: none;
  cursor: pointer;
}

.follow-button {
  flex: 3;
  min-width: 0px;
border: 1px solid hsla(0, 0%, 100%, 1);
}

.subscribe-button {
  flex: 7;
  min-width: 0px;
}
.button-icon {
        font-size: 0.875rem;
        gap:0.825rem;
}
.button-icon svg{
    scale: 0.824;
}
.channel-tabs {
    margin-top: 1.5rem;
}  
.tab-item{font-size: .875rem;}
.tab-item.active{
    color: var(--ftColor, #fff);
    padding-bottom: 1.2rem;
}


}

.channel-page.grid-view-container {
    width: 100%;
    padding: 1rem 0 4rem 0;
}

.grid-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.8rem;
}


.grid-items .grid-item {
    max-width: 270px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-radius: 0.8rem;
    cursor: pointer;
    transition: transform 0.2s ease;
    background: transparent;
}

.grid-items .grid-item:hover {
    transform: scale(1.02);
}


.grid-items .grid-item-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    border-radius: inherit;
    position: relative
}

.grid-item-image>span,
.grid-item-image>span>img {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    border: 0.5px solid hsla(0, 0%, 100%, 0.2);
}

.grid-item-info-container {
    padding: 0 0.1rem;
}

.grid-item-title {
    color: var(--ftColor, #fff);
    font-size: 0.9rem;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media only screen and (max-width: 768px){
    .grid-items {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(167px, 1fr));
}
.grid-items .grid-item{
    border-radius: 4px;
    gap: .25rem;
}}
.searchTitle{
    font-size: 2em;
    margin: 1.5rem 0 0 1.5rem;
    font-weight: bolder;
    line-height: 1;
}
.gridViewContainer{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-sizing: border-box;
    margin: 1rem 3.5vw;
 }
 .gridViewContainer .image-container{
    padding: 0.5rem;
 }
.gridViewContainer_related{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-sizing: border-box;
    margin: 1rem;
 }
 .gridViewContainer_related .image-container{
    padding: 0.5rem;
 }
 .image-container > img:hover{
    cursor: pointer;
    scale: 1.03;
    transition-duration: 450ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .skeleton-image-container{
    width: 100%;
    height: 16rem;
    padding: 0.5rem;
 }

 .skeleton-image-container > .skeleton-image{
    background: #1e1e1e;
    height: 100%;
 }

 .select{
   font-weight: 550;
   height: 45;
   min-width: 100;

   background-color: "white";
 }
 .menuItem {
   display:'flex !important';
   flex-direction:'column';
   background: 'white !important';
   color: 'black !important';
   height: 60;
   padding:'0 .5rem';
   /* '&:hover': {
     background: 'grey !important';
   } */
 }
.searchTitle {
  font-size: calc(1.5rem - var(--font-size-reduction));
  margin: 0 0 0 3.5vw;
  font-weight: 500;
  line-height: 1;
  margin-top: 2rem;
}

.searchTitle.rtl {
   text-align: right;
   padding-right: 3.5vw;
   direction: rtl;
}
.gridViewContainerSearch{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-sizing: border-box;
    margin: 1rem 4.1vw;
 }
 .gridViewContainerSearch .image-container{
    padding: 1rem;
    border: .5px solid hsla(0, 0%, 100%, .2);
 }
.gridViewContainer_related{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    box-sizing: border-box;
    margin: 1rem;
 }
 .gridViewContainer_related .image-container{
    padding: 0.5rem;
 }
 .image-container > img:hover{
    cursor: pointer;
    scale: 1.03;
    transition-duration: 450ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .skeleton-image-container{
    width: 100%;
    height: 16rem;
    padding: 0.5rem;
 }

 .skeleton-image-container > .skeleton-image{
    background: #1e1e1e;
    height: 100%;
 }

 .search-page-container {
   position: relative;  
   transition: transform 750ms ease-in-out, opacity 750ms ease-in-out, filter 750ms ease-in-out;  
   opacity: 1;  
   filter: blur(0);  
   transform: scale(1);  
   transform-origin: 50% 1816px;  
   margin-top: 0rem;
   display: flex;
   flex-direction: column;
   min-height: 80vh;
 }
 .noresult-message-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
 }
 .noresult-img-wrapper{
  width:100px
 }

  @media screen and (max-width:1024px) {
    .search-page-container {
      padding-top: 4.375rem;
    }
  }
 
 .search-page-containe.zooming-in {
   transform: scale(1.04);  
   opacity: 0;  
   filter: blur(10px);  
 }

 .search-sugestions{
   justify-content: left;
   flex-direction: row;
   margin-left: 3.5vw;
   gap:10px;
   margin-top: 1.50rem;
 }

 .search-sugestions-head{
   font-size:calc( 1.5rem - var(--font-size-reduction));
   font-weight: 600;
   color:var(--textColor)
 }
  .recent-search-head{
   font-size:calc( 1.5rem - var(--font-size-reduction));
   font-weight: 500;
   color:var(--textColor)
 }

 .search-sugestions-content{
  font-size:calc( 1.25rem - var(--font-size-reduction));
   font-weight: 500;
   align-items: center;
   gap:10px;
   color:var(--text);
   cursor: pointer;
   padding-top: 2px;
   background-color: transparent;
  border: 1px solid #555;
  color: white;
  height: 40px;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
   &:hover{
      color:var(--textHover);
      text-decoration: underline;
   }
   
 }.recent-search-head-container{
   display: flex;
   justify-content: space-between;
   align-items:center;
   /* text-align: center; */
   width: 90vw;
 }
 .recent-search-head{
   font-size:calc( 1.5rem - var(--font-size-reduction)) ;
   font-size: 400;
 }
 .recent-search-clr-actions{
   cursor: pointer;
 }
 .search-sugestions-row {
   margin-top: 1.25rem;
   display: flex;
   flex-direction: row;
   gap: 12px;
   text-wrap: nowrap;}


 .recent-sugestions-row {
   margin-top: 1.25rem;
   display: flex;
   flex-direction: row;
   gap:32px;
 }
 .recent-search-content{
   font-size:calc( 1.125rem - var(--font-size-reduction));
   font-weight: 400;
   gap:12px;
   color:var(--text);
   cursor: pointer;
   padding-top: 2px;
   background-color: #484848;
  /* color: white; */
  height: 40px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 8px;
  cursor: pointer;
 }

   
 .noresult-message {
   padding-left:3.5vw;
 }
 .searchTitle-noresult{
   margin-left: 0 !important;
 }
 .search-sugestions-noresult{
     margin-left: 3.5vw;

 }

 .recent-search-main-row {
   padding-left: 3.5vw;
   margin-top: 1.5rem;
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
 }
.recent-search-sugestions-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;

}

.sicon-query-row {
   display: flex;
   flex-direction: row;
   gap: 0.7rem;
   align-items: center;
}

.search-metas-container {
   margin: 1.5rem 3.5vw;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   gap: 1rem;
}


.search-metas-container h3 {
   color: var(--ftColor, #FFFFFF);
   font-size: 1.5rem;
   font-weight: 600;
   line-height: 1;
}

.search-meta-data-render {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.search-meta {
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 8px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   cursor: pointer;
   padding: 0.5rem;
   transition: all 0.3s ease;
   line-height: 1;
}

.search-meta.selected {
  border: 1px solid var(--hgColor);
}

.search-meta:hover {
  border: 1px solid var(--hgColor, rgba(255, 255, 255, 0.2));
}

.search-meta span {
   color: var(--ftColor, #FFF);
   font-size: 1rem;
   font-weight: 500;
   text-transform: capitalize;
   line-height: 1;
}
@media screen and (max-width:768px) {
  .search-sugestions{
    display: flex;
    flex-direction: column;
    margin-top: 0rem;
    gap: 0;
  }
  .recent-search-sugestions-container {
    text-wrap: nowrap;
    padding-right: 3.5vw;
    padding-bottom: 6px; 
    flex-wrap: nowrap;
    touch-action: auto;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }

    ::-webkit-scrollbar {
      display: none;
    }
    /* overflow-y: hidden; */
}
 .search-sugestions-row {
    padding-right: 3.5vw;
     overflow-x: scroll;
     scrollbar-width: none;
     scroll-behavior: smooth;
     -ms-overflow-style: none;

     &::-webkit-scrollbar {
       display: none;
     }

     ::-webkit-scrollbar {
       display: none;
     }

     overflow-y: hidden;
     margin-top: 0.5rem;
   }
.recent-search-main-row {
  margin-top: 0rem;
  gap:1rem;
}

.recent-search-head-container p  {
  font-size: 0.875rem !important;
  font-weight: 500;
}
.search-sugestions-head-container p{
    font-size:  0.875rem !important;
  font-weight: 500;
  margin-bottom: 1rem;
}

.recent-search-clr-actions {
  font-size:  0.875rem !important;
  font-weight: 400;
  color: var(--hgColor);
}

.recent-search-content {
  min-height: 26px;
  height: 30px;
  gap: 4px;
  padding: 0px 4px;
  border: 0.5px solid #fff;
  border-radius: 4px;

}

.sicon-query-row {
  gap: 4px
}

.sicon-query-row p {}

.recent-search-content svg {
  scale: 0.7;
}

.sicon-query-row svg {
  scale: 0.6;
  opacity: 0.6;
}

.search-sugestions-head {
  font-size: 14px !important;
  font-weight: 500;
}

.search-sugestions-content {
  padding: 12px 16px;
  height: 33px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.search-sugestions-content:hover {
        color: var(--ftColor,#fff);
        text-decoration: none;
    }


.search-meta-data-render {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;

  padding-right: 3.5vw;
  padding-bottom: 6px;              

  overflow-x: auto;
  overflow-y: hidden;

  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.search-meta-data-render::-webkit-scrollbar {
  display: none;
}

/* CHIP */
.search-meta-data-render .search-meta {
  flex-shrink: 0;
  white-space: nowrap;

  padding: 10px 16px;
  min-height: 33px;                 

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: transparent;
  border: 0.5px solid #ffffff;
  border-radius: 4px;

  box-sizing: border-box;           /* critical fix */
}

/* TEXT */
.search-meta-data-render .search-meta span {
  font-size: 12px;
  color: var(--ftColor, #ffffff);
  opacity: 0.8;
}
.noresult-wrapper{
  margin: 0 0 6rem 0;
}
.search-meta-data-render .search-meta.selected {
  border-color: var(--hgColor, #ffffff);
  background-color: rgba(255, 255, 255, 0.08);
}
.searchTitle{
  font-size: 16px;
}
.noresult-message-wrapper{
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}
.noresult-img-wrapper
   { height: 150px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
  }
  .noresult-img-wrapper > svg{
    scale:1.5
  }
  .noresult-txt{
    font-size: 16px;
    font-weight: 600;
  }
  .search-page-container {
     padding-top: 5.375rem;
      gap:24px
    }
   .searchTitle {
    margin-top: 0rem;
   } 
}
.voice-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}

.voice-card {
  position: absolute;
  background: #2b2b2b;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: #fff;
  width: 296px;
  height: 144px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:16px;
}
.voice-lottie {
  width: 220px;   
  /* height: 144px; */
  flex-shrink: 0;
  margin: -24px 0;
}
.voice-card p {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (min-width:769px) {
  .voice-card {
  right: 40px;
  top: 63px;
  }
}
 @media screen and (max-width:768px) {
  .voice-card span{
    width: 94px;
    height: 4px;
    opacity: 1;
    border-radius: 100px;
    background-color: hsla(0, 0%, 100%, 0.2);
  }

    .voice-card  { 
      min-width: 200px;
      min-height: 200px;
      bottom: 0px;
      width: 100vw;
      height:fit-content;
      border-radius: 20px 20px 0 0;
    }
    .voice-card p {
      font-size: 14px;
      font-weight: 600;
     }
    .voice-lottie {
      width: 200px; 
      margin: 0;
    }

}
@font-face{font-family:"revicons";fallback:fallback;src:url(assets/revicons.e8746a62.woff) format('woff'),url(assets/revicons.57fd05d4.ttf) format('ttf'),url(assets/revicons.a77de540.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
#__next {
   padding: 20px;
}
.image-item {
   padding: 40px 0 20px 20px;
}
.gridViewContainer{
   display: grid;
   /* grid-template-columns: repeat(7, minmax(0, 1fr)); */
   box-sizing: border-box;
   margin: 1rem 2.5vw;
}
.gridViewContainer .image-container{
   padding: 1rem;
}
.gridViewContainer_related{
   display: grid;
   /* grid-template-columns: repeat(7, minmax(0, 1fr)); */
   box-sizing: border-box;
   margin: 1rem 0;
}
.gridViewContainer_related .image-container{
   padding: 1rem;
}
.image-container > img:hover{
   cursor: pointer;
   scale: 1.03;
   transition-duration: 450ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.skeleton-image-container{
   width: 100%;
   height: 10rem;
   padding: 1rem;

}

.skeleton-image-container > .skeleton-image{
   background: #1e1e1e;
   height: 100%;
}
.railHeadMobile p{
   font-size: 14px !important;
}
#__next {
   padding: 20px;
}
.image-item {
   padding: 40px 0 20px 20px;
}

.custom-right-arrow-right{position:absolute !important;right:1%;z-index:100;color:#fff;background-color:#000;display:inline-block;padding:6px;cursor:pointer}.custom-right-arrow-left{position:absolute !important;left:1%;z-index:100;color:#fff;background-color:#000;display:inline-block;padding:6px;cursor:pointer}
.image-item{margin:2px;z-index:-1;margin-left:0px;cursor:pointer;transition:all .1s ease-in-out}.image-item:hover{margin-left:0px;z-index:999;transition-duration:all .1s ease-in-out;transform:scale3d(1.2, 1.2, 1.2)}@media only screen and (min-width: 1400px){.image-item:hover{transform:scale3d(1.1, 1.1, 1.1)}}@media only screen and (min-width: 2500px){.image-item:hover{transform:scale3d(1.25, 1.25, 1.25)}}
#__next {
   padding: 20px;
}
.image-item {
   padding: 40px 0 20px 20px;
}

.custom-right-arrow-right{position:absolute !important;right:1%;z-index:100;color:#4fb378;background-color:#000;display:inline-block;padding:6px;opacity:.5;cursor:pointer}.custom-right-arrow-left{position:absolute !important;left:1%;z-index:100;color:#4fb378;background-color:#000;display:inline-block;padding:6px;opacity:.5;cursor:pointer}.custom-right-arrow:hover{opacity:1;background-image:linear-gradient(to right, black, 25%, transparent)}.custom-right-arrow-left:hover{background-image:linear-gradient(to left, black, 100%, transparent);opacity:1}.custom-right-arrow-right:hover{background-image:linear-gradient(to left, black, 100%, transparent);opacity:1}
.image-item{margin:2px;z-index:-1;margin-left:0px;cursor:pointer;transition:all .1s ease-in-out}.image-item:hover{margin-left:0px;z-index:999;transition-duration:all .1s ease-in-out;transform:scale3d(1.2, 1.2, 1.2)}@media only screen and (min-width: 1400px){.image-item:hover{transform:scale3d(1.1, 1.1, 1.1)}}@media only screen and (min-width: 2500px){.image-item:hover{transform:scale3d(1.25, 1.25, 1.25)}}
#__next {
   padding: 20px;
}
.image-item {
   padding: 40px 0 20px 20px;
}

.custom-right-arrow-right{position:absolute !important;right:1%;z-index:100;color:#fff;background-color:#000;display:inline-block;padding:6px;cursor:pointer}.custom-right-arrow-left{position:absolute !important;left:1%;z-index:100;color:#fff;background-color:#000;display:inline-block;padding:6px;cursor:pointer}
.image-item{margin:2px;z-index:-1;margin-left:0px;cursor:pointer;transition:all .1s ease-in-out}.image-item:hover{margin-left:0px;z-index:999;transition-duration:all .1s ease-in-out;transform:scale3d(1.2, 1.2, 1.2)}@media only screen and (min-width: 1400px){.image-item:hover{transform:scale3d(1.1, 1.1, 1.1)}}@media only screen and (min-width: 2500px){.image-item:hover{transform:scale3d(1.25, 1.25, 1.25)}}
.mylist-item{cursor:pointer;transition:all .3s ease-in-out}.mylist-item:hover{transform:scale(1.13) !important}
.Main-container{width:540px !important;height:50.4375rem;display:flex;justify-content:center;flex-direction:column;border-radius:20px;background:rgba(0,0,0,.84);box-shadow:40px 40px 60px 0px #1e1f21;padding:42px 72px}.MuiFormControl-marginNormal{margin-bottom:0px}.MuiBox-root-7{padding:0px}.subdivStyle{position:absolute;top:0;left:0;width:100%;height:21.3268rem;z-index:1}.heading{margin-bottom:32px;font-weight:600;font-size:28px;line-height:100%;color:#fafafa}.sub-heading{font-size:16px;font-weight:400;line-height:100%;text-transform:capitalize;width:24.75rem}.css-1e77sdp-MuiInputBase-input-MuiFilledInput-input,.css-n1y3mc-MuiInputBase-input-MuiFilledInput-input{padding:0 !important}@media(max-width: 1900px){.css-16rtyv6{padding:0px !important}.mainDivStyle{height:fit-content;transform:scale(0.8)}.Main-container{height:35.4375rem}}
/* Vzy One (plain CSS – all classes prefixed with "vzyone-" to avoid clashing with global app styles) – Privacy Policy
   Values measured from the live https://www.vzy.one/supportPage/privacyPolicy page.
   Breakpoints: >= 1024px desktop layout, >= 601px heading size, >= 769px body line-height. */

/* ---------- Page ---------- */
.vzyone-page {
  width: 100%;
  min-height: 100vh;
  background-color: #18181b;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 100px 16px 16px;
}

.vzyone-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1200px;
  min-height: auto;
  align-items: stretch;
}

/* ---------- Mobile menu toggle ---------- */
.vzyone-menu-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 64px;
  background-color: #27272a;
  color: #fff;
  padding: 16px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 24.5px;
  text-transform: none;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.vzyone-menu-toggle:hover {
  background-color: #3f3f46;
}

.vzyone-menu-toggle-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  color: #fff;
}

.vzyone-menu-toggle svg {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 42px;
  fill: currentColor;
  flex-shrink: 0;
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.vzyone-menu-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* ---------- Sidebar ---------- */
.vzyone-sidebar {
  width: 100%;
  background-color: #27272a;
  border-radius: 8px;
  padding: 24px;
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

.vzyone-sidebar.vzyone-open {
  display: flex;
}

.vzyone-sidebar-title {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 24px;
  color: #fff;
}

.vzyone-tab-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
}

.vzyone-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 64px;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 4px;
  color: #9ca3af;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.vzyone-tab:hover {
  background: #3f3f46;
  color: #fff;
}

.vzyone-tab.vzyone-tab-active,
.vzyone-tab.vzyone-tab-active:hover {
  background: rgba(254, 192, 15, 1);
  color: #000000;
}

/* ---------- Content card ---------- */
.vzyone-content {
  flex-grow: 1;
  background-color: #27272a;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: calc(100vh - 200px);
  overflow: hidden;
}

.vzyone-content.vzyone-hidden {
  display: none;
}

.vzyone-content-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.64px;
  margin-bottom: 24px;
  color: #fff;
}

.vzyone-content-scroll {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 8px;
}

.vzyone-content-scroll::-webkit-scrollbar {
  width: 8px;
}

.vzyone-content-scroll::-webkit-scrollbar-track {
  background: #18181b;
  border-radius: 4px;
}

.vzyone-content-scroll::-webkit-scrollbar-thumb {
  background: #52525b;
  border-radius: 4px;
}

.vzyone-content-scroll::-webkit-scrollbar-thumb:hover {
  background: #71717a;
}

/* Privacy Policy body */
.vzyone-privacy-body {
  color: #d1d5db;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vzyone-privacy-body p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: #fff;
  margin: 0;
}

.vzyone-privacy-body h2 {
  font-size: 17.6px;
  font-weight: 700;
  line-height: 28.16px;
  margin: 16px 0 0;
  color: #d1d5db;
}

/* ---------- >= 601px ---------- */
@media (min-width: 601px) {
  .vzyone-menu-toggle-label,
  .vzyone-sidebar-title {
    font-size: 16px;
    line-height: 25.6px;
  }
}

/* ---------- >= 769px ---------- */
@media (min-width: 769px) {
  .vzyone-privacy-body p {
    line-height: 18px;
  }
}

/* ---------- >= 1024px (desktop) ---------- */
@media (min-width: 1024px) {
  .vzyone-page {
    align-items: center;
    padding: 0 32px 32px;
  }

  .vzyone-layout {
    flex-direction: row;
    gap: 24px;
    min-height: 600px;
  }

  .vzyone-menu-toggle {
    display: none;
  }

  .vzyone-menu-toggle svg {
    display: inline-block;
  }

  .vzyone-sidebar,
  .vzyone-sidebar.vzyone-open {
    width: 280px;
    display: flex;
    position: static;
  }

  .vzyone-sidebar-title {
    display: block;
  }

  .vzyone-content,
  .vzyone-content.vzyone-hidden {
    display: flex;
    padding: 32px;
    height: 600px;
    min-height: auto;
  }

  .vzyone-content-title {
    font-size: 34px;
    line-height: 41.99px;
  }

  .vzyone-content-scroll {
    padding-right: 16px;
  }

  .vzyone-privacy-body h2 {
    font-size: 20px;
    line-height: 32px;
  }
}

/* Vzy One (plain CSS – all classes prefixed with "vzyone-" to avoid clashing with global app styles) – Terms of Use
   Values measured from the live https://www.vzy.one/supportPage/termsOfUse page.
   Breakpoints: >= 1024px desktop layout, >= 601px heading size, >= 769px body line-height. */

/* ---------- Page ---------- */
.vzyone-page {
  width: 100%;
  min-height: 100vh;
  background-color: #18181b;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 100px 16px 16px;
}

.vzyone-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1200px;
  min-height: auto;
  align-items: stretch;
}

/* ---------- Mobile menu toggle ---------- */
.vzyone-menu-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 64px;
  background-color: #27272a;
  color: #fff;
  padding: 16px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 24.5px;
  text-transform: none;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.vzyone-menu-toggle:hover {
  background-color: #3f3f46;
}

.vzyone-menu-toggle-label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  color: #fff;
}

.vzyone-menu-toggle svg {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 42px;
  fill: currentColor;
  flex-shrink: 0;
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.vzyone-menu-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* ---------- Sidebar ---------- */
.vzyone-sidebar {
  width: 100%;
  background-color: #27272a;
  border-radius: 8px;
  padding: 24px;
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

.vzyone-sidebar.vzyone-open {
  display: flex;
}

.vzyone-sidebar-title {
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 24px;
  color: #fff;
}

.vzyone-tab-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
}

.vzyone-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 64px;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 4px;
  color: #9ca3af;
  background: transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.vzyone-tab:hover {
  background: #3f3f46;
  color: #fff;
}

.vzyone-tab.vzyone-tab-active,
.vzyone-tab.vzyone-tab-active:hover {
  background: rgba(254, 192, 15, 1);
  color: #000000;
}

/* ---------- Content card ---------- */
.vzyone-content {
  flex-grow: 1;
  background-color: #27272a;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: calc(100vh - 200px);
  overflow: hidden;
}

.vzyone-content.vzyone-hidden {
  display: none;
}

.vzyone-content-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.64px;
  margin-bottom: 24px;
  color: #fff;
}

.vzyone-content-scroll {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 8px;
}

.vzyone-content-scroll::-webkit-scrollbar {
  width: 8px;
}

.vzyone-content-scroll::-webkit-scrollbar-track {
  background: #18181b;
  border-radius: 4px;
}

.vzyone-content-scroll::-webkit-scrollbar-thumb {
  background: #52525b;
  border-radius: 4px;
}

.vzyone-content-scroll::-webkit-scrollbar-thumb:hover {
  background: #71717a;
}

/* Terms of Use body */
.vzyone-terms-body {
  color: #d1d5db;
  line-height: 1.75;
}

.vzyone-terms-body p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: #fff;
  margin: 0 0 16px;
}

.vzyone-terms-body p.vzyone-mb-1 {
  margin-bottom: 8px;
}

.vzyone-terms-body h2 {
  font-size: 17.6px;
  font-weight: 500;
  line-height: 28.16px;
  margin: 24px 0 8px;
  color: #fff;
}

/* ---------- >= 601px ---------- */
@media (min-width: 601px) {
  .vzyone-menu-toggle-label,
  .vzyone-sidebar-title {
    font-size: 16px;
    line-height: 25.6px;
  }
}

/* ---------- >= 769px ---------- */
@media (min-width: 769px) {
  .vzyone-terms-body p {
    line-height: 18px;
  }
}

/* ---------- >= 1024px (desktop) ---------- */
@media (min-width: 1024px) {
  .vzyone-page {
    align-items: center;
    padding: 0 32px 32px;
  }

  .vzyone-layout {
    flex-direction: row;
    gap: 24px;
    min-height: 600px;
  }

  .vzyone-menu-toggle {
    display: none;
  }

  .vzyone-menu-toggle svg {
    display: inline-block;
  }

  .vzyone-sidebar,
  .vzyone-sidebar.vzyone-open {
    width: 280px;
    display: flex;
    position: static;
  }

  .vzyone-sidebar-title {
    display: block;
  }

  .vzyone-content,
  .vzyone-content.vzyone-hidden {
    display: flex;
    padding: 32px;
    height: 600px;
    min-height: auto;
  }

  .vzyone-content-title {
    font-size: 34px;
    line-height: 41.99px;
  }

  .vzyone-content-scroll {
    padding-right: 16px;
  }

  .vzyone-terms-body h2 {
    font-size: 20px;
    line-height: 32px;
  }
}

.intro-page{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;color:var(--ftColor, #fff);overflow:hidden;justify-content:space-between}.timer{position:relative;z-index:2;width:90%;height:2px;margin:15px auto;background:hsla(0,0%,100%,.2);border-radius:8px;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--hgColor, orange);transition:width .04s linear}.logo-container{display:flex;align-items:center;gap:9.93px;width:100%;justify-content:center}@media screen and (max-width: 768px){.logo-container{gap:6.07px}}.branding-logo-container{border-left:.62px solid #fff;padding-left:9.93px}@media screen and (max-width: 768px){.branding-logo-container{padding-left:6.07px;border-left:.38px solid #fff}}.content-wrapper{display:flex;flex-direction:column;gap:12px;z-index:2;padding-bottom:24px}.content-section{padding:16px;display:flex;flex-direction:column;gap:16px}.content-section h1{font-weight:500;font-style:Medium;font-size:24px;line-height:120%;letter-spacing:0%;color:var(--ftColor, #fff)}.content-section ul{gap:16px;padding-left:20px;display:flex;flex-direction:column}.content-section li{font-weight:400;font-size:12px;line-height:100%;letter-spacing:0%}.ott-row{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.ott-row::-webkit-scrollbar{display:none;scrollbar-width:none}.ott-card{width:40px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ott-logo{width:100%;height:100%;border-radius:3.33px;object-fit:contain}.start-btn-wrrapper{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:4rem}.start-btn{width:90%;height:54px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}@media(max-width: 768px){.ott-card{width:40px;height:40px;font-size:14px}.start-btn{height:42px;font-size:14px}}
.order-summary-parent {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #131313;
  width: 100%;
  flex-direction: column;
}

@media (max-width: 767px) {
  .order-summary-parent {
    background-color: transparent;
  }
}

.order-summary-parent .order-summary-back-nav {
  height: 35px;
  display: flex;
  align-items: center;
}


.order-summary-parent .order-summary-back-nav img {
  cursor: pointer;
}

.order-summary-parent .order-summary-container {
  width: 600px;
  height: 100%;
  background-color: #2f2f2f;
  height: auto;
  border-radius: 8px;
}


.order-summary-parent .order-summary-container .order-summary-top {
  font-size: 20px;
  color: var(--ftColor, #fff);
  padding: 0 24px;
  height: 55px;
  line-height: 55px;
  font-weight: 400;
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: flex-start;
  /* background-color: #2a2a2a; */
}

.order-summary-parent .order-summary-container .order-summary-body {
  padding-bottom: 20px;
}

.order-summary-parent .order-summary-container .order-summary-body>div:not(:last-child) {
  border-bottom: 1px solid #404040;
  color: var(--ftColor, #fff);;
}

.order-summary-parent .order-summary-container .order-summary-body:last-child {
  border: none;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first {
  padding: 10px 28px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-label {
  font-size: 16px;
  color: hsla(0, 0%, 100%, .6);
  gap: 10px;
  line-height: 1.5;
  font-weight: 400;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-top {
    font-size: 16px;

  }

  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-label {
    color:var(--ftColor, #fff);
    font-size: 14px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ftColor, #fff);
  padding-bottom: 0;
  line-height: 1.4;
  font-weight: 500;
}

@media (max-width: 991px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info {
    font-size: 16px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-plan-title {
  max-width: 80%;
  font-weight: 400;
  font-size: 22px;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-plan-title {
    max-width: 600px;
    white-space: pre-wrap;
    text-align: start;
    font-weight: 400;
    font-size: 18px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price {
  min-width: 50px;
  position: relative;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price {
    text-align: end;
    font-size: 18px;

  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price.order-summary-after-price {
  margin-right: 15px;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price.order-summary-after-price:before {
  content: "";
  position: absolute;
  width: 42px;
  height: 2px;
  background-color: var(--ftColor, #fff);
  top: 10px;
  left: -8px;
}

@media (min-width: 1441px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price.order-summary-after-price:before {
    width: 50px;
    left: -6px;
    top: 13px;
  }
}

@media (max-width: 1366px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price.order-summary-after-price:before {
    width: 50px;
    left: -4px;
    top: 13px;
  }
}

@media (max-width: 991px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-price.order-summary-after-price:before {
    width: 40px;
    left: -4px;
    top: 12px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-rent-amount-container {
  display: flex;
  flex-direction: column;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-rent-amount-container .order-summary-rent-label {
  font-size: 18px;
  color: var(--ftColor, #fff);
  opacity: .8;
  line-height: 1.5;
}

@media (max-width: 1366px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-rent-amount-container .order-summary-rent-label {
    font-size: 16px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-rent-amount-container .order-summary-rent-sub-label {
  font-size: 14px;
  color: var(--ftColor, #fff);
  opacity: .8;
  margin-top: 0;
  line-height: 1.5;
}

@media (max-width: 1366px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-first .order-summary-plan-info .order-summary-rent-amount-container .order-summary-rent-sub-label {
    font-size: 14px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 10px 28px;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second {
    padding: 10px 20px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-plan-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: var(--ftColor, #fff);
  font-weight: 500;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-plan-info>span:first-child {
  font-size: 18px;
  color: var(--ftColor, #fff);
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 991px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-plan-info>span:first-child {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-plan-info>span:first-child {
    font-size: 14px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section {
  border-bottom: 2px solid #404040;
  position: relative;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div {
  width: calc(100% - 106px);
  position: relative;
  border-radius: 3px;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-label {
  color: var(--ftColor, #fff);
  opacity: .8;
  gap: 10px;
  transition: opacity .2s ease, visibility .2s ease;
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  top: 10px;
  display: flex;
  align-items: center;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-coupon-input {
  font-size: 14px;
  color: var(--ftColor, #fff);
  display: block;
  width: 100%;
  height: 40px;
  margin: unset;
  padding: unset;
  line-height: 1.5;
  outline: none;
  background: none;
  border: none;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-coupon-input {
    font-size: 16px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-label {
  font-size: 14px;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-coupon-input:focus+.order-summary-label,
.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-coupon-input:not(:placeholder-shown)+.order-summary-label {
  opacity: 0;
  visibility: hidden;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-input-div .order-summary-coupon-input.order-summary-is-coupon-apply {
  pointer-events: none;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-input-container .order-summary-apply-btn {
  width: 94px;
  height: 40px;
  border-radius: 4px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
  font-weight: 600;

  @media (max-width: 767px) {
    width: 74px;
    height: 32px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-coupon-msg {
  font-size: 12px;
  color: red;
  position: absolute;
  bottom: 3px;
  line-height: 1;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-coupon-msg.order-summary-suc-coupon-msg {
  color: green;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-second .order-summary-form-section .order-summary-coupon-msg {
    position: relative;
    top: -4px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom {
  padding: 10px 28px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom {
    padding: 10px 20px;
    width: 100%;
    bottom: 15px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  font-size: 16px;
  color: var(--ftColor, #fff);
  padding-bottom: 24px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount {
    font-size: 14px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 1px solid hsla(0, 0%, 100%, .2);
  border-radius: 8px;
  /* background-color: #2c2c2c; */
  cursor: pointer;
  gap: 12px;
  transition: border-color .3s ease;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option:hover {
  border-color: hsla(0, 0%, 100%, .4);
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-radio-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin: unset !important;
  padding: unset;
  min-width: 16px;
  min-height: 16px;
  border: 2px solid #4caf50;
  border-radius: 50%;
  outline: none;
  position: relative;
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-radio-input:checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  min-height: 8px;
  background-color: #4caf50;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-content {
  display: flex;
  flex-direction: column;
  color: var(--ftColor, #fff);
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-content .order-summary-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-content .order-summary-title {
    font-size: 16px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-total-amount .order-summary-payment-option .order-summary-content .order-summary-description {
  font-size: 14px;
  color: var(--ftColor, #fff);
  opacity: .8;
  line-height: 1.5;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-proceed-pay {
  width: 100%;
  font-size: 16px;
  height: 54px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  border: none;
  margin-top: 8px;
  font-weight: 600;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-proceed-pay:disabled {
  background: var(--btn_disabled_gdColor, linear-gradient(90deg, RGBA(240, 90, 37, 1) 0%, rgba(119, 34, 168, 1) 100%));
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-proceed-pay {
    height: 44px;
  }
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-proceed-pay:hover {
  opacity: 0.9;
}

.order-summary-parent .order-summary-container .order-summary-body .order-summary-body-bottom .order-summary-proceed-pay:active {
  opacity: 0.8;
}

.order-summary-view-coupon {
  color: var(--hgColor,#e7195a);
  font-size: 12px;
  cursor: pointer;
  position: relative;
  background-color: var(--hgColor,#e7195a);

}

.order-summary-view-coupon:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
}

.order-summary-loader {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.order-summary-apply-loader {
  width: 20px;
  height: 30px;
}


.order-summary-autorenew {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.order-summary-autorenew__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.order-summary-autorenew__text {
  font-size: 16px;
  line-height: 1;
  color: var(--ftColor, #FFF);
  opacity: 0.7;
  white-space: nowrap;

  @media screen and (max-width) {}
}

.order-summary-autorenew__help {
  font-size: 16px;
  color: #4aa8ff;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.order-summary-autorenew__help:hover {
  opacity: 0.8;
}

.order-summary-autorenew__label>* {
  flex-shrink: 0;
}


.order-summary-features {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

.order-summary-feature {
  display: flex;
  align-items: center;
  gap: 14px;
}

.order-summary-feature__icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.order-summary-feature__text {
  font-size: 16px;
  font-weight: 400;
  color: var(--ftColor, #FFF);
  opacity: .8;
  line-height: 1.3;
}


.order-summary-autorenew__text {
  font-size: 16px;
}

.order-summary-autorenew__help {
  font-size: 16px;
}

@media (max-width: 2559px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 16px;
  }
}

@media (max-width: 1919px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 16px;
  }
}

@media (max-width: 1439px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 14px;
  }
}

@media (max-width: 967px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .order-summary-feature__text {
    font-size: 12px;
  }

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 12px;
  }
}

@media (max-width: 599px) {
  .root{
    padding-bottom: 0px !important
  }

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 12px;
  }

  .order-summary-parent .order-summary-container {
    width: 100vw;
    height: 100vh;
  }
}

@media (max-width: 479px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 12px;
  }

  .order-summary-parent .order-summary-container {
    width: 100vw;
    height: 100vh;
  }
}

@media (max-width: 359px) {

  .order-summary-autorenew__text,
  .order-summary-autorenew__help {
    font-size: 12px;
  }

  .order-summary-parent .order-summary-container {
    width: 100vw;
    height: 100vh;
  }
}
.payment-page {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, 0.95) 0%,
      rgba(0, 0, 0, 0.7) 40%,
      rgba(0, 0, 0, 0.3) 70%,
      rgba(0, 0, 0, 0.3) 80%,
      rgba(0, 0, 0, 0) 100%),
    url(assets/dish-payment-background.98166c41.jpg);

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.payment-page>.pending {
  line-height: 1;
  padding: 1rem;
  font-size: 1rem;
  font-weight: bold;
}


.payment-header {
  height: 35px;
  display: flex;
  align-items: center;
  padding: 25px 0 25px 40px;
  background-color: #000;
}

.payment-back-icon {
  padding-right: 8px;
}

.payment-card {
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width:600px) {
  .payment-card {
    width: 90vw;
  }
}

.payment-card>div:first-child {
  padding: 20px;
  border-radius: 20px 20px 0 0;
  background-color: #2e2d2d;
}

.payment-status-content {
  min-height: 250px;
  width: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.payment-status-image {
  border-radius: 50%;
  height: 56px;
  opacity: 1;
  width: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.access-to {
  padding: 0.7rem 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0%;
  text-align: center;
  color: var(--ftColor, #FFF);
}

.txn-failed {
  padding: 1rem 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.payment-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 3rem 0;
  line-height: 1;
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0%;
  text-align: center;
  color: var(--ftColor, #FFF);
  width: fit-content;
  height: 40px;
  opacity: 1;
}

.solid-border {
  border: 1px solid rgba(255, 255, 255, 0.16);
  width: 100%;
  height: 0px;
  opacity: 1;
  border-width: 1px;
}

.order_id {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 0;
}

.order_id>span:nth-child(1) {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.72);
}

.order_id>span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.dotted-border {
  width: 100%;
  height: 0px;
  opacity: 1;
  border-style: dashed;
  border: 1px dashed rgba(255, 255, 255, 0.16);
}

.order-info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: fit-content;
  line-height: 1.5;
  padding: 1rem 0;
}

.tvod-validity {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.tvod-validity>.start_date,
.tvod-validity>.end_date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tvod-validity>.start_date>span:nth-child(1),
.tvod-validity>.end_date>span:nth-child(1) {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.72);
}

.tvod-validity>.start_date>span:nth-child(2),
.tvod-validity>.end_date>span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}


.order-info>.valid-till {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.order-info>.valid-till>span:nth-child(1) {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.72);
}

.order-info>.valid-till>span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.payment-failed-title {
  color: #ff4d4d;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0;
  line-height: 1;
}

.payment-failed-title.success {
  color: #41d195;
}

.payment-detail {
  width: 100%;
  margin: 12px 0;
  color: #666;
  line-height: 1.6;
  border-bottom: 1px dashed rgba(255, 255, 255, .1);
  font-size: 0.8rem;
  color: var(--ftColor, #FFF);
  opacity: 0.9;
}

.payment-detail.success {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-info {
  width: 100%;
  color: var(--ftColor, #FFF);
  font-size: 1rem;
  line-height: 1.5;
  opacity: 0.9;
}

.payment-info.success {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-refund-info {
  width: 100%;
  padding: 1rem 0 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}

.scalloped-border {
  width: 100%;
  height: 20px;
  background: radial-gradient(circle at 12px 20px, transparent 10px, #2e2d2d 12px);
  background-size: 34px 20px;
  margin: 0;
  position: relative;
  top: -2px;
}

.payment-action {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.payment-try-btn {
  width: inherit;
  padding: 12px 32px;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.payment-try-btn:hover {
  opacity: 0.8;
}

.payment-redirect-msg {
  margin-top: 16px;
  font-size: 0.875rem;
  color: var(--ftColor);
  line-height: 1.5;
  opacity: 0.6;
}

.payment-success {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--btn_gdColor, linear-gradient(90deg, RGBA(240, 90, 37, 1) 0%, rgba(119, 34, 168, 1) 100%));
  color: var(--btn_txt_Color , #FFFFFF);
}

.payment-success__card {
  width: 100%;
  width: 700px;
  padding: 48px 32px 40px;
  text-align: center;
  color: white;
}

.payment-success__icon {
  width: 96px;
  margin-bottom: 24px;
}

.payment-success__title {
  font-size: 42px;
  font-weight: 700;
  margin: 12px 0 16px;
  line-height: 1;
}

.payment-success__subtitle {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 36px;
  color: rgba(255, 255, 255, 0.95);
}

.payment-success__details {
  font-size: 18px;
  line-height: 1.9;
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.9);
}

.payment-success__details p:nth-child(4) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.payment-success__details span {
  font-weight: 600;
}

.payment-success__details .spaced {
  margin-top: 20px;
}

.payment-success__btn {
  background: var(--btn_gdColor, linear-gradient(90deg, RGBA(240, 90, 37, 1) 0%, rgba(119, 34, 168, 1) 100%));
  color: var(--btn_txt_Color , #FFFFFF);
  border: none;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.payment-success__btn::after {
  content: '>';
  padding-left: 0.5rem;
}

.payment-info {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: start;
  gap: 12px;
  width: 100%;
}

.payment-title {
  text-align: center;
  word-break: break-word;
}

.payment-date {
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 768px) {
  .payment-success {
    border-radius: 8px;
  }

  .payment-success__card {
    width: 80vw
  }

  .payment-success__icon {
    width: 72px;
    margin-bottom: 12px;
  }

  .payment-success__title {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 10px;
  }

  .payment-success__subtitle,
  .payment-success__details {
    font-size: 16px;
    margin-bottom: 14px;

  }
}
/* Keep the SDK surface independent of the shared VOD/live player layout. */
.hotstar-player-page {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
}

.hotstar-player-page > .hotstar-player-startup {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.hotstar-player-page > #hotstar-player-container {
  width: 100%;
  height: 100%;
}

.view-all-grid {
  --view-all-aspect-ratio: 16 / 9;
  --view-all-columns: 6;
  display: grid;
  grid-template-columns: repeat(var(--view-all-columns), minmax(0, 1fr));
  gap: 24px 11.2px;
}

.view-all-card {
  position: relative;
  min-width: 0;
}

.view-all-card-button {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: start;
  cursor: pointer;
}

.view-all-card-artwork {
  display: block;
  aspect-ratio: var(--view-all-aspect-ratio, 16 / 9);
  overflow: hidden;
  border-radius: 8px;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  background: #333;
}

.view-all-card-artwork img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.view-all-card-title {
  display: block;
  margin: 4.8px 0 0;
  padding: 0;
  font-family: inherit;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.view-all-card-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.view-all-card-overlays {
  position: absolute;
  inset: 0 0 auto;
  aspect-ratio: var(--view-all-aspect-ratio);
  pointer-events: none;
}

.view-all-card-metadata {
  display: block;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--ftColor, #fff);
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.view-all-card-metadata span+span::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
  vertical-align: middle;
  border-radius: 50%;
  background: currentColor;
}

.view-all-ratio-1x1 {
  --view-all-aspect-ratio: 1 / 1;
}

.view-all-ratio-2x3 {
  --view-all-aspect-ratio: 2 / 3;
  --view-all-columns: 8;
}

.view-all-ratio-4x3 {
  --view-all-aspect-ratio: 4 / 3;
}

.view-all-ratio-3x4 {
  --view-all-aspect-ratio: 3 / 4;
}

.view-all-ratio-9x16 {
  --view-all-aspect-ratio: 3 / 4;
}

.view-all-size-large {
  --view-all-columns: 5;
}

.view-all-size-small {
  --view-all-columns: 7;
}

.view-all-ratio-2x3.view-all-size-large {
  --view-all-columns: 7;
}

.view-all-ratio-2x3.view-all-size-small {
  --view-all-columns: 9;
}

@media (max-width: 1024px) {
  .view-all-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.view-all-pagination {
  display: flex;
  justify-content: center;
  padding: 24px 0;
  min-height: 48px;
  line-height: 1.5;
}

.view-all-skeleton-block {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  animation: viewAllSkeletonBreathe 1.6s ease-in-out infinite;
}

.view-all-card-artwork.view-all-skeleton-block {
  border-color: transparent;
}

.view-all-skeleton-title-row {
  display: flex;
  align-items: center;
  height: 21px;
  margin-top: 4.8px;
}

.view-all-skeleton-title {
  width: 80%;
  height: 14px;
}

.view-all-skeleton-metadata-row {
  display: flex;
  align-items: center;
  height: 18px;
}

.view-all-skeleton-metadata {
  width: 60%;
  height: 12px;
}

@keyframes viewAllSkeletonBreathe {

  0%,
  100% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .view-all-skeleton-block {
    animation: none;
    opacity: 0.75;
  }
}

@media (max-width: 600px) {
  .view-all-card-artwork {
    border-radius: 4px;
  }

  .view-all-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 12px;
  }
}

/* CleverTap Push Notification Popup Styles - Fix Overlapping */

.wzrk-alert {
  max-width: 400px !important;
  width: 90vw !important;
  padding: 24px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  background: white !important;
  line-height: 1.4 !important;
  position: fixed !important;
  z-index: 99999 !important;
}

/* Desktop screens > 968px - Top right position */
@media (min-width: 969px) {
  .wzrk-alert {
    top: 1rem !important;
    right: 3.5vw !important;
    left: auto !important;
    transform: none !important;
    max-width: 360px !important;
    width: auto !important;
  }
}

/* Mobile/tablet screens <= 968px - Center position */
@media (max-width: 968px) {
  .wzrk-alert {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    margin: auto !important;
  }
}

.wzrk-alert-heading {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  padding: 0 !important;
  word-wrap: break-word !important;
}

.wzrk-alert-body {
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 20px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  padding: 0 !important;
  word-wrap: break-word !important;
}

.wzrk-button-container {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 16px !important;
  padding: 0 !important;
}

.wzrk-button-container button {
  flex: 1 !important;
  padding: 12px 16px !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  min-height: 44px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#wzrk-cancel {
  background-color: var(--secondary_btn_gdColor) !important;
  color: var(--ftColor, #FFF) !important;
}

#wzrk-cancel:hover {
  background-color: #e0e0e0 !important;
}

#wzrk-confirm {
  background-color: var(--hgColor) !important;
  color: white !important;
}

#wzrk-confirm:hover {
  opacity: 0.8 !important;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .wzrk-alert {
    width: 95vw !important;
    padding: 20px !important;
    margin: 16px !important;
  }

  .wzrk-alert-heading {
    font-size: 16px !important;
  }

  .wzrk-alert-body {
    font-size: 13px !important;
  }

  .wzrk-button-container {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .wzrk-button-container button {
    width: 100% !important;
  }
}

/* Animation fix */
.wiz-show-animate {
  animation: wzrkFadeIn 0.3s ease-out !important;
}

/* Desktop animation - slide from top-right */
@media (min-width: 969px) {
  @keyframes wzrkFadeIn {
    from {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}

/* Mobile animation - center popup */
@media (max-width: 968px) {
  @keyframes wzrkFadeIn {
    from {
      opacity: 0;
      transform: translate(-50%, -60%) scale(0.9);
    }

    to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
  }
}
*,*::after,*::before{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;line-height:0}:root{--boxart-imgs-gap: 0.8;--boxart-imgs-per-screen: 8;--handle-width: 3.5;--actual-width: 86.6;--border-radius: 8px;--aspect-ratio: 1.77778;--hgColor: #FEC00F;--ftColor: white;--default-border-radius-non-rdlds-rail-card: 8px}@media screen and (max-width: 450px){:root{--actual-width: 79.7;--boxart-imgs-gap: 1.9}}@media screen and (min-width: 451px)and (max-width: 724px){:root{--actual-width: 83.2;--boxart-imgs-gap:1.4}}@media screen and (max-width: 768px){:root{--border-radius: 4px}}.center{width:100%;max-width:100%;min-width:0;display:flex;overflow-x:clip}.center.railBackgroundImg{min-height:30rem;align-items:end}.center.rtl{direction:rtl}@media screen and (max-width: 1023px){.center.Rec_Rail{margin-left:1.5rem}}.sliderMainRow{width:100%;max-width:100%;min-width:0;position:relative;display:flex;flex-direction:column;transition:transform .54s cubic-bezier(0.5, 0, 0.1, 1) 0s}.sliderMainRow.railBackgroundImg{gap:1rem}.sliderMainRow.top10-rail{margin-bottom:.5rem}@media(max-width: 768px){.sliderMainRow.top10-rail{margin-bottom:.75rem}}.rowHeader{padding-left:calc(var(--handle-width)*1vw);width:fit-content}.rowHeader.rtl{padding-right:calc(var(--handle-width)*1vw)}.rowHeader:hover .icon-showMoreRight{height:100% !important;line-height:100%}.ltr-0{text-align:left}.rowTitle{text-decoration:none;display:flex;color:var(--rail_title_ftColor, white);gap:.3rem}.rowTitle.rtl{gap:1rem}.sliderMainRow.sliderMainRow.sliderMainRow_title_card .rowHeader .rowTitle>.row-header-title{display:flex;justify-content:center;align-items:center;gap:1rem;font-style:normal;font-size:calc(1.5rem - var(--font-size-reduction));line-height:2rem;vertical-align:bottom;font-weight:500;letter-spacing:.56px;text-transform:capitalize}.sliderMainRow.sliderMainRow.sliderMainRow_title_card .rowHeader .rowTitle>.row-header-title.railBackgroundImg{font-weight:500}@media(max-width: 1024px){.sliderMainRow.sliderMainRow.sliderMainRow_title_card .rowHeader .rowTitle>.row-header-title{font-size:16px;line-height:16px}}.sliderMainRow.sliderMainRow.sliderMainRow_title_card .rowHeader>.rowTitle>.aro-row-header{display:none}.sliderMainRow.sliderMainRow.sliderMainRow_title_card .rowHeader>.rowTitle>.aro-row-header.more-visible{display:flex;align-items:center;text-align:center;justify-content:center}.sliderMainRow.sliderMainRow_title_card .rowTitle .see-all-link{font-weight:400;margin-right:10px;font-size:calc(1.25rem - var(--font-size-reduction));line-height:100%;letter-spacing:0px;cursor:pointer;display:flex;align-items:end;max-width:0;transform:translate(-1vw);transition:max-width 1s,opacity 1s,transform .75s;vertical-align:bottom;white-space:nowrap;color:var(--hgColor, #F05A25)}.rowTitle .aro-row-header.more-visible>.see-all-link{max-width:0;margin-right:0;opacity:0;overflow:hidden;visibility:hidden;transform:translate(0);transition:max-width .2s ease,margin-right .2s ease,opacity .15s ease}.rowTitle:hover .aro-row-header.more-visible>.see-all-link,.rowTitle:focus-within .aro-row-header.more-visible>.see-all-link{max-width:200px;margin-right:10px;opacity:1;visibility:visible;transform:translate(5px)}@media screen and (max-width: 720px){.rowTitle .aro-row-header.more-visible>.see-all-link{font-size:calc(1rem - var(--font-size-reduction))}}.sliderMainRow.sliderMainRow_title_card .rowTitle .aro-row-header .aro-row-chevron{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 720px){.sliderMainRow.sliderMainRow_title_card .rowTitle .aro-row-header .aro-row-chevron{font-size:calc(.8rem - var(--font-size-reduction))}}.sliderMainRow.sliderMainRow_title_card .rowTitle .aro-row-header .aro-row-chevron>svg{transform:scale(0.4)}.sliderMainRow.sliderMainRow_title_card .rowTitle .aro-row-header.rtl .aro-row-chevron>svg{transform:rotate(180deg) scale(0.4)}.sliderMainRow.sliderMainRow_title_card .rowTitle .aro-row-header .aro-row-chevron .icon-showMoreRight{display:none;justify-content:center;align-items:center;height:100%;transition:height .3s ease-in-out;color:var(--hgColor)}h2.rowHeader:has(.aro-row-header.more-visible){cursor:pointer}.sliderMainRow.sliderMainRow_title_card a.rowTitle>.aro-row-header.more-visible>.aro-row-chevron .icon-showMoreRight{display:flex;align-items:center}.rail-width-bgimg-aro-header-description{max-width:50%;padding-left:calc(var(--handle-width)*1vw);font-size:calc(1.2rem - var(--font-size-reduction));line-height:120%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rowContainer.railBackgroundImg{padding-top:1rem}.rowContainer,.ptrack-container,.rowContent,.sliderMask{width:100%;max-width:100%;min-width:0}.ptrack-container,.rowContent{height:100%}.slider-hover-trigger-layer:hover{cursor:pointer}.pagination-indicator{right:5vw;top:-20px;position:absolute;display:flex;gap:2px}.pagination-indicator div{list-style:none;width:10px;height:5px;background-color:gray}.pagination-indicator div.active{background-color:red}.slider{width:100%;max-width:100%;min-width:0;z-index:2;padding:0 calc(var(--handle-width)*1vw);touch-action:auto;overflow-x:scroll;scrollbar-width:none;scroll-behavior:smooth;-ms-overflow-style:none}.slider::-webkit-scrollbar{display:none}.slider ::-webkit-scrollbar{display:none}.slider{overflow-y:hidden;padding:1rem 0 1.75rem 0}@media(max-width: 768px){.slider{padding:1rem 0 0rem 0}}@media(max-width: 768px){.slider{padding:1rem 0 1rem 0}}@media(max-width: 768px){.slider.slider-has-title{padding-bottom:calc(.8rem - 2px)}}.sliderContent{transition:transform .3s ease;display:flex;white-space:nowrap;gap:calc(var(--boxart-imgs-gap)*1vw)}@media(max-width: 768px){.sliderContent{gap:8px}}.sliderContent::after{content:"";flex:0 0 calc(var(--handle-width, 3.5)*1vw);display:block}@media(max-width: 768px){.sliderContent.top10.ratio-2x3{gap:12px}}@media(max-width: 768px){.sliderContent.top10.ratio-16x9{gap:8px}}.sliderContent.top10.ratio-16x9.SMALL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-16x9.NORMAL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-16x9.LARGE{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-9x16.SMALL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-9x16.NORMAL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-9x16.LARGE{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-2x3.SMALL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-2x3.NORMAL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-2x3.LARGE{--boxart-imgs-gap: 1.9}@media(max-width: 768px){.sliderContent.top10>.slider-item:nth-child(10){margin-left:.6rem}}.sliderContent.top10.ratio-1x1.SMALL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-1x1.NORMAL{--boxart-imgs-gap: 1.9}.sliderContent.top10.ratio-1x1.LARGE{--boxart-imgs-gap: 1.9}.indicator-icon{height:2.5rem;width:2.5rem;color:var(--hgColor, "white");opacity:1;font-size:calc(2.5rem - var(--font-size-reduction))}.rowContent{position:relative}.slider-item,.title-card,.boxart-container{margin:0;padding:0;height:100%;transition:transform .1s ease-in-out;max-height:fit-content}.rail-card-main-wrapper .rail-card-main{overflow:hidden}.rail-card-main-wrapper.top10-img{display:grid;grid-template-columns:35% 65%;grid-template-areas:"top10-img rail-card-main" "dummy-div rail-card-info"}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.index-9 .rail-card-main{margin-left:1.5rem}}.rail-card-main-wrapper>.top10{font-size:14vw;font-style:normal;font-weight:900;grid-area:top10-img;display:flex;align-items:end;justify-content:flex-start;z-index:4;background:linear-gradient(180deg, #FFFFFF 70%, #999999 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0 !important;color:rgba(0,0,0,.1)}.rail-card-main-wrapper>.top10.top10NumberSize-SMALL{background:linear-gradient(180deg, #FFFFFF 80%, #999999 100%);background-clip:text;-webkit-background-clip:text}.rail-card-main-wrapper>.top10.top10NumberSize-MEDIUM{background:linear-gradient(180deg, #FFFFFF 50%, #999999 100%);background-clip:text;-webkit-background-clip:text}.rail-card-main-wrapper>.top10.top10NumberSize-LARGE{background:linear-gradient(180deg, #FFFFFF 40%, #999999 100%);background-clip:text;-webkit-background-clip:text}@media screen and (max-width: 1023){.rail-card-main-wrapper>.top10{font-size:11vw}}@media screen and (min-width: 1024px)and (max-width: 1440px){.rail-card-main-wrapper>.top10{font-size:15vw}}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:5% 95%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL .top10{font-size:2.8vw;line-height:72%;margin-right:-2rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL .top10.index-9{margin-right:-8rem;letter-spacing:-0.3rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL .top10{font-size:9.8vw;margin-right:-1rem;width:9.8vw}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:14% 86%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-SMALL .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10{font-size:4.9vw;margin-right:-5.5rem;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-0{line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-1{line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-3{line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-9{letter-spacing:-0.7rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .top10{width:4.9vw}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:14% 86%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-MEDIUM .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10{font-size:8vw;margin-right:-8rem;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-0{font-size:8vw;margin-right:-8rem;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-1{font-size:8vw;margin-right:-8rem;line-height:68%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-2{font-size:7.7vw;margin-right:-8rem;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-3{font-size:8.3vw;margin-right:-8rem;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-4{font-size:8vw;margin-right:-8rem;line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-5{font-size:7.8vw;margin-right:-8rem;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-6{font-size:8vw;margin-right:-8rem;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-7{font-size:7.7vw;margin-right:-8rem;line-height:74%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-8{font-size:7.8vw;margin-right:-8rem;line-height:73%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .top10.index-9{font-size:7.9vw;letter-spacing:-1.1rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:14% 86%}.rail-card-main-wrapper.top10-img.SMALL.ratio-16x9.top10NumberSize-LARGE .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:5% 95%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL .top10{font-size:3.4vw;margin-right:-5rem;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL .top10.index-9{letter-spacing:-0.5rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL .top10{margin-right:0;font-size:10.4vw;width:10.4vw}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-SMALL .rail-card-main{margin-left:-1.2rem}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10{font-size:5.95vw;margin-right:-5.5rem;line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-0{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-1{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-3{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-4{line-height:69%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .top10.index-9{line-height:70%;letter-spacing:-0.8rem;margin-left:-1rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:18% 82%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-MEDIUM .rail-card-main{margin-left:-1.4rem}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10{font-size:8.5vw;margin-right:-4rem;line-height:71%}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10{margin-right:-1.5rem;font-size:17.5vw}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-1{line-height:68%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-2{line-height:68%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-4{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-5{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-6{line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .top10.index-9{margin-right:-8.9rem;letter-spacing:-1.2rem;margin-left:-1rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-16x9.top10NumberSize-LARGE .rail-card-main{margin-left:-1.2rem}}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:5% 95%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL .top10{font-size:4.4vw;margin-right:-7rem;line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL .top10.index-9{letter-spacing:-0.5rem;margin-left:-0.6rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL .top10{font-size:16.5vw;margin-right:-3rem;width:16.5vw}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL{grid-template-columns:16% 86%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-SMALL .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:5% 95%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM .top10{font-size:4.4vw;margin-right:-7rem;line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM .top10.index-9{letter-spacing:-0.5rem;margin-left:-0.6rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM .top10{font-size:16.5vw;margin-right:-3rem}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM{grid-template-columns:16% 86%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-MEDIUM .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10{font-size:11.8vw;margin-right:-10rem;line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-0{line-height:69%;font-size:12.2vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-1{line-height:67%;font-size:12.2vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-2{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-3{line-height:71%;font-size:12.3vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-4{line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-5{line-height:71%;font-size:11.9vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-6{line-height:71%;font-size:12.6vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-7{line-height:72%;font-size:11.8vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10.index-9{font-size:11.9vw;margin-right:-16rem;letter-spacing:-1.8rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .top10{font-size:16.5vw;margin-right:-3rem}}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE{grid-template-columns:16% 86%}.rail-card-main-wrapper.top10-img.LARGE.ratio-16x9.top10NumberSize-LARGE .rail-card-main{margin-left:-1rem}}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10{font-size:5.6vw;margin-right:-5.5rem;line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-2,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-5,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-6,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-8{line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10.index-9{letter-spacing:-0.7rem;margin-left:-1rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:18% 82%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .rail-card-main{margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-SMALL .top10{font-size:20vw;margin-left:-0.6rem}}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:30% 70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:9.8vw;margin-right:-3rem;line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-2,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-5,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-6,.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-8{line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-9{margin-right:-8rem;letter-spacing:-1.5rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .rail-card-main{margin-left:-1rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:25vw;margin-left:-1rem}}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10{font-size:14vw;margin-right:-4rem;line-height:70%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-0{font-size:14vw;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-1{font-size:13.4vw;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-2{font-size:13.3vw;line-height:73%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-3{font-size:13.8vw;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-4{font-size:13.7vw;line-height:71.5%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-5{font-size:13.5vw;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-6{font-size:13.8vw;line-height:71%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-7{margin-right:-8rem;font-size:13.4vw;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-8{font-size:13.4vw;line-height:72%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10.index-9{font-size:13.3vw;margin-right:-9rem;letter-spacing:-2rem;line-height:72%;margin-left:-1.8rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .top10{font-size:30vw;width:30vw}.rail-card-main-wrapper.top10-img.SMALL.ratio-2x3.top10NumberSize-LARGE .rail-card-main.index-9{margin-left:2rem}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10{font-size:6.8vw;margin-right:-5rem;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-2,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-5,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-6,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-9{margin-right:-8rem;letter-spacing:-1rem;margin-left:-1.3rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .rail-card-main{margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10{font-size:20vw;font-weight:700;margin-left:-0.6rem;width:20vw}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-SMALL .top10.index-9{letter-spacing:-0.9rem;margin-left:-0.6rem;font-weight:700}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:11.9vw;margin-right:-8rem;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-2,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-5,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-6,.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-8{line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10.index-9{letter-spacing:-1.9rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:15% 85%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:25vw;width:25vw}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10{font-size:16vw;margin-right:-4rem;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-0{font-size:16.1vw;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-1{font-size:16vw;line-height:69%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-2{font-size:15.7vw;line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-3{font-size:16.8vw;line-height:70%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-4{font-size:16.1vw;margin-right:-6rem;line-height:71%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-5{font-size:15.7vw;line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-6{font-size:16vw;line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-7{font-size:15.6vw;margin-right:-6rem;line-height:72%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-8{font-size:15.8vw;line-height:71%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10.index-9{font-size:15.7vw;margin-right:-10rem;line-height:70%;letter-spacing:-2.5rem;margin-left:-1.4rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-2x3.top10NumberSize-LARGE .top10{font-size:30vw;width:30vw}}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:10% 90%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10{font-size:8.4vw;margin-right:-15rem;line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-2,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-5,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-6,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-9{letter-spacing:-1.2rem;margin-left:-1rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .rail-card-main{margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10{font-size:20vw;font-weight:700;margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-4{margin-left:-1rem;font-weight:700}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10.index-9{letter-spacing:-0.8rem;margin-left:-1.4rem;font-weight:700}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-SMALL .top10{width:20vw}}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:14.7vw;margin-right:-15rem;line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-2,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-5,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-6,.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-9 span:nth-child(2){letter-spacing:-2rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .rail-card-main{margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10{font-size:20vw;font-weight:700;margin-left:-0.6rem;width:20vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-4{margin-left:-1rem;font-weight:700}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-MEDIUM .top10.index-9{letter-spacing:-0.8rem;margin-left:-1.4rem;font-weight:700}}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:20% 80%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10{font-size:17.5vw;margin-right:-15rem;line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-0{line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-1{line-height:67%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-2{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-3{line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-4{line-height:70%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-5{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-6{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-7{line-height:72%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-8{line-height:73%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-9{line-height:70%;font-size:14.5vw;margin-right:-15rem;letter-spacing:-2.4rem;margin-left:-1rem}@media screen and (max-width: 768px){.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE{grid-template-columns:16% 84%}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .rail-card-main{margin-left:-0.6rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10{font-size:20vw;font-weight:700;margin-left:-0.6rem;width:20vw}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-4{margin-left:-1rem;font-weight:700}.rail-card-main-wrapper.top10-img.LARGE.ratio-2x3.top10NumberSize-LARGE .top10.index-9{letter-spacing:-0.8rem;margin-left:-1.4rem;font-weight:700}}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-SMALL .top10{font-size:6.8vw;margin-right:-2rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-MEDIUM .top10{font-size:11.9vw;margin-right:-2rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.SMALL.ratio-9x16.top10NumberSize-LARGE .top10{font-size:17vw;margin-right:-4rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-SMALL .top10{font-size:8.24vw;margin-right:-3rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-MEDIUM .top10{font-size:14.42vw;margin-right:-2rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-9x16.top10NumberSize-LARGE .top10{font-size:20.5vw;margin-right:-5rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-SMALL .top10{font-size:9.8vw;margin-right:-3rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-MEDIUM .top10{font-size:17.15vw;margin-right:-4rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.LARGE.ratio-9x16.top10NumberSize-LARGE .top10{font-size:24.5vw;margin-right:-5rem}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-SMALL .top10{font-size:4.4vw;margin-right:-2rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-SMALL .top10{margin-right:0;width:4.4vw}}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-MEDIUM .top10{font-size:7.7vw;margin-right:-3.5rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-MEDIUM .top10{margin-right:-0.5rem;width:7.7vw}}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-LARGE .top10{font-size:11vw;margin-right:-3rem}@media(max-width: 768px){.rail-card-main-wrapper.top10-img.SMALL.ratio-1x1.top10NumberSize-LARGE .top10{margin-right:-0.5rem;width:11vw}}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-SMALL .top10{font-size:5.6vw;margin-right:-3rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-MEDIUM .top10{font-size:9.8vw;margin-right:-4rem}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.NORMAL.ratio-1x1.top10NumberSize-LARGE .top10{font-size:14vw;line-height:73%;margin-right:-4.5rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-SMALL{grid-template-columns:25% 75%}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-SMALL .top10{font-size:7.2vw;margin-right:-4rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-MEDIUM{grid-template-columns:35% 65%}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-MEDIUM .top10{font-size:12.6vw;margin-right:-5rem}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-LARGE{grid-template-columns:40% 60%}.rail-card-main-wrapper.top10-img.LARGE.ratio-1x1.top10NumberSize-LARGE .top10{font-size:18vw;line-height:72%;margin-right:-6rem}.boxart-image.square{width:unset !important;border-radius:inherit !important}.boxart-image.boxart-size-16x9.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen))*1vw);aspect-ratio:16/9}@media screen and (max-width: 450px){.boxart-image.boxart-size-16x9.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-16x9.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-16x9.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-16x9.SMALL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/2.8*1vw)}}.boxart-image.boxart-size-16x9.SMALL.CUS{aspect-ratio:unset;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw);max-width:100%}.boxart-image.boxart-size-16x9.X-SMALL{aspect-ratio:16/9;width:calc(var(--actual-width)/15*1vw)}.boxart-image.boxart-size-16x9.X-SMALL.CUS{aspect-ratio:unset;--actual-width: calc((100 - 2*(var(--handle-width)) - (15)) + 1);width:calc(var(--actual-width)/15*1vw);max-width:100%}.img-nd-subtitle-container.boxart-ratio-16x9.SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/var(--boxart-imgs-per-screen)*1vw)}.img-nd-subtitle-container.boxart-ratio-16x9.X-SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/15*1vw)}.boxart-image.boxart-size-16x9.NORMAL{aspect-ratio:16/9;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw)}@media screen and (max-width: 450px){.boxart-image.boxart-size-16x9.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-16x9.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-16x9.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-16x9.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/2.3*1vw)}}.img-nd-subtitle-container.boxart-ratio-16x9.NORMAL .vodTitleDesc{max-width:100%}.boxart-image.boxart-size-16x9.LARGE{aspect-ratio:16/9;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}@media screen and (max-width: 450px){.boxart-image.boxart-size-16x9.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-16x9.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-16x9.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-16x9.LARGE{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/2.05*1vw)}}.boxart-image.boxart-size-16x9.LARGE .img-nd-subtitle-container.boxart-ratio-16x9.LARGE .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}.boxart-image.boxart-size-2x3.SMALL{aspect-ratio:2/3;object-fit:fill;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) + 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) + 4)*1vw)}@media screen and (max-width: 450px){.boxart-image.boxart-size-2x3.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-2x3.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 6)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-2x3.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-2x3.SMALL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/5*1vw)}}.boxart-image.boxart-size-2x3.X-SMALL{aspect-ratio:2/3;object-fit:fill;--actual-width: calc((100 - 2*(var(--handle-width)) - (15)) + 1);width:calc(var(--actual-width)/15*1vw)}.img-nd-subtitle-container.boxart-ratio-2x3.SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) + 4)*1vw)}.img-nd-subtitle-container.boxart-ratio-2x3.X-SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/15*1vw)}.boxart-image.boxart-size-2x3.NORMAL{aspect-ratio:2/3;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen))) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen))*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-2x3.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-2x3.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-2x3.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-2x3.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/3.7*1vw)}}.img-nd-subtitle-container.boxart-ratio-2x3.NORMAL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen))*1vw)}.boxart-image.boxart-size-2x3.LARGE{aspect-ratio:2/3;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-2x3.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-2x3.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-2x3.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}@media screen and (max-width: 768px){.boxart-image.boxart-size-2x3.LARGE{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/3.4*1vw)}}.img-nd-subtitle-container.boxart-ratio-2x3.LARGE .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw)}.boxart-image.boxart-size-1x1.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) + 1)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) + 2)*1vw);aspect-ratio:1/1;object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-1x1.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-1x1.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-1x1.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.boxart-image.boxart-size-1x1.X-SMALL{aspect-ratio:1/1;object-fit:fill;width:calc(var(--actual-width)/15*1vw)}.img-nd-subtitle-container.boxart-ratio-1x1.SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/var(--boxart-imgs-per-screen)*1vw)}.img-nd-subtitle-container.boxart-ratio-1x1.X-SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/15*1vw)}.boxart-image.boxart-size-1x1.NORMAL{aspect-ratio:1/1;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 1)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 1)*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-1x1.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-1x1.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-1x1.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.img-nd-subtitle-container.boxart-ratio-1x1.NORMAL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 1)*1vw)}.boxart-image.boxart-size-1x1.LARGE{aspect-ratio:1/1;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-1x1.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-1x1.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-1x1.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.img-nd-subtitle-container.boxart-ratio-1x1.LARGE .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw)}.boxart-image.boxart-size-9x16.SMALL{aspect-ratio:9/16;object-fit:fill;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) + 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) + 4)*1vw)}@media screen and (max-width: 450px){.boxart-image.boxart-size-9x16.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-9x16.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-9x16.SMALL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.boxart-image.boxart-size-9x16.X-SMALL{aspect-ratio:9/16;object-fit:fill;--actual-width: calc((100 - 2*(var(--handle-width)) - (15)) + 1);width:calc(var(--actual-width)/15*1vw)}.img-nd-subtitle-container.boxart-ratio-9x16.SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) + 4)*1vw)}.img-nd-subtitle-container.boxart-ratio-9x16.X-SMALL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/15*1vw)}.boxart-image.boxart-size-9x16.NORMAL{aspect-ratio:9/16;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen))) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen))*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-9x16.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-9x16.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-9x16.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.img-nd-subtitle-container.boxart-ratio-9x16.NORMAL .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen))*1vw)}.boxart-image.boxart-size-9x16.LARGE{aspect-ratio:9/16;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);object-fit:fill}@media screen and (max-width: 450px){.boxart-image.boxart-size-9x16.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.boxart-size-9x16.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 725px)and (max-width: 968px){.boxart-image.boxart-size-9x16.LARGE{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.img-nd-subtitle-container.boxart-ratio-9x16.LARGE .vodTitleDesc{max-width:100%;width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw)}.boxart-image.Watch_Again,.boxart-image.Continue_Watching,.boxart-image.My_List,.boxart-image.Because_You_Watched,.boxart-image.Search_Page{display:block;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 2)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);object-fit:cover;border-radius:var(--border-radius)}@media screen and (max-width: 450px){.boxart-image.Watch_Again,.boxart-image.Continue_Watching,.boxart-image.My_List,.boxart-image.Because_You_Watched,.boxart-image.Search_Page{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 5)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.Watch_Again,.boxart-image.Continue_Watching,.boxart-image.My_List,.boxart-image.Because_You_Watched,.boxart-image.Search_Page{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw)}}@media screen and (min-width: 451px)and (max-width: 724px){.boxart-image.Watch_Again,.boxart-image.Continue_Watching,.boxart-image.My_List,.boxart-image.Because_You_Watched,.boxart-image.Search_Page{--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 3)) + 1);width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw)}}.boxart-image.railCardTypeTitleCard-CUS{aspect-ratio:unset !important;max-width:100%;--actual-width: calc((100 - 2*(var(--handle-width)) - (var(--boxart-imgs-per-screen) - 4)) + 1)}.boxart-image.railCardTypeTitleCard-CUS.SMALL{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw) !important}.boxart-image.railCardTypeTitleCard-CUS.NORMAL{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw) !important}.boxart-image.railCardTypeTitleCard-CUS.LARGE{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw) !important}.boxart-image.railCardTypeTitleCard-CUS.X-SMALL{width:calc(var(--actual-width)/15*1vw) !important}.boxart-image.boxart-size-16x9.top10-img.SMALL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 2) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);max-width:100%;aspect-ratio:unset}@media screen and (max-width: 768px){.boxart-image.boxart-size-16x9.top10-img.SMALL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/2.2*1vw)}}.boxart-image.boxart-size-16x9.top10-img.X-SMALL{width:calc(var(--actual-width)/15*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-16x9.top10-img.NORMAL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 3) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-16x9.top10-img.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/2*1vw)}}.boxart-image.boxart-size-16x9.top10-img.LARGE{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 4) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-16x9.top10-img.LARGE{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/1.9*1vw)}}.boxart-image.boxart-size-2x3.top10-img.SMALL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 1) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 1)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-2x3.top10-img.SMALL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/3.5*1vw)}}.boxart-image.boxart-size-2x3.top10-img.X-SMALL{width:calc(var(--actual-width)/15*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-2x3.top10-img.NORMAL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 2) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-2x3.top10-img.NORMAL{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/3*1vw)}}.boxart-image.boxart-size-2x3.top10-img.LARGE{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 3) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-2x3.top10-img.LARGE{--actual-width: calc((100 - 2*(var(--handle-width))) + 1);width:calc(var(--actual-width)/3*1vw)}}.boxart-image.boxart-size-1x1.top10-img.SMALL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 2) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-1x1.top10-img.X-SMALL{width:calc(var(--actual-width)/15*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-1x1.top10-img.NORMAL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 3) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-1x1.top10-img.LARGE{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 4) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 4)*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-9x16.top10-img.SMALL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 1) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 1)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-9x16.top10-img.SMALL{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 5)*1vw)}}.boxart-image.boxart-size-9x16.top10-img.X-SMALL{width:calc(var(--actual-width)/15*1vw);max-width:100%;aspect-ratio:unset}.boxart-image.boxart-size-9x16.top10-img.NORMAL{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 2) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 2)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-9x16.top10-img.NORMAL{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 6)*1vw)}}.boxart-image.boxart-size-9x16.top10-img.LARGE{--actual-width: calc(100 - (2 * var(--handle-width)) - ((var(--boxart-imgs-per-screen) - 3) * var(--boxart-imgs-gap)));width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 3)*1vw);max-width:100%;aspect-ratio:unset}@media(max-width: 768px){.boxart-image.boxart-size-9x16.top10-img.LARGE{width:calc(var(--actual-width)/(var(--boxart-imgs-per-screen) - 7)*1vw)}}.rail-card-main,.img-wrapper{min-width:fit-content;display:flex;flex-direction:column;width:100%;grid-area:rail-card-main;position:relative;border-radius:inherit}.dummy-div{grid-area:dummy-div}.img-wrapper>span{min-width:fit-content}.rail-card-info{grid-area:rail-card-info;display:flex;justify-content:flex-start;align-items:center;width:100%;overflow:hidden}.rail-card-info.CUS{height:100%}.rail-card-info.IMAGE_TITLE_DESC_ICON .rail-card-details{flex-direction:row;align-items:center}.rail-card-info.IMAGE_TITLE_DESC_ICON .rail-card-details .img_container{width:fit-content}.rail-card-info.IMAGE_TITLE_DESC_ICON .rail-card-details .img_container img{max-width:2.5rem;max-height:2.5rem}.rail-card-info.IMAGE_TITLE_DESC_ICON .rail-card-details .title-des_container.cpImage{width:calc(100% - 2.5rem);display:flex;flex-direction:column;gap:.2rem;justify-content:flex-start}.rail-card-info.IMAGE_TITLE_DESC_ICON .rail-card-details .title-des_container{width:100%}.rail-card-info.IMAGE_TITLE_ICON .rail-card-details{flex-direction:row;align-items:center}.rail-card-info.IMAGE_TITLE_ICON .rail-card-details .img_container{width:fit-content}.rail-card-info.IMAGE_TITLE_ICON .rail-card-details .img_container img{max-width:2.5rem;max-height:2.5rem}.rail-card-info.IMAGE_TITLE_ICON .rail-card-details .title-des_container.cpImage{width:calc(100% - 2.5rem);display:flex;flex-direction:column;gap:.2rem;justify-content:flex-start}.rail-card-info.IMAGE_TITLE_ICON .rail-card-details .title-des_container{width:100%}.rail-card-info.TITLE_CHL_NAME_TIME,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME{display:flex;flex-direction:column;width:100%;gap:.5rem;padding-top:.5rem}.rail-card-info.TITLE_CHL_NAME_TIME .title-row,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .title-row,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .title-row,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .title-row{width:inherit;line-height:inherit;color:var(--ftColor, #FFF);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-card-info.TITLE_CHL_NAME_TIME .description-row,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .description-row,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .description-row,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .description-row{width:inherit;line-height:inherit;display:flex;align-items:center;justify-content:space-between;color:var(--ftColor, #FFF);font-weight:400;gap:.5rem}.rail-card-info.TITLE_CHL_NAME_TIME .description-row .left,.rail-card-info.TITLE_CHL_NAME_TIME .description-row .right,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .description-row .left,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .description-row .right,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .description-row .left,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .description-row .right,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .description-row .left,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .description-row .right{font-size:14px;line-height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-card-info.TITLE_CHL_NAME_TIME .description-row .left,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .description-row .left,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .description-row .left,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .description-row .left{flex:1;min-width:0}.rail-card-info.TITLE_CHL_NAME_TIME .description-row .right,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME_TIME .description-row .right,.rail-card-info.DOT_LCN_RIGHT_TITLE_DOT_CHL_NAME_TIME .description-row .right,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME_TIME .description-row .right{flex-shrink:0;opacity:.6;text-transform:uppercase}.rail-card-info.TITLE_CHL_NAME,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME,.rail-card-info.DOT_LCN_RIGHT_TITLE_CHL_NAME,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME{line-height:1;display:flex;flex-direction:column;width:100%;gap:.5rem;padding-top:.5rem}.rail-card-info.TITLE_CHL_NAME .title-row,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME .title-row,.rail-card-info.DOT_LCN_RIGHT_TITLE_CHL_NAME .title-row,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME .title-row{width:inherit;line-height:inherit;color:var(--ftColor, #FFF);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-card-info.TITLE_CHL_NAME .description-row,.rail-card-info.LCN_RIGHT_TITLE_CHL_NAME .description-row,.rail-card-info.DOT_LCN_RIGHT_TITLE_CHL_NAME .description-row,.rail-card-info.DOT_LCN_LEFT_TITLE_CHL_NAME .description-row{width:inherit;line-height:inherit;display:flex;align-items:center;justify-content:space-between;color:var(--ftColor, #FFF);font-weight:400;font-size:14px;letter-spacing:0%}.rail-card-info.row{text-align:left}.rail-card-info.row-reverse{text-align:right}.boxart-image.rail-branding-hg-color{transition:background-color .2s ease-in-out !important}.boxart-image.rail-branding-hg-color:hover{padding:3px;background-color:var(--branding-highlight-color)}.boxart-image.boxart-size-16x9.LDS{clip-path:none;-webkit-clip-path:none;border-radius:0px;border:.5px solid hsla(0,0%,100%,.2);aspect-ratio:16/9}.boxart-image.boxart-size-16x9.RDLDS{clip-path:none;-webkit-clip-path:none;border-radius:var(--border-radius);border:.5px solid hsla(0,0%,100%,.2);aspect-ratio:16/9}.boxart-image.boxart-size-16x9.OVLLDS{clip-path:ellipse(50% 50% at 50% 50%);-webkit-clip-path:ellipse(50% 50% at 50% 50%);aspect-ratio:16/9;object-fit:scale-down}.boxart-image.boxart-size-16x9.HEXLDS{clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);-webkit-clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);aspect-ratio:16/9}.boxart-image.boxart-size-2x3.PR2{clip-path:none;-webkit-clip-path:none;aspect-ratio:2/3;border-radius:0px;border:.5px solid hsla(0,0%,100%,.2)}.boxart-image.boxart-size-2x3.RDLDS{clip-path:none;-webkit-clip-path:none;border-radius:var(--border-radius);border:.5px solid hsla(0,0%,100%,.2);aspect-ratio:2/3}.boxart-image.boxart-size-2x3.RDPR2{clip-path:none;-webkit-clip-path:none;border-radius:var(--border-radius);border:.5px solid hsla(0,0%,100%,.2);aspect-ratio:2/3}.boxart-image.boxart-size-2x3.OVPR2{clip-path:ellipse(50% 50% at 50% 50%);-webkit-clip-path:ellipse(50% 50% at 50% 50%);aspect-ratio:2/3}.boxart-image.boxart-size-1x1.CIR{clip-path:circle(50%);-webkit-clip-path:circle(50%);border-radius:50%;aspect-ratio:1/1}.boxart-image.boxart-size-1x1.CIR-T{clip-path:circle(50%);-webkit-clip-path:circle(50%);aspect-ratio:1/1;background:#2f2f2f;padding:2rem}.rail-card-main:has(.img-wrapper>.boxart-image.boxart-size-1x1.CIR-T){outline:.5px solid hsla(0,0%,100%,.2);border-radius:50%}.boxart-image.boxart-size-1x1.SQR{aspect-ratio:1/1;border-radius:0px;border:.5px solid hsla(0,0%,100%,.2)}.boxart-image.boxart-size-1x1.RDSQR{aspect-ratio:1/1;border-radius:var(--border-radius);border:.5px solid hsla(0,0%,100%,.2)}.boxart-image.boxart-size-1x1.RDSQR-T{aspect-ratio:1/1;background:#2f2f2f;border-radius:var(--border-radius);padding:2rem}@media screen and (max-width: 768px){.boxart-image.boxart-size-16x9.RDLDS,.boxart-image.boxart-size-2x3.RDLDS,.boxart-image.boxart-size-2x3.RDPR2,.boxart-image.Watch_Again,.boxart-image.Continue_Watching,.boxart-image.My_List,.boxart-image.Because_You_Watched,.boxart-image.Search_Page,.boxart-image.boxart-size-1x1.RDSQR,.boxart-image.boxart-size-1x1.RDSQR-T{border-radius:4px !important}}.boxart-image.boxart-size-1x1.DMD{-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);aspect-ratio:1/1}.boxart-image.boxart-size-1x1.HEX{clip-path:polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);-webkit-clip-path:polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%)}.playIcon{position:absolute;z-index:2;top:50%;left:50%;width:20%;transform:translate(-50%, -50%)}.rail-card-details{display:flex;flex-direction:column;gap:.2rem;width:100%}.rail-card-info.CUS{display:block;font-weight:500;font-size:.8rem;line-height:1.41;letter-spacing:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--ftColor, white)}@media screen and (max-width: 450px){.rail-card-info.CUS{font-size:.8rem;line-height:1.2}}.rail-card-info.CUS>.rail-card-details{padding:.5rem 0;height:100%;gap:.5rem}.rail-card-info>.rail-card-details>.rail-card-genre{display:none}.rail-card-info.CUS>.rail-card-details>.rail-card-genre{text-transform:capitalize;display:flex;font-weight:500;font-size:.8rem;line-height:1.41;letter-spacing:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--ftColor, white);padding:0 12px 0 8px}@media screen and (max-width: 450px){.rail-card-info.CUS>.rail-card-details>.rail-card-genre{font-size:.6rem;line-height:1.2}}.rail-card-title{font-weight:500;font-size:calc(1.25rem - var(--font-size-reduction));line-height:1.41;letter-spacing:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--ftColor, white)}@media screen and (max-width: 450px){.rail-card-title{font-size:12px;line-height:1.8}}.title-logo{height:30px;width:60px}.rail-card-desc{font-size:calc(1.125rem - var(--font-size-reduction));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;line-height:1.2;white-space:wrap;color:var(--ftColor, white)}@media screen and (max-width: 450px){.rail-card-desc{font-size:.6rem;line-height:1.2}}.rail-card-info.SMALL.CUS>.rail-card-details>.rail-card-desc{color:var(--ftColor, white);opacity:.6;line-height:1.4;font-size:calc(.8rem - var(--font-size-reduction));-webkit-line-clamp:2}.rail-card-info.NORMAL.CUS>.rail-card-details>.rail-card-desc{color:var(--ftColor, white);opacity:.6;line-height:1.4;font-size:calc(.8rem - var(--font-size-reduction));-webkit-line-clamp:3}.rail-card-info.LARGE.CUS>.rail-card-details>.rail-card-desc{color:var(--ftColor, white);opacity:.6;line-height:1.4;font-size:calc(.8rem - var(--font-size-reduction));-webkit-line-clamp:3}.handle{background:none;bottom:0;color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;width:calc(var(--handle-width)*1vw);opacity:1;cursor:pointer;transition:background-color 100ms ease-in-out;z-index:10;height:100%}@media screen and (max-width: 940px){.handle{display:none}}.handle.handlePre:hover{opacity:1}.handle.handleNext:hover{opacity:1}.handle.handleNext:hover .indicator-icon{transform:scale(1.1)}.handle.handlePre:hover .indicator-icon{transform:scale(1.1)}.handlePre{width:calc(var(--handle-width)*1vw - var(--boxart-imgs-gap)*1vw);top:1rem;left:0;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.handle.top10.ratio-16x9.SMALL{width:calc(var(--handle-width)*1vw + var(--boxart-imgs-gap)*1vw)}.handle.top10.ratio-16x9.NORMAL{width:calc(var(--handle-width)*1vw)}.handle.top10.ratio-16x9.LARGE{width:calc(var(--handle-width)*1vw - var(--boxart-imgs-gap)*1vw)}.handleNext{top:1rem;right:0;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.handleNext.search{right:0}.slider-hover-assets-main{position:absolute;z-index:1500;display:flex;flex-direction:column;width:352px;height:340px;background:#262626;color:#fff;cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0px 4px 4px 0px rgba(0,0,0,.2509803922);opacity:0;visibility:hidden;transform-origin:center;transform:scale3d(var(--preview-card-scale-x, 0.8), var(--preview-card-scale-y, 0.8), 1);will-change:opacity,transform}.slider-hover-assets-main .mini-modal-click-target{position:absolute;inset:0;z-index:1;border-radius:inherit}.slider-hover-assets-main .buttons,.slider-hover-assets-main .video-mute-unmute-button{position:relative;z-index:2}.slider-hover-assets-main.preview-visible{opacity:1;visibility:visible;transform:scale(1);animation:preview-card-enter 200ms ease-in both}@media screen and (max-width: 960px){.slider-hover-assets-main.preview-visible{animation:none;opacity:0;visibility:hidden}}@keyframes preview-card-enter{from{opacity:0;transform:scale3d(var(--preview-card-scale-x, 0.8), var(--preview-card-scale-y, 0.8), 1)}to{opacity:1;transform:scale(1)}}.slider-hover-assets-main.preview-exiting{opacity:0;visibility:visible;transform:scale(1);pointer-events:none;animation:preview-card-exit 180ms ease-out both}@keyframes preview-card-exit{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion: reduce){.slider-hover-assets-main{animation-duration:120ms}.slider-hover-assets-main.preview-visible{animation-name:preview-card-fade-in;animation-duration:120ms}.slider-hover-assets-main.preview-exiting{animation-name:preview-card-exit;animation-duration:120ms}}@keyframes preview-card-fade-in{from{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.slider-hover-assets-main.img-16x9.SMALL{top:-30%}.slider-hover-assets-main.img-16x9.NORMAL{top:-30%}.slider-hover-assets-main.img-16x9.LARGE{top:-30%}.slider-hover-assets-main.img-1x1.SMALL{top:-30%}.slider-hover-assets-main.img-1x1.NORMAL{top:-30%}.slider-hover-assets-main.img-1x1.LARGE{top:-30%}.slider-hover-assets-main.img-9x16.SMALL{top:0%}.slider-hover-assets-main.img-9x16.NORMAL{top:0%}.slider-hover-assets-main.img-9x16.LARGE{top:0%}.slider-hover-assets-main.img-2x3.SMALL{top:-25%}.slider-hover-assets-main.img-2x3.NORMAL{top:-10%}.slider-hover-assets-main.img-2x3.LARGE{top:-10%}.asset-hover-popup-video-element{position:absolute;background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:100%;height:100%;object-fit:cover}.asset-hover-popup-video-element.rtl{position:unset}.rating-star-container{height:29px;display:flex;align-items:center}.starIcon-button{position:absolute;height:29px;top:.625rem;right:.625rem;gap:4.36px;z-index:10;padding:4.36px 13.09px;border-radius:20px;border:none;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.7)}.starIcon-button svg{position:relative;width:16.627px;height:16.627px}.starIcon-button .ratingText{padding-top:2px;height:29px;display:flex;align-items:center;font-size:16px;letter-spacing:0;line-height:26.19px;font-weight:500}.progressBarWrapper{position:absolute;width:100%;height:28px;bottom:0;background:linear-gradient(180deg, rgba(36, 37, 64, 0.0001) 0%, rgba(36, 37, 64, 0.7) 89.43%);display:flex;justify-content:center;align-items:center}.video-mute-unmute-button{position:absolute;bottom:31.1px;right:21.38px;width:30px;height:30;z-index:10;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.2)}.video-mute-unmute-button svg{width:30px;height:30px;fill:none}.preview-info-main{width:100%;display:flex;flex-direction:column;padding:1rem}.progress-bar{display:flex;justify-content:center;position:absolute;bottom:10px;left:0;width:100%;height:5px;overflow:hidden}.preview-details-info-wraper{display:flex;flex-direction:column;gap:10px;padding-bottom:1rem;width:100%}.preview-details-info-wraper.row{text-align:left}.preview-details-info-wraper.row-reverse{text-align:right}.title{font-size:calc(1.5rem - var(--font-size-reduction));font-weight:bold;min-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.subtitle{display:inline-block;overflow:hidden;align-items:center;font-size:calc(1.125rem - var(--font-size-reduction));color:#fff;margin:0;list-style:none;line-height:126%;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.subtitle li{font-size:calc(1rem - var(--font-size-reduction));color:#fff;display:inline;align-items:center;white-space:nowrap}.subtitle .parental-rating{padding:2px 6px;background-color:hsla(0,0%,100%,.2);border-radius:6px;font-size:13.9px;font-weight:bold;border:1px solid hsla(0,0%,100%,.3);text-align:center;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;color:var(--ftColor, #FFF)}.subtitle .parental-rating.row{padding:2px 6px}.subtitle .parental-rating.row-reverse{padding:2px 6px;margin-left:0;margin-right:10px}.buttons{display:flex;gap:12px}.buttons button{background-color:hsla(0,0%,100%,.2);color:#fff;border:none;width:fit-content;width:fit-content;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:opacity .3s;display:grid;place-content:center}.buttons button:hover{opacity:.86}.dot-separator-mp{content:"";width:3px;height:3px;border-radius:50%;margin:0 .3rem;background-color:var(--ftColor, #FFF);display:inline-block;vertical-align:middle}.img-wrapper.Made_For_You{display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.boxart-image.Made_For_You{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;height:100%;box-sizing:border-box;background:inherit;flex-shrink:0;z-index:1}.boxart-image.Made_For_You>h3{padding:.5rem 0 0 .5rem;max-width:65%;line-height:1.5;white-space:normal;overflow-wrap:break-word;word-break:break-word;color:#fff;margin:0;transition:max-width .3s ease-in-out}.boxart-image.Made_For_You>.mfy-desc{font-weight:400}.boxart-image.Made_For_You.NORMAL>.mfy-desc{max-width:65%;font-size:calc(1.5rem - var(--font-size-reduction))}@media screen and (max-width: 1300px){.boxart-image.Made_For_You.NORMAL>.mfy-desc{font-size:calc(1rem - var(--font-size-reduction))}}.boxart-image.Made_For_You.SMALL>.mfy-desc{font-size:calc(1rem - var(--font-size-reduction))}@media screen and (max-width: 1300px){.boxart-image.Made_For_You.SMALL>.mfy-desc{font-size:.66rem}}.boxart-image.Made_For_You.LARGE>.mfy-desc{font-size:2rem}@media screen and (max-width: 1300px){.boxart-image.Made_For_You.LARGE>.mfy-desc{font-size:calc(1.3rem - var(--font-size-reduction))}}.img-wrapper.Made_For_You>.mfu-carousel-container{display:flex;justify-content:center;align-items:center;width:35%;height:100%;position:absolute;right:0;transform:translateX(100%);opacity:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;box-sizing:border-box;overflow:hidden;flex-shrink:0;z-index:20}.img-wrapper.Made_For_You:hover .mfu-carousel-container{transform:translateX(0);opacity:1}.mfu-carousel-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mfu-carousel-item img{width:100%;height:100%;object-fit:cover;border-top-right-radius:10px;border-bottom-right-radius:10px}.slick-slider{width:100%;height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.slick-list{height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.slick-track{height:100%;display:flex;justify-content:center;align-items:center;width:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.slick-slide,.slick-slide>div{height:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.mini-modal-icon-wrapper{min-width:fit-content;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-wrapper.square img{aspect-ratio:unset !important;height:100% !important;object-fit:cover !important}.slider-item.square{width:max-content !important;flex:0 0 auto !important;min-width:unset !important}.slider-item.rail-text-item{width:max-content !important;flex:0 0 auto !important;min-width:unset !important}.slider-item.rail-text-item .boxart-image{width:auto;height:auto;aspect-ratio:auto}.slider-item.rail-text-item .boxart-image.rail-text-card{display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:rgba(0,0,0,0);color:var(--ftColor, #FFF);border:1px solid var(--borderColor, rgba(255, 255, 255, 0.15));white-space:nowrap}.rail-text-card{padding:15px;border-radius:6px}.rail-text-card-label{font-size:12px;line-height:100%}
.lcn-badge {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2D2B2B;
  border-radius: 4px;
  padding: 2px 4px;
  pointer-events: none;
}

.lcn-badge .lcn-channel-id {
  color: var(--ftColor, #FFF);
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;

}

.lcn-badge.RIGHT_CORNER {
  top: 6px;
  right: 6px;
}

.lcn-badge.LEFT_CORNER {
  top: 6px;
  left: 6px;
}

.lcn-badge span:first-child {
  width: ;
}
/* ============================================================
   EPG - Desktop First
   Base styles = desktop, override downward with max-width
   ============================================================ */

html:has(.epg) {
  overflow: hidden;
  overscroll-behavior: none;
}

html:has(.epg-popup__overlay) .MuiDialog-root.MuiModal-root {
  z-index: 9999 !important;
}

.anchored-popover--mobile-backdrop .MuiBackdrop-root {
  background-color: #000000B2 !important;
}

.epg {
  min-width: 100dvw;
  height: calc(100vh - 72px);
  height: calc(100dvh - 72px);
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  padding: 1rem 0 0 3.5vw;
  box-sizing: border-box;
}

.epg *,
.epg *::before,
.epg *::after {
  box-sizing: border-box;
}

.epg__toolbar {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  align-items: center;
  justify-content: space-between;
  min-height: fit-content;
  line-height: 1;
}

.epg__title {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 100%;
  letter-spacing: 0%;
  color:var(--ftColor, #fff)
}

.epg__filters {
  padding-right: 3.5vw;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.epg__selector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  min-width: 163px;
  width: fit-content;
  height: 40px;
  border: 0.5px solid var(--ftColor, #fff);
  border-radius: 8px;
  background: none;
  appearance: none;
  color: var(--ftColor, #ffff);
  padding: 0 1rem;
  cursor: pointer;
}

.epg__selector .label {
  width: 100%;
  text-align: left;
  min-width: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 18px;
  letter-spacing: 0%;
}

.drop-down-arrow>svg {
  transition: transform 0.3s ease;
  transform: rotate(-180deg);

}

.drop-down-arrow.open>svg {
  transform: rotate(0);
}
.drop-down-arrow>svg>path {
stroke: var(--ftColor, #fff);
}

.epg__surface {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  gap: 0.75rem;
}

.epg__topSheetHeader {
  display: none;
}

.epg__header {
  position: sticky;
  flex: 0 0 auto;
  top: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 2rem;
}

.epg__header.reminder-category {
  display: none;
}

.arrow-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  border-radius: 50%;
  background: var(--ftColor, #FFF);
  aspect-ratio: 1/1;
  opacity: 1;
  z-index: 99;
  cursor: pointer;
}

.right-chevron.arrow-btn {
  right: 1rem;
  top: 0;
}

.left-chevron.arrow-btn {
  left: 0;
  top: 0;
}

.epg__channelHeader {
  position: sticky;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.epg__channelHeader>span {
  color: var(--ftColor, #FFF);
  line-height: 1;
  text-align: center;
  width: 100%;
}

.epg__timelineHeader {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.epg__timelineHeaderInner {
  display: flex;
  height: 100%;
  will-change: transform;
}

.epg__timeSlot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: var(--ftColor, #FFF);
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

.epg__timelineHeaderInner .epg__timeSlot:last-child {
  margin-left: -65px;
}

.epg__timelineHeaderInner .epg__timeSlot:first-child {
  padding-left: 4px;
}

.epg__row {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}

.epg__channelCell {
  position: sticky;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  background: #373737;
  border-radius: 8px;
}

.epg__channelWrapper {
  position: relative;
  left: 0;
  z-index: 999;
  height: 100%;
  padding-right: 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.epg__channelWrapper.live {
  /* background: none; */
}

.epg__channelLogo,
.epg__channelFallback {
  height: 100%;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  border-radius: 4px;
  background: #000000;
  flex-shrink: 0;
  border-radius: 4px 0 0 4px;
  padding: 0.4rem;
}

.epg__channelLogo {
  object-fit: cover;
}

.epg__channelFallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ftColor, #FFF);
  font-size: 14px;
  font-weight: 700;
}

.epg__channelName {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 1;
  color: var(--ftColor, #FFF);
  text-transform: capitalize;
}

.epg__programRow,
.epg__timelineRow {
  position: relative;
}

.epg__programRow--skeleton,
.epg__channelWrapper-skeleton {
  background: rgba(255, 255, 255, 0.06);
  animation: epg__skeletonBreathe 1.6s ease-in-out infinite;
  contain: strict;
  border-radius: 0.5rem;
}


@keyframes epg__skeletonBreathe {

  0%,
  100% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {

  .epg__programRow--skeleton,
  .epg__channelWrapper-skeleton {
    animation: none;
    opacity: 0.75;
  }
}

.epg__timelineRow {
  overflow: hidden;
}

.epg__programCard {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 8px;
  background: #373737;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}

.epg__programCard--short {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-align: center;
}

.epg__programCard--gap {
  background: var(--ftColor, #FFF);
  opacity: 0.05;
  cursor: not-allowed;
  pointer-events: none;
  border: 1px dashed var(--ftColor, #FFF);
}

.epg__programCard--gap .epg__programTitle {
  color: var(--ftColor, #FFF);
  opacity: 0.35;
  font-size: 13px;
}

.epg__programCard:hover,
.epg__programCard:focus-visible {
  background: rgba(89, 89, 89, 0.98);
}

.epg__programCard.future-program:not(.my-reminder) {
  pointer-events: none;
}

.epg__programReminderIcon {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.epg__programText {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.epg__programTitle {
  display: block;
  color: var(--ftColor, #FFF);
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epg__programTime {
  display: block;
  color: var(--ftColor, #FFF);
  opacity: 0.78;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.epg__bodyViewport {
  padding-top: 0.7rem;
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;

  /* scroll-bar related start */
  touch-action: auto;
  scrollbar-width: none;
  /* scroll-behavior: smooth; */
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  /* scroll-bar related end */

}

.epg__currentTimeLine {
  position: absolute;
  z-index: 7;
  width: 2px;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--hgColor, #ff8a00);
  pointer-events: none;
  transition: transform 0.3s ease, visibility 0.3s ease;
  visibility: visible;
}

.epg__currentTimeLine.hidden {
  visibility: hidden;
}

.epg__currentTimeLine::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: -5px;
  transform: translateY(-100%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid var(--hgColor, #FF8500);
}

.epg__futureOverlay {
  position: absolute;
  z-index: 6;
  top: 0.7rem;
  left: 0;
  height: 100%;
  background: #4D4D4D66;
  pointer-events: none;
}

.epg__srOnly {
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
}

.category-filter,
.language-filter {
  margin-top: 0.8rem;
  background: #1E1E1E;
  width: 396px;
  height: 295px;
  border-radius: 12px;
  opacity: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color:var(--ftColor,#fff);
}

.category-filter.landscape-mode,
.language-filter.landscape-mode {
  border-radius: unset;
  box-sizing: border-box;
  overflow: hidden;
}

.puller-main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  opacity: 1;
  cursor: pointer;
  touch-action: none;
  user-select: none;

  .puller {
    width: 94px;
    height: 4px;
    border-radius: 100px;
    opacity: 1;
    width: 94px;
    background: var(--stroke20, #FFFFFF33);
  }

  .close-btn {
    position: absolute;
    right: 0.5rem;
  }
}

.category-filter>.header,
.language-filter>.header {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  justify-content: space-between;
}

.category-filter>.header .title,
.language-filter>.header .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: left;
}

.close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.category-filter-body,
.language-filter-body {
  display: grid;
  justify-content: start;
  gap: 1.25rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.category-filter-body {
  grid-template-columns: repeat(2, minmax(0, max-content));
}

.language-filter-body {
  grid-template-columns: repeat(2, minmax(164px, max-content));
}

.radio-btn-main {
  line-height: 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.radio-btn-main .label {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  cursor: pointer;
}

.radio-btn-main .common-check-toggle {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.radio-btn-main .common-check-toggle__box.radio-btn {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.radio-btn-main .common-check-toggle__icon svg {
  display: block;
}

.arrow-btn--disabled {
  cursor: not-allowed;
}

/* ── max-width 900px ────────────────────────────────────────── */

@media screen and (max-width: 968px) {
  .epg {
    height: calc(100vh - 72px);
    height: calc(100dvh - 72px);
    padding: unset;
    gap: 0.6rem;
  }

  .epg__toolbar {
    z-index: 1200;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom));
    width: 100%;
    height: calc(56px + env(safe-area-inset-bottom));
    position: fixed;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    box-sizing: border-box;

    flex-wrap: nowrap;
    flex-direction: row;
    background: #1E1E1E;
  }

  .epg__toolbar .epg__filters {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    height: fit-content;
    padding: 0 0.5vw 0 0;
  }

  .epg__toolbar .epg__filters .epg__selector {
    min-width: 124px;
    height: 32px;
    opacity: 1;
    border-radius: 4px;
    border-width: 0.5px;
    padding: 8px;
  }

  .epg__toolbar .epg__filters .epg__selector .label {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
  }

  .epg__toolbar-mobile {
    height: 52px;
    background: #1E1E1E;
  }

  .epg__toolbar-mobile .back-title {
    font-weight: 500;
  }

  .epg__topSheetHeader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    width: 100%;
    background: #1E1E1E;
    box-sizing: border-box;
  }

  .epg__topSheetHandle {
    position: absolute;
    top: 1rem;
    width: 94px;
    height: 4px;
    opacity: 1;
    border-radius: 100px;
    background: var(--ftColor, #FFF);
    opacity: 0.2;
    cursor: pointer;
  }

  .epg__topSheetClose {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    background: none;
    border: none;
    right: 1rem;
  }

  .arrow-btn {
    display: none;
  }

  .epg__header {
    gap: 0.5rem;
  }


  .epg__title {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;

  }

  .epg__channelHeader span {
    font-weight: 400;
    font-size: 0.625rem;
    opacity: 0.8;
  }

  .epg__channelCell {
    background: #000;
    justify-content: center;
    width: 100%;
  }

  .epg__channelCell img {
    width: 2.75rem;
    aspect-ratio: 1/1;
    background: none;
    padding: unset;
    object-fit: contain;
  }

  .epg__channelName {
    display: none;
  }

  .epg__programTitle {
    font-size: 0.75rem;
  }

  .epg__programTime {
    font-size: 0.625rem;
  }

  .epg__timeSlot {
    font-size: 0.625rem;
    opacity: 0.8;
    border-left: 1px solid var(--ftColor, #FFF);
    opacity: 0.8;
    padding: 0 14px;
  }

  .epg__select {
    min-width: 0;
    width: 100%;
  }

  .epg__selectWrap {
    flex: 1 1 0;
  }

  .epg__row {
    gap: unset;
  }

  .epg__timelineHeader {
    max-height: 100%;
  }

  .epg__currentTimeLine {
    width: 1px;
  }

  .epg__currentTimeLine::before {
    left: -5.5px;
  }

  .epg__channelCell {
    border-radius: 4px;
  }

  .epg__programCard {
    border-radius: 4px;
    background: #262626;
  }

  .epg__surface {
    gap: 0.5rem;
    padding: 0.5rem 0 0 1rem;
  }

  .category-filter,
  .language-filter {
    width: 100vw;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: unset;
    margin: unset;

    .header {
      grid-template-columns: 1fr;
      padding: 0 1rem;
    }
  }

  .category-filter-body,
  .language-filter-body {
    min-height: 0;
    height: fit-content;
    max-height: 450px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 1rem calc(4rem + env(safe-area-inset-bottom, 0px));
    grid-template-columns: repeat(1, minmax(0, 100%));
    gap: unset;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
      display: none;
    }

    ::-webkit-scrollbar {
      display: none;
    }
  }

  .bottom-action {
    position: absolute;
    bottom: 0;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    width: 100%;
    flex: 0 0 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #2D2B2B;
    height: 4rem;
    padding: 0 1rem;

    .left {
      display: flex;
      height: 65%;
      align-items: center;
      flex-basis: 60%;
      font-weight: 500;
      font-style: Medium;
      font-size: 14px;
      line-height: 120%;
      letter-spacing: 0%;
      text-align: center;
      text-transform: capitalize;
      justify-content: space-around;
    }
  }

  .bottom-action .right {
    width: 145px;
    height: 65%;
    border-radius: 8px;
    opacity: 1;
    padding: 0 1rem;
    border-bottom-width: 1.5px;
    border: none;
  }


  .radio-btn-main {
    padding: 1rem 0;
    border-bottom: 1px solid #FFFFFF1A;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .filter-radio-control,
  .radio-btn-main .common-check-toggle {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 16px;
  }

  .common-check-toggle__box.radio-btn {
    width: 16px;
    height: 16px;
  }

}

/* ── 481px to 600px ────────────────────────────────────────── */

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

/* ── 426px to 480px ────────────────────────────────────────── */

@media screen and (min-width: 426px) and (max-width: 480px) {
  .epg__toolbar .epg__filters {
    max-width: 80%;

    .epg__selector {
      min-width: 45%;
    }
  }

  .epg__toolbar .epg__filters .epg__selector .label {
    font-size: 10px;
  }
}

/* ── 425px ────────────────────────────────────────── */
@media screen and (max-width: 425px) {
  .epg__toolbar .epg__filters {
    max-width: 80%;

    .epg__selector {
      min-width: 45%;
    }
  }

  .epg__toolbar .epg__filters .epg__selector .label {
    font-size: 10px;
  }
}

/* ── phone landscape override ──────────────────────────────── */
@media screen and (orientation: landscape) and (min-width: 426px) and (max-width: 968px) and (max-height: 480px) {
  .epg {
    gap: 0;
  }

  .epg__topSheetClose {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    background: none;
    border: none;
    right: 1rem;
  }

  .epg__toolbar {
    position: unset;
    background: none;
  }

  .epg__topSheetHeader {
    background: none;
  }

  .epg__currentTimeLine {
    top: 3px;
  }

  .bottom-action {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: flex-end;
    gap: 12px;
    width: auto;
    height: 4rem;
    box-sizing: border-box;
    padding: 0 16px;
    height: calc(4rem + env(safe-area-inset-bottom));
    padding: 0 max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));
  }

  .bottom-action .left {
    flex: 0 0 auto;
    justify-content: center;
    padding: 0 12px;
  }

  .bottom-action .right {
    flex: 0 0 145px;
  }

  .category-filter.landscape-mode,
  .language-filter.landscape-mode {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 8px 16px calc(4rem + 8px);
    padding:
      max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(4rem + max(8px, env(safe-area-inset-bottom))) max(16px, env(safe-area-inset-left));
    margin: 0;
  }

  .category-filter.landscape-mode>.header,
  .language-filter.landscape-mode>.header {
    flex: 0 0 auto;
    padding: 0;
  }

  .filter-radio-control,
  .radio-btn-main .common-check-toggle {
    display: flex;
  }

  .epg__toolbar .epg__title {
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
    text-wrap: nowrap;
  }

  .epg__toolbar .epg__filters {
    width: auto;
    max-width: none;
    gap: 12px;
  }

  .epg__toolbar .epg__filters .epg__selector {
    box-sizing: border-box;
    /* flex: 0 0 132px; */
    min-width: 132px;
    width: fit-content;
  }

  .epg__toolbar .epg__filters .epg__selector .label {
    font-size: 12px;
  }

  .category-filter-body,
  .language-filter-body {
    padding: unset;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-height: fit-content;
    gap: 28px;
  }

  .language-filter-body {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  }

  .radio-btn-main {
    border-bottom: unset;
    flex-direction: unset;
    justify-content: unset;
    padding: unset;
  }
}

.epg__paginationLock {
  position: absolute;
  inset: 0;
  z-index: 11;
  cursor: wait;
  touch-action: none;
  background: transparent;
}

.epg__paginationLoader {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  pointer-events: none;
}

.lf-card_empty {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 70vh;
}

.lf-card_empty.epg-recently-watched {
  height: 100vh;
  align-items: center;
  @media screen  and (min-width: 1023px){
   height: 50vh;
  }
}
.lf-card_empty.epg-recently-watched.landscape-mode {
 height: 75vh;
  align-items: center;
  .lf-empty-wrapper{
    width: 309px;
  }
}

.lf-empty-wrapper {
  width: 309px;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.lf-card_empty.epg-recently-watched .lf-empty-wrapper {
  gap: 1rem;
}


.lf-empty-description-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color:var(--ftColor, #fff);
}

.lf-empty-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  margin-top: 10px;

}

.lf-empty-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
  margin-top: 10px;

}

.lf-empty-button {
  width: fit-content;
  height: 54px;
  opacity: 1;
  border-radius: 8px;
  padding: 16px 115px;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0px;
  text-align: center;
  white-space: nowrap;
  margin-top: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width:768px) {
  .lf-empty-button {
    height: 42px;
    width: 195px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}


.lf-card_empty.epg-recently-watched {
  .lf-empty-description {
    opacity: 0.7;
  }

  .lf-empty-button {
    font-size: 14px;
  }
}


@media screen and (orientation: landscape) and (min-width: 426px) and (max-width: 968px) and (max-height: 390px) {

  .lf-empty-wrapper {
    width: 80%;
  }

  .lf-empty-wrapper svg {
    transform: scale(0.8);
  }

  .lf-empty-button {
    padding: 0.6rem 1rem;
    height: unset;
    font-size: 10px;
  }

  .lf-empty-description-wrapper {
    gap: 0.2rem;
    font-size: 10px;
  }

  .lf-empty-title {
    font-size: 0.75rem;
  }

}
.transaction-history{padding:32px;color:var(--ftColor, #FFF);min-height:calc(100vh - 160px);line-height:1.45}.transaction-history__header{display:flex;align-items:center;margin-bottom:24px;gap:16px;width:100%}.transaction-history__back{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,0);border:none;color:var(--ftColor, #FFF);font-size:16px;cursor:pointer;padding:8px 0;opacity:.8}.transaction-history__back svg path{fill:currentColor}.transaction-history__title{margin:0;font-size:28px;font-weight:600;flex:1;text-align:center}.transaction-history__error{margin-bottom:16px;padding:12px 16px;border-radius:8px;background:rgba(210,47,39,.15);border:1px solid rgba(210,47,39,.35);color:#ffb4b4}.transaction-history__empty{padding:64px 24px;text-align:center;background:rgba(34,34,34,.8);border-radius:12px;font-size:18px;color:hsla(0,0%,100%,.7)}.transaction-history__table{background:rgba(20,20,20,.85);border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.04)}.transaction-history__table-header,.transaction-history__row{display:grid;grid-template-columns:1.4fr 1fr .9fr .6fr .8fr .8fr .8fr 1.3fr 1fr;gap:0}.transaction-history__table-header--isp,.transaction-history__row--isp{display:grid;grid-template-columns:1.4fr 1fr .9fr .6fr .8fr .8fr .8fr;gap:0}.transaction-history__table-header{background:hsla(0,0%,100%,.05)}.transaction-history__table-body{max-height:calc(100vh - 320px);overflow-y:auto}.transaction-history__cell{padding:1rem .5rem;font-size:12px;border-bottom:1px solid hsla(0,0%,100%,.06);line-height:1.4}.transaction-history__cell--header{font-size:12px;font-weight:600;opacity:.9;text-transform:none;color:var(--ftColor, #FFF)}.transaction-history__row:nth-of-type(even){background:hsla(0,0%,100%,.02)}.transaction-history__row:last-child .transaction-history__cell{border-bottom:none;font-size:12px}.transaction-history__skeleton{display:grid;gap:12px}.transaction-history__skeleton-row{background:rgba(30,30,30,.3);border-radius:12px}.transaction-history__cards{display:none}.transaction-history__card{background:rgba(20,20,20,.85);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.04);line-height:1.45}.transaction-history__card-row,.transaction-history__card-row--isp{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.transaction-history__card-row:last-child,.transaction-history__card-row--isp:last-child{border-bottom:none}.transaction-history__card-label{font-weight:500;color:hsla(0,0%,100%,.7);line-height:1.4}.transaction-history__card-value{font-weight:600;color:hsla(0,0%,100%,.95);line-height:1.4}.transaction-history__card-value--status{color:var(--hgColor, #ff4d85);line-height:1.4}@media(max-width: 1440px){.transaction-history{padding:24px}.transaction-history__table-header,.transaction-history__row{grid-template-columns:1.4fr 1fr .9fr .6fr .8fr .8fr .8fr 1.3fr 1fr}.transaction-history__table-header--isp,.transaction-history__row--isp{grid-template-columns:1.4fr 1fr 1fr 1fr .8fr .8fr 1.3fr}.transaction-history__cell{font-size:12px}}@media(max-width: 1280px){.transaction-history__table-header,.transaction-history__row{grid-template-columns:1.3fr 1.1fr 1fr .8fr 1.1fr 1.1fr 1.1fr 1.1fr 1fr}.transaction-history__table-header--isp,.transaction-history__row--isp{grid-template-columns:1.3fr 1.1fr 1.1fr 1.1fr 1.1fr 1.1fr 1.1fr}}@media(max-width: 1024px){.transaction-history{padding:16px}.transaction-history__table{display:none}.transaction-history__cards{display:flex;flex-direction:column;gap:14px}.transaction-history__card{padding:18px;line-height:1.55}.transaction-history__card-row,.transaction-history__card-row--isp{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.transaction-history__card-label,.transaction-history__card-value{line-height:1.55;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}}@media(max-width: 640px){.transaction-history__header{flex-direction:column;align-items:flex-start;gap:8px}.transaction-history__title{font-size:24px;line-height:1.25}.transaction-history__card{padding:16px;line-height:1.6}.transaction-history__card-row,.transaction-history__card-row--isp{padding:6px 0}.transaction-history__card-label,.transaction-history__card-value{font-size:12px;line-height:1.6}}.transaction-history__cell:nth-last-child(1),.transaction-history__cell:nth-last-child(2){color:var(--hgColor, #ff4d85)}.transaction-history_download_wrapper{display:flex;align-items:center;gap:6px;cursor:pointer}.transaction-history_download_wrapper p{text-decoration:underline;font-size:12px}.transaction-history_download_wrapper svg>g>path{stroke:var(--hgColor, #ff4d85)}@media(max-width: 1024px){.transaction-history_download_wrapper svg>g>path{stroke:var(--ftColor, #FFF)}}.transaction-history__cell{padding:1rem .6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.transaction-history__table-header .transaction-history__cell:nth-last-child(1),.transaction-history__table-header .transaction-history__cell:nth-last-child(2){color:var(--ftColor, #FFF)}.transaction-history__row .transaction-history__cell:nth-last-child(1),.transaction-history__cell:nth-last-child(2){color:var(--hgColor, #ff4d85);font-size:12px}.transaction-history__cell{padding:1rem .6rem !important}.transaction-history__empty{color:var(--ftColor, #FFF)}
.tv-activation-container{min-height:700px;display:flex;justify-content:center;align-items:center;padding:2rem;overflow:hidden;background:rgba(0,0,0,0);overflow-y:scroll}.tv-activation-content{background:#262626;padding:2rem 1.5rem;max-width:550px;aspect-ratio:1/.8;width:100%;display:flex;flex-direction:column;align-items:center;gap:2.5rem;color:var(--ftColor, #FFF)}.tv-activation-content .header-wrapper{display:flex;justify-content:center;flex-direction:column;gap:1rem;align-items:center}.tv-activation-content .header-wrapper .main-title{font-size:2.2rem;font-weight:400;color:var(--ftColor, #FFF);line-height:1;text-align:center}.tv-activation-content .header-wrapper .main-subtitle{font-size:14px;color:var(--ftColor, #FFF);line-height:1.5;font-weight:500;text-align:center}.option-selector{display:flex;gap:1rem;background:#3a3a3a;border-radius:12px;padding:.5rem;width:100%}.option-selector .option-btn{flex:1;padding:1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,0);color:#a0a0a0}.option-selector .option-btn.active{background:#5a5a5a;color:#fff}.option-selector .option-btn:hover:not(.active){background:hsla(0,0%,100%,.1)}.activation-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.activation-form .input-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.activation-form .input-section .input-wrapper{display:flex;justify-content:center;width:100%}.activation-form .input-section .input-wrapper .code-input{width:80%;height:50px;border:1px solid #5a5a5a;border-radius:8px;background:#3a3a3a;color:var(--ftColor, #FFF);text-align:center;font-size:1.4rem;font-weight:600;outline:none;padding:0 1rem;letter-spacing:.5rem;transition:all .3s ease;line-height:1.2;caret-color:currentColor}.activation-form .input-section .input-wrapper .code-input::placeholder{font-size:16px;color:var(--ftColor);opacity:.8;letter-spacing:normal;line-height:1.5}.activation-form .input-section .input-wrapper .code-input:focus{outline:none;border-color:var(--hgColor, #d13066)}.activation-form .input-section .input-wrapper .code-input.error{color:#ff6b6b;border-color:#ff6b6b}.activation-form .input-section .input-wrapper .code-input:disabled{opacity:.5;cursor:not-allowed}.activation-form .error-text{color:#ff6b6b;font-size:.8rem;text-align:center;font-weight:400}.activation-form .activate-button{border:none;width:250px;padding:1rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.activation-form .activate-button:active{transform:translateY(0)}.activation-form .activate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.activation-form .activate-button .loading{width:20px;height:20px}.activation-form .terms-text{display:flex;gap:.3rem;align-items:center;color:var(--ftColor, #FFF);font-size:.9rem;opacity:.7;font-weight:500;line-height:1.4}.activation-form .terms-text .terms-link{color:var(--ftColor, #FFF);opacity:1;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.activation-form .terms-text .terms-link:hover{color:var(--ftColor, #FFF);opacity:1}@media screen and (max-width: 968px){.activation-form .terms-text{flex-direction:column;text-align:center;gap:1rem}}.qr-scanner-section{display:flex;flex-direction:column;align-items:center;width:100%}.qr-scanner-section .qr-placeholder{background:#3a3a3a;border:2px dashed #5a5a5a;border-radius:16px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.qr-scanner-section .qr-placeholder .qr-icon{font-size:3rem}.qr-scanner-section .qr-placeholder p{color:var(--ftColor, #FFF);opacity:.7;text-align:center}.qr-scanner-section .qr-placeholder .scan-button{background:var(--hgColor, #d13066);color:var(--ftColor, #FFF);border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.qr-scanner-section .qr-placeholder .scan-button:hover{opacity:.9;transform:translateY(-1px)}.qr-scanner-section .qr-scanner-active{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.qr-scanner-section .qr-scanner-active .stop-scan-button{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.qr-scanner-section .qr-scanner-active .stop-scan-button:hover{background:#c82333;transform:translateY(-1px)}.scanned-content-display{background:#3a3a3a;border:1px solid #5a5a5a;border-radius:8px;padding:1rem;width:100%;text-align:center}.scanned-content-display h4{color:var(--ftColor, #FFF);font-size:.9rem;margin-bottom:.5rem;font-weight:600}.scanned-content-display p{color:#a0a0a0;font-size:.85rem;margin-bottom:1rem;word-break:break-all;background:#2a2a2a;padding:.5rem;border-radius:4px;border:1px solid #4a4a4a}.scanned-content-display .scanned-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.scanned-content-display .clear-content-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.scanned-content-display .clear-content-btn:hover{background:#c82333}.scanned-content-display .use-code-btn{background:var(--hgColor, #28a745);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.scanned-content-display .use-code-btn:hover{opacity:.9;transform:translateY(-1px)}.success-message{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#28a745;font-size:1rem;background:rgba(40,167,69,.2);padding:1rem;border-radius:8px;border:1px solid rgba(40,167,69,.3);font-weight:600;width:100%}.success-message .success-icon{font-size:1.2rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.tv-activation-container{padding:1rem;align-items:flex-start}.tv-activation-content{padding:4rem 1rem;gap:2rem;background:none}.tv-activation-content .main-title{font-size:2rem}.tv-activation-content .main-subtitle{font-size:1rem;color:var(--ftColor, #FFF);font-weight:500;opacity:.8}.activation-form{gap:1rem}.activation-form .input-section .input-wrapper .code-input{width:100%;height:45px;font-size:1.2rem}.activation-form .activate-button{width:90%;min-width:auto;padding:1rem;height:42px;font-size:14px}.option-selector{flex-direction:column;gap:.5rem}.option-selector .option-btn{padding:.75rem}.QR-wrapper{display:flex;gap:10px;font-weight:500;font-size:14px;line-height:120%;text-align:center;text-transform:capitalize;justify-content:center;align-items:center}.QR-wrapper svg>path{fill:var(--ftColor, #FFF)}.qr-scanner-section{position:absolute}.back-code-button{border:none;width:fit-content;padding:1rem;height:42px;border-radius:6px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center}.subtitle{font-size:.875rem}}
html,body{margin:0 !important;padding:0 !important;box-sizing:border-box}html:has(.MuiDialog-container.MuiDialog-scrollPaper){overflow:hidden !important}html:has(.profile-pic-selection-diaglog-open){overflow:hidden !important}.MuiDialog-container.MuiDialog-scrollPaper{background-color:rgba(39,39,39,.5)}.custom_button{display:flex;width:416px;max-width:100%;height:54px;padding:14px 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;border:none;border-radius:8px;backdrop-filter:blur(15px);text-align:center;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:600;line-height:24px;text-transform:capitalize;cursor:pointer}@media screen and (max-width: 768px){.custom_button{width:92.4vw;height:42px;font-size:calc(1rem - var(--font-size-reduction))}}.custom_button.bgHighlight:hover{opacity:.9}.custom_button.bgNormal:hover{color:var(--ftColor, #FFF);opacity:.8}.whos-watching-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.whos-watching-container>h3{color:var(--ftColor, #FFF);text-align:center;font-family:Poppins;font-size:28px;font-style:normal;font-weight:600;line-height:48px;letter-spacing:.56px;text-transform:capitalize}.whos-watching-container>p{width:840.25px;height:64.351px;flex-shrink:0;color:var(--ftColor, #FFF);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:0;margin:0}.profile-selection-page-subtitle{color:var(--ftColor, #FFF);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}@media screen and (max-width: 768px){.profile-selection-page-subtitle{font-size:12px}}.manage-profile-users-container{padding-top:2.3rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width: 768px){.manage-profile-users-container{padding-top:0px !important;gap:1rem !important}}.profile-user-container{display:flex;flex-direction:column;align-items:center;max-width:max-content}@media(max-width: 768px){.profile-user-container{margin:0 20px}}.profile-image-wrapper{position:relative;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.profile-image-wrapper .profile-image{width:95px !important;height:95px !important;object-fit:cover;border-radius:50%;display:block}@media(max-width: 768px){.profile-image-wrapper{width:calc(7.125rem - var(--button-size-reduction)) !important;height:calc(7.125rem - var(--button-size-reduction)) !important}.profile-image-wrapper .profile-image{width:5.2rem !important;height:5.2rem !important}}.profile-image-wrapper.selected .profile-image{outline:3px solid var(--hgColor)}@media(max-width: 768px){.profile-image-wrapper.selected .profile-image{outline:none}}.selected-profile-name{font-weight:700}.profile-image-wrapper.edit-mode::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(0,0,0,.1);z-index:1}.profile-image-wrapper.edit-mode .profile-image{opacity:70%}.profile-edit-overlay{position:absolute;width:100%;height:100%;display:flex;top:0;justify-content:center;align-items:center}.profile-edit-overlay .edit-icon{max-width:50%;max-height:50%}.profile-user-name{font-weight:400}@media(max-width: 768px){.profile-user-name{font-size:12px;height:0rem}}.add-profile-container{display:flex;flex-direction:column;align-items:center;max-width:max-content}@media(max-width: 768px){.add-profile-container{margin:0 20px}}.add-profile-container:hover{cursor:pointer}.add-profile-text{color:var(--ftColor, #f8f7f7);height:4.2125rem;display:flex;font-size:calc(1rem - var(--font-size-reduction));align-self:stretch;font-style:normal;text-align:center;font-weight:400;line-height:normal;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.add-profile-text{height:0rem;font-size:12px}}@media screen and (max-width: 959px){.profile-image-wrapper{width:95px !important;height:95px !important;margin:10px}.profile-image-wrapper .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}}.user_names{color:var(--ftColor, #FFF)}.profile-image-wrapper:hover:not(.selected) .profile-image{outline:3px solid var(--hgColor)}@media(max-width: 768px){.profile-image-wrapper:hover:not(.selected) .profile-image{outline:none}}.imageAdd{border-radius:50%;cursor:pointer;border:2px solid gray;margin:20px}.MuiSvgIcon-root{transition:2s ease-in-out}.container{display:"flex"}.profile-kids-badge{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;bottom:-0.5rem;width:fit-content;min-width:72px;height:24px;opacity:1;border-radius:54px}.profile-kids-badge .kids-badge-title{font-weight:400;font-size:16px;line-height:120%;text-align:center;vertical-align:middle}.profile-parental-lock{width:1.8rem;height:1.8rem;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;opacity:1}@media screen and (max-width: 959px){.MuiFormLabel-root{font-size:12px}}@media screen and (max-width: 768px){.add-profile-img{width:95px !important;height:95px !important;margin:10px}.add-profile-img svg{scale:.863}.profiles-list_header{width:100vw;margin-top:1rem;align-self:center;gap:.5rem;height:1.5rem;padding:0 1rem}.profiles-list_header .header-btn-container{display:flex;max-width:100%;justify-content:start;align-items:center;cursor:pointer;gap:4px;justify-content:space-between}.profiles-list_header .header-btn-container .edit-title-container{display:flex;align-items:center;gap:4px}.profiles-list_header .header-btn-container .edit-title-container svg path{fill:var(--ftColor, #FFF)}.profiles-list_header .header-btn-container .edit-title-container h2{color:var(--ftColor, #fff);font-size:17px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}}@media screen and (max-width: 768px)and (max-width: 768px){.profiles-list_header .branding-logo-container{padding-left:6.07px;border-left:.38px solid #fff}}@media screen and (max-width: 768px){.profiles-list_header .back-btn{display:flex;justify-content:start;align-items:center}}.svg-wrapper{display:flex;flex-direction:row;gap:.5rem;align-items:center}.svg-wrapper svg>g>path{fill:var(--ftColor, #fff)}
.parental-pin-setup {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.input-parental-pin-setup {
    background: linear-gradient(0deg, rgba(139, 139, 139, 0.1), rgba(139, 139, 139, 0.1)),
        linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    border: none;
    outline: none;
    font-size: 1rem;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    color: var(--ftColor, #FFF);
    caret-color: var(--ftColor, #FFF);
    -webkit-text-security: disc;

    width: 60px !important;
    height: 48px !important;
    border-radius: 8px;
}

.input-parental-pin-setup:focus {
    border: 1px solid var(--hgColor, #D13066) !important;
    background: linear-gradient(0deg, rgba(139, 139, 139, 0.1), rgba(139, 139, 139, 0.1)),
        linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) !important;
}

.input-parental-pin-setup:focus::selection {
    background: transparent;
}

.input-parental-pin-setup::selection {
    background: transparent;
}
.activate-tv-setup{
  gap: 10px;

}
.input-activate-tv-setup{
  background: linear-gradient(0deg, rgba(139, 139, 139, 0.1), rgba(139, 139, 139, 0.1)),
        linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    border: none;
    outline: none;
    font-size: 1rem;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    color: var(--ftColor, #FFF);
    caret-color: var(--ftColor, #FFF);
    -webkit-text-security: disc;
    width: 44px !important;
    height: 48px !important;
    border-radius: 8px;
}

/* .input-parental-pin-setup::placeholder {
    letter-spacing: normal;
    color: var(--ftColor, #FFF);
    opacity: 0.4;
}

.input-parental-pin-setup:-webkit-autofill,
.input-parental-pin-setup:-webkit-autofill:hover,
.input-parental-pin-setup:-webkit-autofill:focus,
.input-parental-pin-setup:-webkit-autofill:active {
    background: transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: var(--ftColor, #FFF);
    transition: background-color 9999s ease-in-out 0s;
}
*/
/**
 * Swiper 14.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 29, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

.navbar {
  align-items: center;
    background-color: #000;
    display: flex;
    width: 100%;
    height: 56px;
    justify-content: space-between;
    padding: 16px;
    position: fixed;
    top: 0;
    z-index: 10;
}
  .back-btn-cotainer  
  {display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

}
.back-title{
  font-size: 1rem;
}
.arrow-back > path{
    fill: var(--ftColor,#fff);}



.common-check-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.common-check-toggle.is-disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.common-check-toggle__box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.common-check-toggle__box.is-checked {
}

.common-check-toggle__box.is-unchecked {
    background: var(--ftColor,#FFF);
    outline: 1px solid hsla(0, 0, 100%, 0.4);
}

.common-check-toggle__box.radio-btn {
    width: 20px;
    aspect-ratio: 1/1;
    opacity: 1;
    border-radius: 50% !important;
    background: none;
}

.common-check-toggle.radio-btn .common-check-toggle__box.is-checked {
}

.common-check-toggle.radio-btn .common-check-toggle__box.is-unchecked {
    border: 1px solid var(--Grey, #C1C1C1)
}

.common-check-toggle__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: var(--btn_txt_Color, #FFF); */
}

.common-check-toggle__icon svg path {
    stroke: var(--btn_txt_Color, black);
}
.common-check-toggle__icon svg circle  {
    fill:  var(--btn_gdColor, rgba(254, 192, 15, 1));
}
[class*=dropdown-menu-tip-]::after{content:""}.menulist{max-height:600px;overflow-y:auto;background-color:#171923;transform-origin:right;width:400px}@media(min-width: 1200px){.menulist{width:400px}}@media(max-width: 1199px)and (min-width: 992px){.menulist{width:350px}}@media(max-width: 991px)and (min-width: 768px){.menulist{width:300px}}@media(max-width: 767px){.menulist{width:90vw;max-width:90vw}}.menulist.search-suggestion{width:309px}#appbar-collapse .styletabs{min-width:0 !important;width:max-content !important;flex:0 0 auto;font-size:1rem;line-height:32px !important;letter-spacing:.03rem;font-weight:400 !important}@media(min-width: 960px)and (max-width: 1023px){#appbar-collapse .styletabs{font-size:.8rem !important}}.search-container{display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-view-search-container{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.mobile-search-trigger{display:none}.download-button{background:linear-gradient(184.06deg, #FFFFFF 3.3%, #A2A1A1 96.69%);border-radius:4px;border:none;font-size:12px;color:#000;height:25px;width:auto;max-width:10rem;object-fit:contain;cursor:pointer;display:block}.mobile-view-search-wrapper{display:flex;align-items:center;width:100%;border:.5px solid #fff;border-radius:8px;height:36px;padding:12px}.mobile-view-search-input input::placeholder{color:var(--ftColor, #FFF);opacity:.6;font-size:12px}.mobile-view-search-input>input{width:55vw;padding:.5rem;font-size:16px;font-weight:400;color:var(--ftColor, #FFF)}#mobileViewSearchInput{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}@media only screen and (max-width: 768px){.mobile-view-search-input{width:100%}}.voice-search-icon-container{display:flex;justify-content:center;align-items:center;max-height:100%;cursor:pointer}.voice-search-icon{width:2rem !important}.search-expand-container{display:flex;align-items:center;position:relative;margin-right:13px;border-radius:4px}@media(min-width: 600px){.search-expand-container{margin-left:8px;width:auto}}.search-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-left:3px}.search-icon-link{position:absolute;z-index:1;width:1.5rem;height:1.5rem;color:inherit;text-decoration:none}.search-form{display:flex;align-items:center;flex:1}.search-input-base{padding:0;width:100%}.search-input-base input{box-shadow:none}.search-close-icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:5px;transform:translateY(-50%);cursor:pointer;transition:opacity .2s ease;padding-right:12px}.search-close-icon.visible{opacity:1}.search-close-icon.hidden{opacity:0}.search-icon-color{transition:color .2s ease}.close-icon-color{transition:fill .2s ease}.logo-AppBarCollapseXp-container{display:flex;align-items:center;gap:4.179375rem}@media screen and (min-width: 1024px)and (max-width: 1440px){.logo-AppBarCollapseXp-container{gap:1rem}}.logo-container{display:flex;align-items:center;gap:9.93px}@media screen and (max-width: 768px){.logo-container{gap:6.07px}}.cobranding-logo-container{border-left:.62px solid #fff;padding-left:9.93px}@media screen and (max-width: 768px){.cobranding-logo-container{padding-left:6.07px;border-left:.38px solid #fff}}.toolbar{display:flex;align-items:center;justify-content:space-between;height:72px;width:100%}.toolbar.flex-row-reverse{flex-direction:row-reverse;padding:0px 3.988rem}.toolbar.flex-row{flex-direction:row;padding:0px 3.5vw}.mobile-subscreen-header{overflow-x:hidden;overflow-y:hidden;display:flex;align-items:center;min-height:72px}.mobile-subscreen-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex:1 1 auto;min-width:0;align-items:center;padding:0 16px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-subscreen-scroll::-webkit-scrollbar{display:none}.mobile-subscreen-item{flex:0 0 auto;padding:12px 16px;font-size:12px;color:var(--ftColor, #FFF);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--border-radius, 8px);cursor:pointer;transition:all .2s ease}.mobile-subscreen-item.active{background:#f1f1f1;color:#000;border-color:rgba(0,0,0,0)}@media only screen and (max-width: 959px){.customStyle{position:fixed;top:40px;left:15px;width:100%;height:2.375rem;background:none}.search-expand-container{display:none}.search-container{gap:20px}.mobile-search-trigger{display:block}.mobile-search-trigger.is-search-open{display:none}.search-popup-content-grid{padding-left:10px}.MuiTabs-indicator{display:none !important}.styletabs{display:flex !important;flex-direction:column !important;gap:.1em !important}.MuiTab-iconWrapper{margin:0 !important;padding:0 !important}.toolbar{gap:0 !important}}@media screen and (max-width: 959px){*{cursor:default !important}}@media screen and (max-width: 449px){.menulist{width:300px !important}}@media only screen and (min-width: 959px)and (max-width: 1024px){.customStyle{width:100%}.mobile-view-search-container{display:none}.search-container{flex-direction:var(--flexDirection)}}@media only screen and (min-width: 1025px)and (max-width: 1300px){.customStyle{width:100%}.mobile-view-search-container{display:none}.search-container{flex-direction:var(--flexDirection)}}@media only screen and (min-width: 1351px){.customStyle{width:100%}.mobile-view-search-container{display:none}.makeStyles-grow-641{display:none}.search-container{flex-direction:var(--flexDirection)}}.mobile-subscreen-item-image{display:block;height:20px;width:auto;max-width:96px;object-fit:contain}
.account-sidebar-shimmer {
    box-sizing: border-box;
    position: relative;
    width: 352px;
    padding: 18px 0 24px;
}

.account-sidebar-shimmer::after {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 45%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.025), transparent);
    transform: translate3d(-100%, 0, 0);
    animation: account-sidebar-shimmer 3.5s linear infinite;
}

.account-sidebar-shimmer__top,
.account-sidebar-shimmer__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 3.5vw;
}

.account-sidebar-shimmer__block {
    display: block;
    flex: none;
    background: linear-gradient(100deg, #303030 0%, #383838 50%, #303030 100%);
}

.account-sidebar-shimmer__avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.account-sidebar-shimmer__name {
    width: 155px;
    height: 22px;
    margin-top: 20px;
    border-radius: 4px;
}

.account-sidebar-shimmer__email {
    width: 192px;
    height: 14px;
    margin-top: 20px;
    border-radius: 3px;
}

.account-sidebar-shimmer__divider {
    width: 244px;
    height: 1px;
    margin: 48px 0 12px;
    background: #282828;
}

.account-sidebar-shimmer__plan {
    width: 220px;
    height: 64px;
    border-radius: 8px;
}

.account-sidebar-shimmer__menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 142px;
}

.account-sidebar-shimmer__item {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 32px;
}

.account-sidebar-shimmer__icon {
    width: 25px;
    height: 25px;
    border-radius: 5px;
}

.account-sidebar-shimmer__label {
    width: 132px;
    height: 16px;
    border-radius: 3px;
}

.account-sidebar-shimmer__item:nth-child(2n) .account-sidebar-shimmer__label {
    width: 104px;
}

.account-sidebar-shimmer__footer {
    gap: 16px;
}

.account-sidebar-shimmer__footer-line {
    width: 126px;
    height: 15px;
    border-radius: 3px;
}

@keyframes account-sidebar-shimmer {
    to { transform: translate3d(325%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .account-sidebar-shimmer::after { animation: none; }
}

.about-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.about-box {
    width: 520px;
    background: #2D2B2B;
    color: var(--ftColor, #fff);
    padding: 32px;
    border-radius: 14px;
    position: relative;
    width: 516px;
    z-index: 9999;
    height: 241px;
    opacity: 1;
    border-radius: 12px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    gap: 12px;
    position: relative;

}

.about-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    font-size: 18px;
}

.about-box h2 {
    margin-bottom: 8px;
}

.about-box p {
    color: var(--ftColor, #fff);
    margin-bottom: 16px;
    text-align: start;
}

.about-email {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-align: start;
    margin: 16px 0px;
    color: var(--ftColor, #fff);
    
}
.about-email-title{
opacity: 80%;
}
.about-email span {
    font-weight: 500;
    }

.about-btn {
    border: 1px solid #fff;
    border-radius: 8px;
    color: var(--ftColor, #fff);
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    height: 54px;
    width: 200px;
    position: absolute;
    left: 0px;
    background: transparent;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:8px
    
}

.about-box-title {
    color: var(--ftColor, #fff);
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: capitalize;
    text-align: start;
    margin-bottom: 16px;
}

.about-box-dsc {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: capitalize;
    opacity: 80%;
    text-align: start;
    margin-bottom: 16px;
}

.about-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-left {
    max-width: 70%;
    width:334px;
    position: absolute;
    left: 24px;
    top: 32px;
}

.about-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.about-right img {
    width: 140px;
    height: auto;

}
@media screen and (max-width:768px) {
.about-left {
    top: 100px;
}
.about-btn {
    height: 42px;
    width: 121px;
}
}

@media(max-width: 968px){body{padding-bottom:80px !important;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body.no-bottom-nav-padding{padding-bottom:0 !important}}.bottom-navigation-bar{position:fixed;bottom:0;left:0;right:0;background:var(--mnColor);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 20px rgba(0,0,0,.1);z-index:10;padding:8px 0 max(8px,env(safe-area-inset-bottom))}@media(min-width: 969px){.bottom-navigation-bar.mobile-tablet-only{display:none}}.bottom-navigation-container{display:flex;align-items:center;max-width:100%;margin:0 auto;padding:0 3.5vw;gap:8px}.bottom-navigation-links-list{display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem;width:85%;touch-action:auto;overflow-x:scroll;scrollbar-width:none;scroll-behavior:smooth;-ms-overflow-style:none}.bottom-navigation-links-list::-webkit-scrollbar{display:none}.bottom-navigation-links-list ::-webkit-scrollbar{display:none}.bottom-navigation-links-list{overflow-y:hidden}.my-profile{width:15%;display:flex;justify-content:center;align-items:center}.my-profile .profile-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:6px 12px;border-radius:12px;transition:all .2s ease;color:var(--ftColor, #FFF);font-size:12px;font-weight:500;min-height:56px;position:relative;cursor:pointer}.my-profile .profile-icon:hover{background:rgba(0,0,0,.05)}.my-profile .profile-icon .avatar-img{width:24px;height:24px;border-radius:50%;margin-bottom:8px;object-fit:cover}.my-profile .profile-icon span{line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-navigation-link{display:flex;flex-direction:column;align-items:center;justify-content:end;text-decoration:none;padding:6px 12px;border-radius:12px;transition:all .2s ease;color:var(--ftColor, #FFF);font-size:12px;font-weight:500;min-height:56px;position:relative;flex:1;max-width:80px}.bottom-navigation-link:hover{background:rgba(0,0,0,.05)}.bottom-navigation-link.bottom-navigation-link-active{color:var(--hgColor, #1CBED5)}.navigation-icon{width:24px;height:24px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.navigation-icon svg{width:100%;height:100%}.bottom-navigation-link span{line-height:1.2;text-align:center;white-space:nowrap;align-items:end;justify-content:end;max-width:100%}@media(max-width: 768px){#root:has(.vertical-container-ratio-9x16){padding-bottom:0px !important}}.mobile-table-user-sidebar-container{background:var(--bgColor);position:absolute;left:0;top:0;height:100vh;width:100vw;z-index:99;transform:translateX(100%);transition:transform .3s ease-in-out}.mobile-table-user-sidebar-container.sidebar-enter{transform:translateX(0)}.mobile-table-user-sidebar-container.sidebar-exit{transform:translateX(100%)}
.advanced-bottom-menu{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10;max-width:calc(100vw - 32px);z-index:100;gap:12px}@media(min-width: 969px){.advanced-bottom-menu.mobile-tablet-only{display:none}}.advanced-bottom-menu-list{display:flex;align-items:center;gap:16px;margin:0;list-style:none;background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:100px;box-shadow:0 8px 24px rgba(0,0,0,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:51px;border-radius:100px;padding:4px 12px}.advanced-bottom-menu-list>li{min-width:0}.advanced-bottom-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;min-width:64px;min-height:43px;padding:4px 16px;border-radius:100px;color:var(--ftColor, #fff);font-size:10px;font-weight:500;line-height:120%;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color .2s ease}.advanced-bottom-menu-item:hover,.advanced-bottom-menu-item:focus-visible{color:#fff;background:hsla(0,0%,100%,.12)}.advanced-bottom-menu-item:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.advanced-bottom-menu-item.is-active,.advanced-bottom-menu-item.is-active:hover{background:hsla(0,0%,100%,.38)}.advanced-bottom-menu-item .navigation-icon,.advanced-bottom-menu-item .advanced-menu-glyph,.advanced-bottom-menu-item .advanced-menu-avatar{width:22px;height:22px;flex-shrink:0;margin-bottom:0px}.advanced-bottom-menu-item .advanced-menu-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;border-radius:50%;object-fit:cover}.advanced-bottom-menu-label{max-width:88px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.advanced-bottom-menu{left:0;right:0;transform:none;max-width:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;pointer-events:none}.advanced-bottom-menu>*{pointer-events:auto}.advanced-bottom-menu .advanced-bottom-menu-list{flex-shrink:0}.advanced-menu-floater{display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;background:#fff;box-shadow:0 0 18px hsla(0,0%,100%,.28);text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.advanced-menu-floater:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.advanced-menu-floater img{display:block}.advanced-menu-floater--left{order:-1}.advanced-menu-floater--circle{width:51px;height:51px;border-radius:50%}.advanced-menu-floater--circle img{width:100%;height:100%;object-fit:cover}.advanced-menu-floater--open-rect{height:51px;min-width:96px;max-width:120px;padding:6px 14px}.advanced-menu-floater--open-rect img{max-width:100%;max-height:100%;object-fit:contain}.advanced-menu-floater--open-rect.advanced-menu-floater--right{margin-left:auto;margin-right:-16px;border-radius:999px 0 0 999px}body.has-advanced-bottom-menu .vzy-content-dialog .MuiDialog-paperFullScreen{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
.parental-switch-wrapper{display:flex;flex-direction:column;gap:2.5rem}.parental-switch-wrapper .back-btn-cotainer{display:flex;align-items:center;gap:10px}.parental-switch-wrapper .back-btn-cotainer .arrow-back-title{font-size:16px;font-weight:500;color:var(--ftColor, #fff)}.parental-switch-wrapper .switch-text-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1.8rem 1rem}.parental-switch-wrapper .switch-text-wrapper .switch-text{font-size:16px;font-weight:400;color:var(--ftColor, #fff)}
/*! @license
 * Shaka Player
 * Copyright 2016 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */
.shaka-hidden{display:none!important}.shaka-video-container{position:relative;top:0;left:0;display:flex;font-family:Roboto,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}.shaka-video-container .material-svg-icon{font-size:24px}.shaka-video-container:fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-webkit-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-webkit-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-moz-full-screen{width:100%;height:100%;background-color:#000}.shaka-video-container:-moz-full-screen .shaka-text-container{font-size:4.4vmin}.shaka-video-container:-ms-fullscreen{width:100%;height:100%;background-color:#000}.shaka-video-container:-ms-fullscreen .shaka-text-container{font-size:4.4vmin}.shaka-controls-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.shaka-video-container:not([shaka-controls=true]) .shaka-controls-container{display:none}.shaka-controls-container *{flex-shrink:0}.shaka-controls-container[casting=true] .shaka-fullscreen-button{display:none}.shaka-canvas-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;pointer-events:none}.shaka-vr-canvas-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;pointer-events:none}.shaka-bottom-controls{width:98%;padding:0;z-index:1}.shaka-controls-button-panel{padding:0;margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;overflow:hidden;min-width:48px;font-size:12px;font-weight:400;font-style:normal;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s}.shaka-controls-container[casting=true] .shaka-controls-button-panel,.shaka-controls-container[shown=true] .shaka-controls-button-panel{opacity:1}.shaka-controls-button-panel>*{color:#fff;height:48px;width:48px;line-height:.5;padding:0 2px;background:0 0;border:0;cursor:pointer;opacity:.9;transition:opacity cubic-bezier(.4, 0, .6, 1) .1s;text-shadow:0 0 2px rgba(0,0,0,.5)}.shaka-controls-button-panel>.shaka-fast-forward-button .material-svg-icon,.shaka-controls-button-panel>.shaka-rewind-button .material-svg-icon,.shaka-controls-button-panel>.shaka-skip-next-button .material-svg-icon,.shaka-controls-button-panel>.shaka-skip-previous-button .material-svg-icon,.shaka-controls-button-panel>.shaka-small-play-button .material-svg-icon{font-size:32px}.shaka-controls-button-panel>.shaka-fullscreen-button .material-svg-icon{font-size:24px}.shaka-controls-button-panel>.shaka-overflow-menu-button{position:relative}.shaka-controls-button-panel>.shaka-overflow-menu-button .material-svg-icon{font-size:24px}.shaka-controls-button-panel>:hover{opacity:1}.shaka-controls-button-panel>.shaka-mute-volume-container{width:auto;height:auto;padding:0;background:0 0;border:0}.shaka-controls-button-panel>.shaka-mute-volume-container .shaka-mute-button{color:var(--shaka-font-color);height:var(--shaka-icon-size);width:var(--shaka-icon-size);line-height:.5;padding:0 2px;background:0 0;border:0;cursor:pointer;opacity:.9;transition:opacity cubic-bezier(.4, 0, .6, 1) .1s;text-shadow:0 0 2px var(--shaka-bg)}.shaka-controls-button-panel>.shaka-mute-volume-container .shaka-mute-button:hover{opacity:1}.shaka-controls-button-panel .shaka-overflow-menu-only{display:none}.shaka-play-button-container{margin:0;width:100%;height:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1}.shaka-statistics-container{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,0.5);scrollbar-width:thin;min-width:300px;color:#fff;background-color:rgba(35,35,35,.9);font-size:14px;padding:5px 10px;border-radius:2px;position:absolute;z-index:2;left:15px;top:15px;max-height:calc(100% - 115px);opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s}.shaka-controls-container[casting=true] .shaka-statistics-container,.shaka-controls-container[shown=true] .shaka-statistics-container{opacity:1}.shaka-statistics-container div{display:flex;justify-content:space-between}.shaka-statistics-container span{color:#969696}.shaka-ad-statistics-container{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,0.5);scrollbar-width:thin;min-width:150px;color:#fff;background-color:rgba(35,35,35,.9);font-size:14px;padding:5px 10px;border-radius:2px;position:absolute;z-index:2;right:15px;top:15px;max-height:calc(100% - 115px);opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s}.shaka-controls-container[casting=true] .shaka-ad-statistics-container,.shaka-controls-container[shown=true] .shaka-ad-statistics-container{opacity:1}.shaka-ad-statistics-container div{display:flex;justify-content:space-between}.shaka-ad-statistics-container span{color:#969696}.shaka-context-menu{overflow-x:hidden;overflow-y:auto;white-space:nowrap;background:rgba(28,28,28,.9);border-radius:2px;min-width:190px;opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s;display:flex;flex-direction:column;align-items:stretch;position:absolute;z-index:3}.shaka-controls-container[casting=true] .shaka-context-menu,.shaka-controls-container[shown=true] .shaka-context-menu{opacity:1}.shaka-context-menu button{font-size:14px;background:0 0;color:#fff;border:none;min-height:30px;padding:10px;display:flex;align-items:center;cursor:pointer}.shaka-context-menu button:hover{background:rgba(255,255,255,.1)}.shaka-context-menu button label{cursor:pointer;margin-left:5px}.shaka-keyboard-navigation .shaka-context-menu button:focus{background:rgba(255,255,255,.1)}.shaka-context-menu button .shaka-current-selection-span{display:none}.shaka-scrim-container{margin:0;width:100%;position:absolute;left:0;right:0;bottom:0;flex-shrink:1;opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s;height:61px;background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%)}.shaka-controls-container[casting=true] .shaka-scrim-container,.shaka-controls-container[shown=true] .shaka-scrim-container{opacity:1}.shaka-text-container{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;bottom:0;width:100%;min-width:48px;transition:bottom cubic-bezier(.4, 0, .6, 1) .1s;transition-delay:0.5s;font-size:20px;line-height:1.4;color:#fff}.shaka-text-container span.shaka-text-wrapper{display:inline;background:0 0}.shaka-controls-container[shown=true]~.shaka-text-container{transition-delay:0s}.shaka-spinner-container{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;flex-shrink:1;display:flex;justify-content:center;align-items:center}.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container{display:none}.shaka-hidden-fast-forward-container,.shaka-hidden-rewind-container{height:100%;width:40%;flex-shrink:1;z-index:1}.shaka-hidden-fast-forward-container{position:absolute;left:0;right:0;top:0;bottom:0;left:60%}.shaka-hidden-rewind-container{position:absolute;left:0;right:0;top:0;bottom:0}.shaka-video-container.no-cursor{cursor:none!important}.shaka-video-container.no-cursor *{cursor:none!important}.shaka-play-button{box-sizing:border-box;padding:calc(15% / 2);width:0;height:0;margin:0;border-radius:50%;box-shadow:rgba(0,0,0,.1) 0 0 20px 0;border:none;background-size:50%;background-repeat:no-repeat;background-position:center center;background-color:rgba(255,255,255,.9);opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s}.shaka-controls-container[casting=true] .shaka-play-button,.shaka-controls-container[shown=true] .shaka-play-button{opacity:1}.shaka-play-button[icon=play]{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%205v14l11-7z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E")}.shaka-play-button[icon=pause]{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6%2019h4V5H6v14zm8-14v14h4V5h-4z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E")}.shaka-play-button[icon=replay]{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%231f1f1f%22%20height%3D%2224px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2224px%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M480-80q-75%200-140.5-28.5t-114-77q-48.5-48.5-77-114T120-440h80q0%20117%2081.5%20198.5T480-160q117%200%20198.5-81.5T760-440q0-117-81.5-198.5T480-720h-6l62%2062-56%2058-160-160%20160-160%2056%2058-62%2062h6q75%200%20140.5%2028.5t114%2077q48.5%2048.5%2077%20114T840-440q0%2075-28.5%20140.5t-77%20114q-48.5%2048.5-114%2077T480-80Z%22%2F%3E%0A%3C%2Fsvg%3E")}@media (prefers-reduced-transparency:no-preference){.shaka-controls-container[shown=true] .shaka-play-button{opacity:.75}}.shaka-current-time{font-size:14px;color:#fff;cursor:pointer;width:auto;padding:0 5px}.shaka-current-time[disabled]{background-color:transparent;color:#fff;cursor:default}.shaka-controls-container button:focus,.shaka-controls-container input:focus{outline:1px solid Highlight}.shaka-controls-container button:-moz-focus-inner,.shaka-controls-container input:-moz-focus-outer{outline:0;border:0}.shaka-controls-container:not(.shaka-keyboard-navigation) button:focus,.shaka-controls-container:not(.shaka-keyboard-navigation) input:focus{outline:0}.shaka-fast-forward-container,.shaka-rewind-container{height:100%;width:100%;flex-shrink:1;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;border:none;color:#fff;background-color:rgba(0,0,0,.5);cursor:default;font-size:20px;opacity:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.shaka-fast-forward-container{border-radius:40% 0 0 40%}.shaka-rewind-container{border-radius:0 40% 40% 0}.shaka-forward-rewind-container-icon{font-size:32px}.shaka-range-container{position:relative;top:0;left:0;margin:calc((12px - 4px)/ 2) 6px;height:4px;border-radius:4px;background:#fff;box-sizing:content-box}.shaka-volume-bar-container{width:100px;padding:0;transition-property:opacity,width;transition-duration:250ms;transition-timing-function:cubic-bezier(0.4,0,0.6,1)}.shaka-volume-bar-container:hover{width:100px!important;opacity:1!important}@media (max-width:474px){.shaka-volume-bar-container{width:50px}.shaka-volume-bar-container:hover{width:50px!important}.shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding{width:50px;opacity:1}.shaka-mute-volume-container:hover .shaka-volume-bar-container-allow-hiding{width:50px;opacity:1}}.shaka-mute-button+.shaka-volume-bar-container-allow-hiding:not(:focus-within){width:0;opacity:0}.shaka-mute-volume-container .shaka-volume-bar-container-allow-hiding:not(:focus-within){width:0;opacity:0}@media (min-width:475px){.shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding{width:100px;opacity:1}.shaka-mute-volume-container:hover .shaka-volume-bar-container-allow-hiding{width:100px;opacity:1}}.shaka-mute-volume-container{display:flex;flex-direction:row;align-items:center}.shaka-range-element{-webkit-appearance:none;background:0 0;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;height:12px;top:calc((4px - 12px)/ 2);z-index:1}.shaka-range-element::-webkit-slider-runnable-track{width:100%;cursor:pointer;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-webkit-slider-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-range-element::-moz-range-track{width:100%;cursor:pointer;height:12px;background:0 0;color:transparent;border:none}.shaka-range-element::-moz-range-thumb{-webkit-appearance:none;border:none;border-radius:12px;height:12px;width:12px;background:#fff}.shaka-seek-bar-container{opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s;top:5px;height:5px;margin-bottom:0;background-clip:padding-box!important;border-top:4px solid transparent;border-bottom:4px solid transparent}.shaka-controls-container[casting=true] .shaka-seek-bar-container,.shaka-controls-container[shown=true] .shaka-seek-bar-container{opacity:1}.shaka-seek-bar-container .shaka-seek-bar{transition:opacity cubic-bezier(.4, 0, .6, 1) 250ms;opacity:0}.shaka-seek-bar-container:hover .shaka-seek-bar{opacity:1}.shaka-ad-markers{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%}.shaka-spacer{cursor:default;flex-shrink:1;flex-grow:1;margin:0}.shaka-overflow-menu,.shaka-settings-menu{overflow-x:hidden;overflow-y:auto;scrollbar-color:white rgba(0,0,0,0.5);scrollbar-width:thin;white-space:nowrap;background:rgba(28,28,28,.9);border-radius:15px;max-height:250px;min-width:190px;padding:5px 0;opacity:0;transition:opacity cubic-bezier(.4, 0, .6, 1) .6s;display:flex;flex-direction:column;align-items:stretch;position:absolute;z-index:2;right:15px;bottom:62px}.shaka-controls-container[casting=true] .shaka-overflow-menu,.shaka-controls-container[casting=true] .shaka-settings-menu,.shaka-controls-container[shown=true] .shaka-overflow-menu,.shaka-controls-container[shown=true] .shaka-settings-menu{opacity:1}.shaka-overflow-menu button,.shaka-settings-menu button{font-size:14px;background:0 0;color:#fff;border:none;min-height:30px;padding:10px;display:flex;align-items:center;cursor:pointer}.shaka-overflow-menu button:hover,.shaka-settings-menu button:hover{background:rgba(255,255,255,.1)}.shaka-overflow-menu button label,.shaka-settings-menu button label{cursor:pointer}.shaka-keyboard-navigation .shaka-overflow-menu button:focus,.shaka-keyboard-navigation .shaka-settings-menu button:focus{background:rgba(255,255,255,.1)}.shaka-overflow-menu .material-svg-icon,.shaka-settings-menu .material-svg-icon{padding-left:0;padding-right:10px}.shaka-overflow-menu .material-svg-icon.shaka-chosen-item,.shaka-settings-menu .material-svg-icon.shaka-chosen-item{order:-1;line-height:17px;font-size:18px}.shaka-overflow-menu.shaka-low-position,.shaka-settings-menu.shaka-low-position{bottom:48px}.shaka-overflow-menu span{text-align:left}.shaka-overflow-button-label{position:relative;display:flex;flex-direction:column}.shaka-overflow-button-label-inline{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:calc(100% - 34px);padding-right:28px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2VlZWVlZSI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTguNTkgMTYuNTlMMTMuMTcgMTIgOC41OSA3LjQxIDEwIDZsNiA2LTYgNi0xLjQxLTEuNDF6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:right 5px center;background-size:24px 24px}.shaka-simple-overflow-button-label-inline{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:calc(100% - 50px)}.shaka-current-selection-span{font-size:12px;padding-left:10px}.shaka-current-auto-quality{margin-left:5px;font-size:11px;color:#ccc}.shaka-current-quality-mark,.shaka-quality-mark{color:red;margin-left:2px!important;font-size:10px;height:17px}.shaka-quality-mark{line-height:6px}.shaka-overflow-playback-rate-mark,.shaka-overflow-quality-mark{background:red;color:#fff;border-radius:2px;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;line-height:10px;text-shadow:none;padding:1px;position:absolute;right:4px;top:10px}.shaka-settings-menu span{margin-left:28px}.shaka-settings-menu span.shaka-chosen-item{margin-left:0}.shaka-settings-menu .shaka-chapter{margin-left:10px}.shaka-back-to-overflow-button{border-bottom:1px solid rgba(255,255,255,.2)!important}.shaka-back-to-overflow-button span{margin-left:0}.shaka-back-to-overflow-button .material-svg-icon{padding-right:10px;font-size:18px!important}.shaka-back-to-overflow-button:hover{background:0 0!important}.shaka-controls-container[ad-active=true]{pointer-events:none}.shaka-controls-container[ad-active=true] .shaka-bottom-controls{pointer-events:auto}.shaka-client-side-ad-container,.shaka-server-side-ad-container{position:absolute;left:0;right:0;top:0;bottom:0}.shaka-video-container[shaka-controls=true] .shaka-client-side-ad-container iframe,.shaka-video-container[shaka-controls=true] .shaka-server-side-ad-container iframe{height:90%}.shaka-ad-controls{display:flex;flex-direction:row;z-index:1;padding-bottom:1%}.shaka-video-container:not([shaka-controls=true]) .shaka-ad-controls{display:none}.shaka-ad-controls button,.shaka-ad-controls div{color:#fff;font-size:initial}.shaka-ad-info{font-size:14px;color:#fff;width:auto;padding:0 5px}.shaka-ad-info[disabled]{background-color:transparent;color:#fff;cursor:default;padding:0}.shaka-skip-ad-container{position:relative;right:calc((100% - 98%)/ 2 * -1);display:flex;flex-direction:row;margin:0;margin-left:auto}.shaka-skip-ad-button{padding:5px 15px;background:rgba(0,0,0,.7);border:none;cursor:pointer}.shaka-skip-ad-button:disabled{background:rgba(0,0,0,.3)}.shaka-skip-ad-counter{padding:5px;background:rgba(0,0,0,.7);margin:0}/*!
 * @license
 * The tooltip is based on https://github.com/felipefialho/css-components/
 * Local modifications have been performed.
 *
 * Copyright (c) 2017 Felipe Fialho
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */.shaka-tooltips-on{overflow:visible}.shaka-tooltips-on>.shaka-tooltip,.shaka-tooltips-on>.shaka-tooltip-status{position:relative}.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after,.shaka-tooltips-on>.shaka-tooltip:active:after,.shaka-tooltips-on>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip:hover:after{content:attr(aria-label);font-family:Roboto,sans-serif;line-height:20px;white-space:nowrap;font-size:14px;background:rgba(0,0,0,.5);color:#fff;border-radius:2px;padding:2px 10px;position:absolute;bottom:62px;left:calc(48px / 2);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@media (prefers-reduced-transparency){.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after,.shaka-tooltips-on>.shaka-tooltip:active:after,.shaka-tooltips-on>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip:hover:after{background-color:rgba(0,0,0,.9)}}.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:active:after,.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:focus-visible:after,.shaka-tooltips-on.shaka-tooltips-low-position>.shaka-tooltip:hover:after{bottom:48px}.shaka-tooltips-on>.shaka-tooltip-status:active:after,.shaka-tooltips-on>.shaka-tooltip-status:focus-visible:after,.shaka-tooltips-on>.shaka-tooltip-status:hover:after{content:attr(aria-label) " (" attr(shaka-status) ")"}.shaka-tooltips-on button:first-child:active:after,.shaka-tooltips-on button:first-child:focus-visible:after,.shaka-tooltips-on button:first-child:hover:after{left:0;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.shaka-tooltips-on button:last-child:active:after,.shaka-tooltips-on button:last-child:focus-visible:after,.shaka-tooltips-on button:last-child:hover:after{left:48px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}#shaka-player-ui-thumbnail-container{background-color:#000;border:1px solid #000;box-shadow:0 8px 8px 0 rgba(0,0,0,.5);min-width:150px;overflow:hidden;position:absolute;visibility:hidden;width:15%;z-index:1;pointer-events:none}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-image{position:absolute}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container{bottom:0;left:0;position:absolute;right:0;display:flex;justify-content:center}#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container #shaka-player-ui-thumbnail-time{background-color:rgba(0,0,0,.5);border-radius:14px;color:#fff;font-size:14px;padding:0 5px}@media (prefers-reduced-transparency){#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container #shaka-player-ui-thumbnail-time{background-color:rgba(0,0,0,.9)}}#shaka-player-ui-thumbnail-container.portrait-thumbnail{min-width:75px;width:7.5%}#shaka-player-ui-time-container{background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;display:flex;font-size:14px;justify-content:center;overflow:hidden;padding:0 3px;position:absolute;visibility:hidden;z-index:1}@media (prefers-reduced-transparency){#shaka-player-ui-time-container{background-color:rgba(0,0,0,.9)}}.material-svg-icon{display:inline-block;fill:currentcolor;width:1em;height:1em}/*# sourceMappingURL=controls.css.map */
/* ============================================
   70 / 30 SPLIT PAGE LAYOUT
   ============================================ */

.player-page-wrapper {
  display: flex;
  width: 100%;
  height: calc(100vh - 72px);
  height: calc(100dvh - 72px);
  box-sizing: border-box;
  background: var(--mnColor, #000);
  overflow: hidden;
}

@media screen and (min-width: 969px) {
  .player-page-wrapper:not(.is-fullscreen) {
    margin-top: 8px;
  }
}

.player-left {
  flex: 0 0 calc(70% - 3.5vw);
  width: calc(100% - 3.5vw);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.player-page-wrapper:not(.is-live-player):not(.is-fullscreen) .player-left {
  height: 100%;
  margin-left: 3.5vw;
}

.player-page-wrapper.is-live-player .player-left {
  flex: 1 1 100%;
  width: 100%;
  padding: 0 3.5vw;
}

.is-fullscreen .player-left {
  height: 100%;
  justify-content: unset;
}


.player-right {
  flex: 0 0 30%;
  width: 30%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}



/* ============================================
   MAIN CONTAINER & VIDEO STYLES (from Watch.css & customTheme.css)
   ============================================ */

.player-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--mnColor, #000);
  animation: fadeIn 0.8s ease-out;
}

.player-container.watch-player-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100% - 4rem);
}

.player-page-wrapper:not(.is-live-player):not(.is-fullscreen) .player-container.watch-player-wrapper {
  border-radius: 8px;
  overflow: hidden;
  background: #000;
}

.is-live-player .player-container.watch-player-wrapper {
  height: 100%;
}

.is-fullscreen .player-container.watch-player-wrapper {
  height: 100%;
}

/* Lock page scrolling when player is mounted */
html:has(.player-page-wrapper),
body:has(.player-page-wrapper) {
  overflow: hidden !important;
}

.custom-theme {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.custom-theme .shaka-spinner-container,
.custom-theme.shaka-video-container .shaka-spinner-container {
  display: none !important;
}

.custom-theme .shaka-episodes-button {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  height: 40px;
  min-width: fit-content !important;
  color: var(--ftColor, #FFF);
  font-size: clamp(0.76rem, 1.04vw, 0.95rem);
  visibility: hidden;
  position: absolute;
}

.custom-theme .shaka-episodes-button__label {
  line-height: 1;
}

.custom-theme.shaka-video-container.is-fullscreen .shaka-episodes-button {
  visibility: visible;
}


.custom-theme.shaka-video-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(to bottom,
      var(--mnColor, #000) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s;
}

.custom-theme.shaka-video-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to top,
      var(--mnColor, #000) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s;
}

.is-live-player .custom-theme.shaka-video-container::after {
  background: linear-gradient(to top,
      var(--mnColor, #000) 0%,
      var(--mnColor, #000) 35%,
      transparent 100%);
}


#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time-container {
  line-height: 1 !important;
}

#shaka-player-ui-thumbnail-container {
  border-radius: 0.5rem !important;
  border: 1px solid var(--hgColor, #FFF) !important;
}

.custom-theme:has(.shaka-controls-container[shown="true"])::before,
.custom-theme:has(.shaka-controls-container[shown="true"])::after {
  opacity: 1;
}

.custom-theme.shaka-video-container.is-fullscreen-episodes-open::before,
.custom-theme.shaka-video-container.is-fullscreen-episodes-open::after {
  opacity: 0 !important;
}

.player-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 1;
  opacity: 1;
}

.is-fullscreen .player-video {
  width: 100%;
  margin-left: 0;
}

.custom-theme .shaka-text-container {
  inset: 0 0 5rem 0 !important;
  z-index: 90 !important;
  pointer-events: none;
}

.custom-theme.is-ad-playing .shaka-text-container,
.custom-theme.is-fullscreen-episodes-open .shaka-text-container {
  display: none !important;
}

.custom-theme .shaka-text-wrapper {
  max-width: min(80%, 54rem);
  padding: 0.18rem 0.5rem;
  color: var(--ftColor, #FFF) !important;
  color: var(--ftColor, #FFF) !important;
  background: none !important;
  border-radius: 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-family: var(--font-primary) !important;
  font-size: clamp(0.90rem, 1.23vw, 1.12rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
}

.custom-theme.shaka-video-container.is-fullscreen .shaka-text-container {
  bottom: 6rem !important;
}

/* ============================================
   BACK BUTTON
   ============================================ */

.back-button {
  position: absolute;
  top: 0.5rem;
  left: 0;
  background: transparent;
  color: var(--ftColor, #FFF);
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.72rem, 0.99vw, 0.9rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s;
  border: none;
  max-width: 40%;
}

.is-fullscreen .back-button {
  left: 1.1rem;
  top: 1rem;
}

.back-button .asset-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
  overflow: hidden;
  width: 100%;
}

.back-button .asset-title__name {
  font-weight: 600;
  font-size: clamp(0.95rem, 1.2vw, 1.2rem);
  color: var(--ftColor, #FFF);
  opacity: 0.9;
  line-height: 1.2;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.back-button .asset-title__episode {
  font-weight: 400;
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--ftColor, #FFF);
  opacity: 0.7;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.back-button svg {
  width: clamp(1.5rem, 2vw, 2rem);
  height: clamp(1.5rem, 2vw, 2rem);
  flex-shrink: 0;
}

.live-player-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.6s cubic-bezier(0.4, 0, 0.6, 1),
    visibility 0s linear 0.6s;
}

.custom-theme:has(.shaka-controls-container[shown="true"]) .live-player-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.is-fullscreen .live-player-actions {
  top: 1rem;
  right: 1.1rem;
}

.live-player-action {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem;
  border: 0;
  background: transparent;
  color: var(--ftColor, #fff);
  font-family: var(--font-primary);
  font-size: clamp(0.72rem, 0.99vw, 0.9rem);
  cursor: pointer;
}

.live-player-action:disabled {
  opacity: 0.6;
  cursor: wait;
}

.live-player-action__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(1rem, 1.3vw, 1.5rem);
  height: clamp(1rem, 1.3vw, 1.5rem);
}

.live-player-action__icon svg {
  width: 100%;
  height: 100%;
}

.back-button.vod-rating-wrapper {
  opacity: 1 !important;
  pointer-events: none !important;
  background: transparent !important;
  cursor: default !important;
}

.vod-rating-overlay {
  z-index: 1200;
  max-width: min(60%, 34rem);
  color: var(--ftColor, #fff);
  font-family: var(--font-primary);
  pointer-events: none;
  position: relative;
  min-width: fit-content;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vod-rating-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2rem;
  height: 100%;
  background: var(--hgColor, #ff6a00);
}

.vod-rating-badge {
  font-size: clamp(0.72rem, 0.99vw, 0.9rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--ftColor, #fff);
  opacity: 0.9;
  position: relative;
  left: 0.5rem;
  min-width: fit-content;
}

.vod-rating-desc {
  margin-top: 0.75rem;
  font-size: clamp(0.66rem, 0.90vw, 0.82rem);
  line-height: 1.4;
  color: var(--ftColor, #fff);
  opacity: 0.7;
}

.player-protection-shield {
  position: absolute;
  inset: 0;
  z-index: 1300;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem;
  background: #000;
  pointer-events: auto;
}

.player-protection-shield__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  max-width: 32rem;
  color: var(--ftColor, #fff);
  font-family: var(--font-primary);
}

.player-protection-shield__title {
  margin: 0;
  font-size: clamp(1.25rem, 1.7vw, 1.5rem);
  font-weight: 500;
  line-height: 1.3;
}

.player-protection-shield__message {
  margin: 0;
  font-size: clamp(0.85rem, 1.1vw, 1rem);
  line-height: 1.5;
  opacity: 0.85;
}

.player-protection-shield__retry {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  margin-top: 0.75rem;
  min-width: 11.5rem;
  padding: 0.9rem 2.5rem;
  border: 0;
  border-radius: 4px;
  background: var(--btn_gdColor, rgba(254, 192, 15, 1));
  color: var(--btn_txt_Color, black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

.player-protection-shield__retry-icon {
  flex-shrink: 0;
}

.player-protection-shield__retry:disabled {
  background: var(--btn_disabled_gdColor, rgba(254, 192, 15, 0.6));
  cursor: default;
}

/* Show back button in sync with shaka controls */
.custom-theme:has(.shaka-controls-container[shown="true"]) .back-button {
  opacity: 1;
  pointer-events: auto;
}

.custom-theme.is-ad-playing .back-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.custom-theme.is-fullscreen-episodes-open .back-button,
.custom-theme.is-fullscreen-episodes-open .shaka-controls-container,
.custom-theme.is-fullscreen-episodes-open .seek-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ============================================
   ANIMATIONS
   ============================================ */

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
  .back-button {
    left: 0.5rem;
    font-size: clamp(0.64rem, 0.88vw, 0.8rem);
  }

  .custom-theme .shaka-text-container {
    bottom: 4.75rem !important;
  }

  .custom-theme .shaka-text-wrapper {
    max-width: 86%;
    font-size: clamp(0.78rem, 1.08vw, 0.98rem) !important;
  }

  .vod-rating-overlay {
    top: 4.75rem;
    left: 2rem;
    max-width: 72%;
  }
}

@media (max-width: 480px) {
  .back-button {
    left: 0.5rem;
    padding: 0.3rem 0.6rem;
    font-size: clamp(0.60rem, 0.83vw, 0.75rem);
  }

  .custom-theme .shaka-text-container {
    bottom: 4.25rem !important;
  }

  .custom-theme .shaka-text-wrapper {
    padding: 0.16rem 0.42rem;
    font-size: clamp(0.72rem, 0.99vw, 0.9rem) !important;
  }

  .vod-rating-overlay {
    top: 4rem;
    left: 1.5rem;
    max-width: 78%;
  }
}

/* Ensure ShakaPlayer UI is visible */
.custom-theme .shaka-video-container {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.custom-theme .shaka-controls-container {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100 !important;
  padding: 0 0.25rem 0.25rem 0.25rem;
}

.is-fullscreen.custom-theme .shaka-controls-container,
.is-fullscreen .custom-theme .shaka-controls-container {
  padding: 0 1rem;
}

.custom-theme .shaka-controls-container.hide-controls-on-ad .shaka-play-button-container,
.custom-theme .shaka-controls-container.hide-controls-on-ad .shaka-seek-bar-container {
  display: none !important;
  pointer-events: none !important;
}

.custom-theme .shaka-controls-container.hide-controls-on-ad .shaka-controls-button-panel {
  justify-content: flex-start !important;
}

.custom-theme .shaka-controls-container.hide-controls-on-ad .shaka-controls-button-panel>*:not(.shaka-ad-info) {
  display: none !important;
  pointer-events: none !important;
}

.custom-theme .shaka-client-side-ad-container,
.custom-theme .shaka-server-side-ad-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none;
}

.custom-theme.is-ad-playing .shaka-client-side-ad-container,
.custom-theme.is-ad-playing .shaka-server-side-ad-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
}

.custom-theme.is-ad-playing .shaka-client-side-ad-container iframe,
.custom-theme.is-ad-playing .shaka-client-side-ad-container>div,
.custom-theme.is-ad-playing .shaka-client-side-ad-container video,
.custom-theme.is-ad-playing .shaka-server-side-ad-container iframe,
.custom-theme.is-ad-playing .shaka-server-side-ad-container>div,
.custom-theme.is-ad-playing .shaka-server-side-ad-container video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}

.custom-theme.is-ad-playing {
  cursor: default !important;
}

.custom-theme.is-ad-playing.no-cursor,
.custom-theme.is-ad-playing.no-cursor * {
  cursor: default !important;
}


.custom-theme.is-ad-playing .shaka-ad-controls {
  position: absolute !important;
  left: 12rem !important;
  bottom: 6.9rem !important;
  z-index: 101 !important;
  display: flex !important;
  width: auto !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.custom-theme.is-ad-playing .shaka-ad-controls:not(:has(.shaka-skip-ad-button:not(.shaka-hidden))) {
  display: none !important;
}

.custom-theme.is-ad-playing .shaka-skip-ad-container {
  position: static !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  color: var(--ftColor, #FFF) !important;
  font-size: clamp(0.84rem, 1.16vw, 1.05rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.82) !important;
  pointer-events: auto !important;
}

.custom-theme.is-ad-playing .shaka-skip-ad-container::before {
  content: none;
}

.custom-theme.is-ad-playing .shaka-skip-ad-container:has(.shaka-skip-ad-button:not(.shaka-hidden))::before {
  content: "\00B7";
  margin-right: 0.55rem;
  opacity: 0.9;
}

.custom-theme.is-ad-playing .shaka-skip-ad-counter,
.custom-theme.is-ad-playing .shaka-skip-ad-button {
  color: var(--ftColor, #FFF) !important;
  background: transparent !important;
  border: 0 !important;
  font: inherit !important;
  line-height: 1 !important;
  text-shadow: inherit !important;
}

.custom-theme.is-ad-playing .shaka-skip-ad-counter {
  display: inline !important;
}

.custom-theme.is-ad-playing .shaka-skip-ad-button {
  min-height: 1.8rem !important;
  padding: 0 0.75rem !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.custom-theme.is-ad-playing .shaka-skip-ad-button:hover,
.custom-theme.is-ad-playing .shaka-skip-ad-button:focus-visible {
  background: rgba(255, 255, 255, 0.24) !important;
  outline: none !important;
}

.vod-ad-controls-overlay {
  position: absolute;
  inset: 0;
  z-index: 102;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 2rem 0.5rem 2rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
  color: var(--ftColor, #FFF);
}

.vod-ad-back-button {
  position: absolute;
  top: 1rem;
  left: 1.1rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  color: var(--ftColor, #FFF);
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.4rem);
  transition:
    opacity 0.18s ease,
    visibility 0.18s ease,
    transform 0.18s ease,
    color 0.18s ease,
    background-color 0.18s ease;
}

.vod-ad-controls-overlay--visible .vod-ad-back-button {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.vod-ad-back-button:hover,
.vod-ad-back-button:focus-visible {
  color: var(--ftColor, #FFF);
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.vod-ad-back-button svg {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

.vod-ad-meta {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: fit-content;
  min-height: 1.4rem;
  font-size: clamp(0.84rem, 1.16vw, 1.05rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.1rem;
  pointer-events: auto;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.82);
}

.vod-ad-meta__separator {
  opacity: 0.9;
}

.vod-ad-progress {
  position: relative;
  width: 100%;
  height: 0.25rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
}

.vod-ad-progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: inherit;
  background: #ffb31a;
  transition: width 0.2s linear;
}

.vod-ad-controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 0;
  min-height: 0;
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.45rem);
  transition:
    max-height 0.18s ease,
    margin-top 0.18s ease,
    opacity 0.18s ease,
    visibility 0.18s ease,
    transform 0.18s ease;
}

.vod-ad-controls-overlay--visible .vod-ad-controls-row {
  max-height: 3rem;
  min-height: 3rem;
  margin-top: 1.1rem;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.vod-ad-controls-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.vod-ad-control-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  padding: 0;
  color: var(--ftColor, #FFF);
  background: transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  pointer-events: auto;
  transition: color 0.18s ease, background-color 0.18s ease;
}

.vod-ad-control-button svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
}

.vod-ad-play-button svg {
  width: 3rem;
  height: 3rem;
}

.vod-ad-volume-control {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 1.7rem;
  min-height: 2.25rem;
  overflow: hidden;
  pointer-events: auto;
  transition: width 0.16s ease;
}

.vod-ad-volume-control:hover,
.vod-ad-volume-control--scrubbing,
.vod-ad-volume-control:focus-within {
  width: 9.25rem;
}

.vod-ad-volume-range {
  flex: 0 0 6.25rem;
  width: 6.25rem;
  height: 1.5rem;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  touch-action: none;
  transition: opacity 0.16s ease, visibility 0.16s ease;
}

.vod-ad-volume-control:hover .vod-ad-volume-range,
.vod-ad-volume-control:focus-within .vod-ad-volume-range,
.vod-ad-volume-control--scrubbing .vod-ad-volume-range {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.vod-ad-volume-range::-webkit-slider-runnable-track {
  height: 0.25rem;
  border-radius: 999px;
  background: #ffffff;
}

.vod-ad-volume-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.85rem;
  height: 0.85rem;
  margin-top: -0.3rem;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.vod-ad-volume-range::-moz-range-track {
  height: 0.25rem;
  border-radius: 999px;
  background: #ffffff;
}

.vod-ad-volume-range::-moz-range-thumb {
  width: 0.85rem;
  height: 0.85rem;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

@media (max-width: 768px) {
  .vod-ad-controls-overlay {
    gap: 0.95rem;
  }

  .vod-ad-back-button {
    top: 0.5rem;
    left: 0.5rem;
  }

  .vod-ad-meta {
    font-size: clamp(0.76rem, 1.04vw, 0.95rem);
  }

  .custom-theme.is-ad-playing .shaka-ad-controls {
    left: 10.6rem !important;
    bottom: 5.75rem !important;
  }

  .custom-theme.is-ad-playing .shaka-skip-ad-container {
    font-size: clamp(0.76rem, 1.04vw, 0.95rem) !important;
  }

  .vod-ad-controls-left {
    gap: 0.8rem;
  }

  .vod-ad-volume-control:hover,
  .vod-ad-volume-control--scrubbing,
  .vod-ad-volume-control:focus-within {
    width: 7.5rem;
  }

  .vod-ad-volume-range {
    flex-basis: 4.5rem;
    width: 4.5rem;
  }
}

@media (max-width: 480px) {
  .vod-ad-volume-control {
    width: 2.5rem;
  }

  .vod-ad-control-button {
    width: 2.5rem;
    height: 2.5rem;
  }

  .vod-ad-control-button svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  .vod-ad-play-button svg {
    width: 2rem;
    height: 2rem;
  }
}

.custom-theme .shaka-bottom-controls {
  width: 100%;
  padding: 0;
  padding-bottom: 0;
  z-index: 100;
  min-height: 50px !important;
}

.custom-theme .shaka-bottom-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.player-page-wrapper:not(.is-live-player) .custom-theme .shaka-bottom-controls {
  gap: 0.7rem;
}

.custom-theme .shaka-controls-button-panel {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.player-container .custom-theme .shaka-controls-button-panel>button {
  margin: 0 !important;
  color: var(--ftColor, #FFF) !important;
  height: 40px !important;
  width: 40px !important;
  min-width: fit-content !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.player-container .custom-theme .shaka-controls-button-panel>button:first-of-type {
  justify-content: flex-start !important;
}

.player-container .custom-theme .shaka-controls-button-panel>button:last-of-type {
  justify-content: flex-end !important;
}

.player-container .custom-theme button.shaka-mute-button.shaka-tooltip {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
}

.player-container .custom-theme .shaka-controls-button-panel>button.shaka-channel-guide-button {
  gap: 0.4rem;
  flex: 0 0 auto;
  width: auto !important;
  white-space: nowrap;
}

.shaka-channel-guide-button__icon {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
}

.shaka-channel-guide-button__icon svg {
  width: 100%;
  height: 100%;
}

/* Live: hide the whole control bar while an ad plays (the ad overlay shows "Ad X of Y").
   Ad containers are outside it. It comes back when the break ends. */
.is-live-player .custom-theme.is-ad-playing .shaka-controls-container {
  display: none !important;
  pointer-events: none !important;
}

.is-live-player .shaka-seek-bar-container,
.is-live-player .shaka-seek-bar {
  pointer-events: none !important;
  cursor: default !important;
}

.is-live-player .shaka-seek-bar-container {
  background: var(--hgColor, #ff8500) !important;
}

.is-live-player .shaka-seek-bar {
  opacity: 0 !important;
}

.custom-theme .shaka-controls-button-panel>button:hover {
  color: var(--ftColor, #FFF);
}

.custom-theme.is-linear-player .shaka-play-pause-button.shaka-tooltip::after,
.custom-theme.is-linear-player .shaka-mute-button.shaka-tooltip::after {
  content: none !important;
  display: none !important;
}

.custom-theme .shaka-controls-button-panel .shaka-volume-bar-container {
  position: relative;
  z-index: 110;
  display: flex;
  align-items: center;
  opacity: 0;
  width: 0px;
  height: 5px;
  padding: 0;
  transition: width 0.2s cubic-bezier(0.4, 0, 1, 1),
    opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.custom-theme .shaka-mute-button:hover+.shaka-volume-bar-container-allow-hiding,
.custom-theme .shaka-controls-button-panel:has(.shaka-mute-button:hover) .shaka-volume-bar-container,
.custom-theme .shaka-volume-bar-container:hover,
.custom-theme .shaka-volume-bar-container:focus-within,
.custom-theme .shaka-volume-bar-container:active,
.custom-theme .shaka-volume-bar-container.shaka-volume-hover {
  opacity: 1 !important;
  width: 100px !important;
  pointer-events: auto !important;
}

.custom-theme .shaka-current-time {
  padding: 0 10px;
  color: var(--ftColor, #FFF);
  white-space: nowrap;
  background: none;
  border: none;
  cursor: default;
  pointer-events: none;
  background: transparent;
  font-weight: 700;
  font-size: clamp(0.80rem, 1.10vw, 1rem);
}

.custom-theme .shaka-seek-bar-container {
  padding: unset !important;
  margin: unset !important;
  height: 0.3rem;
  position: relative;
  border: unset;
}

.player-page-wrapper .custom-theme .shaka-seek-bar-container,
.player-page-wrapper .custom-theme .shaka-ad-markers,
.player-page-wrapper .custom-theme .vod-ad-markers {
  border-radius: 999px;
}

.custom-theme .vod-ad-markers {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

.custom-theme .vod-ad-marker {
  position: absolute;
  top: 50%;
  width: 5px;
  height: 100%;
  background: #f8d24b;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}

.custom-theme .shaka-seek-bar-container .shaka-range-element,
.custom-theme .shaka-volume-bar-container input {
  opacity: 1;
  height: 100% !important;
  top: unset !important;
  cursor: pointer;
}

.custom-theme .shaka-volume-bar-container input {
  opacity: 1;
  width: 100% !important;
  height: 5px !important;
  top: unset !important;
  cursor: pointer;
}


.custom-theme .shaka-seek-bar-container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--hgColor, #FF8500);
  cursor: pointer;
}

.custom-theme .shaka-seek-bar-container input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background: var(--hgColor, #FF8500);
  cursor: pointer;
}

.custom-theme .shaka-seek-bar-container input[type="range"]::-ms-thumb {
  background: var(--hgColor, #FF8500);
  cursor: pointer;
}

.custom-theme .shaka-video-container * {
  font-family: var(--font-primary);
}

.custom-theme .shaka-video-container .material-icons-round {
  font-family: "Material Icons Sharp";
}

.custom-theme .shaka-overflow-menu,
.custom-theme .shaka-settings-menu {
  border-radius: 2px;
  background: rgba(28,28,28,.9) !important;
  text-shadow: 0 0 2px rgb(0 0 0%);
  -webkit-transition:
    opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0, 0, 0.2, 1),
    visibility 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition:
    opacity 0.3s cubic-bezier(0, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0, 0, 0.2, 1),
    visibility 0.3s cubic-bezier(0, 0, 0.2, 1);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  right: 0.25rem;
  padding: unset !important;
  min-width: 200px;
  border-radius: 8px;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.is-fullscreen.custom-theme .shaka-overflow-menu,
.is-fullscreen.custom-theme .shaka-settings-menu {
  right: 1rem;
}

.is-live-player.is-fullscreen .custom-theme .shaka-overflow-menu,
.is-live-player.is-fullscreen .custom-theme .shaka-settings-menu {
  bottom: 1rem;
}


.custom-theme .shaka-controls-container[casting="true"] .shaka-overflow-menu,
.custom-theme .shaka-controls-container[casting="true"] .shaka-settings-menu,
.custom-theme .shaka-controls-container[shown="true"] .shaka-overflow-menu,
.custom-theme .shaka-controls-container[shown="true"] .shaka-settings-menu {
  z-index: 999;
}

.custom-theme .shaka-overflow-menu[hidden],
.custom-theme .shaka-settings-menu[hidden] {
  opacity: 0;
  transform: scale(0.95);
  visibility: hidden;
}

.custom-theme .shaka-settings-menu {
  padding: 0 0 8px 0;
}

.custom-theme .shaka-settings-menu button {
  font-size: clamp(10px, 0.83vw, 12px);
}

.custom-theme .shaka-settings-menu button span {
  font-size: clamp(10px, 0.89vw, 13px);
}

.custom-theme .shaka-settings-menu button[aria-selected="true"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.shaka-overflow-menu .material-svg-icon,
.shaka-settings-menu .material-svg-icon {
  padding: unset;
}

.custom-theme .shaka-overflow-menu button .shaka-overflow-button-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  outline: none;
  height: 40px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91%;
  flex: 0 0 91%;
}

.custom-theme .shaka-overflow-menu button .shaka-overflow-button-label span {
  -ms-flex-negative: initial;
  flex-shrink: initial;
  padding-left: 15px;
  font-size: clamp(10px, 0.89vw, 13px);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-theme .shaka-overflow-menu span+span {
  color: var(--ftColor, #FFF);
  font-weight: 400 !important;
  font-size: clamp(10px, 0.83vw, 12px) !important;
  padding-right: 8px;
  padding-left: 0 !important;
}

.custom-theme .shaka-overflow-menu button:hover,
.custom-theme .shaka-settings-menu button:hover {
  background-color: var(--secondary_btn_gdColor, rgba(0, 0, 0, 0.12));
  cursor: pointer;
}

.custom-theme .shaka-overflow-menu button:hover label,
.custom-theme .shaka-settings-menu button:hover label {
  cursor: pointer;
}

.custom-theme .shaka-overflow-menu button,
.custom-theme .shaka-settings-menu button {
  color: var(--ftColor, #FFF);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.custom-theme .shaka-captions-off {
  color: var(--ftColor, #FFF);
}

.custom-theme .shaka-overflow-menu-button {
  font-size: clamp(14px, 1.24vw, 18px) !important;
  margin-right: 5px !important;
  color: var(--ftColor, #FFF) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background-color 0.2s ease !important;
}

#shaka-player-ui-time-container {
  align-items: center;
  padding: 0.5rem;
}

.custom-theme .shaka-fullscreen-button:hover {
  font-size: clamp(20px, 1.72vw, 25px);
  -webkit-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
}

.shaka-no-propagation .shaka-show-controls-on-mouse-over .shaka-settings-menu .shaka-playback-rates {
  border: 1px solid red;
}

/* ============================================
   CUSTOM NAVIGATION BUTTONS IN SHAKA UI
   ============================================ */

.custom-theme .shaka-prev-button,
.custom-theme .shaka-next-button,
.custom-theme .shaka-skip-button {
  margin: 0;
  color: var(--ftColor, #FFF);
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: clamp(13px, 1.10vw, 16px);
  transition: color 0.2s ease;
}

.custom-theme .shaka-prev-button:hover,
.custom-theme .shaka-next-button:hover,
.custom-theme .shaka-skip-button:hover {
  color: var(--ftColor, #FFF);
}

.custom-theme .shaka-skip-button {
  font-size: clamp(10px, 0.83vw, 12px);
  font-weight: 500;
}

.custom-theme .shaka-back-to-overflow-button .material-svg-icon {
  font-size: clamp(19px, 1.65vw, 24px) !important;
}

/* ============================================
   SEEK OVERLAY (Arrow key seek indicator)
   ============================================ */

.seek-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1500;
}

.seek-overlay-side {
  position: absolute;
  top: 0;
  height: 100%;
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.seek-overlay-side.active {
  opacity: 1;
}

.seek-overlay-left {
  left: 0;
  background: none;
  border-radius: 0 50% 50% 0;
}

.seek-overlay-right {
  right: 0;
  background: none;
  border-radius: 50% 0 0 50%;
}

.seek-chevrons {
  display: flex;
  align-items: center;
  position: relative;
}

/* Static base chevron — always visible when active */
.chevron-static {
  display: flex;
  align-items: center;
}

.chevron-static svg {
  width: 28px;
  height: 28px;
  opacity: 0.9;
}

/* Left side: flip the static chevron */
.seek-overlay-left .chevron-static svg {
  transform: scaleX(-1);
}

/* Spawned chevrons that flow and merge */
.chevron-spawned {
  position: absolute;
  display: flex;
  align-items: center;
  opacity: 0;
}

.chevron-spawned svg {
  width: 28px;
  height: 28px;
}

/* Right: spawns from left, flows right, merges into static */
.chevron-flow-right {
  animation: flowRight 0.4s ease-out forwards;
}

/* Left: spawns from right, flows left, merges into static (chevron flipped) */
.chevron-flow-left svg {
  transform: scaleX(-1);
}

.chevron-flow-left {
  animation: flowLeft 0.4s ease-out forwards;
}

@keyframes flowRight {
  0% {
    opacity: 0.9;
    transform: translateX(-24px);
  }

  70% {
    opacity: 0.6;
    transform: translateX(-4px);
  }

  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

@keyframes flowLeft {
  0% {
    opacity: 0.9;
    transform: translateX(24px);
  }

  70% {
    opacity: 0.6;
    transform: translateX(4px);
  }

  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

.seek-seconds {
  color: var(--ftColor, #FFF);
  font-size: clamp(11px, 0.96vw, 14px);
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* ============================================
   SKIP INTRO / CREDIT / NEXT EPISODE PROMPTS
   ============================================ */

.player-skip-prompt-wrapper {
  position: absolute;
  bottom: 4.5rem;
  right: 0;
  z-index: 1200;
  pointer-events: auto;
}

.is-fullscreen .player-skip-prompt-wrapper {
  right: 2rem;
  bottom: 7rem;
}

.player-skip-btn {
  padding: 0.6rem 1.2rem;
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  display: flex;
  align-items: center;
  font-weight: 600;
  font-family: var(--font-primary);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.custom-theme.is-ad-playing .player-skip-prompt-wrapper {
  display: none !important;
}

@media screen and (max-width: 968px) {
  .custom-theme.shaka-video-container::after {
    height: 60%;
  }

  .player-page-wrapper {
    padding-top: 72px;
    height: 100vh;
    height: 100dvh;
    flex-direction: column;
  }

  .player-left {
    flex: 0 0 auto !important;
    width: auto !important;
    height: unset !important;
    margin: 0 3.5vw !important;
    aspect-ratio: 16 / 9;
    justify-content: unset;
  }

  .player-container.watch-player-wrapper {
    height: 100%;
  }

  .player-container .custom-theme .shaka-controls-button-panel>button.shaka-channel-guide-button {
    font-size: 0.7rem;
  }

  .player-video {
    width: 100%;
    margin-left: 0;
  }

  .live-player-actions {
    right: 0.65rem;
    gap: 0.4rem;
  }

  .live-player-action {
    font-size: 0.6875rem;
  }

  .player-right {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding-top: 1rem;
  }

  .player-right .prc-container,
  .player-right .prc-body {
    min-height: 0;
  }

  .player-right .prc-container {
    padding-bottom: 5rem;
    box-sizing: border-box;
  }

  .player-right .prc-body {
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .back-button {
    left: 0.5rem;
    max-width: calc(100% - 1rem);
    min-width: 0;
    padding: 0.25rem;
    gap: 0.375rem;
  }

  .back-button svg {
    width: 1.375rem;
    height: 1.375rem;
    flex-shrink: 0;
  }

  .back-button .asset-title {
    min-width: 0;
    max-width: calc(100% - 1.75rem);
  }

  .back-button .asset-title__name,
  .back-button .asset-title__episode {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .back-button .asset-title__name {
    font-size: 0.875rem;
  }

  .back-button .asset-title__episode {
    font-size: 0.75rem;
  }

  .vod-rating-overlay {
    top: auto;
    left: auto;
    max-width: 100%;
    min-width: 0;
    width: fit-content;
    height: auto;
    min-height: 0;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    padding: 0 0.5rem;
  }

  .vod-rating-badge {
    left: 0;
    font-size: 0.75rem;
  }

  .vod-rating-desc {
    max-width: 100%;
    margin-top: 0;
    font-size: 0.6875rem;
    overflow-wrap: anywhere;
  }
}

/* ============================================
   RESPONSIVE CONTROLS & ICONS FOR SMALL SCREENS
   ============================================ */

/* Tablet & Medium Screens */
@media (max-width: 768px) {
  .player-container .custom-theme .shaka-controls-button-panel {
    height: 34px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button,
  .player-container .custom-theme button.shaka-mute-button.shaka-tooltip {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    padding: 0 2px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button svg,
  .player-container .custom-theme .shaka-controls-button-panel > button .material-icons-round,
  .player-container .custom-theme .shaka-controls-button-panel > button .material-svg-icon {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
  }

  .custom-theme .shaka-play-button-container > button,
  .custom-theme .shaka-play-button {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
    padding: 0 !important;
    background-size: 45% !important;
  }

  .custom-theme .shaka-seek-bar-container {
    height: 0.22rem !important;
  }

  .custom-theme .shaka-seek-bar-container input[type="range"]::-webkit-slider-thumb {
    width: 10px !important;
    height: 10px !important;
  }

  .custom-theme .shaka-seek-bar-container input[type="range"]::-moz-range-thumb {
    width: 10px !important;
    height: 10px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button.shaka-current-time,
  .custom-theme .shaka-current-time {
    width: auto !important;
    min-width: auto !important;
    white-space: nowrap !important;
    padding: 0 4px !important;
    font-size: 0.72rem !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button.shaka-channel-guide-button {
    height: 32px !important;
    font-size: 0.65rem !important;
    padding: 0 6px !important;
    gap: 0.25rem !important;
  }

  .shaka-channel-guide-button__icon {
    width: 1rem !important;
    height: 1rem !important;
  }

  .custom-theme .shaka-mute-button:hover + .shaka-volume-bar-container-allow-hiding,
  .custom-theme .shaka-controls-button-panel:has(.shaka-mute-button:hover) .shaka-volume-bar-container,
  .custom-theme .shaka-volume-bar-container:hover,
  .custom-theme .shaka-volume-bar-container:focus-within,
  .custom-theme .shaka-volume-bar-container:active {
    width: 60px !important;
  }

  .custom-theme .shaka-bottom-controls {
    min-height: 36px !important;
  }

  .player-page-wrapper:not(.is-live-player) .custom-theme .shaka-bottom-controls {
    gap: 0.35rem !important;
  }

  .back-button {
    max-width: 50% !important;
    gap: 0.35rem !important;
    font-size: 0.72rem !important;
  }

  .back-button svg {
    width: 1.15rem !important;
    height: 1.15rem !important;
  }

  .back-button .asset-title__name {
    font-size: 0.78rem !important;
  }

  .back-button .asset-title__episode {
    font-size: 0.68rem !important;
  }

  .live-player-actions {
    right: 0.5rem !important;
    gap: 0.35rem !important;
    max-width: 50% !important;
  }

  .live-player-action {
    font-size: 0.625rem !important;
    padding: 0.2rem 0.35rem !important;
    gap: 0.25rem !important;
  }

  .live-player-action svg {
    width: 0.85rem !important;
    height: 0.85rem !important;
  }

  .custom-theme .shaka-prev-button,
  .custom-theme .shaka-next-button,
  .custom-theme .shaka-skip-button {
    height: 32px !important;
    font-size: 11px !important;
  }

  .custom-theme .shaka-overflow-menu,
  .custom-theme .shaka-settings-menu {
    min-width: 170px !important;
    font-size: 11px !important;
  }

  .custom-theme .shaka-overflow-menu button .shaka-overflow-button-label {
    height: 32px !important;
  }

  .custom-theme .shaka-overflow-menu button .shaka-overflow-button-label span {
    font-size: 11px !important;
    padding-left: 10px !important;
  }

  .custom-theme .shaka-overflow-menu span+span {
    font-size: 10px !important;
  }

  .custom-theme .shaka-settings-menu button {
    font-size: 11px !important;
    padding: 6px !important;
  }

  .seek-seconds {
    font-size: 11px !important;
  }

  .chevron-static svg,
  .chevron-spawned svg {
    width: 22px !important;
    height: 22px !important;
  }

  .player-skip-btn {
    padding: 0.4rem 0.8rem !important;
    font-size: 0.72rem !important;
  }
}

/* Small Screens / Mobile Viewports */
@media (max-width: 480px) {
  .player-container .custom-theme .shaka-controls-button-panel {
    height: 28px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button,
  .player-container .custom-theme button.shaka-mute-button.shaka-tooltip {
    height: 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    padding: 0 1px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button svg,
  .player-container .custom-theme .shaka-controls-button-panel > button .material-icons-round,
  .player-container .custom-theme .shaka-controls-button-panel > button .material-svg-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
  }

  .custom-theme .shaka-play-button-container > button,
  .custom-theme .shaka-play-button {
    width: 2.15rem !important;
    height: 2.15rem !important;
    min-width: 2.15rem !important;
    min-height: 2.15rem !important;
    padding: 0 !important;
    background-size: 40% !important;
  }

  .custom-theme .shaka-seek-bar-container {
    height: 0.18rem !important;
  }

  .custom-theme .shaka-seek-bar-container input[type="range"]::-webkit-slider-thumb {
    width: 8px !important;
    height: 8px !important;
  }

  .custom-theme .shaka-seek-bar-container input[type="range"]::-moz-range-thumb {
    width: 8px !important;
    height: 8px !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button.shaka-current-time,
  .custom-theme .shaka-current-time {
    width: auto !important;
    min-width: auto !important;
    white-space: nowrap !important;
    padding: 0 2px !important;
    font-size: 0.625rem !important;
  }

  .player-container .custom-theme .shaka-controls-button-panel > button.shaka-channel-guide-button {
    height: 28px !important;
    font-size: 0.58rem !important;
    padding: 0 4px !important;
    gap: 0.2rem !important;
  }

  .shaka-channel-guide-button__icon {
    width: 0.85rem !important;
    height: 0.85rem !important;
  }

  .custom-theme .shaka-mute-button:hover + .shaka-volume-bar-container-allow-hiding,
  .custom-theme .shaka-controls-button-panel:has(.shaka-mute-button:hover) .shaka-volume-bar-container,
  .custom-theme .shaka-volume-bar-container:hover,
  .custom-theme .shaka-volume-bar-container:focus-within,
  .custom-theme .shaka-volume-bar-container:active {
    width: 45px !important;
  }

  .custom-theme .shaka-bottom-controls {
    min-height: 30px !important;
  }

  .player-page-wrapper:not(.is-live-player) .custom-theme .shaka-bottom-controls {
    gap: 0.2rem !important;
  }

  .back-button {
    max-width: 48% !important;
    gap: 0.25rem !important;
    padding: 0.2rem !important;
    font-size: 0.65rem !important;
  }

  .back-button svg {
    width: 1rem !important;
    height: 1rem !important;
  }

  .back-button .asset-title__name {
    font-size: 0.6875rem !important;
  }

  .back-button .asset-title__episode {
    font-size: 0.6rem !important;
  }

  .live-player-actions {
    right: 0.35rem !important;
    gap: 0.25rem !important;
    max-width: 50% !important;
  }

  .live-player-action {
    font-size: 0.5625rem !important;
    padding: 0.15rem 0.25rem !important;
    gap: 0.2rem !important;
  }

  .live-player-action svg {
    width: 0.75rem !important;
    height: 0.75rem !important;
  }

  .custom-theme .shaka-prev-button,
  .custom-theme .shaka-next-button,
  .custom-theme .shaka-skip-button {
    height: 28px !important;
    font-size: 10px !important;
  }

  .custom-theme .shaka-overflow-menu,
  .custom-theme .shaka-settings-menu {
    min-width: 150px !important;
    font-size: 10px !important;
    bottom: 38px !important;
  }

  .custom-theme .shaka-overflow-menu button .shaka-overflow-button-label {
    height: 28px !important;
  }

  .custom-theme .shaka-overflow-menu button .shaka-overflow-button-label span {
    font-size: 10px !important;
    padding-left: 8px !important;
  }

  .custom-theme .shaka-overflow-menu span+span {
    font-size: 9px !important;
  }

  .custom-theme .shaka-settings-menu button {
    font-size: 10px !important;
    padding: 4px 6px !important;
  }

  .seek-seconds {
    font-size: 10px !important;
  }

  .chevron-static svg,
  .chevron-spawned svg {
    width: 18px !important;
    height: 18px !important;
  }

  .player-skip-btn {
    padding: 0.3rem 0.6rem !important;
    font-size: 0.65rem !important;
  }
}

@media (max-width: 340px) {
  .shaka-channel-guide-button__label {
    display: none !important;
  }
}

/* Mobile Player device modifier */
.custom-theme.is-mobile-player .shaka-controls-button-panel {
  height: 28px !important;
}

.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button,
.player-container .custom-theme.is-mobile-player button.shaka-mute-button.shaka-tooltip {
  height: 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  padding: 0 1px !important;
}

.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button svg,
.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button .material-icons-round,
.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button .material-svg-icon {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

.custom-theme.is-mobile-player .shaka-play-button-container > button,
.custom-theme.is-mobile-player .shaka-play-button {
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  min-height: 2.15rem !important;
  padding: 0 !important;
  background-size: 40% !important;
}

.custom-theme.is-mobile-player .shaka-seek-bar-container {
  height: 0.18rem !important;
}

.custom-theme.is-mobile-player .shaka-seek-bar-container input[type="range"]::-webkit-slider-thumb {
  width: 8px !important;
  height: 8px !important;
}

.custom-theme.is-mobile-player .shaka-seek-bar-container input[type="range"]::-moz-range-thumb {
  width: 8px !important;
  height: 8px !important;
}

.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button.shaka-current-time,
.custom-theme.is-mobile-player .shaka-current-time {
  width: auto !important;
  min-width: auto !important;
  white-space: nowrap !important;
  padding: 0 2px !important;
  font-size: 0.625rem !important;
}

.player-container .custom-theme.is-mobile-player .shaka-controls-button-panel > button.shaka-channel-guide-button {
  height: 28px !important;
  font-size: 0.58rem !important;
  padding: 0 4px !important;
  gap: 0.2rem !important;
}

.custom-theme.is-mobile-player .shaka-channel-guide-button__icon {
  width: 0.85rem !important;
  height: 0.85rem !important;
}

.custom-theme.is-mobile-player .shaka-controls-container {
  padding: unset;
}

/* ============================================
   PLAYER RELATED CONTENT — CONTAINER
   ============================================ */

.prc-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
  background: var(--mnColor, #000);
  overflow: hidden;
}

.prc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  flex-shrink: 0;
  gap: 12px;
}

.prc-title {
  font-size: clamp(0.80rem, 1.10vw, 1rem);
  font-weight: 600;
  color: var(--ftColor, #fff);
  margin: 0;
  flex-shrink: 0;
}

.prc-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.prc-body::-webkit-scrollbar {
  width: 4px;
}

.prc-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* ============================================
   TABS NAV
   ============================================ */

.prc-tabs-nav {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  flex-shrink: 0;
  gap: 2rem;
  background-color: transparent;
  width: 100%;
}

.prc-tab-btn {
  background: transparent;
  border: none;
  color: var(--ftColor, #fff);
  opacity: 0.8;
  font-weight: 400;
  font-size: clamp(0.90rem, 1.24vw, 1rem);
  line-height: 24px;
  letter-spacing: 0%;
  vertical-align: middle;
  padding: 0 0 0.5rem 0;
  cursor: pointer;
  position: relative;
  transition: color 0.1s ease, opacity 0.1s ease;
  width: 50%;
}

.prc-tab-btn:hover {
  opacity: 1;
}

.prc-tab-btn--active {
  color: var(--ftColor, #fff);
  font-weight: 500;
  opacity: 1;
}

.prc-tab-btn--active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--btn_gdColor, rgba(254, 192, 15, 1));
}


/* ============================================
   SEASON DROPDOWN (CUSTOM)
   ============================================ */

.prc-season-bar {
  padding: 0 16px;
  flex-shrink: 0;
  /* Dropdown trigger height (24px chevron + padding + border), reserved while seasons load */
  min-height: calc(24px + 0.8rem + 2px);
}

.prc-custom-dropdown {
  position: relative;
  width: 200px;
  z-index: 20;
}

.prc-custom-dropdown__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--mnColor, #000);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: var(--ftColor, #fff);
  font-size: clamp(0.80rem, 1.10vw, 1rem);
  font-weight: 500;
  padding: 0.4rem 0.7rem;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.prc-custom-dropdown__trigger:hover,
.prc-custom-dropdown__trigger.is-open {
  background: var(--mnColor, #000);
}

.prc-custom-dropdown__trigger:focus-visible,
.prc-custom-dropdown__item:focus-visible,
.prc-tab-btn:focus-visible,
.prc-episode-card:focus-visible,
.prc-mlt-list__card:focus-visible {
  outline: 2px solid var(--hgColor, #f6c20f);
  outline-offset: 2px;
}

.prc-custom-dropdown__chevron {
  transition: transform 0.2s;
  opacity: 0.7;
}

.prc-custom-dropdown__trigger.is-open .prc-custom-dropdown__chevron {
  transform: rotate(180deg);
}

.prc-custom-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background: var(--mnColor, #000);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  margin: 0;
  list-style: none;
  min-width: 100%;
  padding: 4px 0;
  max-height: 350px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
  scrollbar-width: thin;
  display: none;
}

.prc-custom-dropdown__menu.is-open {
  display: block;
}

.prc-custom-dropdown__item {
  padding: 0.875rem;
  font-size: clamp(0.80rem, 1.10vw, 0.875rem);
  font-weight: 400;
  opacity: 0.8;
  color: var(--ftColor, #FFF);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.prc-custom-dropdown__item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--ftColor, #fff);
}

.prc-custom-dropdown__item.is-active {
  color: var(--ftColor, #fff);
  font-weight: 500;
  opacity: 1;
}

/* ============================================
   MORE LIKE THIS (LIST VIEW)
   ============================================ */

.prc-mlt-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.prc-mlt-list__card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 16px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
}

.prc-mlt-list__card:visited {
  color: inherit;
}

.prc-mlt-list__card:hover {
  cursor: pointer;
}

.prc-mlt-list__card:last-of-type {
  border-bottom: none;
}

.prc-mlt-list__thumbnail {
  position: relative;
  flex-shrink: 0;
  width: 45%;
  aspect-ratio: 16 / 9;
  border: 0.5px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin: 0;
  background: #1a1a1a;
}

.prc-mlt-list__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.prc-mlt-list__card:hover .prc-mlt-list__image {
  transform: scale(1.05);
}

.prc-mlt-list__placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
}

.prc-mlt-list__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}

.prc-mlt-list__title {
  font-size: clamp(0.80rem, 1.10vw, 1rem);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--ftColor, #fff);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prc-mlt-list__meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.prc-mlt-list__meta span {
  font-weight: 400;
  font-size: clamp(0.70rem, 0.96vw, 0.875rem);
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--ftColor, #fff);
  opacity: 0.8;
  margin: 0;
}

.prc-mlt-list__separator {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50%;
  background: var(--ftColor, #fff);
  opacity: 0.8;
  flex-shrink: 0;
}

.prc-mlt-list__description {
  font-size: clamp(0.68rem, 0.94vw, 0.85rem);
  line-height: 1.4;
  opacity: 0.6;
  color: var(--ftColor, #FFF);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.prc-mlt-skeleton {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.prc-mlt-skeleton__card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 16px;
}

.prc-mlt-skeleton__thumb {
  width: 45%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  animation: pulse 1.5s infinite;
  flex-shrink: 0;
}

.prc-mlt-skeleton__title {
  width: 100%;
  height: 14px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.6;
  }
}

.player-skeleton-block {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  animation: pulse 1.5s infinite;
}

/* ============================================
   EPISODES LIST
   ============================================ */

.prc-episodes-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.prc-episodes-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

/* ============================================
   EPISODE CARD
   ============================================ */

.prc-episode-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 0 14px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
}

.prc-episode-card:visited {
  color: inherit;
}


.prc-episode-card:hover {
  cursor: pointer;
}

.prc-episode-card:last-of-type {
  border-bottom: none;
}

.prc-episode-card__thumbnail {
  position: relative;
  flex-shrink: 0;
  width: 45%;
  aspect-ratio: 16 / 9;
  border: 0.5px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 6px;
  overflow: hidden;
  margin: 0;
  background: #1a1a1a;
}

.FullscreenEpisodes .prc-episode-card__thumbnail {
  width: 30%;
}

.prc-episode-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.prc-episode-card__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
}

.prc-episode-card__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.prc-episode-card__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  z-index: 2;
  border-bottom-left-radius: 6px;
}

.prc-episode-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

.prc-episode-card__title {
  font-size: clamp(0.80rem, 1.10vw, 1rem);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--ftColor, #fff);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prc-episode-card__meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.prc-episode-card__ep-num,
.prc-episode-card__duration {
  font-weight: 400;
  font-size: clamp(0.70rem, 0.96vw, 0.875rem);
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: var(--ftColor, #fff);
  opacity: 0.8;
  margin: 0;
}

.prc-episode-card__separator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--ftColor, #fff);
  opacity: 0.8;
  flex-shrink: 0;
}

.prc-episode-card__description {
  font-size: clamp(0.68rem, 0.94vw, 0.875rem);
  line-height: 1.4;
  opacity: 0.6;
  color: var(--ftColor, #FFF);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============================================
   LOAD MORE
   ============================================ */

.prc-load-more {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prc-load-more-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 0.5px solid #FFFFFF99;
  border-radius: 20px;
  opacity: 0.7;
  color: var(--ftColor, #FFF);
  font-size: clamp(0.62rem, 0.86vw, 0.78rem);
  padding: 7px 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.prc-load-more-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--ftColor, #fff);
}

.player-fullscreen-episodes {
  position: absolute;
  inset: 0;
  z-index: 1900;
  background: linear-gradient(135deg, rgba(14, 14, 16, 0.98), rgba(16, 17, 21, 0.94));
  color: var(--ftColor, #fff);
  overflow: hidden;
}

.player-fullscreen-episodes__close {
  position: absolute;
  top: 1rem;
  right: 9rem;
  z-index: 2;
  border: none;
  background: transparent;
  color: var(--ftColor, #fff);
  font-size: clamp(2.40rem, 3.30vw, 3rem);
  line-height: 1;
  cursor: pointer;
}

.player-fullscreen-episodes__inner {
  width: min(75rem, 74vw);
  height: calc(100% - 6rem);
  margin: 3rem auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.player-fullscreen-episodes__title {
  margin: 0 0 3rem;
  font-size: clamp(1.2rem, 2.20vw, 1.5rem);
  font-weight: 500;
}

.player-fullscreen-episodes__content {
  display: grid;
  grid-template-columns: 18rem minmax(0, 1fr);
  gap: 4rem;
  min-height: 0;
  flex: 1;
}

.player-fullscreen-episodes__seasons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  min-height: 0;
}

.player-fullscreen-episodes__season {
  min-height: 3.5rem;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--ftColor, #fff);
  cursor: pointer;
  font-size: clamp(0.96rem, 1.32vw, 1rem);
  background: var(--mnColor, #141414);
  font-weight: 500;
  text-align: left;
}

.player-fullscreen-episodes__season small {
  font-size: clamp(0.5rem, 1.04vw, 0.75rem);
  font-weight: 500;
  opacity: 0.5;
}


.player-fullscreen-episodes__list {
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
  overflow-y: auto;
  min-height: 0;
}

.player-fullscreen-episodes__item {
  display: grid;
  grid-template-columns: 14rem minmax(0, 1fr);
  gap: 1.25rem;
  cursor: pointer;
}

.player-fullscreen-episodes__thumb {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  overflow: hidden;
  background: #1a1a1a;
  border: 0.5px solid hsla(0, 0%, 100%, 0.2);
}

.player-fullscreen-episodes__thumb img,
.player-fullscreen-episodes__placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.player-fullscreen-episodes__placeholder {
  background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
}

.player-fullscreen-episodes__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.player-fullscreen-episodes__info {
  min-width: 0;
  padding-top: 0.25rem;
}

.player-fullscreen-episodes__info h3 {
  margin: 0 0 0.4rem;
  font-size: clamp(1.02rem, 1.41vw, 1.28rem);
  font-weight: 700;
  color: var(--ftColor, #fff);
}

.player-fullscreen-episodes__meta {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0 0.55rem;
  opacity: 0.62;
  color: var(--ftColor, #FFF);
  font-size: clamp(0.84rem, 1.16vw, 1.05rem);
  font-weight: 500;
}

.player-fullscreen-episodes__desc {
  margin: 0;
  opacity: 0.42;
  color: var(--ftColor, #FFF);
  font-size: clamp(0.84rem, 1.16vw, 1.05rem);
  line-height: 1.45;
}

.player-fullscreen-episodes__load-more {
  display: flex;
  justify-content: center;
  padding: 0.75rem 0 1.5rem;
}

.player-fullscreen-episodes__load-more button {
  border: 0.5px solid #FFFFFF99;
  border-radius: 6px;
  background: transparent;
  color: var(--ftColor, #fff);
  padding: 0.5rem 1.2rem;
  cursor: pointer;
}

/* Content-partner watermark (tenantConfig.ContentPartnerLogo) */
.player-watermark {
  position: absolute;
  z-index: 5;
  width: 65px;
  height: 55px;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  user-select: none;
}

/* 24px inset from the player edges (design: top 24px; left 791px in an 880px frame = right 24px) */
.player-watermark--top-left { top: 24px; left: 24px; }
.player-watermark--top-right { top: 24px; right: 24px; }
/* bottom positions sit above the shaka control bar */
.player-watermark--bottom-left { bottom: 5rem; left: 24px; }
.player-watermark--bottom-right { bottom: 5rem; right: 24px; }

/* Fullscreen: 64px inset (design: top 64px; left 1311px in a 1440px frame = right 64px) */
.is-fullscreen .player-watermark--top-left { top: 64px; left: 64px; }
.is-fullscreen .player-watermark--top-right { top: 64px; right: 64px; }
.is-fullscreen .player-watermark--bottom-left { left: 64px; }
.is-fullscreen .player-watermark--bottom-right { right: 64px; }

.is-live-player .custom-theme .shaka-bottom-controls.shaka-no-propagation {
  display: grid;
  grid-template-areas:
    "channel-logo program-info"
    "channel-logo seekbar"
    "channel-logo controls";
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: 0.55rem 1rem;
  width: 100%;
  box-sizing: border-box;
}

.is-live-player .custom-theme .shaka-bottom-controls.shaka-no-propagation:has(.player-live-metadata--event) {
  grid-template-areas:
    "program-info"
    "seekbar"
    "controls";
  grid-template-columns: minmax(0, 1fr);
}

.player-live-metadata {
  grid-area: program-info;
  line-height: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  color: var(--ftColor, #fff);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.6s cubic-bezier(0.4, 0, 0.6, 1),
    visibility 0s linear 0.6s;
}

.player-live-metadata--event {
  grid-template-columns: 1fr;
  justify-items: end;
}

.player-live-controls-logo-wrapper {
  grid-area: channel-logo;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.6s cubic-bezier(0.4, 0, 0.6, 1),
    visibility 0s linear 0.6s;
}

.is-live-player .shaka-controls-container[shown="true"] .player-live-metadata,
.is-live-player .shaka-controls-container[shown="true"] .player-live-controls-logo-wrapper {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.is-live-player .shaka-controls-container[shown="true"] .player-live-metadata {
  pointer-events: auto;
}

.player-live-controls-logo {
  width: 6rem;
  height: 6rem;
  border-radius: 6px;
  object-fit: cover;
  background: #e7e7e7;
}

.is-live-player .custom-theme .shaka-seek-bar-container {
  grid-area: seekbar;
  width: 100%;
  align-self: center;
}

.is-live-player .custom-theme:not(.is-ad-playing) .shaka-seek-bar-container.shaka-hidden {
  display: block !important;
}

.is-live-player .custom-theme .shaka-controls-button-panel {
  grid-area: controls;
}

.player-live-metadata__programs {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.5rem;
}

.player-live-program {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem;
  opacity: 1;
}

.player-live-program span {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 400;
  line-height: 1.1;
}

.player-live-program.player-live-program--current span {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--ftColor, #fff);
  font-weight: 500;
}

.player-live-program__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-live-program__time {
  flex: 0 0 auto;
}

.player-live-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 4.2rem;
  height: 2rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: 4px;
  background: #8d0000;
  color: #fff;
  cursor: pointer;
}

.player-live-badge__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
}

@media screen and (max-width: 968px) {
  .is-live-player .custom-theme .shaka-bottom-controls.shaka-no-propagation {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: clamp(0.2rem, 1vw, 0.35rem) clamp(0.25rem, 1.5vw, 0.65rem);
  }

  .player-live-controls-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .player-live-metadata {
    gap: 0.5rem;
  }

  .player-live-metadata__programs {
    gap: 0.25rem;
  }

  .player-live-program,
  .player-live-program--current {
    gap: 0.3rem;
    font-size: 0.6875rem;
  }

  .player-live-program__time {
    font-size: 0.625rem;
  }

  .player-live-badge {
    min-width: 3.5rem;
    height: 1.75rem;
    padding: 0 0.5rem;
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 480px) {
  .player-live-program__title {
    max-width: 48%;
  }

  .player-live-badge {
    min-width: 3rem;
    padding: 0 0.4rem;
  }
}

.tabs {
    justify-content: flex-start;
    text-align: left;
    text-transform: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    color: #9ca3af;
    background: transparent;
    font-weight: 400;

}

.tabs:hover {
    background: #3f3f46;
    color: var(--ftColor, #fff)
}

.virtualized__list {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
  touch-action: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
  }

  ::-webkit-scrollbar {
    display: none;
  }
}

.ReactVirtualized__Grid.virtualized__fixedPane {
  -webkit-overflow-scrolling: auto;
  overscroll-behavior: none;
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar,
  & ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

.virtualized__split {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

/* AutoSizer's injected sensor styles have no CSP nonce. Keep their geometry
   in this external, EPG-scoped stylesheet so resize events still fire. */
.virtualized__split .resize-triggers {
  visibility: hidden;
  opacity: 0;
}

.virtualized__split .resize-triggers,
.virtualized__split .resize-triggers > div,
.virtualized__split .contract-trigger::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}

.virtualized__split .resize-triggers > div {
  overflow: auto;
}

.virtualized__split .contract-trigger::before {
  width: 200%;
  height: 200%;
}

.virtualized__split.virtualized__split--leftEdge .virtualized__fixedPane {
  box-shadow: none !important;
}

.virtualized__fixedPane {
  flex: 0 0 auto;
  overflow: visible;
  position: relative;
  max-height: fit-content;
  z-index: 10;
  box-shadow: 4px 6px 5px 0px #0000008C;
  background: #141414;
  color: #FFF;
  touch-action: pan-y;
}

.virtualized__gridCell--fixed,
.virtualized__gridCell--scrollable {
  contain: layout paint style;
}

.virtualized__scrollPane {
  flex: 1 1 auto;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: none;
  position: relative;
}

.virtualized__list .virtualized__scrollPane {
  max-height: fit-content;
}

.virtualized__spacer {
  position: relative;
  max-height: fit-content;
}

.virtualized__items {
  display: flex;
  flex-direction: column;
  color: #FFF;
  transform: translateZ(0);
  will-change: transform;
}

.signle-item {
  width: 100%;
  text-align: center;
}
.virtualized__split--ssr {
  display: flex;
  overflow: hidden;
}

.virtualized__fixedPane--ssr,
.virtualized__scrollPane--ssr {
  display: flex;
  flex-direction: column;
}

.virtualized__scrollPane--ssr {
  flex: 1 0 auto;
}

/* Full-screen EPG overlay used by player surfaces. */
.epg-popup__overlay {
    position: fixed;
    inset: 0;
    background: #141414B2;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.epg-popup__container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    top: 5.3rem;
    width: 100dvw;
    height: calc(100vh - 5.3rem);
    height: calc(100dvh - 5.3rem);
    border-radius: 12px;
    overflow: hidden;
}

.epg-popup__container > .epg {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
}

.epg-popup__close {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    flex: 0 0 36px;
    margin-right: 3vw;
    z-index: 1;
    background: #FFFFFF29;
    border: none;
    color: #fff;
    width: 36px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
}

.mobile-subscreen-item.splt-shape-LDS,.mobile-subscreen-item.splt-shape-SQR,.mobile-subscreen-item.splt-shape-PR2,.rail-text-card.splt-shape-LDS,.rail-text-card.splt-shape-SQR,.rail-text-card.splt-shape-PR2{border-radius:0}.mobile-subscreen-item.splt-shape-RDLDS,.mobile-subscreen-item.splt-shape-RDSQR,.mobile-subscreen-item.splt-shape-RDSQR-T,.mobile-subscreen-item.splt-shape-RDPR2,.rail-text-card.splt-shape-RDLDS,.rail-text-card.splt-shape-RDSQR,.rail-text-card.splt-shape-RDSQR-T,.rail-text-card.splt-shape-RDPR2{border-radius:var(--border-radius, 8px)}.mobile-subscreen-item.splt-shape-OVLDS,.mobile-subscreen-item.splt-shape-OVLLDS,.mobile-subscreen-item.splt-shape-OVPR2,.mobile-subscreen-item.splt-shape-CIR,.mobile-subscreen-item.splt-shape-CIR-T,.rail-text-card.splt-shape-OVLDS,.rail-text-card.splt-shape-OVLLDS,.rail-text-card.splt-shape-OVPR2,.rail-text-card.splt-shape-CIR,.rail-text-card.splt-shape-CIR-T{border-radius:9999px}.mobile-subscreen-item.splt-shape-ORDLLDS,.rail-text-card.splt-shape-ORDLLDS{border-radius:9999px var(--border-radius, 8px) var(--border-radius, 8px) 9999px}.mobile-subscreen-item.splt-shape-ORDRLDS,.rail-text-card.splt-shape-ORDRLDS{border-radius:var(--border-radius, 8px) 9999px 9999px var(--border-radius, 8px)}.mobile-subscreen-item.splt-shape-HEXLDS,.mobile-subscreen-item.splt-shape-HEX,.mobile-subscreen-item.splt-shape-DMD,.rail-text-card.splt-shape-HEXLDS,.rail-text-card.splt-shape-HEX,.rail-text-card.splt-shape-DMD{border-radius:0;padding-left:calc(16px + 14px/2);padding-right:calc(16px + 14px/2);clip-path:polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);-webkit-clip-path:polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%)}
.lazy-load-image-background.blur {
  filter: blur(15px);
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .3s;
}

.lazy-load-image-background.blur > img {
  opacity: 0;
}

.lazy-load-image-background.blur.lazy-load-image-loaded > img {
  opacity: 1;
  transition: opacity .3s;
}

.MuiInputBase-input.MuiFilledInput-input{padding:12px 16px}.customContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;transform:translateZ(0);backface-visibility:hidden}.forgot-password-container{-webkit-overflow-scrolling:touch}button[type=submit]{will-change:auto;transform:translateZ(0);backface-visibility:hidden}@media(max-width: 1400px){.forgot-password-form-wrapper{transform:scale(0.7) !important;transform-origin:center center}}@media(max-height: 600px){.forgot-password-form-wrapper{overflow-y:auto !important;max-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;padding-bottom:20px}}@media(max-width: 1400px)and (max-height: 600px){.forgot-password-form-wrapper{transform:scale(0.7) !important;transform-origin:center top;overflow-y:auto !important;max-height:100vh;padding-top:10px;padding-bottom:10px}}
.navbar-bar-main {
    display: flex;
    justify-content: space-between;
    z-index: 9999;
    width: 100vw;
    padding-right: 6.5rem;
    position: relative;
}

.navbar-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-left>img {
    height: 100%;
    width: auto;
}

.navbar-right {
    display: flex;
    width: fit-content;
    justify-content: end;
    align-items: center;
    gap: 0.5625rem;
    height: 100%;
}

.globe-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
*{box-sizing:border-box}.selectlan-container{width:100%}.selectlan-container.NAVBAR{display:inline-flex;padding:0 .02894rem 0 .00731rem;justify-content:center;align-items:center;gap:.4375rem;width:unset}.selectlan-container.NAVBAR .selectlan-label-row>.title{display:none}.selectlan-container.NAVBAR .selectlan-dropdown{border:none;padding:0;gap:.4375rem}.selectlan-container.NAVBAR .selectlan-dropdown.open{border:none;padding:0}@media(max-width: 768px){.selectlan-container.NAVBAR .selectlan-dropdown{background:#2b2b2b}.selectlan-container.NAVBAR .selectlan-dropdown.open{background:#2b2b2b}}.selectlan-container.NAVBAR .selectlan-options{width:200px;left:auto;right:-1.5rem;background:#000}.selectlan-container.NAVBAR .selectlan-options.open{max-height:15.81rem}.selectlan-container.NAVBAR .selectlan-option.small>span{font-family:Poppins;font-size:calc(.9375rem - var(--font-size-reduction));font-style:normal;font-weight:400;line-height:normal}.selectlan-form{width:100%}.selectlan-label-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(1rem - var(--gap-size-reduction));align-self:stretch}.selectlan-label-row>.title{width:100%;color:var(--ftColor, #FFF);font-family:Poppins;font-size:calc(1.25rem - var(--font-size-reduction));font-style:normal;font-weight:400;line-height:calc(2rem - var(--font-size-reduction));text-transform:capitalize}.selectlan-dropdown-wrapper{cursor:pointer;width:100%;position:relative}.selectlan-arrow{transition:transform .3s ease}.selectlan-arrow.open{transform:rotate(180deg);transition:transform .3s ease}.selectlan-dropdown{width:100%;display:flex;height:3rem;padding:.75rem 1rem;align-items:center;justify-content:space-between;gap:.3125rem;flex-shrink:0;align-self:stretch;border-radius:.5rem;border:.0625rem solid var(--Dark-Gry, #6E6A6A)}.selectlan-dropdown.open{border-radius:.5rem;border:.125rem solid var(--hgColor, #1CBED5)}.selectlan-dropdown>span{color:var(--ftColor, #FFF);font-family:Poppins;font-size:calc(1rem - var(--font-size-reduction));font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize}@media(max-width: 768px){.selectlan-dropdown{background:#2b2b2b}.selectlan-dropdown.open{background:#2b2b2b}}.selectlan-options{position:absolute;top:calc(100% + .3125rem);left:0;width:100%;border-radius:.3125rem;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out;z-index:1;padding:.5rem 1.6875rem .5rem .5rem;display:none;border-radius:.5rem;background:#1a1a1a;scrollbar-width:thin;scrollbar-color:#ccc}.selectlan-options::-webkit-scrollbar{width:.5rem;background:none;border-radius:.5rem}.selectlan-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:.625rem}.selectlan-options::-webkit-scrollbar-thumb:hover{background:#bbb}.selectlan-options::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:.5rem}.selectlan-options::-webkit-scrollbar-button{width:0;height:0;display:none;background:rgba(0,0,0,0)}.selectlan-options{scrollbar-width:thin;scrollbar-color:#ccc rgba(0,0,0,0)}.selectlan-options.open{display:block;max-height:9rem;overflow-y:auto;padding-right:1.25rem;box-sizing:border-box}@media(max-width: 768px){.selectlan-options{background:#2b2b2b}}.selectlan-option{padding:.4375rem 1rem;color:var(--ftColor, #FFF);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.selectlan-option:not(.selected):hover{background:linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%)}.selectlan-option>span{color:var(--ftColor, #FFF);font-style:normal;line-height:normal}.selectlan-option.large>span{font-size:calc(.9375rem - var(--font-size-reduction));font-weight:500}.selectlan-option.small>span{font-size:calc(.7rem - var(--font-size-reduction));font-weight:400}.selectlan-option.selected{position:relative}.selectlan-option.selected>span{font-weight:700}.selectlan-checkmark{color:var(--ftColor, #FFF)}.selectlan-checkmark path{fill:var(--ftColor, #FFF)}
.image{margin-left:100}.item{cursor:pointer;transition:all .3s ease-in-out}.item:hover{transform:scale(1.19) !important}.content{text-align:center;position:relative}.text{position:absolute;text-align:center;vertical-align:middle;bottom:-10%;left:50%;transform:translate(-50%, 0%)}#panel1a-content{padding-left:32px;padding-right:32px;margin-top:-15px;padding-bottom:32px}.footerClass{padding-top:15px;cursor:pointer}.footerClass:hover{font-weight:600;color:#00be6d}.footClassHover:hover{font-weight:600;color:#00be6d}.socialClass{width:25px;margin-left:-5px;padding-top:10px}.socialClassText{cursor:pointer;padding-top:12px;flex:4}.socialClassText:hover{font-weight:600;color:#00be6d}@-webkit-keyframes autofill{0%,100%{color:#666;background:rgba(0,0,0,0)}}#MobileViewContainer{width:auto;height:150px;overflow:hidden}#MobileViewmodules{padding:5px;white-space:nowrap;overflow-x:scroll;overflow-y:hide}.ImgParent{padding-left:70px;padding-right:70px;position:relative;text-align:center}.ImgParent .lazy-load-image-background{width:100% !important;min-width:400 !important;object-fit:cover !important;height:500px !important}#pass,#confirmPass{overflow:hidden}.customPlaceholder::placeholder{color:#aaa;font-size:16px;font-weight:400;line-height:100%}.main-container div{margin-bottom:0 !important}.MuiBox-root-1037{margin-bottom:0px}.submit-button{display:flex;height:48px;padding:14px 0px 10px 0px !important;justify-content:center;width:396px !important}html,body{margin:0;padding:0;height:100%}.password-missmatch-error-message{width:100%;color:var(--Whait, #FFF) !important;font-size:1rem !important;font-style:normal !important;font-weight:400 !important;line-height:120% !important}.create-new-account-properties{color:var(--Whait, #FFF);font-family:Poppins;font-size:1rem;font-style:normal;font-weight:400;line-height:120%;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.MuiDialogContent-root:first-child{padding:0 !important}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none !important}.otp-send-header-wrraper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.otp-send-header-wrraper .title{font-weight:400;font-style:Regular;font-size:16px;line-height:150%;letter-spacing:0%;text-align:center;color:#999696 !important}.otp-send-header-wrraper .des{font-weight:600;font-style:SemiBold;font-size:16px;line-height:150%;letter-spacing:0%;text-align:center;color:#fff !important;display:flex;gap:.5rem}.otp-send-header-wrraper .des .edit-icon{cursor:pointer}
.header_top{background:linear-gradient(to bottom, #141414, transparent);height:40px;line-height:40px;color:#fff;font-size:14px;transition:transform .3s ease;top:0;left:0;right:0;transition:transform .3s ease}.header_top .header_container{max-width:100%;margin:0 auto;padding:0 3.5vw;display:flex;align-items:center;gap:20px;justify-content:flex-end}.header_top .header_container .header_language,.header_top .header_container .header_help,.header_top .header_container a.header_help{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;color:inherit;border-radius:6px;transition:background .2s ease,color .2s ease}.header_top .header_container .header_language img,.header_top .header_container .header_help img,.header_top .header_container a.header_help img{display:inline-block;width:18px;height:18px;object-fit:contain}.header_top .header_container .header_language:hover,.header_top .header_container .header_language:focus-visible,.header_top .header_container .header_help:hover,.header_top .header_container .header_help:focus-visible,.header_top .header_container a.header_help:hover,.header_top .header_container a.header_help:focus-visible{outline:none;cursor:pointer}.header_top .header_container .header_language:active,.header_top .header_container .header_help:active,.header_top .header_container a.header_help:active{background:hsla(0,0%,100%,.12)}.header_top .header_container a.header_help{font-weight:600}.header_top .header_container a.header_help:hover,.header_top .header_container a.header_help:focus-visible{color:#e6e6e6}@media(max-width: 768px){.header_top .header_container{gap:12px;flex-wrap:wrap}.header_top .header_container .header_language img,.header_top .header_container .header_help img,.header_top .header_container a.header_help img{width:16px;height:16px}}@media(max-width: 480px){.header_top .header_container{gap:8px}.header_top .header_container .header_language,.header_top .header_container .header_help,.header_top .header_container a.header_help{font-size:13px}}.header_top.scrolling-up{transform:translateY(-100%);transition:transform .3s ease;position:fixed}
.header-secondary {
    /* backdrop-filter: blur(10px); */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    height: fit-content;
    padding: 0.5rem 3.5vw;
    /* background: var(--bgColor); */
}

.header-secondary.visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.header-secondary.hidden {
    transform: translateY(-500px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.nav-menu-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    touch-action: auto;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
        display: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    overflow-y: hidden;
}

.nav-menu-item {
    background: #000;
    border: 1px solid #fff;
    border-radius: 25px;
    color: white;
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    line-height: 1;
    text-decoration: none;
}

.nav-menu-item.selected {
    border: 1px solid var(--hgColor);
}

.categories-dropdown {
    position: relative;
}

.categories-dropdown {
    border-radius: 8px;
}

.categories-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 4px 12px;
    min-width: 111px;
    height: 24px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: var(--ftColor,#fff);
}

.categories-trigger.selected {
    border: 1px solid #ffffff;
}

.dropdown-arrow {
    font-size: 0.8rem;
    transition: transform 0.3s ease;
    svg>path{
        stroke:var(--ftColor,#fff);
    }
}

.dropdown-arrow.open {
    transform: rotate(180deg);
}

.categories-dropdown-menu {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    align-items: center;
    background: rgba(0, 0, 0, .9);
    overflow-y: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 9999;
    padding: 5rem 0;
}

.dropdown-menu-item {
    width: 100%;
    background: transparent;
    border: none;
    color: var(--ftColor,#ffff);
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    border-radius: 0;
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0px;
}

.dropdown-menu-item:first-child {
    border-radius: 12px 12px 0 0;
}

.dropdown-menu-item:last-child {
    border-radius: 0 0 12px 12px;
}

.dropdown-menu-item:only-child {
    border-radius: 12px;
}

.dropdown-menu-item:hover{
    font-weight: 700;
}
.dropdown-menu-item.selected {
    font-weight: 700;
}

.close-btn-container {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    z-index: 10000;
}

.close-btn-container svg {
    width: 2rem;
    height: 2rem;
}
.routing-wrapper {
  display: block;
  width: 100%;
  min-height: 1px;
  opacity: 1;
  visibility: visible;
}

.routing-wrapper .transition-group {
  width: 100%;
}

.routing-wrapper section.route-section {
  width: 100%;
   min-height: 100vh;
  position: relative;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 968px) {
  body.no-bottom-nav-padding .routing-wrapper section.route-section {
    min-height: 70vh;
  }
}

.routing-wrapper .routing-fallback-loader {
  min-height: 100vh;
}

.routing-wrapper .fade-enter {
  opacity: 0.01;
}

.routing-wrapper .fade-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.routing-wrapper .fade-exit {
  opacity: 1;
}

.routing-wrapper .fade-exit-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}


@keyframes content-action-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.content-action-row-skeleton{display:flex;align-items:center;gap:8px;min-height:54px;overflow:hidden}.content-action-row-skeleton__item,.content-action-row-skeleton__icon,.content-action-row-skeleton__label{background:linear-gradient(90deg, rgba(255, 255, 255, 0.09) 25%, rgba(255, 255, 255, 0.18) 45%, rgba(255, 255, 255, 0.09) 65%);background-size:300% 100%;animation:content-action-shimmer 1.35s ease-in-out infinite}.content-action-row-skeleton__item{display:block;width:9.0625rem;height:54px;border-radius:8px}.content-action-row-skeleton--compact{gap:24px;min-height:66px;margin-top:24px;overflow-x:hidden}.content-action-row-skeleton--compact .content-action-row-skeleton__item{display:flex;flex:0 0 64px;width:64px;height:66px;flex-direction:column;align-items:center;justify-content:space-between;background:none;animation:none}.content-action-row-skeleton__icon{width:32px;height:32px;border-radius:50%}.content-action-row-skeleton__label{width:64px;height:10px;border-radius:5px}@media(max-width: 768px){.content-action-row-skeleton:not(.content-action-row-skeleton--compact){min-height:42px}.content-action-row-skeleton:not(.content-action-row-skeleton--compact) .content-action-row-skeleton__item{width:100%;height:42px}}@media(prefers-reduced-motion: reduce){.content-action-row-skeleton__item,.content-action-row-skeleton__icon,.content-action-row-skeleton__label{animation:none}}
.item{cursor:pointer;transition:all .3s ease-in-out}.item:hover{transform:scale(1.19) !important}@media only screen and (max-width: 600px){.item:hover{transform:scale(1.1) !important}}.squareBrackets{background-image:linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray);background-repeat:no-repeat;background-size:20px 4px;background-position:top left,top right,bottom left,bottom right;margin-top:20px;margin-bottom:20px;border:solid gray;text-align:center;border-width:0 4px;display:inline-block;vertical-align:top;padding:5px 15px;width:100%}.disablebutton{border:none;cursor:auto}.disablebutton:hover{border:none;cursor:auto;background-color:rgba(0,0,0,0)}.detailInnerCard{flex:1;padding-top:5px;padding-bottom:5px}.detailInnerCard .logo{flex:10}.AddProgressClass{height:25px;background-color:#fff;border-radius:5px;padding:15px}.AddProgressClass div{background-color:#00be6d}.LinearProgressParent{display:flex;width:160px;border-radius:11px;border:7px solid #1a1817}.LinearProgressParent .LinearProgressIcon{position:absolute;z-index:99;padding:3px;font-size:13px;font-weight:500;display:flex;color:#000}.LinearProgressParent .LinearProgressText{margin-top:3px;margin-left:5px}[role=dialog]{overflow-y:initial !important}.IconText{font-weight:500;font-size:16px;margin-top:0px;color:#fff}.shareHeading{padding-left:30px;padding-right:30px;text-align:center}.skip-intro{position:absolute;bottom:-6rem;right:1.13%;z-index:99999;height:40px;margin-bottom:100px;padding:6px 16px;border:solid 1px #f2f2f7;background-color:rgba(0,0,0,0);font-size:14px;letter-spacing:1.42px;color:#f2f2f7;font-weight:500;border-radius:0;font-family:Roboto,sans-serif;pointer-events:auto}.skip-intro:hover{outline:none;box-shadow:none}.skip-credit{position:absolute;bottom:1.5rem;right:1.13%;z-index:99999;height:40px;margin-bottom:0;padding:6px 16px;border:solid 1px #f2f2f7;background-color:rgba(0,0,0,0);font-size:14px;letter-spacing:1.42px;color:#f2f2f7;font-family:Roboto,sans-serif;pointer-events:auto}.skip-credit:hover{outline:none;box-shadow:none}#skip-credit-progress{position:absolute;bottom:1.5rem;right:1.13%;width:136px}#skip-credit-bar{width:0%;height:40px;background-color:hsla(0,0%,100%,.25);overflow:initial !important}.fill-bar{animation:fill-bar-animation 10s linear}@keyframes fill-bar-animation{from{width:0%}to{width:100%}}@media(min-width: 481px)and (max-width: 567px){.skip-credit{bottom:14% !important}#skip-credit-progress{bottom:14% !important}}.marquee{display:flex;overflow:hidden;white-space:nowrap;display:flex;align-items:center;width:95%}.marquee-text{display:inline-block;animation:marquee 10s linear infinite}.no-marquee{display:inline-block}.image-container{position:relative;width:100%;max-width:600px;overflow:hidden}.image{width:100%;height:auto;display:block}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.subtitle__nd__language__title{color:#fff;font-size:.875rem;font-style:normal;font-weight:700}.subtitle__nd__language__des{color:var(--ftColor, #FFF);font-size:.875rem;font-style:normal;font-weight:400}.subtitle__nd__language__des svg{width:1rem;height:1rem;display:flex;margin:0;padding:0;display:flex;align-items:center;justify-content:center}.subtitle__nd__language__des svg path{fill:none;stroke:var(--ftColor, #FFF);stroke-width:1.133;opacity:1}.overlay-tags-cd.guidance-row{display:flex;flex-direction:column;gap:.5rem}.overlay-tags-cd.guidance-row ul:nth-of-type(2){display:flex;align-items:center;gap:.5rem}.overlay-tags-cd.guidance-row ul:nth-of-type(2) .parental-rating.guidance-row{margin:0}.overlay-tags-cd.guidance-row ul:nth-of-type(2) .guidance-row{color:var(--White, #FFF);font-family:Poppins;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4375rem;letter-spacing:.02rem;text-transform:capitalize}.cdpage-player-container{opacity:0;animation:fadeIn .5s ease-in-out forwards}.progressive-img{opacity:0;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media only screen and (max-width: 768px){.MuiTypography-body1{font-size:.75rem !important}.css-usomcz{flex-flow:row !important}.epiDecription{margin-top:0px !important;font-size:.625 !important;line-height:1.2 !important}}
.signup-main-wrapper{border-radius:20px}.white-border-checkbox{width:20px;height:20px;border:2px solid blue;background-color:rgba(0,0,0,0);border-radius:50%;appearance:auto;-webkit-appearance:checkbox;outline:none;cursor:pointer}.MuiTypography{color:#fff;font-size:12px;font-family:"Montserrat",sans-serif;font-weight:400;line-height:1.5}.custom-checkbox input{display:none}.custom-checkbox .checkbox{width:20px;height:20px;border:2px solid #fff;background-color:rgba(0,0,0,0);border-radius:4px;display:inline-block;cursor:pointer;position:relative;transition:background-color .3s ease}.custom-checkbox input:checked+.checkbox{background-color:#fff}.custom-checkbox input:checked+.checkbox::after{content:"✔";color:#000;font-size:16px;position:absolute;font-weight:bold;top:50%;left:50%;transform:translate(-50%, -50%)}.custom-checkbox .checkbox:hover{background-color:rgba(0,0,0,.1)}.MuiPaper-root.MuiDialog-paper.MuiDialog-paperScrollBody{border-radius:20px}.MuiInputBase-input.MuiFilledInput-input{padding:12px 16px;font-size:16px}.main-grid div{margin-bottom:0 !important}.signup-page-container{overflow:hidden;display:flex;height:auto;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;align-self:stretch;border-radius:1.25rem;background:rgba(0,0,0,.84);box-shadow:2.5rem 2.5rem 3.75rem 0px #1e1f21}.signup-project-logo{width:234px;margin-bottom:34px;aspect-ratio:16/9}@media screen and (max-width: 1440px){.signup-project-logo{width:12rem;margin-bottom:1rem}}@media(max-width: 1500px){.signup-dialog .MuiDialog-paper{transform:scale(0.7) !important;overflow:hidden !important}}@media screen and (min-width: 1501px)and (max-width: 1900px){.signup-dialog .MuiDialog-paper{transform:scale(0.8) !important;overflow:hidden !important}}@media(max-width: 1800px){.signup-dialog .MuiDialog-container.MuiDialog-scrollBody{overflow:hidden !important;display:flex;align-items:center;justify-content:center}}@media(max-height: 700px){.signup-dialog .MuiDialog-container.MuiDialog-scrollBody{overflow:auto !important}}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none !important}
.arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .amazon-echo-down-arrow{position:fixed;bottom:0px;left:48%}.scroller-wrapper .slick-slider .slick-prev{left:0px;z-index:1;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-prev:hover{opacity:1}.scroller-wrapper .slick-slider .slick-prev:before{content:""}.scroller-wrapper .slick-slider .slick-next{right:0px;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-next:hover{opacity:1}.scroller-wrapper .slick-slider .slick-next:before{content:""}.scroller-wrapper .slick-slider .paging{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;opacity:.8;color:#000;transition:opacity 200ms,color 200ms,width 0ms linear 200ms}.scroller-wrapper .slick-slider .paging.paging-arrow-left{padding:0 60px 0 20px;left:0;background-image:linear-gradient(to right, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-left:hover{opacity:1}.scroller-wrapper .slick-slider .paging.paging-arrow-right{padding:0 20px 0 60px;right:0;background-image:linear-gradient(to left, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-right:hover{opacity:1}.scroller-wrapper .slick-slider .arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.scroller-wrapper .slick-slider .arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .slick-slider .slick-list{overflow:visible}.scroller-wrapper .slick-slider .slick-initialized .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide .channel-logo{display:none}.scroller-wrapper .slick-slider .slick-active{background:#000;color:#fff}.scroller-wrapper .slick-slider .slick-slide:not(.slick-active){cursor:pointer;transition:all .3s ease-in-out;transform:scale(0.9)}.scroller-wrapper .slick-slider .slick-active{transition:all .3s ease-in-out;transform:scale(1)}.scroller-wrapper .slick-slider .slick-active .channel-logo{display:block}.scroller-wrapper .slick-slider .slick-active .spotlight-container{box-shadow:inset 0 24px 48px 0 rgba(7,7,11,.5)}.scroller-wrapper .slick-slider .slick-active .spotlight-description-container{background:linear-gradient(180deg, rgba(51, 51, 76, 0) 0%, rgba(33, 33, 52, 0.5) 60.4%, rgba(23, 23, 37, 0.97) 100%)}.scroller-wrapper .slick-slider .slick-active .overlay-shadow{background:none}.slick-dots li.slick-active button{display:flex;justify-content:center;align-items:center;width:10px;height:10px;cursor:pointer;color:#fff;border:0;outline:0;background-color:#00be6d;border-radius:50%;text-indent:-9999px}.slick-dots li button{font-size:0;width:5px;height:5px;list-style:none;cursor:pointer;color:#fff;border:0;outline:0;background-color:#fff;border-radius:50%;text-indent:-9999px}.slick-track{margin:0 auto}.slick-list>div{margin-right:0}.slick-next{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important}.slick-next::before{display:none}.slick-prev{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important}.slick-prev::before{display:none}
.arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .amazon-echo-down-arrow{position:fixed;bottom:0px;left:48%}.scroller-wrapper .slick-slider .slick-prev{left:0px;z-index:1;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-prev:hover{opacity:1}.scroller-wrapper .slick-slider .slick-prev:before{content:""}.scroller-wrapper .slick-slider .slick-next{right:0px;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-next:hover{opacity:1}.scroller-wrapper .slick-slider .slick-next:before{content:""}.scroller-wrapper .slick-slider .paging{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;opacity:.8;color:#000;transition:opacity 200ms,color 200ms,width 0ms linear 200ms}.scroller-wrapper .slick-slider .paging.paging-arrow-left{padding:0 60px 0 20px;left:0;background-image:linear-gradient(to right, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-left:hover{opacity:1}.scroller-wrapper .slick-slider .paging.paging-arrow-right{padding:0 20px 0 60px;right:0;background-image:linear-gradient(to left, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-right:hover{opacity:1}.scroller-wrapper .slick-slider .arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.scroller-wrapper .slick-slider .arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .slick-slider .slick-list{overflow:visible}.scroller-wrapper .slick-slider .slick-initialized .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide .channel-logo{display:none}.scroller-wrapper .slick-slider .slick-active{background:#000;color:#fff}.scroller-wrapper .slick-slider .slick-slide:not(.slick-active){cursor:pointer;transition:all .3s ease-in-out;transform:scale(0.9)}.scroller-wrapper .slick-slider .slick-active{transition:all .3s ease-in-out;transform:scale(1)}.scroller-wrapper .slick-slider .slick-active .channel-logo{display:block}.scroller-wrapper .slick-slider .slick-active .spotlight-container{box-shadow:inset 0 24px 48px 0 rgba(7,7,11,.5)}.scroller-wrapper .slick-slider .slick-active .spotlight-description-container{background:linear-gradient(180deg, rgba(51, 51, 76, 0) 0%, rgba(33, 33, 52, 0.5) 60.4%, rgba(23, 23, 37, 0.97) 100%)}.scroller-wrapper .slick-slider .slick-active .overlay-shadow{background:none}.slick-track{margin:0 auto}.slick-list>div{margin-right:0}.slick-next{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important}.slick-next::before{display:none}.slick-prev{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important}.slick-prev::before{display:none}
.dotStyles{margin-top:100}.disablebutton{border:none;cursor:auto}.disablebutton:hover{border:none;cursor:auto;background-color:rgba(0,0,0,0)}
.grid-view-main{display:flex;flex-direction:row}@media screen and (max-width: 768px){.grid-view-main.Recommendation{padding:3.5vw}}.grid-view-main.Search_Page_Grid_View{margin-top:1rem}.grid-view-title{padding-left:1rem;font-size:1.6rem}@media screen and (max-width: 768px){.grid-view-title.Recommendation{padding-left:0rem}}.grid-view-title.Search_Page_Grid_View{display:block}.gridViewContainer{width:100%;row-gap:1.5rem;column-gap:.7rem}@media screen and (max-width: 768px){.gridViewContainer{row-gap:.7rem}}.gridViewContainer_related{row-gap:1.2rem;column-gap:.8rem}@media screen and (max-width: 768px){.gridViewContainer_related{row-gap:1rem}}.asset-container{transition:transform .3s ease;cursor:pointer;border-radius:8px;height:fit-content;position:relative}.asset-container.row{direction:ltr}.asset-container.row-reverse{direction:rtl}.img-nd-subtitle-container{display:flex;flex-direction:column;position:relative}.img-nd-subtitle-container img,.img-nd-subtitle-container-player img{border:.5px solid hsla(0,0%,100%,.2)}.gridViewContainer_related .img-nd-subtitle-container img{border-radius:8px}@media(max-width: 454px){.gridViewContainer_related .img-nd-subtitle-container img{border-radius:4px}}.asset-subtitle{color:var(--ftColor, white);font-size:calc(1.125rem - var(--font-size-reduction));font-family:"Montserrat",sans-serif;font-weight:500;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;top:9.875rem;margin-top:.3rem}.asset-subtitle.row,.asset-desc.row{text-align:left}.asset-subtitle.row-reverse,.asset-desc.row-reverse{text-align:right}.asset-desc{height:1.31rem;color:var(--ftColor, white);font-size:14px;font-family:"Montserrat",sans-serif;font-weight:400;opacity:50%;font-size:calc(1rem - var(--font-size-reduction));overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:nowrap;letter-spacing:0}.gridViewContainer,.gridViewContainer_related{display:grid}.gridViewContainer.large-16x9{grid-template-columns:repeat(5, minmax(0, 1fr))}.gridViewContainer.normal-16x9{grid-template-columns:repeat(6, minmax(0, 1fr))}.gridViewContainer.small-16x9{grid-template-columns:repeat(7, minmax(0, 1fr))}.gridViewContainer.large-2x3{grid-template-columns:repeat(7, minmax(0, 1fr))}.gridViewContainer.normal-2x3{grid-template-columns:repeat(8, minmax(0, 1fr))}.gridViewContainer.small-2x3{grid-template-columns:repeat(9, minmax(0, 1fr))}.gridViewContainer.large-1x1{grid-template-columns:repeat(5, minmax(0, 1fr))}.gridViewContainer.normal-1x1{grid-template-columns:repeat(6, minmax(0, 1fr))}.gridViewContainer.small-1x1{grid-template-columns:repeat(7, minmax(0, 1fr))}@media screen and (max-width: 600px){.gridViewContainer{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;margin:0 !important}}@media screen and (min-width: 601px)and (max-width: 960px){.gridViewContainer{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}}@media screen and (min-width: 961px)and (max-width: 1024px){.gridViewContainer{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}}.dot-separator-gd{content:"";width:4px;height:4px;border-radius:50%;margin:0 .3rem;background-color:var(--ftColor, #FFF);display:inline-block;vertical-align:middle}@media screen and (max-width: 768px){.dot-separator-gd{margin:0 .2rem}}@media screen and (max-width: 768px){.search-page-description{display:none}}
.item{cursor:pointer;transition:all .3s ease-in-out}.item:hover{transform:scale(1.19) !important}@media only screen and (min-width: 1025px){.shaka-play-button{padding:2.5% !important}}@media only screen and (min-width: 480px)and (max-width: 812px){.shaka-play-button{padding:5% !important;background-size:70% !important}}@media only screen and (min-width: 600px)and (max-width: 1024px){.shaka-play-button{padding:4% !important;background-size:70% !important}}@media only screen and (max-width: 600px){.item:hover{transform:scale(1.1) !important}.shaka-play-button{padding:7.5% !important}}.squareBrackets{background-image:linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray);background-repeat:no-repeat;background-size:20px 4px;background-position:top left,top right,bottom left,bottom right;margin-top:20px;margin-bottom:20px;border:solid gray;text-align:center;border-width:0 4px;display:inline-block;vertical-align:top;padding:5px 15px;width:100%}.disablebutton{border:none;cursor:auto}.disablebutton:hover{border:none;cursor:auto;background-color:rgba(155,68,68,0)}.detailInnerCard{flex:1;padding-top:5px;padding-bottom:5px}.detailInnerCard .logo{flex:10}.AddProgressClass{height:25px;background-color:#fff;border-radius:5px;padding:15px}.AddProgressClass div{background-color:#00be6d}.LinearProgressParent{display:flex;width:160px;border-radius:11px;border:7px solid #1a1817}.LinearProgressParent .LinearProgressIcon{position:absolute;z-index:99;padding:3px;font-size:13px;font-weight:500;display:flex;color:#000}.LinearProgressParent .LinearProgressText{margin-top:3px;margin-left:5px}[role=dialog]{overflow-y:initial !important}.IconText{font-size:16px;font-weight:500;line-height:24px;margin:0;color:#fff;opacity:.7}.socialMediaButton{width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:rgba(0,0,0,0) !important;display:flex !important;flex-direction:row;align-items:center;justify-content:center;gap:8px;color:#fff;font:inherit;text-transform:none;cursor:pointer;box-sizing:border-box;text-decoration:none}.socialMediaButton>svg{display:block;width:24px;height:24px;flex:0 0 24px}.shareSocialCell{width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:center}.shareHeading{padding-left:30px;padding-right:30px;text-align:center}.skip-intro{position:absolute;bottom:-6rem;right:1.13%;z-index:99999;height:40px;margin-bottom:100px;padding:6px 16px;border:solid 1px #f2f2f7;background-color:rgba(0,0,0,0);font-size:14px;letter-spacing:1.42px;color:#f2f2f7;font-weight:500;border-radius:0;font-family:Roboto,sans-serif;pointer-events:auto}.skip-intro:hover{outline:none;box-shadow:none}.skip-credit{position:absolute;bottom:1.5rem;right:1.13%;z-index:99999;height:40px;margin-bottom:0;padding:6px 16px;border:solid 1px #f2f2f7;background-color:rgba(0,0,0,0);font-size:14px;letter-spacing:1.42px;color:#f2f2f7;font-family:Roboto,sans-serif;pointer-events:auto}.skip-credit:hover{outline:none;box-shadow:none}#skip-credit-progress{position:absolute;bottom:1.5rem;right:1.13%;width:136px}#skip-credit-bar{width:0%;height:40px;background-color:hsla(0,0%,100%,.25);overflow:initial !important}.fill-bar{animation:fill-bar-animation 10s linear}@keyframes fill-bar-animation{from{width:0%}to{width:100%}}@media(min-width: 481px)and (max-width: 567px){.skip-credit{bottom:14% !important}#skip-credit-progress{bottom:14% !important}}.video-container{position:relative;transition:all .5s ease}.video-container .shaka-text-container{position:absolute !important;top:auto !important;left:0 !important;right:0 !important;bottom:80px !important}.video-container.top-right{position:fixed !important;top:40px;right:0px;width:200px;height:auto;z-index:1000}.shaka-controls-container{padding-left:40px}.shaka-controls-container #shaka-player-ui-time-container{display:flex;justify-content:center;align-items:center}.shaka-overflow-menu,.shaka-settings-menu{min-width:250px}.shaka-overflow-menu{background-color:#000 !important}.shaka-overflow-menu span{color:#fff !important}.shaka-current-selection-span{color:#fff !important}.shaka-overflow-menu button{color:#fff !important}.shaka-settings-menu span.shaka-chosen-item{margin-left:10px}.shaka-range-element{box-shadow:none}.shaka-volume-bar-container{opacity:0;width:0;pointer-events:none;overflow:visible !important;margin-left:4px;transition:width .3s ease,opacity .3s ease;display:none}.video-container .shaka-seek-bar-container{top:-58px !important}.shaka-controls-button-panel>.shaka-custom-seek-button{width:34px !important}.video-container .shaka-controls-button-panel>.shaka-custom-episode-button,.video-container .shaka-controls-button-panel>.shaka-custom-seek-button,.video-container .shaka-controls-button-panel>.shaka-overflow-menu-button{color:#fff !important}.video-container .shaka-controls-button-panel>.shaka-custom-episode-button svg,.video-container .shaka-controls-button-panel>.shaka-custom-episode-button svg path,.video-container .shaka-controls-button-panel>.shaka-custom-seek-button svg,.video-container .shaka-controls-button-panel>.shaka-custom-seek-button svg path,.video-container .shaka-controls-button-panel>.shaka-overflow-menu-button svg,.video-container .shaka-controls-button-panel>.shaka-overflow-menu-button svg path{fill:currentColor !important}.video-container:not(.live-player) .shaka-overflow-menu-button>div,.video-container:not(.live-player) .shaka-overflow-menu-button>div>svg{width:24px !important;height:24px !important;min-width:24px;display:block;flex:0 0 24px}.video-container:not(.live-player) .shaka-overflow-menu{min-width:280px}.video-container:not(.live-player) .shaka-resolution-button .shaka-overflow-button-label-inline{padding-right:40px}.shaka-ad-controls{position:absolute !important;bottom:72px !important;left:16px !important;z-index:3000 !important;width:auto !important}.shaka-controls-container.hide-controls-on-ad .shaka-play-button-container,.shaka-controls-container.hide-controls-on-ad .shaka-seek-bar-container{display:none !important;pointer-events:none !important}.shaka-controls-container.hide-controls-on-ad .shaka-controls-button-panel{justify-content:flex-start !important}.shaka-controls-container.hide-controls-on-ad .shaka-controls-button-panel>*:not(.shaka-ad-info){display:none !important;pointer-events:none !important}.shaka-volume-bar-container.open{display:block;opacity:1;width:80px;pointer-events:auto}.shaka-seek-10s-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:14px;cursor:pointer}.shaka-seek-10s-button:hover{background-color:#0056b3}.seek-button{padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;border:none;font-size:16px;cursor:pointer;margin-left:10px}.seek-button:hover{background-color:#0056b3}.shaka-bottom-controls{display:flex;flex-direction:column-reverse;color:var(--ftColor, #fff)}.skip-intro-overlay{position:absolute;bottom:100px;right:20px;z-index:999;display:flex}.skip-intro-overlay button{background:rgba(255,254,254,.75);color:#000;border:none;border-radius:4px;padding:8px 14px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:opacity .3s ease}.skip-intro-overlay button:hover{opacity:.85}.skip-credit-overlay{position:absolute;bottom:100px;right:20px;z-index:999;display:flex}.skip-credit-overlay button{background:rgba(255,254,254,.75);color:#000;border:none;border-radius:4px;padding:8px 14px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:opacity .3s ease}.skip-credit-overlay button:hover{opacity:.85}.next-epi-overlay-container{position:absolute;bottom:100px;right:20px;display:none;z-index:11;opacity:0;animation:fadeSlideIn .4s ease forwards;transition:opacity .25s ease}.next-epi-overlay-container.show{display:flex;opacity:1}.next-epi-button{background:rgba(255,254,254,.75);color:#000;border:0;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.next-epi-button:hover{background:hsla(0,0%,100%,.995)}.overlay-edge-shadow{position:absolute;height:100%;z-index:1;width:100vw}.playkit-top-bar{min-height:3.5rem !important;margin:0 !important}.playkit-player .playkit-top-bar .playkit-top-bar-area{margin:0 !important;height:100% !important;width:100% !important}.playkit-top-bar .player-add-asset-detail{color:#fff;z-index:9999}.playkit-top-bar .player-add-asset-detail .asset-name{color:#fff;z-index:9999;font-size:20px}.playkit-top-bar .player-add-asset-detail .assest-description{color:#fff;z-index:9999;font-size:15px;position:absolute;top:25px}.playkit-top-bar .assest-detail{display:flex;align-items:center;gap:.7rem;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7794468129) 20%, transparent 100%);z-index:1}.playkit-top-bar .player-add-back-icon{float:left;cursor:pointer;padding-left:1rem}.playkit-top-bar .player-add-back-icon span.back-arrow{background-image:url(assets/back_icon.0ac9d3b6.png);width:22px;height:22px;display:block;background-repeat:no-repeat;background-size:contain}.playkit-top-bar .player-add-back-icon i{font-size:40px}.playkit-top-bar .player-add-asset-detail{color:#fff;float:left}.playkit-top-bar .player-add-asset-detail .asset-name{color:#fff;z-index:9999;font-size:16px;font-weight:600}.playkit-top-bar .player-add-asset-detail .assest-description{color:#fff;z-index:9999;font-size:13px;float:left;width:96%;position:absolute;top:25px;line-height:1.5rem;text-align:justify;margin-top:-10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playkit-spinner-container i{color:#64fa00 !important;font-size:50px}.playkit-spinner{transform:none;animation:none !important;position:relative;height:68px !important;width:68px !important}.playkit-spinner span{background-color:#64fa00 !important;display:none;visibility:hidden;transform:none}.playkit-spinner:before{content:"";box-sizing:border-box;position:absolute;top:4px;left:4px;width:150px;height:150px;margin-top:-10px;margin-left:-10px;border-top-color:#9914b9;background:var(--vivreLoader) no-repeat center center;background-size:cover}.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-progress{background-color:red !important}.full-height{height:100vh}.shaka-spinner svg{display:none !important}.shaka-spinner{position:relative !important;width:100px;height:100px}.shaka-spinner-container{position:absolute !important;top:0;left:0;width:100%;height:100%;display:flex !important;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.shaka-spinner-container.shaka-spinner--shown{opacity:1 !important}.shaka-spinner::before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%, -50%);border-radius:50%;background:var(--vivreLoader) no-repeat center center;background-size:cover}@media(max-width: 600px){.full-height{height:40vh}}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.marquee-container{overflow:hidden;white-space:nowrap;display:flex;align-items:center;width:95%}.marquee-text{display:inline-block;animation:marquee 15s linear infinite}.no-marquee{display:inline-block}.fadeVisible{opacity:1;visibility:visible;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.fadeHidden{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.shaka-controls-container .shaka-small-play-button,.shaka-controls-container .shaka-custom-episode-button,.shaka-controls-container .shaka-mute-button,.shaka-controls-container .shaka-fullscreen-button,.shaka-controls-container .shaka-overflow-menu-button,.shaka-controls-container .shaka-settings-button{width:22px !important;height:24px !important;padding:0;margin:0 2px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;box-sizing:border-box}.shaka-controls-container .material-icons-round,.shaka-controls-container .material-icons{font-size:26px !important;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center}.shaka-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.shaka-fullscreen-butto.remove-full-screen-btn{display:none !important}.shaka-fullscreen-button.material-icons-round.shaka-tooltip.remove-full-screen-btn{display:none !important}#shaka-player-ui-thumbnail-container{margin-top:-6px}#shaka-player-ui-thumbnail-time-container{bottom:7px !important}#shaka-player-ui-thumbnail-time{line-height:18px;min-height:18px;white-space:nowrap}.rating-overlay{position:absolute;top:90px;left:65px;z-index:1200;color:var(--ftColor, #fff);max-width:60%;font-family:"Roboto",sans-serif;padding-top:14px}.rating-overlay::before{content:"";position:absolute;left:-12px;top:4px;width:3px;bottom:-3px;background:var(--hgColor, #ff6a00);border-radius:2px}.rating-badge{font-size:14px;font-weight:600;opacity:.9;margin-top:0px;color:var(--ftColor, #fff)}.rating-desc{font-size:13px;opacity:.7;line-height:1.4;color:var(--ftColor, #fff)}@media only screen and (max-width: 768px){.socialMediaButton{gap:4px}.socialMediaButton>svg{width:20px;height:20px;flex-basis:20px}.shareTitle,.IconText{font-size:.75rem !important}}
.grid-view-main-player{display:flex;flex-direction:row}.grid-view-main.Search_Page_Grid_View-player{margin-top:1rem}.grid-view-title-player{padding-left:1rem;font-size:1.6rem}.grid-view-title.Search_Page_Grid_View-player{display:block}.gridViewContainer-player{row-gap:1.5rem;column-gap:.5rem}.gridViewContainer_related-player{row-gap:.8rem;column-gap:1.8rem}.asset-container-player{transition:transform .3s ease;cursor:pointer;border-radius:8px;height:fit-content;position:relative}.asset-container.row-player{direction:ltr}.asset-container.row-reverse-player{direction:rtl}.img-nd-subtitle-container-player{display:flex;flex-direction:row}.gridViewContainer_related-player .img-nd-subtitle-container div img{border-radius:8px}@media(max-width: 454px){.gridViewContainer_related-player .img-nd-subtitle-container div img{border-radius:4px}}.asset-subtitle-player{color:var(--ftColor, white);font-size:1rem;font-family:"Montserrat",sans-serif;font-weight:500;line-height:1.5;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;letter-spacing:0;top:9.875rem;margin-top:.3rem}.asset-subtitle.row-player,.asset-desc.row-player{text-align:left}.asset-subtitle.row-reverse-player,.asset-desc.row-reverse-player{text-align:right}.asset-desc-player{height:1.31rem;color:var(--ftColor, white);font-size:14px;font-family:"Montserrat",sans-serif;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:nowrap;letter-spacing:0}.gridViewContainer-player,.gridViewContainer_related-player{display:grid}.gridViewContainer_related{margin:0rem !important}.gridViewContainer.large-16x9{grid-template-columns:repeat(5, minmax(0, 1fr))}.gridViewContainer.normal-16x9{grid-template-columns:repeat(6, minmax(0, 1fr))}.gridViewContainer.small-16x9{grid-template-columns:repeat(7, minmax(0, 1fr))}.gridViewContainer.large-2x3{grid-template-columns:repeat(7, minmax(0, 1fr))}.gridViewContainer.normal-2x3{grid-template-columns:repeat(8, minmax(0, 1fr))}.gridViewContainer.small-2x3{grid-template-columns:repeat(9, minmax(0, 1fr))}.gridViewContainer.large-1x1{grid-template-columns:repeat(5, minmax(0, 1fr))}.gridViewContainer.normal-1x1{grid-template-columns:repeat(6, minmax(0, 1fr))}.gridViewContainer.small-1x1{grid-template-columns:repeat(7, minmax(0, 1fr))}@media screen and (max-width: 600px){.gridViewContainer-player{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;margin:0 .7rem !important}}@media screen and (min-width: 601px)and (max-width: 960px){.gridViewContainer-player{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}}@media screen and (min-width: 961px)and (max-width: 1024px){.gridViewContainer-player{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}}.img-wrapper{position:relative;width:50%;height:100%}
* {
	box-sizing: border-box;
}

.DemoPickerWrapper {
	padding: 0 12px;
	font-family: 'Source Code Pro', monospace;
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	background: white;
	margin: 24px 0 48px;
	width: 100%;
}

.DemoPicker {
	font-size: 18px;
	border-radius: 3px;
	background-color: white;
	height: 48px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	border: 0;
	width: 100%;
	color: #6772e5;
	outline: none;
	background: transparent;

	-webkit-appearance: none;
}

.Wrapper {
	margin: 0 auto;
	padding: 0 100px;
	display: flex;
	flex-direction: column;
	height: 100vh;
}

.WrapperMobile {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	height: calc(100vh + 250px);
}

.child {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 0%;
	justify-content: start;
}

.parentBox {
	padding: 20px;
	align-items: initial;
}

.Paymentparentchild {
	border: solid 2px rgb(43, 43, 43);
	border-radius: 5px;
	background-color: rgb(20, 20, 20);
}

.PaymentparentchildMobile {
	padding: 0 20px;
	margin-top: -5px;
}

.PaymentparentlastParentMobile {
	padding: 4px;
	display: flex;
	border: solid 2px rgb(43, 43, 43);
	background-color: rgb(20, 20, 20);
	border-radius: 5px;
}

.Paymentparentlastchild {
	font-size: 12px;
	font-weight: 600;
}

.PaymentparentlastParent {
	padding: 10px;
	display: flex;
}

.PaymentparentlastParentFinal {
	padding: 7px 20px;
	display: flex;
}

.Childbullets::before {
	content: '\2022';
	color: rgb(0, 190, 109);
	font-weight: bold;
	display: inline-block;
	width: 2em;
	margin-left: -2em;
}

.promoCodeInnerBlock {
	padding-top: 17px;
	font-weight: 600;
}

.Parentbullets {
	list-style: none;
}

label {
	color: #eff2f5;
	font-weight: 500;
	letter-spacing: 0.025em;
}

.PaymentcardBorder {
	box-shadow: none !important;
}

.Paymentparent {
	width: 100%;
	border: solid 2px rgb(43, 43, 43);
	border-radius: 5px;
}

.Paymentchild1text {
	padding-top: 20px;
	padding-right: 32px;
	padding-left: 32px;
	text-align: start;
	font-size: 14px;
	font-weight: 600;
}

.CardFooter {
	/* position: fixed; */
	width: 100%;
	background-color: black;
}

.Paymentchild1Footer {
	padding: 7px;
	background-color: rgb(24, 24, 24);
	text-align: center;
	font-size: 14px;
	font-style: italic;
}

.Paymentchild2Footer {
	padding: 8px 15px;
	background-color: rgb(22, 22, 22);
	text-align: start;
	font-size: 14px;
}

.PaymentcardParent {
	background-color: rgb(230, 230, 230);
	border-radius: 5px;
	margin-top: 25px;
	width: 100%;
}

.PaymentcardChild {
	padding: 10px;
}

.PaymentcardForm {
	padding: 5px;
	background-color: white;
}

/* button {
   white-space: nowrap;
   border: 0;
   outline: 0;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   padding: 0 14px;
   box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
   color: #fff;
   border-radius: 4px;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.025em;
   background-color: #6772e5;
   text-decoration: none;
   -webkit-transition: all 150ms ease;
   transition: all 150ms ease;
   margin-top: 10px;
}

button:hover {
   color: #fff;
   cursor: pointer;
   background-color: #7795f8;
   transform: translateY(-1px);
   box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
} */

input,
.StripeElement {
	display: block;
	margin: 10px 0 20px 0;
	/* /max-width: 500px; */
	padding: 10px 14px;
	font-size: 1em;
	box-shadow: rgba(50, 50, 93, 0.14902) 0px 1px 3px,
		rgba(0, 0, 0, 0.0196078) 0px 1px 0px;
	border: 0;
	outline: 0;
	border-radius: 4px;
	background: white;
}

input::placeholder {
	color: #aab7c4;
}

input:focus,
.StripeElement--focus {
	box-shadow: rgba(50, 50, 93, 0.109804) 0px 4px 6px,
		rgba(0, 0, 0, 0.0784314) 0px 1px 3px;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
}

.StripeElement.IdealBankElement,
.StripeElement.FpxBankElement,
.StripeElement.PaymentRequestButton {
	padding: 0;
}

.StripeElement.PaymentRequestButton {
	height: 40px;
}

.errorText {
	color: '#FF6464';
}

.insight-square{background-image:linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray),linear-gradient(gray, gray);background-repeat:no-repeat;background-size:20px 2px;background-position:top left,top right,bottom left,bottom right;margin-top:-30;margin-bottom:-10px;border:solid gray;text-align:center;border-width:0 2px;vertical-align:center;padding:5px 15px;display:inline-block;width:100%;height:110px}.insighttext{position:relative;float:left;top:40%;left:50%;transform:translate(-50%, -50%)}.insight-item{cursor:pointer;transition:all .3s ease-in-out}.insight-item:hover{transform:scale(1.15) !important}.innerCard{margin-top:11px;display:flex;padding-top:5px;padding-bottom:5px}.innerCard .logo{flex:12}.innerCard .delete{flex:2;margin-top:3px}.innerCard .strightLine{flex:1;color:gray;margin-top:3px}.innerCard .share{margin-right:-5px;margin-top:3px}
.reminder-dialog-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color:var(--ftColor,#fff);


  .program-wrapper-current {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .current-program-info {
      .left {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;

        .program-image {
          overflow: hidden;
          width: 143px;
          height: 80px;
          flex-shrink: 0;
          border-radius: 4px;
          opacity: 1;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
          }
        }

        .program-meta-info {
          display: flex;
          flex-direction: column;
          gap: 0.7rem;
          flex: 1;
          min-width: 0;
          text-align: left;
          padding-bottom: 0.2rem;

          .title {
            font-weight: 500;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: 0%;
            text-transform: capitalize;
          }

          .time-date {
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
            opacity: 0.8;
            text-transform: uppercase;
          }
          .channel-info {
            display: flex;
            align-items: center;
            gap: 0.5rem;
          }

          .channel-info span,
          .channel-info div {
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
            opacity: 0.8;
            text-transform: capitalize;
          }
        }
      }
    }

    .current-program-action {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 1rem;
      width: 100%;

      .left {
        display: flex;
        align-items: center;
        gap: 0.5rem;

        .icon {
          width: 16.666677474975586px;
          height: 16.666669845581055px;
          opacity: 1;
          svg > path{
            fill: var(--hgColor,#F05A25)
          }
        }

        .desc {
          font-weight: 500;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0%;
        }
      }

      .right {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 54px;
        border-radius: 8px;
        gap: 8px;
        opacity: 1;
        border-bottom-width: 1.5px;


        .icon {
          width: 20px;
          height: 20px;
          opacity: 1;
          color: var(--btn_txt_Color, black);
        }

        .icon svg path {
          stroke: currentColor;
        }

        .desc {
          font-weight: 600;
          font-size: 16px;
          line-height: 120%;
          letter-spacing: 0%;
          text-align: center;
          text-transform: capitalize;
        }
      }

      .right:hover {
        cursor: pointer;
      }

      .right.loading {
        cursor: default;
        pointer-events: none;
      }

      .right.disabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.6;
      }
    }
  }

  .hr-line {
    width: 100%;
    border-width: 0.5px;
    border: 0.5px solid #FFFFFF33;
  }

  .program-wrapper-future {
    background: #2D2B2B;
    padding: 1.25rem;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    .left {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex: 1;
      min-width: 0;

      .program-image {
        width: 143px;
        height: 80px;
        flex-shrink: 0;
        border-radius: 4px;
        overflow: hidden;
        opacity: 1;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
        }
      }

      .program-info {
        display: flex;
        flex-direction: column;
        text-align: left;
        flex: 1;
        align-self: stretch;
        gap: 0.7rem;

        .title {
          font-weight: 500;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0%;
        }

        .status {
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0%;
          opacity: 0.8;
        }

        .channel-info {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          line-height: 1;
          opacity: 0.8;
        }

        .channel-info span,
        .channel-info div
        {
          font-weight: 400;
          font-size: 16px;
          line-height: 100%;
          letter-spacing: 0%;
          text-transform: capitalize;
          opacity: 0.8;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 110px;
        }
      }
    }

    .right {
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: flex-end;
      flex-basis: 36%;
      height: 54px;
      border-radius: 8px;
      gap: 8px;
      opacity: 1;
      border-width: 1px;
      border: 1px solid #FFFFFF;

      .go-live-btn {
        height: inherit;
        display: flex;
        align-items: center;
        gap: 0.5rem;

        .icon {
          width: 20px;
          height: 20px;
          opacity: 1;
          svg > path{
            stroke:var(--ftColor, #fff)
          }
        }

        .desc {
          font-weight: 500;
          font-size: 16px;
          line-height: 120%;
          text-align: center;
          text-transform: capitalize;
        }
      }
    }

    .right:hover {
      cursor: pointer;
    }
  }
}

/* ---------- Responsive (desktop-first) ---------- */
@media (max-width: 968px) {

  .reminder-dialog-main {
    position: relative;
    gap: 1.25rem;

    .channel-info {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .channel-info span,
    .channel-info div {
      font-weight: 400;
      font-size: 12px !important;
      line-height: 100%;
      letter-spacing: 0%;
      text-transform: capitalize;
      opacity: 0.8;
    }

    .program-wrapper-future {
      flex-direction: column;
      background: none;
      align-items: flex-start;
      padding: 0;
      gap: 1rem;

      .left .program-image {
        width: 119px;
        height: auto;
      }

      .left .program-info {
        .title {
          font-weight: 500;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0%;
          text-transform: capitalize;
        }

        .status {
          font-weight: 400;
          font-size: 12px;
          line-height: 100%;
          letter-spacing: 0%;
        }
      }

      .right,
      .left {
        width: 100%;
      }

      .right {
        height: 42px;

      }
    }

    .program-wrapper-current {
      padding-top: 3rem;
      gap: 1rem;

      .current-program-info .left .program-image {
        width: 119px;
        height: auto;
      }

      .current-program-info .left .program-meta-info {

        .title {
          font-weight: 500;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0%;
          text-transform: capitalize;
        }

        .time-date {
          font-weight: 400;
          font-size: 12px;
          line-height: 100%;
          letter-spacing: 0%;
        }

        .channel-info span,
        .channel-info div {
          font-size: 12px;
        }
      }

      .current-program-action {
        .left {
          position: absolute;
          top: 0;
          width: 100%;

          display: flex;
          align-items: center;
          justify-content: center;

          .desc {
            font-weight: 500;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
          }
        }

        .right {
          width: 100%;
          height: 42px;

          .desc {
            font-weight: 600;
            font-size: 14px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            text-transform: capitalize;
          }
        }
      }
    }

    @media (orientation: landscape) {
      .current-program-action {
        flex-basis: 36%;
        flex-direction: column !important;
        height: auto;

        .left {
          left: 0;
          justify-content: right !important;
          position: unset !important;
        }

        .right {
          height: 42px;
        }
      }

      .program-wrapper-current {
        padding-top: unset;

        .current-program-info {
          max-width: 500px;
        }
      }

      .program-wrapper-current,
      .program-wrapper-future {
        flex-direction: row;
        justify-content: space-between;
      }
    }
  }
}
 .reminderAlert__stack {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1300;
   display: flex;
   flex-direction: column;
   pointer-events: none;
 }

 .reminderAlert__card {
   pointer-events: auto;
   display: flex;
   align-items: stretch;
   height: 120px;
   gap: 1rem;
   width: 100%;
   padding: 0.875rem 2rem;
   background: #1E1E1E;
   border-top: 1px solid rgba(255, 255, 255, 0.08);
   color: var(--ftColor, #FFF);
   animation: reminderAlert-slide-up 0.25s ease-out;
 }

 @keyframes reminderAlert-slide-up {
   from {
     transform: translateY(100%);
     opacity: 0;
   }

   to {
     transform: translateY(0);
     opacity: 1;
   }
 }

 .reminderAlert__thumb {
   flex: 0 0 auto;
   width: auto;
   height: 100%;
   border-radius: 6px;
   object-fit: cover;
   background: #2a2a2a;
 }

 .reminderAlert__info {
   flex: 1 1 auto;
   min-width: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   gap: 4px;
 }

 .reminderAlert__eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1;
   letter-spacing: 0.04em;
   color: var(--ftColor, #FFF);
 }

 .reminderAlert__bell {}

 .reminderAlert__title {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.25;
   letter-spacing: 0;
   text-transform: capitalize;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .reminderAlert__time {
   font-size: 0.9rem;
   font-weight: 400;
   line-height: 1;
   letter-spacing: 0;
   opacity: 0.7;
   text-transform: uppercase;
   color: var(--ftColor, #FFF);
 }

 .reminderAlert__channel {
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
   letter-spacing: 0;
   text-transform: capitalize;
   color: rgba(255, 255, 255, 0.5);
 }

 .reminderAlert__actions {
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: 0.5rem;
 }

 .reminderAlert__watch {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.4rem;
   padding: 0.7rem 1.25rem;
   border: none;
   border-radius: 6px;
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
   svg > path{
        fill:var(--btn_txt_Color,black);
   }
 }

 .reminderAlert__watch:hover {
   opacity: 0.92;
 }

 .reminderAlert__dismiss {
   padding: 0.5rem 1.25rem;
   border: none;
   background: transparent;
   color: var(--ftColor, #FFF);
   opacity: 0.7;
   font-size: 14px;
   font-weight: 500;
   cursor: pointer;
 }

 .reminderAlert__dismiss:hover {
   color: rgba(255, 255, 255, 0.7);
 }

 .reminderAlert__more {
   pointer-events: auto;
   width: 100%;
   padding: 0.9rem 1rem;
   text-align: center;
   font-size: 13px;
   color: rgba(255, 255, 255, 0.75);
   background: rgba(20, 20, 20, 0.96);
   border-top: 1px solid rgba(255, 255, 255, 0.08);
 }

 @media (max-width: 768px) {
   .reminderAlert__card {
     gap: 0.75rem;
     padding: 0.625rem 1rem;
   }

   .reminderAlert__thumb {
     width: auto;
     height: 100%;
   }

   .reminderAlert__title {
     font-size: 15px;
   }

   .reminderAlert__eyebrow,
   .reminderAlert__time,
   .reminderAlert__channel {
     font-size: 11px;
   }

   .reminderAlert__watch {
     padding: 0.5rem 0.875rem;
     font-size: 13px;
   }

   .reminderAlert__dismiss {
     padding: 0.25rem;
     font-size: 13px;
   }
 }
.vertical-slider-container{--navbar-height: 10vh;--slider-offset-height: 1vh;--volume-progress: 50%;--seek-progress: 0%;width:100%;display:flex;position:relative}@media(max-width: 768px){.vertical-slider-container{justify-content:center}.vertical-slider-car-wrapper{width:100%;max-width:100%;min-width:0;padding:0 15px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory;gap:1rem}.vertical-slider-car-wrapper.ratio-9x16{padding:0 0px}.vertical-slider-car-wrapper::-webkit-scrollbar{display:none}.vertical-carousel{width:100%;background-color:#1e1e1e;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:flex-start;scroll-snap-align:center;border:.031rem solid hsla(0,0%,100%,.302);border-radius:.5rem;box-shadow:0 .375rem 1.125rem rgba(0,0,0,.25);padding:0;margin:0}.vertical-carousel.mobile.ratio-9x16{position:relative;border-radius:0}}@media(min-width: 769px){.vertical-slider-container{width:100%;max-width:100%;height:calc(100vh - var(--navbar-height));justify-content:right}.vertical-slider-car-wrapper{width:65vw;height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory;gap:.5rem}.vertical-slider-car-wrapper::-webkit-scrollbar{display:none}.vertical-carousel{width:45vw;height:calc(100vh - var(--navbar-height) - var(--slider-offset-height));text-align:center;scroll-snap-align:center;display:flex;flex-direction:row;align-items:center}}@media(max-width: 768px){.vertical-slider-container.ratio-16x9{justify-content:center;margin-top:-72px !important}}.vertical-slider{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;isolation:isolate}@media(min-width: 769px){.vertical-slider{height:calc(100vh - var(--navbar-height) - var(--slider-offset-height));width:25vw;border-radius:10px}}@media(max-width: 768px){.vertical-slider.ratio-16x9{aspect-ratio:16/9;overflow:visible;z-index:2}.vertical-slider.ratio-9x16{aspect-ratio:9/16;overflow:visible;z-index:2;width:auto;height:93vh}.vertical-slider.ratio-1x1{aspect-ratio:1/1}.vertical-slider.ratio-2x3{aspect-ratio:2/3}}.vertical-slider>.vertical-slider-video-ele{width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.vertical-slider>.vertical-slider-video-ele::-webkit-media-poster{object-fit:cover;object-position:center;height:100%;width:100%}.vertical-slider>.vertical-slider-video-ele.mobile{border-radius:10px 10px 0 0}.vertical-slider>.vertical-slider-video-ele.ratio-9x16.mobile{border-radius:0}.vertical-slider>.vertical-slider-thumbnail-ele{width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.vertical-slider>.vertical-slider-thumbnail-ele.mobile{border-radius:10px 10px 0 0}.vertical-slider>.vertical-slider-thumbnail-ele.ratio-9x16.mobile{border-radius:0}.vertical-slider>.vertical-slider-thumbnail-ele.poster-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}.vertical-slider>.vertical-slider-thumbnail-ele.ratio-9x16.poster-overlay{border-radius:0}.play-pause-wrapper{opacity:0;position:absolute;top:50%;right:50%;transition:opacity .3s ease-in-out}.vertical-slider:hover .play-pause-wrapper{opacity:1}.vertical-slider-video-controls-wrapper-top{position:absolute;width:90%;top:.6rem;right:1.5rem;display:flex;justify-content:space-between;align-items:center;z-index:10;transition:opacity .3s ease-in-out;gap:1rem}.vertical-slider-video-controls-wrapper{position:absolute;top:62%;right:1.5rem;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;z-index:10;transition:opacity .3s ease-in-out;gap:3rem;pointer-events:auto}@media(min-width: 769px){.vertical-slider-video-controls-wrapper{opacity:0;top:0;padding:1rem;justify-content:space-between;width:100%}.vertical-slider:hover .vertical-slider-video-controls-wrapper{opacity:1}}.vertical-slider-live-progress{--live-dot-size: 14px;--live-dot-radius: 7px;--live-track-height: 4px;position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.35rem;z-index:10;width:100%;pointer-events:auto}.vertical-slider-live-progress.ratio-9x16{bottom:4rem;width:95%}.vertical-slider-live-progress .live-chip{align-self:flex-end;background:#d11;color:#fff;font-weight:700;font-size:.75rem;height:20px;min-width:47px;display:flex;align-items:center;justify-content:center;border-radius:3px;margin-right:8px;box-shadow:0 2px 6px rgba(0,0,0,.35)}.vertical-slider-live-progress .live-progress-track{width:calc(100% - var(--live-dot-radius));margin-right:var(--live-dot-radius);height:var(--live-track-height);border-radius:999px;background:hsla(0,0%,100%,.25);position:relative}.vertical-slider-live-progress .live-progress-fill{height:100%;width:0%;background:#ff2d3a;border-radius:999px;position:relative;transition:width .2s linear}.live-progress-fill::after{content:"";position:absolute;right:-7px;top:50%;transform:translate(50%, -50%);width:var(--live-dot-size);height:var(--live-dot-size);background:#ff2d3a;border-radius:50%;left:auto}.live-progress-fill{position:relative;overflow:visible}.vertical-slider-live-progress .live-progress-fill[style*="width: 0%"]::after{opacity:0}.vertical-slider-seekbar-wrapper{position:absolute;left:0;bottom:0;width:100%;height:24px;display:flex;align-items:center;z-index:999999;opacity:1 !important;pointer-events:auto;padding:0 4px}.vertical-slider-seekbar-wrapper.ratio-9x16{position:absolute;left:0;width:100%;height:24px;display:flex;align-items:center;z-index:999999;opacity:1 !important;pointer-events:auto;padding:0 4px}.custom-seekbar{width:100%;margin:0;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,0);cursor:pointer}.custom-seekbar::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right, #ff2d3a 0%, #ff2d3a var(--seek-progress), rgba(255, 255, 255, 0.3) var(--seek-progress), rgba(255, 255, 255, 0.3) 100%)}.custom-seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ff2d3a;margin-top:-5px;border:none}.volume-controls-wrapper-sub{width:50px;height:50px;display:flex;gap:.7rem;overflow:hidden;align-items:center;border-radius:50px;transform-origin:left;transition:width .3s ease-in-out;background:rgba(0,0,0,.3);cursor:pointer}.volume-controls-wrapper-sub:hover{width:20vw;background:rgba(0,0,0,.4)}.volume-controls-wrapper{flex-basis:70%;display:flex;align-items:center;border-radius:50px;transform-origin:left}.icon-wrapper{display:grid;place-content:center;width:50px;height:50px;background:rgba(0,0,0,.3);border-radius:50%;cursor:pointer}.icon-wrapper:hover{background:rgba(0,0,0,.4)}.control-round-icons{font-size:2rem}@media(max-width: 768px){.control-round-icons{background-color:rgba(30,30,30,.6039215686);border-radius:50px;padding:7px}}.vol-up-down-off-wrapper{display:grid;place-content:center}.vol-up-down-off-wrapper .volume-icon{width:24px;height:24px;object-fit:contain;padding:4px;background:rgba(0,0,0,.5);border-radius:50%}.volume-progress-bar{display:flex;width:fit-content;align-items:center}.volume-progress-bar>input{-webkit-appearance:none;appearance:none;width:15vw;height:8px;margin:0;padding:0;border-radius:5px;box-sizing:border-box;cursor:pointer;border:none}.volume-progress-bar>input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:5px;background:linear-gradient(to right, white 0%, white var(--volume-progress), rgba(0, 0, 0, 0.4) var(--volume-progress), rgba(0, 0, 0, 0.4) 100%)}.volume-progress-bar>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-4px}.volume-progress-bar>input[type=range]::-moz-range-track{background:rgba(0,0,0,.5);border-radius:5px;height:8px}.volume-progress-bar>input[type=range]::-moz-range-progress{height:8px;border-radius:5px;background:#fff}.volume-progress-bar>input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.volume-progress-bar>input[type=range]::-ms-track{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0);height:8px}.volume-progress-bar>input[type=range]::-ms-fill-lower{background:#fff;border-radius:5px}.volume-progress-bar>input[type=range]::-ms-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.volume-progress-bar>input[type=range]::-ms-fill-lower,.volume-progress-bar>input[type=range]::-ms-fill-upper{background:rgba(0,0,0,.4);border-radius:5px}@media(min-width: 769px){.meta-data-container{width:20vw;height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;justify-content:end;align-items:start}}@media(max-width: 768px){.meta-data-container{width:100%;padding:0 .8rem 1.2rem .8rem;display:flex;align-items:center;flex-direction:row;gap:.5rem}.meta-data-container.ratio-9x16{position:absolute;bottom:4rem;z-index:10}.meta-data-container2{width:100%;display:flex;align-items:center;flex-direction:row;gap:.5rem}.meta-data-container2.ratio-9x16{position:absolute;bottom:3rem;z-index:10;height:50px;padding:1.2rem .8rem}.vol-up-down-off-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;z-index:999999}.more-icon-wrapper{display:flex;align-items:center;flex-direction:column;gap:2px;justify-content:center}.more-icon-circle svg{scale:1.1}.more-icon-wrapper p{margin:0;color:var(--ftColor, #fff);font-size:10px;font-weight:400;line-height:1;text-align:center}}@media(min-width: 769px){.controls{position:absolute;right:2rem;top:40vh;height:fit-content;line-height:1;display:flex;justify-content:end;flex-direction:column;align-items:end;padding:1rem;gap:1rem}.arrow{border:none;border-radius:50%;width:50px;height:50px;font-weight:bold;transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;cursor:pointer}.arrow.prev{transform:translateY(20px)}.arrow.next{transform:translateY(-20px)}.arrow.arrow-visible{opacity:1;transform:translateY(0)}}.content-info{display:flex;flex-direction:column;gap:.4rem;height:auto;justify-content:flex-start;line-height:1.2;padding:0;min-width:0}@media(min-width: 769px){.content-info{gap:1rem;height:30vh;padding:1rem;line-height:1}}.content-rating-info{display:flex;gap:2rem}.content-rating-info>.thumbs-up,.content-rating-info>.thumbs-down,.content-rating-info>.comment{cursor:pointer;color:#fff;border:none}.content-meta-data-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}@media(min-width: 769px){.content-meta-data-info{gap:.5rem}}.content-meta-data-info .content-meta-title{min-width:0}.content-meta-data-info .content-meta-title>h2{text-align:left;color:#fff}@media(max-width: 768px){.content-meta-data-info .content-meta-title{overflow:hidden}.content-meta-data-info .content-meta-title>h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width: 768px){.content-meta-data-info .content-meta-title>h2{margin:0;font-size:16px;font-weight:600;font-family:Roboto;letter-spacing:.06em;padding-bottom:.2rem;font-weight:"semi-bold"}.content-meta-data-info .content-meta-title>p{font-size:14px;font-weight:400;font-family:Roboto;opacity:80%}}.content-meta-data-info .content-meta-description>p{text-align:left}@media(max-width: 768px){.content-meta-data-info .content-meta-description>p{font-size:14px;margin:0}}@media(min-width: 769px){.content-meta-data-info .content-meta-description>p{font-size:1.04vw}}.vertical-slider-seekbar-wrapper{opacity:0;position:absolute;bottom:0;width:100%;height:4px;background:none;display:flex;align-items:center;cursor:pointer;transition:opacity .3s ease-in-out}.vertical-slider-seekbar-wrapper:hover{opacity:1}.vertical-slider-seekbar-wrapper .custom-seekbar{width:100%;-webkit-appearance:none;height:4px;background:none;outline:none;border-radius:2px;cursor:pointer}.vertical-slider-seekbar-wrapper .custom-seekbar::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right, red var(--seek-progress), rgba(255, 255, 255, 0.2) var(--seek-progress));border-radius:2px}.vertical-slider-seekbar-wrapper .custom-seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;margin-top:-4px}@media(min-width: 769px){.vertical-slider:hover .vertical-slider-video-controls-wrapper,.vertical-slider:hover .play-pause-wrapper{opacity:1}}@media(max-width: 768px){.info-wrapper{width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1.5px solid #fff}.info-wrapper svg{scale:1.3}.home-wrapper{width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1.5px solid #fff}.home-wrapper svg{scale:1.3}.vol-up-down-off-wrapper-top{background:#000;width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center}.vol-up-down-off-wrapper{width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center}.vol-up-down-off-wrapper svg{scale:1.3}.vertical-slider-car-wrapper.ratio-9x16{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.vertical-carousel.ratio-9x16{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.center-play-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeScale .45s ease}.center-play-pause-icon{font-size:42px !important;color:#fff}@keyframes fadeScale{0%{opacity:0;transform:translate(-50%, -50%) scale(0.7)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}}
.slider-container {
    width: 100%;
    width: 80vw;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0 auto;
}

.slider-container > .title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 2em;
    vertical-align: bottom;
    font-weight: 400;
    letter-spacing: 0.56px;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.ads {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    background:white;
    height: fit-content;
    max-height: 30rem;
}

.ads img {
    width: 100%;
    object-fit: contain;
    border-radius: 12px;
    display: block;
}

.ads video {
    width: auto;
    object-fit: cover;
    display: block;
}

.ads-video-player {
    width: 50%;
    position: relative;
    height: 20rem;
    @media(max-width: 768px) {
       width: 100%; 
    }
}
.ads-video-player::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 20%);
      pointer-events: none;
}

.ads-play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 15;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    opacity: 0;
}

.ads-video-player:hover .ads-play-pause-btn {
    opacity: 1;
}

.ads-play-pause-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}
.ads-play-pause-btn.video-ended {
    opacity: 1;
}

.mute-toggle-button {
    position: absolute;
    left: 10px;
    bottom: 2rem;
    z-index: 20;
    cursor: pointer;
}

/* Ads Progress Bar */
.ads-progress-container {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 6px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    overflow: hidden;
    z-index: 20;
}

.ads-progress-bar {
    height: 100%;
    background: #FFF;
    border-radius: 4px;
    transition: width 0.1s ease;
}

.ads-progress-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 16;
}

.ads-progress-slider::-webkit-slider-thumb {
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff6b35;
    cursor: pointer;
}

.ads-progress-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff6b35;
    cursor: pointer;
    border: none;
}

.calltoAction__container {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 10;
}
.calltoAction__container.video {
    bottom: 40%;
    right: 16.5%;
    @media (max-width: 768px) {
      bottom: 2rem;
    right: 2.5%;  
    }
}

.call-to-action-btn {
    min-width: 8rem;
    width: fit-content;
    height: fit-content;
    padding: 0.75rem 1.5rem;
    border: none;
    text-transform: capitalize;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.call-to-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.slick-list {
    border-radius: 12px;
    overflow: hidden;
}

.slick-slide {
    outline: none;
}

.slick-slide > div {
    height: 100%;
}

/* Responsive design */
@media (max-width: 768px) {
    .slider-container {
        max-width: 95vw;
    }
    
    .slider-container > .title {
        font-size: 1.5rem;
    }
    
    .ads {
        background: none;
        height: fit-content;
        max-height: 28rem;
    }
    
    .ads img {
        border-radius: 12px;
        height: 7rem;
    }
    
    .ads video {
        width: 100%;
        height: 18rem;
    }
    
    .ads-play-pause-btn {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    
    
    .calltoAction__container {
        bottom: 0.5rem;
        right: 0.5rem;
    }
    
    .call-to-action-btn {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        min-width: 6rem;
    }
}

@media (max-width: 480px) {
    .slider-container {
        max-width: 98vw;
        gap: 0.25rem;
    }
    
    .slider-container > .title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    
    .ads {
        border-radius: 12px;
        height: fit-content;
        max-height: 25rem;
    }
    
    .ads img {
        border-radius: 12px;
        height: 5rem;
    }
    
    .ads video {
        height: 15rem;
    }
    
    .ads-play-pause-btn {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }
    
    
    .call-to-action-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
        min-width: 5rem;
    }
}
.arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .amazon-echo-down-arrow{position:fixed;bottom:0px;left:48%}.scroller-wrapper .slick-slider .slick-prev{left:0px;z-index:1;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-prev:hover{opacity:1}.scroller-wrapper .slick-slider .slick-prev:before{content:""}.scroller-wrapper .slick-slider .slick-next{right:0px;opacity:.8;height:90%}.scroller-wrapper .slick-slider .slick-next:hover{opacity:1}.scroller-wrapper .slick-slider .slick-next:before{content:""}.scroller-wrapper .slick-slider .paging{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;opacity:.8;color:#000;transition:opacity 200ms,color 200ms,width 0ms linear 200ms}.scroller-wrapper .slick-slider .paging.paging-arrow-left{padding:0 60px 0 20px;left:0;background-image:linear-gradient(to right, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-left:hover{opacity:1}.scroller-wrapper .slick-slider .paging.paging-arrow-right{padding:0 20px 0 60px;right:0;background-image:linear-gradient(to left, #999, rgba(153, 153, 153, 0));opacity:0}.scroller-wrapper .slick-slider .paging.paging-arrow-right:hover{opacity:1}.scroller-wrapper .slick-slider .arrow-icon-left::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px;transform:rotate(180deg)}.scroller-wrapper .slick-slider .arrow-icon-right::before{display:block;content:" ";background-image:url(5abaae8b2d886f8c6718.svg);background-size:24px 24px;height:24px;width:24px}.scroller-wrapper .slick-slider .slick-list{height:"740px"}.scroller-wrapper .slick-slider .slick-initialized .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide{display:flex;justify-content:center}.scroller-wrapper .slick-slider .slick-slide .channel-logo{display:none}.scroller-wrapper .slick-slider .slick-active{background:#000;color:#fff}.scroller-wrapper .slick-slider .slick-slide:not(.slick-active){cursor:pointer;transition:all .3s ease-in-out;transform:scale(0.9)}.scroller-wrapper .slick-slider .slick-active{transition:all .3s ease-in-out;transform:scale(1)}.scroller-wrapper .slick-slider .slick-active .channel-logo{display:block}.scroller-wrapper .slick-slider .slick-active .spotlight-container{box-shadow:inset 0 24px 48px 0 rgba(7,7,11,.5)}.scroller-wrapper .slick-slider .slick-active .spotlight-description-container{background:linear-gradient(180deg, rgba(51, 51, 76, 0) 0%, rgba(33, 33, 52, 0.5) 60.4%, rgba(23, 23, 37, 0.97) 100%)}.scroller-wrapper .slick-slider .slick-active .overlay-shadow{background:none}.slick-dots li.slick-active button{display:flex;justify-content:center;align-items:center;width:10px;height:10px;cursor:pointer;color:#fff;border:0;outline:0;background-color:var(--activeSlick-dots-bg-color);border-radius:50%;text-indent:-9999px}.slick-dots li button{font-size:0;width:5px;height:5px;list-style:none;cursor:pointer;color:#fff;border:0;outline:0;background-color:#fff;border-radius:50%;text-indent:-9999px}.slick-track{margin:0 auto}.slick-list>div{margin-right:0;height:"740px"}.slick-next{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important;width:25px;height:25px;z-index:1;right:25px}.slick-next::before{display:none}.slick-prev{background:url(5abaae8b2d886f8c6718.svg) center center no-repeat !important;width:25px;height:25px;z-index:1;left:25px}.slick-prev::before{display:none}.text-ellipsis{padding-top:20px;color:hsla(0,0%,100%,.7);text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.slick-dots{bottom:125px;width:100%;margin:0;list-style:none;text-align:center;z-index:4}@media screen and (min-width: 1681px){.slick-dots{bottom:10vw}}@media only screen and (max-width: 991px){.details-container{position:absolute;padding-top:40px !important;padding-right:20px !important;padding-left:10px !important;height:100%;bottom:5px;width:min-content !important;background:linear-gradient(to top left, rgba(0, 0, 0, 0.5), transparent);overflow:hidden}.label{font-size:20px !important}.text-ellipsis{-webkit-line-clamp:6}.gradient-container{display:none}.img-display{width:100%;object-fit:cover;contain:layout style paint}}.hero-image-link{display:block;width:100%;height:100%}.carousel-container>.overlay-main{pointer-events:none}.carousel-container>.overlay-main button,.carousel-container>.overlay-main a{pointer-events:auto}@media screen and (max-width: 968px){.carousel-wrapper:not(.carousel-2x3-wrapper) .img-container::after{content:"";position:absolute;bottom:-0.1rem;width:100%;height:14.0625vw;background:linear-gradient(to top, var(--bgColor, #141414), transparent);backdrop-filter:blur(1px);z-index:1}.carousel-wrapper:not(.carousel-2x3-wrapper) .img-container{position:relative}}@media only screen and (max-width: 630px){.text-ellipsis{-webkit-line-clamp:4}.label{font-size:9px !important}.slick-dots{display:none !important}}.carousel-wrapper{position:relative;height:56.25vw}@media screen and (max-width: 968px){.carousel-wrapper{height:unset;min-height:unset}}.carousel-wrapper.carousel-2x3-wrapper{height:65vw}@media screen and (max-width: 968px){.carousel-wrapper.carousel-2x3-wrapper{height:90vh;min-height:300px;margin-bottom:-24vh}}.ssr-hero-carousel__viewport{width:100%;height:100%;overflow:hidden}.ssr-hero-carousel__track{display:flex;width:100%;height:100%;will-change:transform;transition:transform 500ms ease}.ssr-hero-carousel__slide{flex:0 0 100%;min-width:100%}.ssr-hero-carousel__arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;color:#fff;background:var(--hgColor, #FEC00F);cursor:pointer}.ssr-hero-carousel__arrow--previous{left:25px}.ssr-hero-carousel__arrow--next{right:25px}@media(max-width: 968px){.ssr-hero-carousel__arrow{display:none}}.carousel-wrapper::after{content:"";position:absolute;bottom:0;width:100%;height:14.0625vw;background:linear-gradient(to top, var(--bgColor, #141414), transparent);backdrop-filter:blur(1px)}@media screen and (max-width: 968px){.carousel-wrapper::after{display:none}}.carousel-player-mute-unmute-btn-container{display:flex;justify-content:center;align-items:center;position:absolute;right:3.4375rem;bottom:19.6875vw;z-index:100}.carousel-player-mute-unmute-btn-container.rtl{right:0rem;left:3.4375rem}.carousel-player-mute-unmute-btn-container.rtl{right:0rem;left:3.4375rem}.slick-dots{display:flex !important;flex-direction:row !important;gap:.7rem !important}.slick-dots li{place-content:center}.custom-dots-position{position:absolute;width:fit-content;height:fit-content;bottom:14.0625vw;right:10%}@media screen and (max-width: 968px){.custom-dots-position{bottom:0;left:50%;transform:translateX(-50%)}}.custom-dots-position.BOT{bottom:14.0625vw;right:3.5vw}@media screen and (max-width: 768px){.custom-dots-position.BOT{bottom:0;left:50vw;transform:translateX(-50%)}}.custom-dots-position.TOP{top:7rem;right:3.5vw}.custom-dots-position.HDN{display:none !important}.carousel-2x3{position:relative;display:flex;flex-direction:column;cursor:pointer;border-radius:5px}@media screen and (max-width: 968px){.carousel-2x3 .carousel-2x3-play-btn{position:absolute;bottom:9vh;left:50%;transform:translateX(-50%);z-index:10}.carousel-2x3 .carousel-2x3-play-btn .watch-now-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#000;border:none;padding:16px 20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:120%;letter-spacing:0%;text-align:center;border-radius:4px;cursor:pointer;transition:all .3s ease}.carousel-2x3 .carousel-2x3-play-btn .watch-now-btn svg,.carousel-2x3 .carousel-2x3-play-btn .watch-now-btn img{flex-shrink:0;width:20px;height:20px;transform:scale(1.2);padding:5px}.carousel-2x3 .carousel-2x3-play-btn .watch-now-btn:hover{transform:scale(1.05);opacity:.9}.carousel-2x3 .img-container{position:relative;cursor:pointer;height:70vh}.carousel-2x3 .img-container::after{content:"";position:absolute;bottom:-0.1rem;width:100%;height:17.4375vh;background:linear-gradient(to top, var(--bgColor, #141414), transparent);backdrop-filter:blur(1px);z-index:1}.carousel-2x3 .img-display{width:100%;height:100%;object-fit:cover;border-radius:5px}}@media screen and (min-width: 969px){.carousel-2x3{max-width:400px;margin:0 auto}}.carousel-2x3-wrapper .slick-dots{display:flex !important;justify-content:center !important;bottom:20px;left:50% !important;transform:translateX(-50%);width:auto !important}@media screen and (max-width: 968px){.carousel-2x3-wrapper .slick-dots{bottom:26.8vh}}
.view-all-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem 3.5vw 3rem;
}

.view-all-title {
  margin: 0;
  line-height: 1;
}

.overlay-main{padding-left:3.5vw;padding-bottom:14.0625vw;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:43rem;left:0;z-index:2;background:linear-gradient(to right, var(--bgColor, rgba(0, 0, 0, 0.7)), transparent)}.overlay-main.rtl{padding-right:3.5vw;left:calc(100vw - 43rem);background:linear-gradient(to left, var(--bgColor, rgba(0, 0, 0, 0.7)), transparent);direction:rtl}.overlay-main.HRO{left:auto;background:rgba(0,0,0,0);padding-left:0;height:fit-content;padding-bottom:0;width:auto}.overlay-main.HRO.cta-position-BL,.overlay-main.HRO.cta-position-BOTTOM_LEFT{left:2rem;bottom:2rem}.overlay-main.HRO.cta-position-BR,.overlay-main.HRO.cta-position-BOTTOM_RIGHT{right:2rem;bottom:2rem}.overlay-main.HRO.cta-position-TL,.overlay-main.HRO.cta-position-TOP_LEFT{left:2rem;top:2rem}.overlay-main.HRO.cta-position-TR,.overlay-main.HRO.cta-position-TOP_RIGHT{right:2rem;top:2rem}.overlay-main.HRO.cta-position-CENTER,.overlay-main.HRO.cta-position-CENTRE{left:50%;top:50%;transform:translate(-50%, -50%)}.overlay-main.HRO.cta-position-BC,.overlay-main.HRO.cta-position-BOTTOM_CENTER{left:50%;bottom:2rem;transform:translateX(-50%)}.overlay-main.HRO.cta-position-TC,.overlay-main.HRO.cta-position-TOP_CENTER{left:50%;top:2rem;transform:translateX(-50%)}.overlay-main.HRO.cta-position-LC,.overlay-main.HRO.cta-position-LEFT_CENTER{left:2rem;top:50%;transform:translateY(-50%)}.overlay-main.HRO.cta-position-RC,.overlay-main.HRO.cta-position-RIGHT_CENTER{right:2rem;top:50%;transform:translateY(-50%)}.overlay-main.THREE-D-CAROUSEL{width:100%;justify-content:flex-start !important;background:linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);place-content:end;padding-bottom:4rem}.overlay-main.carousel_meta_tags_bottom{padding-bottom:1rem;position:relative;height:fit-content;width:100%;overflow:visible;background:linear-gradient(to top, var(--bgColor, rgba(0, 0, 0, 0.7)), transparent)}.overlay-main.carousel_meta_tags_bottom .overlay-title{font-size:1.125rem !important}.overlay-main.carousel_meta_tags_bottom .overlay-tags>ul li{font-size:.75 !important}@media(max-width: 968px){.overlay-main{width:80%;padding-bottom:unset;background:none}}.overlay-details-container{width:80%;height:100%;display:flex;justify-content:center;flex-direction:column;row-gap:calc(.875rem - var(--font-size-reduction))}.overlay-details-container.HRO{width:auto}@media screen and (max-width: 968px){.overlay-details-container{width:100%;height:70%;justify-content:flex-end}}.overlay-details-container.THREE-D-CAROUSEL{width:85%;justify-content:flex-end}.overlay-details-container.carousel_meta_tags_bottom{height:70%;justify-content:flex-end}.overlay-title-container{width:100%}.overlay-title-container img{width:90%;height:90%}.overlay-title-container>h2{width:100%;font-size:calc(2rem - var(--font-size-reduction));font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:48px;letter-spacing:.8px;font-style:normal;color:var(--ftColor, #FFF)}@media screen and (max-width: 968px){.overlay-title-container>h2{font-size:calc(1.5rem - var(--font-size-reduction));line-height:1}}.overlay-tags{width:100%;overflow:hidden;min-height:22.42px}.overlay-tags>ul{width:100%;display:flex;gap:.1rem;align-items:center}.overlay-tags>ul>li{font-size:calc(1.25rem - var(--font-size-reduction)) !important;line-height:22.42px;font-weight:400;list-style-type:none;color:var(--ftColor, #FFF);display:flex;align-items:center;white-space:nowrap}@media screen and (max-width: 768px){.overlay-tags>ul>li{font-size:.75rem !important}}.overlay-tags .star-rating{display:flex;align-items:center;gap:5px;color:var(--ftColor, #FFF);list-style:none;padding-left:10px}.overlay-tags .audio{color:var(--ftColor, #FFF);font-size:calc(2.3rem - var(--font-size-reduction));background-color:rgba(0,0,0,0);border-radius:5px;display:inline-block;align-items:center;padding-left:1.21875rem}.overlay-tags .HD,.overlay-tags .parental-rating{color:var(--ftColor, #FFF);font-size:.8rem;background-color:rgba(174,121,121,.431372549);border-radius:5px;display:inline-block;align-items:center;padding:.1rem .3rem .1rem .3rem;font-weight:800;margin-right:10px;border:0px solid hsla(0,0%,100%,.3)}@media screen and (max-width: 768px){.overlay-tags .HD,.overlay-tags .parental-rating{margin-right:4px;background-color:rgba(0,0,0,0);border:1px solid #fff;font-weight:600;padding:0 .3rem;display:flex;height:1rem}}@media screen and (max-width: 768px){.HD{display:none !important}}.overlay-tags.guidance-row{display:flex;flex-direction:column;gap:.5rem}.overlay-tags.guidance-row ul:nth-of-type(2){display:flex;align-items:center;gap:.5rem}.overlay-tags.guidance-row ul:nth-of-type(2) .parental-rating.guidance-row{margin:0}.overlay-tags.guidance-row ul:nth-of-type(2) .guidance-row{color:var(--ftColor, #FFF);font-family:Poppins;font-size:calc(1rem - var(--font-size-reduction));font-style:normal;font-weight:400;line-height:1.4375rem;letter-spacing:.02rem;text-transform:capitalize}.overlay-info-btn>svg,.overlay-play-btn>svg{color:var(--ftColor, #FFF);font-size:calc(3rem - var(--font-size-reduction));background-color:rgba(0,0,0,0);border-radius:5px;display:inline-block;align-items:center;font-weight:bold}@media screen and (max-width: 768px){.overlay-info-btn>svg,.overlay-play-btn>svg{font-size:.75rem}}.overlay-play-btn:hover{opacity:.9}.overlay-item-description{width:100%;display:flex;gap:10px;align-items:center;contain:layout style paint;will-change:opacity}@media screen and (max-width: 968px){.overlay-item-description{display:none}}.overlay-item-description>p{font-size:calc(1.25rem - var(--font-size-reduction));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;align-self:stretch;line-height:calc(1.7rem - var(--font-size-reduction));font-weight:500;text-align:left;font-style:normal;color:var(--ftColor, #FFF);opacity:.8;min-height:3.4em;margin:0}@media screen and (max-width: 968px){.overlay-item-description>p{font-size:calc(1.125rem - var(--font-size-reduction));line-height:18px;min-height:2.4em}}@media screen and (max-width: 768px){.overlay-item-description>p{font-size:.75rem}}.overlay-tags-editorial-hidden{display:none}.overlay-title.overlay-editorial-header{font-size:clamp(1.75rem,3vw,3.5rem);line-height:1.1}.overlay-item-description>p.overlay-editorial-subheader{font-size:clamp(1rem,2vw,2rem);line-height:1.2;font-weight:700}.overlay-action-btns-container-editorial{top:0}.overlay-action-btns-container{position:relative;top:8%;display:flex;gap:1rem;align-items:center}@media screen and (max-width: 1024)and (max-width: 1440px){.overlay-action-btns-container{top:65%}}.overlay-play-btn,.overlay-info-btn{border-radius:8px;height:54px;display:flex;gap:10px;padding:0 20px;align-items:center}@media screen and (max-width: 968px){.overlay-play-btn,.overlay-info-btn{padding:.5rem;font-size:calc(.8rem - var(--font-size-reduction));height:54px}}@media screen and (max-width: 968px){.overlay-play-btn{width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center}}.overlay-info-btn{min-width:calc(11.3125rem - var(--gap-size-reduction));width:161px}.overlay-play-btn>h4{font-weight:600;font-size:calc(1.25rem - var(--font-size-reduction));line-height:24px;letter-spacing:0%;text-transform:uppercase;color:var(--ftColor, #FFF)}@media screen and (max-width: 968px){.overlay-play-btn>h4{display:none}}.overlay-info-btn>h4{color:var(--ftColor, #FFF);font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-transform:uppercase}@media screen and (max-width: 968px){.overlay-info-btn>h4{font-size:12px;line-height:15}}.overlay-play-btn{background:var(--Blue, #1CBED5);backdrop-filter:blur(30px)}.overlay-info-btn{background:hsla(0,0%,100%,.1019607843)}.overlay-info-btn:hover>svg,.overlay-info-btn:hover>h4{color:var(--ftColor, #FFF);fill-opacity:.6}.dot-separator{content:"";width:4px !important;height:4px !important;border-radius:50%;margin:0 .5rem;background-color:var(--ftColor, #FFF);display:inline-block;vertical-align:middle}@media screen and (max-width: 768px){.dot-separator{margin:0 .25rem}}.overlay-play-btn-primary{border:none;text-transform:capitalize;font-weight:600;font-size:16px;line-height:120%;text-align:center;text-transform:capitalize}.overlay-play-btn-secondary{border:none;text-transform:capitalize;font-weight:600;font-size:16px;line-height:120%;text-align:center;text-transform:capitalize}
.swiper-coverflow {
}

.coverflow-container{position:relative}.custom-swiper-prev,.custom-swiper-next{position:absolute;top:50%;z-index:5;transform:translateY(-50%);border:none;background:rgba(0,0,0,.4);color:#fff;width:44px;height:44px;border-radius:9999px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}.custom-swiper-prev{left:8px}.custom-swiper-next{right:8px}.custom-swiper-prev:hover,.custom-swiper-next:hover{background:rgba(0,0,0,.6)}.swiper-coverflow{overflow:hidden}.swiper-coverflow .swiper-slide{max-width:875px !important;max-height:525px !important;transition:transform 400ms ease,filter 400ms ease;display:flex;align-items:center;justify-content:center}.coverflow-card{position:relative;width:100%;height:100%;display:flex;user-select:none;-webkit-user-drag:none;overflow:visible}.swiper-coverflow{padding-bottom:35px}.coverflow-img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.35),0 2px 10px rgba(0,0,0,.2);pointer-events:none}.swiper-slide{filter:brightness(0.85)}.swiper-slide-active{filter:brightness(1);z-index:2}
.catalogue-loading-rails {
  padding: 4.6rem 0 2rem;
  animation: catalogue-loading-enter 160ms ease-out both;
}

.catalogue-loading-rail { margin: 0 0 2rem; overflow: hidden; }
.catalogue-loading-title {
  width: 13rem;
  height: 1.5rem;
  margin: 0 0 1rem 3.5vw;
  border-radius: 4px;
  background: #252525;
}
.catalogue-loading-track {
  position: relative;
  display: flex;
  gap: .75rem;
  margin-left: 3.5vw;
  overflow: hidden;
}
.catalogue-loading-card {
  flex: 0 0 min(16.5vw, 280px);
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius, 8px);
  background: linear-gradient(105deg, #202020, #292929 52%, #202020);
}
.catalogue-loading-track::after {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 32%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .055), transparent);
  transform: translate3d(-110%, 0, 0);
  animation: catalogue-rail-sweep 2.4s ease-in-out infinite;
  will-change: transform;
}
@keyframes catalogue-loading-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes catalogue-rail-sweep { to { transform: translate3d(340%, 0, 0); } }
@media (max-width: 1023px) { .catalogue-loading-card { flex-basis: 31vw; } }
@media (max-width: 640px) { .catalogue-loading-card { flex-basis: 44vw; } }
@media (prefers-reduced-motion: reduce) {
  .catalogue-loading-rails, .catalogue-loading-track::after { animation: none; }
  .catalogue-loading-track::after { display: none; }
}

.dotStyles{margin-top:100}.disablebutton{border:none;cursor:auto}.disablebutton:hover{border:none;cursor:auto;background-color:rgba(0,0,0,0)}.live-screen-main{display:flex;flex-direction:column;row-gap:.75rem}@media screen and (max-width: 768px){.live-screen-main{padding-bottom:5rem}}.pagination-runway{position:relative;display:flex;flex-direction:column;row-gap:.75rem;min-height:1px}.pagination-sentinel{position:absolute;top:0;left:0;width:100%;height:1px;pointer-events:none}.pagination-loading-rail{position:relative;overflow:hidden;padding:0 3.5vw 28px;pointer-events:none;contain:paint}.pagination-loading-rail::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.035), transparent);transform:translate3d(-100%, 0, 0);animation:pagination-rail-sweep 3.6s ease-in-out infinite}.pagination-loading-title{width:min(15rem,48vw);height:24px;margin-bottom:24px;border-radius:4px;background:#262626}.pagination-loading-cards{display:flex;gap:12px}.pagination-loading-card{flex:0 0 auto;border-radius:8px;background:#262626}@keyframes pagination-rail-sweep{to{transform:translate3d(100%, 0, 0)}}@media(max-width: 768px){.pagination-loading-rail{padding-bottom:16px}.pagination-loading-title{height:20px;margin-bottom:16px}}@media(prefers-reduced-motion: reduce){.pagination-loading-rail::after{animation:none}}.live-screen-main>div>.carousel-wrapper:first-child{margin-top:-72px}@media screen and (max-width: 968px){.live-screen-main>div>.carousel-wrapper:first-child{margin-top:var(--live-mobile-header-offset, 72px)}}@media screen and (max-width: 968px){.live-screen-main>div>.carousel-2x3-wrapper:first-child{margin-top:0px}}.live-screen-main>div:last-child{padding-bottom:5rem}.live-screen-main>div:has(.carousel-wrapper)+div .center{margin-top:calc(-14.0625vw - .75rem)}@media screen and (max-width: 968px){.live-screen-main>div:has(.carousel-wrapper)+div .center{margin-top:unset}}@media screen and (max-width: 960px){.live-screen-main>:first-child:not(:has(.carousel-wrapper)){margin-top:var(--live-mobile-header-offset, 72px) !important}}@media screen and (max-width: 768px){.live-screen-main>.vertical-container-ratio-9x16:first-child{margin-top:0px !important}}.live-screen-main{position:relative;transition:transform 750ms ease-in-out,opacity 750ms ease-in-out;opacity:1;transform:scale(1);transform-origin:50% 1816px}.live-screen-main.zooming-in{transform:scale(1.04);opacity:0}.made-for-you-main-container{min-height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.how-r-u-feeling-main>h2{line-height:120%;font-size:2rem;word-spacing:2px}.icon-name-row{display:flex;flex-direction:row;justify-content:center;cursor:pointer;border-radius:10px;padding:.8rem}.icon-name-row .icon-typography{font-size:3rem;line-height:40px}.icon-name-row .name-typography{font-size:1.5rem;display:flex;align-items:center;line-height:40px}.icon-name-row:hover .icon-typography.Annoyed{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s;animation:annoyed-shake .4s both;transform:rotate(-10deg) scale(1.15)}@keyframes annoyed-shake{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.1)}40%{transform:rotate(8deg) scale(1.13)}60%{transform:rotate(-10deg) scale(1.15)}100%{transform:rotate(-10deg) scale(1.15)}}.icon-name-row:hover .icon-typography.Delighted{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s;animation:delighted-bounce .5s;transform:scale(1.2) rotate(8deg)}@keyframes delighted-bounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.25) rotate(8deg)}50%{transform:scale(1.15) rotate(8deg)}70%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1.2) rotate(8deg)}}.icon-name-row:hover .icon-typography.Bored{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s;animation:bored-hum .8s;transform:scale(1.17)}@keyframes bored-hum{0%{transform:scale(1) translate(0, 0) rotate(0deg)}25%{transform:scale(1.07) translate(1px, 2px) rotate(-2deg)}50%{transform:scale(1.12) translate(-1px, 4px) rotate(2deg)}75%{transform:scale(1.15) translate(0.5px, 3px) rotate(-1deg)}100%{transform:scale(1.17) translate(0, 0) rotate(0deg)}}.icon-name-row:hover .icon-typography.Stressed{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s;animation:stressed-hum .8s ease-in-out}@keyframes stressed-hum{0%{transform:scale(1) translate(0, 0) rotate(0deg)}20%{transform:scale(1.08) translate(-2px, -3px) rotate(-3deg)}40%{transform:scale(1.12) translate(2px, -5px) rotate(3deg)}60%{transform:scale(1.1) translate(-1px, -6px) rotate(-2deg)}80%{transform:scale(1.06) translate(1px, -4px) rotate(1deg)}100%{transform:scale(1) translate(0, 0) rotate(0deg)}}.icon-name-row:hover .icon-typography.Goofy{transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),color .3s;animation:goofy-wobble .5s;transform:scale(1.18) rotate(-12deg)}@keyframes goofy-wobble{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-8deg)}40%{transform:scale(1.15) rotate(12deg)}60%{transform:scale(1.18) rotate(-12deg)}100%{transform:scale(1.18) rotate(-12deg)}}.ads-container{width:100%;max-width:100%;min-width:0;display:grid;place-content:center}.rec-hro-main{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;min-width:0;cursor:pointer;z-index:999}.editorial-hro{position:relative;overflow:hidden}.editorial-hro>img{display:block;width:100%;height:auto}.editorial-hro__cta{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);z-index:2}.rec-hro-container{width:60%;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;position:relative}.rec-hro-container img{width:100%;border-radius:10px;aspect-ratio:16/9}.rec-hro-container>.title{display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom, rgb(0, 0, 0), 50%, transparent);width:100%;position:absolute;top:0}.rec-hro-container>.title h2{max-width:50%;line-height:120%;font-size:1rem;font-weight:700;padding:2rem;text-wrap:wrap;text-align:center}.rec-hro-container>.rec-hro-description{display:flex;align-items:center;justify-content:center;height:auto;width:100%;text-wrap:wrap;text-align:center;position:absolute;bottom:0;z-index:10;background:linear-gradient(to top, rgb(0, 0, 0), 50%, transparent)}.rec-hro-container>.rec-hro-description p{line-height:120%;font-size:1rem;font-weight:400;max-width:60%;padding:2rem}
.promotion-notification__content{display:flex;padding:3rem .5rem 1rem .5rem !important;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-shrink:0;border-radius:1.25rem}.promotion-notification__title{color:var(--Whait, #FFF);text-align:center;font-size:1.75rem;font-style:normal;font-weight:600;line-height:100%}.promotion-notification__hyperlink{color:#fff;text-align:center;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:400;line-height:normal}.promotion-notification__hyperlink a{color:#1cbed5;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.promotion-notification__image-container{margin-bottom:24px;display:flex;justify-content:center}.promotion-notification__image{max-width:220px;max-height:120px;border-radius:12px;object-fit:cover}.promotion-notification__actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:18px}.promotion-notification__btn{display:flex;width:24.75rem;height:3rem;padding:.875rem 0rem;justify-content:center;align-items:center;gap:.625rem;flex-shrink:0;outline:none;border:none;cursor:pointer}.promotion-notification__btn--ok{border-radius:62.4375rem;background:var(--Blue, #1CBED5);backdrop-filter:blur(15px);color:#fff;text-align:center;font-family:Poppins;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.5rem;text-transform:capitalize}.promotion-notification__btn--ok:hover{background:#1bbad6}.promotion-notification__btn--remind{border-radius:62.4375rem;background:hsla(0,0%,100%,.2);color:#fff;text-align:center;font-family:Poppins;font-size:1.125rem;font-style:normal;font-weight:600;line-height:1.5rem;text-transform:capitalize}.promotion-notification__btn--remind:hover{background:#444}
.grid-rail-container {
    --_app-level-padding: 3.5;
    --_font-color: #FFF;

    padding: 0 calc(var(--_app-level-padding) * 1%);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grid-rail-header {
    height: fit-content;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.grid-rail-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-style: normal;
    font-size: calc( 1.75rem - var(--font-size-reduction));
    line-height: 2rem;
    vertical-align: bottom;
    font-weight: 500;
    letter-spacing: 0.56px;
    text-transform: capitalize;
    @media screen and (max-width: 768px) {
       font-size: calc( 1rem - var(--font-size-reduction)); 
    }
}

.grid-rail-title::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #ff4757;
    border-radius: 2px;
}

.grid-rail-title-link {
    color: inherit;
    text-decoration: none;
}

.grid-rail-view-all {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #FFF;
    font-size: calc( 1.25rem - var(--font-size-reduction));
    font-weight: 500;
    transition: color 0.2s ease;
    @media screen and (max-width: 768px) {
       font-size: calc( 1rem - var(--font-size-reduction)); 
    }
}

.grid-rail-view-all:hover .arrow-icon {
    transform: translateX(4px);
}

.arrow-icon {
    transition: transform 0.2s ease;
    filter: brightness(0) invert(1);
}

.arrow-icon svg {
    transform: scale(0.4);
}

.grid-rail-content {
    display: flex;
    gap: 0.8vw;
    align-items: flex-start;
}

.grid-header-card {
    width: 40%;
    aspect-ratio: 16/9;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.grid-header-card.header {
    pointer-events: none;
    cursor: unset;
}

.grid-header-card:hover {
    transform: scale(1.02);
}

.grid-header-card:hover .header-image {
    transform: scale(1.05);
}

.header-image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

.header-image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none;
}

.header-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}


.grid-layout {
    width: 100%;
    height: 100%;
    display: grid;
    gap: 0.8vw;
}

.grid-layout.matrixHeader {
    width: 60%;
}

.grid-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.grid-item:hover {
    transform: scale(1.02);
}

.grid-item:hover .grid-image {
    transform: scale(1.05);
}

.grid-image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.grid-image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none;
}

.grid-image-container.image-ratio-16x9 {
    aspect-ratio: 16 / 9;
    height: auto;
}

.grid-image-container.image-ratio-2x3 {
    aspect-ratio: 2 / 3;
    height: auto;
}

.grid-image-container.image-ratio-1x1 {
    aspect-ratio: 1 / 1;
    height: auto;
}

.grid-image-container.image-ratio-4x3 {
    aspect-ratio: 4 / 3;
    height: auto;
}

.grid-image-container.image-ratio-3x4,
.grid-image-container.image-ratio-9x16 {
    aspect-ratio: 3 / 4;
    height: auto;
}

.grid-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}


/* Grid configurations */
.grid-layout.grid-2x2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-layout.grid-2x3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-layout.grid-3x2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.grid-layout.grid-2x4 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.grid-layout.grid-3x3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.grid-layout.grid-3x4 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.arrow-icon-seeMore{
   -webkit-mask-box-image-slice: initial;
     -webkit-mask-box-image-width: initial;
     
     -webkit-mask-box-image-outset: initial;
     -webkit-mask-box-image-repeat: initial; 
     background-size: contain;
      background-position: center center; 
      background-repeat: no-repeat; 
      margin: 0px 8px 0px 0px;
     

}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.hz-xpp-player__main {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.hz-xpp-player__main > .hz-xpp-player__container {
    position: relative;

    width: 92.4vw;
    max-width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    display: block;
}
.hz-xpp-player__main
    > .hz-xpp-player__container
    > .hz-xpp-player__video {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    max-height: none;

    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    vertical-align: middle;
}
.hz-xpp-player__main
    > .hz-xpp-player__container
    > .hz-xpp-player__video.CDPAGE {
    width: 100%;
    height: 100%;
}

.hz-xpp-player__main > .hz-xpp-player__container.HRO {
    aspect-ratio: auto;
}
.hz-xpp-player__main
    > .hz-xpp-player__container.HRO
    > img.hz-xpp-player__video.HRO {
    position: relative;
    height: auto;
}

.hz-xpp-player__main
    > .hz-xpp-player__container
    > .hz-xpp-player__video--overlay {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: opacity 0.25s ease-in-out;
}
@media screen and (max-width: 768px) {

    .hz-xpp-player__main {
        width: 100%;
    }

    .hz-xpp-player__main
        > .hz-xpp-player__container {

        width: 100vw;
        max-width: 100vw;

        aspect-ratio: 16 / 9;
    }
}

.hz-xpp-player__mute-btn {
    position: absolute;
    bottom: 31.1px;
    right: 21.38px;
    z-index: 10;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    visibility: hidden;
    transition: visibility .3s ease-in-out;

}

.hz-xpp-player__mute-btn svg,
.hz-xpp-player__mute-btn path {
    color: #fff;
}

.hz-xpp-player__mute-btn.player-component-player-started {
    transition: visibility .3s ease-in-out;
    visibility: visible;
}

.hz-xpp-player__language-selector {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1000;
}

.language-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(35, 35, 35, 0.9);
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.language-menu {
    margin-top: 8px;
    width: 180px;
    background: rgba(30, 30, 30, 0.95);
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
}

.language-title {
    padding: 17px 16px;
    color: #999;
    font-size: 13px;
}

.menu-divider {
    margin: 0 16px;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.language-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 31px;          /* Same height for all items */
    padding: 0 16px;  
    cursor: pointer;
    transition: background .2s;
    opacity: .5;
}

.language-item:hover {
    background: rgba(255,255,255,.08);
}

.language-item.active {
    color: #fff;
    font-weight: 600;
    opacity: 1;
}

.language-item small {
    display: block;
    color: #999;
    font-size: 11px;
}

.report-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;

}

/* Modal Container */
.report-modal {
  background: #1f1f1f;
  width: 420px;
  max-height: 60vh;
  border-radius: 12px;
  padding: 0;
  display: flex;
  flex-direction: column;
  color: #fff;
  overflow: hidden;  /* VERY IMPORTANT */
}

/* HEADER — fixed */
.report-header {
  padding: 30px 20px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;  /* prevents shrinking */
  /* border-bottom: 1px solid #333; */
}

.report-header h2 {
  font-size: 22px;
  font-weight: 600;
}

.close-btn {
  font-size: 22px;
  cursor: pointer;
}

/* SCROLLABLE CONTENT ONLY */
.report-content {
  padding: 12px 24px;
  overflow-y: auto;
  flex-grow: 1;    /* This area expands and scrolls */
}

/* reason list styling */
.report-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.report-option input {
  width: 16px;
  height: 16px;
}

/* FOOTER BUTTONS — fixed */
.report-actions {
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
  gap:20px;
  flex-shrink: 0; /* prevents resizing */
  /* border-top: 1px solid #333; */
  background: #1f1f1f;
}

.cancel-btn {
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 8px 22px;
}

.submit-btn {
  border: none;
  padding: 8px 22px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;

}
.submit-btn:disabled {
    opacity: 0.7;
}.report-option {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.2;
}

/* Hide native look but keep accessibility */
.report-option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;

  width: 18px;
  height: 18px;
  box-sizing: border-box; 

  border: 1px solid #fff; 
  border-radius: 50%;
  background-color: transparent;

  display: grid;
  place-content: center;

  margin: 0 !important;
  cursor: pointer;
  padding: 6px 8px;
}

/* Inner dot */
.report-option input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.15s ease-in-out;
  border: 1px solid var(--hgColor, #fff) !important; 
  background-color: var(--hgColor, #fff); 
}

/* Checked state */
.report-option input[type="radio"]:checked::before {
  transform: scale(1);
}
.checked{
border: 1px solid var(--hgColor, #fff) !important; 

}



  @media screen and (max-width:768px) {
    .report-overlay {
      top:25vh;
       background: none;
    }
    .report-modal {
      width: 100vw;
      max-height: 45vh;
      border-radius: 12px 12px 0 0

    }
    .report-actions{
      justify-content: space-between;
    }
    .report-header h2 {
    font-size: 16px;
    font-weight: 500;
    }
    .report-option{
    font-size: 14px;
    font-weight: 400;

    }
    .submit-btn , .cancel-btn {
      width: 50%;
      height:42px;
    }
    
  }

.MuiDialog-container.MuiDialog-scrollBody{overflow-x:hidden;overscroll-behavior:contain}.MuiDialog-container.MuiDialog-scrollBody::-webkit-scrollbar{width:7px}.MuiDialog-container.MuiDialog-scrollBody::-webkit-scrollbar-thumb{background-color:#6b6b6b;border-radius:10px}.MuiDialog-container.MuiDialog-scrollBody::-webkit-scrollbar-thumb:hover{background-color:#2c2c2c}.MuiDialog-container.MuiDialog-scrollBody::-webkit-scrollbar-track{background:#2c2c2c}.gradient-overlay>div{display:flex;flex-direction:column;gap:.78rem}@media screen and (max-width: 768px){.gradient-overlay>div{top:8.5rem !important;left:1.7rem !important}}.det-page-overlay-container{max-width:90%;overflow:hidden}@media screen and (max-width: 768px){.det-page-overlay-container{max-width:100%}}.det-page-overlay-container.row{direction:ltr}.det-page-overlay-container.row-reverse{direction:rtl}.overlay-tags-cd>ul{width:100%;display:flex;gap:.1rem;align-items:center}@media screen and (max-width: 768px){.det-page-overlay-container.row{margin-top:5px}.overlay-tags-cd>ul{gap:.25rem}}.overlay-tags-cd>ul>li{font-size:calc(1.25rem - var(--font-size-reduction)) !important;line-height:22.42px;font-weight:400;list-style-type:none;color:var(--ftColor, #FFF) !important;display:flex;align-items:center;white-space:nowrap}@media screen and (max-width: 768px){.overlay-tags-cd>ul>li{font-size:.75rem !important;gap:.25rem;line-height:1 !important;opacity:.8}}.overlay-tags-cd .star-rating{display:flex;align-items:center;gap:5px;color:var(--ftColor, #FFF);list-style:none;padding-left:10px}.overlay-tags-cd .audio{color:var(--ftColor, #FFF);font-size:2.3rem;background-color:rgba(0,0,0,0);border-radius:5px;display:inline-block;align-items:center;padding-left:1.21875rem}.overlay-tags-cd .HD,.overlay-tags-cd .parental-rating-cd{color:var(--ftColor, #FFF);font-size:.8rem;background-color:rgba(174,121,121,.431372549);border-radius:5px;display:inline-block;align-items:center;padding:.1rem .3rem .1rem .3rem;font-weight:800;margin-right:10px;border:0px solid hsla(0,0%,100%,.3)}@media screen and (max-width: 768px){.overlay-tags-cd .HD,.overlay-tags-cd .parental-rating-cd{margin-right:4px;background-color:rgba(0,0,0,0);border:1px solid #fff;font-weight:600;padding:0 .3rem;display:flex;height:1.063rem;font-size:10px !important}}.overlay-tags-cd .HD{font-style:italic;font-size:"0.9rem"}.dot-separator-cd{content:"";width:5px;height:5px;border-radius:50%;margin:0 .5rem;background-color:var(--ftColor, #FFF);display:inline-block;vertical-align:middle}@media screen and (max-width: 768px){.dot-separator-cd{margin:0 0rem;width:3px;height:3px}}.noMarqueEllipsis>p{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:normal;word-break:keep-all;overflow-wrap:normal;line-height:43px;color:var(--ftColor, #FFF)}@media screen and (max-width: 960px){.MuiDialog-root{margin-bottom:3rem}.MuiContainer-root{margin-left:0 !important}}@media screen and (max-width: 768px){.MuiDialog-root{margin-bottom:0px}.MuiGrid-item{margin-left:-9px !important}.MuiContainer-root{margin-left:0 !important}}@media screen and (max-width: 768px){.gradient-overlay>div>div>p{font-size:16px !important}}@media screen and (max-width: 768px){.mobile-title-container{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:12px}.mobile-title-container>p{font-size:1.125rem !important;font-weight:600;color:var(--ftColor, #fff)}.MuiTypography-body1{line-height:1.2 !important}.channel-heading>p{font-size:.875rem !important;font-weight:500}.MuiTypography-h6{padding:0px !important}}