.hero-carousel{position:relative;overflow:hidden;height:calc(var(--hc-height-mobile, 90vh) - var(--content-offset, 0rem));max-height:var(--hc-max-height-mobile, none);min-height:420px}@media(min-width:1024px){.hero-carousel{height:calc(var(--hc-height-desktop, 90vh) - var(--content-offset, 0rem));max-height:var(--hc-max-height-desktop, none)}}.hero-carousel__track{display:flex;height:100%;transition:transform var(--hc-transition, 1s) ease-in-out;will-change:transform;touch-action:pan-y}.hero-carousel__track.no-transition{transition:none}@media(prefers-reduced-motion:no-preference){.hero-slide[aria-hidden] article{transition:opacity .7s ease .25s,transform .7s ease .25s}.hero-slide[aria-hidden=true] article{opacity:0;transform:translateY(1.25rem);transition:none}.hero-carousel__track.no-transition .hero-slide article{transition:none}}.hero-slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden}@media(max-width:1023px){.hero-carousel .hero-cta--full-mobile{width:100%;justify-content:center}}.hero-carousel__controls{position:absolute;right:var(--content-spacing, 1.5rem);bottom:24px;display:flex;gap:16px;align-items:center}.hero-carousel__pause{position:relative;width:36px;height:36px;flex:none;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.hero-carousel__pause svg.ring{position:absolute;top:0;right:0;bottom:0;left:0;width:36px;height:36px;transform:rotate(-90deg)}.hero-carousel__pause svg.ring.bg circle{fill:#0c0c0cb3;stroke:#ffffff4d;stroke-width:2}.hero-carousel__pause svg.ring.fg circle{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:138.2;stroke-dashoffset:calc(138.2 * (1 - var(--progress, 0)))}.hero-carousel__pause .icon{position:relative;display:flex;pointer-events:none}.hero-carousel__pause .icon svg{display:block}.hero-carousel__pause:focus-visible{outline:3px solid #fff;outline-offset:3px}.hero-carousel__arrows{display:none}@media(min-width:1024px){.hero-carousel__arrows{display:flex}}.hero-carousel__arrow{border:0;padding:0;flex:none;background:transparent;cursor:pointer}.hero-carousel__arrow:focus-visible{outline:3px solid #fff;outline-offset:-4px;border-radius:50%}.hero-carousel__arrow svg{width:48px;height:48px}.hero-carousel__dots{position:absolute;left:50%;bottom:32px;transform:translate(-50%);display:flex;gap:8px}.hero-carousel__dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#ffffff73}.hero-carousel__dots button[aria-current=true]{background:#fff}.hero-carousel__dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/192/assets/hero-carousel.css.map */