.hero-slider-section{background:rgb(var(--color-background))}.hero-slider{--hero-slide-width: 85%;--hero-gap: 4rem;display:block;position:relative}.hero-slider__viewport{overflow:hidden;touch-action:pan-y}.hero-slider__track{display:flex;gap:var(--hero-gap);transform:translate(calc((100% - var(--hero-slide-width)) / 2));will-change:transform}.hero-slider__track.is-animating{transition:transform .6s cubic-bezier(.25,.8,.25,1)}.hero-slider__slide{position:relative;display:block;flex:0 0 var(--hero-slide-width);height:var(--hero-height-desktop, 400px);overflow:hidden;border-radius:var(--banner-border-radius);background:rgba(var(--color-foreground),.04);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hero-slider__slide picture{display:block;height:100%}.hero-slider__image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}.hero-slider--adapt .hero-slider__track{align-items:flex-start}.hero-slider--adapt .hero-slider__slide,.hero-slider--adapt .hero-slider__slide picture,.hero-slider--adapt .hero-slider__image{height:auto}.hero-slider__slide:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.4rem}.hero-slider--single{--hero-slide-width: 100%}.hero-slider--single .hero-slider__track{transform:none}.hero-slider__dots{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);display:flex;align-items:center;gap:.2rem;z-index:1}.hero-slider__dot{display:flex;align-items:center;justify-content:center;width:2rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer;transition:width .3s ease}.hero-slider__dot:before{content:"";display:block;width:1rem;height:1rem;border-radius:.5rem;background:#ffffffbf;box-shadow:0 0 0 .1rem #00000026;transition:width .3s ease,background-color .3s ease}.hero-slider__dot[aria-current=true]{width:3.2rem}.hero-slider__dot[aria-current=true]:before{width:2.4rem;background:rgb(var(--color-foreground));box-shadow:none}.hero-slider__dot:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.1rem;border-radius:.5rem}@media screen and (max-width:749px){.hero-slider{--hero-slide-width: 88%;--hero-gap: 1.5rem}.hero-slider__slide{height:auto}.hero-slider__dots{bottom:.8rem}.hero-slider__dot:before{width:.7rem;height:.7rem}.hero-slider__dot[aria-current=true]:before{width:1.8rem}}@media(prefers-reduced-motion:reduce){.hero-slider__track.is-animating{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-hero-banner-slider.css.map */