.hero-slider{position:relative;overflow:hidden;background:var(--color-black);color:var(--color-white);height:640px}@media(min-width:768px){.hero-slider{height:75svh}}.hero-slider[data-height=full]{height:calc(100svh - var(--header-height, 0px))}.hero-slider[data-height="3-4"]{height:75svh}.hero-slider[data-height="2-3"]{height:66.666svh}.hero-slider[data-height="1-2"]{height:50svh}.hero-slider[data-height="1-3"]{height:33.333svh}.hero-slider[data-height="1-4"]{height:25svh}.hero-slider[data-height=square]{height:auto;aspect-ratio:1 / 1}.hero-slider[data-height="4-5"]{height:auto;aspect-ratio:4 / 5}.hero-slider[data-height="16-9"]{height:auto;aspect-ratio:16 / 9}.hero-slider__slides,.hero-slider__slide,.hero-slider__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-slider__slide{z-index:1}.hero-slider__slide[hidden]{display:none}.hero-slider__slide.is-active{z-index:2}.hero-slider__slide.is-entering{z-index:3;clip-path:inset(0 0 100% 0)}.hero-slider__slide.is-entering.is-wiping{clip-path:inset(0);transition:clip-path .8s cubic-bezier(.25,0,.2,1)}.hero-slider[data-transition=slide-right]{--hero-enter-x: 100%;--hero-enter-y: 0%}.hero-slider[data-transition=slide-up]{--hero-enter-x: 0%;--hero-enter-y: 100%}.hero-slider[data-transition^=slide] .hero-slider__slide.is-entering{clip-path:none;transform:translate(calc(var(--hero-enter-x) * var(--hero-dir, 1)),calc(var(--hero-enter-y) * var(--hero-dir, 1)))}.hero-slider[data-transition^=slide] .hero-slider__slide.is-entering.is-wiping,.hero-slider[data-transition^=slide] .hero-slider__slide.is-leaving.is-wiping{transition:transform .8s cubic-bezier(.25,0,.2,1)}.hero-slider[data-transition^=slide] .hero-slider__slide.is-entering.is-wiping{transform:none}.hero-slider[data-transition^=slide] .hero-slider__slide.is-leaving.is-wiping{transform:translate(calc(var(--hero-enter-x) * var(--hero-dir, 1) * -1),calc(var(--hero-enter-y) * var(--hero-dir, 1) * -1))}.hero-slider{touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none}.hero-slider:active{cursor:grabbing}.hero-slider__media img,.hero-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hero-slider__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(1,2,3,.7) 0%,rgba(1,2,3,.4) 30%,transparent 60%);pointer-events:none}.hero-slider[data-shade=none] .hero-slider__media:after{display:none}.hero-slider[data-shade=bottom-top] .hero-slider__media:after{background:linear-gradient(to top,rgba(var(--shade-color-rgb, 1, 2, 3),var(--shade-opacity, .7)) 0%,transparent 50%)}.hero-slider[data-shade=top-bottom] .hero-slider__media:after{background:linear-gradient(to bottom,rgba(var(--shade-color-rgb, 1, 2, 3),var(--shade-opacity, .7)) 0%,transparent 50%)}.hero-slider[data-shade=radial-center] .hero-slider__media:after{background:radial-gradient(circle,rgba(var(--shade-color-rgb, 1, 2, 3),var(--shade-opacity, .7)),transparent)}.hero-slider__copy{position:absolute;z-index:1;left:16px;right:16px;bottom:88px;display:flex;flex-direction:column;align-items:flex-start}@media(min-width:768px){.hero-slider__copy{left:40px;right:auto;bottom:104px}}.hero-slider[data-h=center] .hero-slider__copy,.hero-slider[data-v=center] .hero-slider__copy{transform:translate(var(--hero-copy-tx, 0),var(--hero-copy-ty, 0))}.hero-slider[data-h=center] .hero-slider__copy{align-items:center}.hero-slider[data-h=right] .hero-slider__copy{align-items:flex-end}.hero-slider[data-v=top] .hero-slider__copy{top:24px;bottom:auto}.hero-slider[data-v=center] .hero-slider__copy{top:50%;bottom:auto;--hero-copy-ty: -50%}.hero-slider__ctas[data-width=fill]{align-self:stretch}.hero-slider[data-text-align=center] .hero-slider__copy{text-align:center}.hero-slider[data-text-align=right] .hero-slider__copy{text-align:right}@media(min-width:768px){.hero-slider__ctas[data-width=fill]{align-self:auto}.hero-slider[data-h=center] .hero-slider__copy{left:50%;right:auto;max-width:calc(100% - 80px);--hero-copy-tx: -50%}.hero-slider[data-h=right] .hero-slider__copy{left:auto;right:40px;max-width:calc(100% - 80px)}.hero-slider[data-v=top] .hero-slider__copy{top:40px}}.hero-slider__headline{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-black);font-size:40px;line-height:1;text-transform:uppercase}@media(min-width:768px){.hero-slider__headline{font-size:clamp(40px,5.5vw,76px)}}.hero-slider__headline[data-size=small]{font-size:28px}.hero-slider__headline[data-size=large]{font-size:52px}.hero-slider__headline[data-size=xlarge]{font-size:64px}@media(min-width:768px){.hero-slider__headline[data-size=small]{font-size:clamp(28px,3.8vw,52px)}.hero-slider__headline[data-size=large]{font-size:clamp(52px,7vw,96px)}.hero-slider__headline[data-size=xlarge]{font-size:clamp(64px,9vw,128px)}}.hero-slider__headline[data-size=banner]{font-size:var(--text-display-1);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.hero-slider__subhead[data-size=small]{font-size:11px}.hero-slider__subhead[data-size=large]{font-size:16px}.hero-slider__subhead[data-size=xlarge]{font-size:20px}.hero-slider__subhead[data-size=banner]{font-size:var(--text-header-3);font-weight:var(--font-weight-regular);line-height:var(--leading-header);letter-spacing:normal}.hero-slider__subhead{margin:8px 0 0;font-family:var(--font-body);font-size:13px;letter-spacing:.15em;text-transform:uppercase}.hero-slider__ctas{display:flex;gap:var(--space-s);margin-top:20px}.hero-slider[data-h=center] .hero-slider__ctas{justify-content:center}.hero-slider[data-h=right] .hero-slider__ctas{justify-content:flex-end}.hero-slider__ctas[data-width=fill] .hero-slider__button{flex:1 0 0}@media(min-width:768px){.hero-slider__ctas[data-width=fill]{min-width:420px}}.hero-slider__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-s) var(--space-m);font-family:var(--font-body);font-size:var(--text-header-4);line-height:var(--leading-header);letter-spacing:var(--tracking-display);text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.hero-slider__button--solid{background:var(--color-white);color:var(--color-black);box-shadow:inset 0 0 0 var(--border-weight) var(--color-white)}.hero-slider__button--solid:hover{background:#b2b2b2}.hero-slider__button--outline{background:transparent;color:var(--color-white);box-shadow:inset 0 0 0 var(--border-weight) var(--color-white)}.hero-slider__button--outline:hover{background:var(--color-white);color:var(--color-black)}.hero-slider__button--solid-dark{background:var(--color-black);color:var(--color-white);box-shadow:inset 0 0 0 var(--border-weight) var(--color-black)}.hero-slider__button--solid-dark:hover{background:var(--color-dark-grey, #333);color:var(--color-white)}.hero-slider__controls{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:16px}@media(min-width:768px){.hero-slider__controls{left:40px;right:40px;bottom:24px}}.hero-slider__progress{display:flex;gap:8px;flex:1 1 auto;max-width:360px}.hero-slider__bar{position:relative;flex:1 1 0;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.hero-slider__bar:before,.hero-slider__bar-fill{content:"";position:absolute;left:0;right:0;top:21px;height:2px}.hero-slider__bar:before{background:#fff6}.hero-slider__bar-fill{background:var(--color-white);transform:scaleX(0);transform-origin:left}.hero-slider__bar.is-done .hero-slider__bar-fill{transform:scaleX(1)}.hero-slider__bar.is-active .hero-slider__bar-fill{animation:hero-slider-fill var(--hero-slider-interval, 6s) linear forwards}.hero-slider:not([data-autoplaying]) .hero-slider__bar.is-active .hero-slider__bar-fill{animation:none;transform:scaleX(1)}@keyframes hero-slider-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-slider__counter{margin:0;font-family:var(--font-body);font-size:13px;letter-spacing:.15em}.hero-slider__buttons{display:flex;margin-left:auto}.hero-slider__control{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--hero-slider-arrow-color, var(--color-white));cursor:pointer}@media(max-width:767px){.hero-slider__control{width:32px}.hero-slider__control:last-child{margin-right:-10px}}.hero-slider__control:hover{opacity:.7}.hero-slider__icon--play,.hero-slider:not([data-autoplaying]) .hero-slider__icon--pause{display:none}.hero-slider:not([data-autoplaying]) .hero-slider__icon--play{display:block}.hero-slider a:focus-visible,.hero-slider button:focus-visible{outline:2px solid var(--color-koi);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hero-slider__slide.is-entering.is-wiping,.hero-slider__slide.is-leaving.is-wiping{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/345/assets/section-hero-slider.css.map */