.hero-slider{position:relative;width:100%;height:var(--slider-height-mobile, 400px);overflow:hidden}@media screen and (min-width:750px){.hero-slider{height:var(--slider-height-desktop, 600px)}}.hero-slider__track{position:relative;width:100%;height:100%;overflow:hidden}.hero-slider[data-transition=fade] .hero-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease;text-decoration:none;color:inherit}.hero-slider[data-transition=fade] .hero-slider__slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-slider[data-transition=slide] .hero-slider__track{display:flex;width:100%;height:100%;transition:transform .6s ease;will-change:transform}.hero-slider[data-transition=slide] .hero-slider__slide{position:relative;flex:0 0 100%;max-width:100%;height:100%;opacity:1;visibility:visible;text-decoration:none;color:inherit}.hero-slider__slide{display:block}.hero-slider__picture,.hero-slider__placeholder{display:block;width:100%;height:100%}.hero-slider__image{width:100%;height:100%;object-position:center}.hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:5%;max-width:600px;text-align:left}.hero-slider__content--center{align-items:center;text-align:center;margin:0 auto}.hero-slider__content--right{margin-left:auto;text-align:right;align-items:flex-end}.hero-slider__heading{font-size:clamp(1.75rem,4vw,3rem);margin:0 0 .5rem}.hero-slider__subheading{font-size:clamp(1rem,2vw,1.25rem);margin:0 0 1.5rem}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;background:#fffc;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.1rem}.hero-slider__arrow--prev{left:20px}.hero-slider__arrow--next{right:20px}.hero-slider__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:8px}.hero-slider__dot{width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;padding:0}.hero-slider__dot.is-active{background:#fff}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-hero-banner-slider.css.map */