.promotion-banner{width:100%;margin:24px 0;padding:0;max-height:360px}@media(min-width:768px)and (max-width:1024px){.promotion-banner{margin:0}}@media(max-width:767px){.promotion-banner{max-height:300px;margin:24px 0}}.promotion-banner__inner{position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#0A0C10,#0A0C10 40%,transparent 70%);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease;max-height:360px}@media(max-width:767px){.promotion-banner__inner{flex-direction:column-reverse;min-height:300px;background:rgba(0,0,0,0);border-radius:0}}@media(min-width:768px)and (max-width:1024px){.promotion-banner__inner{min-height:260px}}.promotion-banner__content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:16px;width:30%;padding:40px 0 40px 48px}@media(max-width:1024px){.promotion-banner__content{width:50%;padding:32px 0 32px 32px}}@media(max-width:767px){.promotion-banner__content{position:absolute;inset:0;width:100%;padding:28px 20px 24px;gap:28px;justify-content:center}}.promotion-banner__logo{max-width:285px;height:100px;overflow:hidden;display:flex;align-items:flex-end}.promotion-banner__logo img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:left bottom}@media(max-width:767px){.promotion-banner__logo{max-width:200px;height:80px}}.promotion-banner__title{color:#fff;margin:0}.promotion-banner__description{color:hsla(0,0%,100%,.64);margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:440px}@media(max-width:767px){.promotion-banner__description{display:none}.promotion-banner__description--program-time{display:-webkit-box}}.promotion-banner__actions{display:flex;align-items:center;gap:12px;margin-top:12px}.promotion-banner__cta{white-space:nowrap}.promotion-banner__add-fav{min-width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.promotion-banner__add-fav img{display:block}.promotion-banner__title-treatment{width:100%;height:auto;object-fit:contain}.promotion-banner__sport-info{display:flex;flex-direction:column;gap:16px}.promotion-banner__teams{display:flex;flex-direction:column;gap:8px}.promotion-banner__team-row{display:flex;align-items:center;gap:12px}.promotion-banner__team-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:50%}@media(max-width:767px){.promotion-banner__team-logo{width:40px;height:40px}}.promotion-banner__team-name{color:#fff;font-size:32px}@media(max-width:767px){.promotion-banner__team-name{font-size:28px}}.promotion-banner__vs{color:hsla(0,0%,100%,.64);padding-left:60px;font-style:italic}@media(max-width:767px){.promotion-banner__vs{padding-left:48px}}.promotion-banner__visual{position:relative;z-index:2;width:70%;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}@media(max-width:1024px){.promotion-banner__visual{width:50%}}@media(max-width:767px){.promotion-banner__visual{width:100%;min-height:300px}}.promotion-banner__visual:after{content:"";position:absolute;right:0;bottom:0;width:360px;height:360px;background-image:url(/images/footer-bg.webp);background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.15;pointer-events:none;z-index:2}@media(max-width:767px){.promotion-banner__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0A0C10 0,#0A0C10 22%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.6) 58%,rgba(0,0,0,.35) 75%,transparent);pointer-events:none;z-index:1}.promotion-banner__visual:after{width:200px;height:200px;opacity:.12}}.promotion-banner__image{width:100%;height:auto;object-fit:cover;display:block;position:relative;z-index:0;mask-image:linear-gradient(270deg,rgb(0,0,0) 50%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(270deg,rgb(0,0,0) 50%,rgba(0,0,0,0))}@media(max-width:767px){.promotion-banner__image{border-radius:0;mask-image:none;-webkit-mask-image:none}}.promotion-banner__channel-icon{position:absolute;top:16px;right:16px;z-index:3;width:68px;height:auto;object-fit:contain}@media(max-width:767px){.promotion-banner__channel-icon{right:12px;width:50px;top:0}}.promotion-banner__badge{position:absolute;bottom:0;right:0;z-index:5;color:hsla(0,0%,100%,.9);padding:4px 12px;white-space:nowrap;border-radius:16px 0 0 0;background:var(--white-16,rgba(255,255,255,.16));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(max-width:767px){.promotion-banner__badge{top:0;right:0;bottom:auto;padding:2px 8px;border-bottom-left-radius:12px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}}.promotion-banner__live-badge{display:inline-flex;align-items:center;gap:4px;background-color:#c22715;padding:4px 8px;border-radius:4px;color:#fff;width:fit-content}.promotion-banner__live-dot{width:4px;height:4px;border-radius:50%;background:#fff;display:inline-block}.promotion-banner-skeleton{width:100%;margin-bottom:24px;border-radius:16px;overflow:hidden;background:#0a0c10;min-height:320px;display:flex;align-items:center}@media(max-width:767px){.promotion-banner-skeleton{flex-direction:column-reverse;min-height:auto;border-radius:12px}}.promotion-banner-skeleton__content{width:45%;padding:40px 0 40px 48px;display:flex;flex-direction:column;gap:16px}@media(max-width:767px){.promotion-banner-skeleton__content{width:100%;padding:20px}}.promotion-banner-skeleton__logo{width:200px;height:60px;border-radius:8px}.promotion-banner-skeleton__line,.promotion-banner-skeleton__logo{background:hsla(0,0%,100%,.08);animation:promotion-skeleton-pulse 1.5s ease-in-out infinite}.promotion-banner-skeleton__line{height:16px;border-radius:4px}.promotion-banner-skeleton__line--short{width:60%}.promotion-banner-skeleton__line--medium{width:80%}.promotion-banner-skeleton__button{width:140px;height:44px;background:hsla(0,0%,100%,.08);border-radius:24px;margin-top:8px;animation:promotion-skeleton-pulse 1.5s ease-in-out infinite}.promotion-banner-skeleton__visual{width:55%;height:320px;background:hsla(0,0%,100%,.04);animation:promotion-skeleton-pulse 1.5s ease-in-out infinite}@media(max-width:767px){.promotion-banner-skeleton__visual{width:100%;height:200px}}@keyframes promotion-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.journey-page{display:flex;flex-direction:column;gap:24px}@media(max-width:767px){.journey-page{gap:32px}}.journey-page .dashboard-vertical-carousel{padding:0}.journey-page .dashboard-vertical-carousel-image{-webkit-mask-image:unset;mask-image:unset}.journey-page .journey-collections-rail{padding:0}.journey-page .journey-top-ten-container{margin:0}.journey-page .journey-collections-card-image{border-radius:14px;-webkit-mask-image:unset;mask-image:unset}@media(max-width:767px){.journey-page .journey-collections-card-image{border-radius:8px}}.journey-page .journey-collections-card{margin:0;padding:0 20px 0 0}@media(max-width:767px){.journey-page .journey-collections-card{padding-right:7px}}.journey-page .genres-vertical-carousel{padding:0}.journey-page .genres-vertical-carousel-image{-webkit-mask-image:unset;mask-image:unset}.journey-page .hbo-description-field{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;gap:16px;background-color:rgba(0,0,0,0);max-width:317px;width:100%;color:hsla(0,0%,100%,.64)}@media(max-width:767px){.journey-page .hbo-description-field{max-width:100%}}.journey-page .hbo-description-field__button,.journey-page .hbo-description-field__image{width:fit-content}@media(max-width:767px){.journey-page .hbo-description-field__button{position:absolute;top:0;right:0}}