.hero-slider{position:relative;width:100%;height:var(--hs-mobile-height, 400px);overflow:hidden}@media screen and (min-width:750px){.hero-slider{height:var(--hs-desktop-height, 600px)}}.hero-slider--full-width{max-width:100%}.hero-slider__track{position:relative;width:100%;height:100%}.hero-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:1;transition:opacity .6s ease}.hero-slider__slide.is-active{opacity:1;visibility:visible;z-index:2}.hero-slider--slide .hero-slider__slide{transition:transform .6s ease,opacity 0s;transform:translate(100%);opacity:1;visibility:visible}.hero-slider--slide .hero-slider__slide.is-active{transform:translate(0);z-index:2}.hero-slider--slide .hero-slider__slide.is-prev{transform:translate(-100%)}.hero-slider__picture,.hero-slider__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;gap:12px}.hero-slider__content--left{align-items:flex-start;text-align:left}.hero-slider__content--right{align-items:flex-end;text-align:right}.hero-slider__heading{font-size:clamp(24px,5vw,48px);margin:0;line-height:1.15}.hero-slider__subheading{font-size:clamp(14px,2vw,18px);max-width:600px;margin:0}.hero-slider__button{display:inline-block;margin-top:8px;padding:12px 28px;text-decoration:none}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111}.hero-slider__arrow--prev{left:16px}.hero-slider__arrow--next{right:16px}.hero-slider__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:8px}.hero-slider__dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0}.hero-slider__dot.is-active{background:#fff}@media screen and (max-width:749px){.hero-slider__arrow{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-slider.css.map */