.hero-slider{position:relative;overflow:hidden;width:100%}.hero-slider__track{display:flex;width:100%;transition:transform .5s ease}.hero-slider__slide{flex:0 0 100%;min-width:100%;position:relative}.hero-slider__link{display:block;position:relative;width:100%}.hero-slider__link--no-link{cursor:default}.hero-slider__picture,.hero-slider__image{width:100%;height:100%;display:block;object-fit:cover}.hero-slider__slide,.hero-slider__image{aspect-ratio:var(--hero-aspect-mobile, 16 / 9)}.hero-slider__placeholder svg{width:100%;height:100%}.hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:80%;gap:8px}.hero-slider__content--center-left{align-items:flex-start;text-align:left}.hero-slider__content--center-center{align-items:center;text-align:center;max-width:100%}.hero-slider__content--center-right{align-items:flex-end;text-align:right;margin-left:auto}.hero-slider__content--bottom-left{justify-content:flex-end;align-items:flex-start}.hero-slider__content--bottom-center{justify-content:flex-end;align-items:center;text-align:center;margin:0 auto}.hero-slider__heading{font-size:clamp(22px,6vw,40px);margin:0;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.hero-slider__subheading{margin:0;font-size:clamp(13px,3vw,16px);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25)}.hero-slider__button{margin-top:8px}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;font-size:14px}.hero-slider__arrow--prev{left:12px}.hero-slider__arrow--next{right:12px}.hero-slider__dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.hero-slider__dot{width:8px;height:8px;border-radius:50%;border:none;background:#fff9;cursor:pointer;padding:0}.hero-slider__dot.is-active{background:#fff;width:20px;border-radius:999px}@media screen and (min-width:750px){.hero-slider__slide,.hero-slider__image{aspect-ratio:var(--hero-aspect-desktop, 21 / 8)}.hero-slider__arrow{width:44px;height:44px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-hero-slider.css.map */