.cc-hero{position:relative;display:flex;align-items:flex-end;min-height:600px;height:100vh;height:100svh;overflow:hidden;background:var(--cc-black);color:var(--cc-white)}.cc-hero__media,.cc-hero__media:after{position:absolute;top:0;right:0;bottom:0;left:0}.cc-hero__media{display:block}.cc-hero__media:after{content:"";background:linear-gradient(180deg,#0a0a0a40,#0a0a0a00 22% 50%,rgba(10,10,10,var(--cc-hero-overlay, .35)))}.cc-hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.cc-hero__content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;width:100%;max-width:1520px;margin:0 auto;padding:0 var(--cc-gutter) 40px}.cc-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:530px;max-width:100%}.cc-hero__sub{margin-bottom:8px}.cc-hero__defs{position:absolute;width:0;height:0;overflow:hidden}.cc-hero-products{display:flex;flex-direction:column;gap:20px;width:363px;flex:0 0 auto;margin-right:calc(var(--cc-gutter) * -1);padding-right:var(--cc-gutter);overflow:hidden}.cc-hero-products__track{position:relative;width:434px;height:252px}.cc-hero-card{--x: 458px;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;width:173px;overflow:hidden;border-radius:var(--cc-radius);background:var(--cc-white);color:var(--cc-black);opacity:0;visibility:hidden;transform:translate(var(--x));transition:transform .7s var(--cc-ease),width .7s var(--cc-ease),opacity .5s ease,background-color .7s ease,visibility 0s linear .7s}.cc-hero-card[data-position=active],.cc-hero-card[data-position=next]{visibility:visible;transition-delay:0s}.cc-hero-card[data-position=active]{--x: 0px;width:237px;opacity:1}.cc-hero-card[data-position=next]{--x: 261px;opacity:.8;background:linear-gradient(90deg,var(--cc-white) 0%,rgba(255,255,255,0) 60%)}.cc-hero-card[data-position=exit]{--x: -120px;width:237px}.cc-hero-card__media{position:relative;aspect-ratio:237 / 174;overflow:hidden}.cc-hero-card__media img,.cc-hero-card__media svg,.cc-hero-card__motion{width:100%;height:100%;object-fit:cover}.cc-hero-card__media img{filter:url(#CcKnockoutWhite)}.cc-hero-card__motion{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--cc-normal) ease}.cc-hero-card.is-playing .cc-hero-card__motion{opacity:1}.cc-hero-card__details{display:flex;align-items:flex-end;gap:8px;padding:16px}.cc-hero-card__text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.cc-hero-card__name{font-size:14px;line-height:20px;transition:font-size .7s var(--cc-ease),line-height .7s var(--cc-ease);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-hero-card__price{font-size:18px;line-height:24px;font-weight:600;transition:font-size .7s var(--cc-ease)}.cc-hero-card[data-position=next] .cc-hero-card__name{font-size:12px;line-height:16px;text-transform:none}.cc-hero-card[data-position=next] .cc-hero-card__price{font-size:16px}.cc-hero-card__chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:var(--cc-lime);transition:transform var(--cc-normal) var(--cc-ease)}.cc-hero-card:hover .cc-hero-card__chip{transform:rotate(45deg)}.cc-hero-products__progress{display:flex;align-items:center;gap:8px;padding:8px 0}.cc-hero-products__toggle{position:relative;flex:0 0 auto;width:20px;height:20px;margin-right:4px;padding:0;border:0;background:none;color:var(--cc-white);cursor:pointer;opacity:.8}.cc-hero-products__toggle:hover{opacity:1}.cc-hero-products__toggle span,.cc-hero-products__toggle span:after{position:absolute;top:5px;width:3px;height:10px;border-radius:1px;background:currentColor}.cc-hero-products__toggle span{left:6px}.cc-hero-products__toggle span:after{content:"";top:0;left:5px}.cc-hero-products.is-paused .cc-hero-products__toggle span{left:7px;width:0;height:0;border-radius:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor;background:none}.cc-hero-products.is-paused .cc-hero-products__toggle span:after{display:none}.cc-hero-products.is-paused .cc-hero-products__seg.is-active:after{animation-play-state:paused}.cc-hero-products__seg{position:relative;width:34px;height:2px;padding:0;border:0;border-radius:999px;background:#fff6;cursor:pointer;overflow:hidden;transition:width var(--cc-normal) var(--cc-ease)}.cc-hero-products__seg:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.cc-hero-products__seg.is-active{width:237px}.cc-hero-products__seg.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cc-white);transform-origin:left center;animation:cc-seg-fill 5s linear forwards}.cc-hero-products:hover .cc-hero-products__seg.is-active:after,.cc-hero-products:focus-within .cc-hero-products__seg.is-active:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cc-hero-products__seg.is-active:after{animation:none;transform:none}}@media screen and (max-width:989px){.cc-hero{min-height:560px}.cc-hero__img{object-position:50% 30%}.cc-hero__content{padding-bottom:24px}.cc-hero__copy{gap:12px}.cc-hero-products{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cc-hero.css.map */
