.hero-banner-slider{position:relative;width:100%;overflow:hidden}.hero-banner-slider__track{position:relative;width:100%;aspect-ratio:var(--desktop-ratio, 1920 / 750)}@media(max-width:749px){.hero-banner-slider__track{aspect-ratio:var(--mobile-ratio, 400 / 650)}}.hero-banner-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;backface-visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.hero-banner-slider__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-banner-slider[data-transition=slide] .hero-banner-slider__slide{transition:transform .6s cubic-bezier(.65,0,.35,1)}.hero-banner-slider__media,.hero-banner-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-banner-slider__media img,.hero-banner-slider__placeholder svg{width:100%;height:100%;object-fit:var(--image-fit, cover);display:block}.hero-banner-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner-slider__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer!important;display:block!important}.hero-banner-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffd9;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-banner-slider__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.hero-banner-slider__arrow--prev{left:20px}.hero-banner-slider__arrow--next{right:20px}@media(max-width:749px){.hero-banner-slider__arrow{width:34px;height:34px}.hero-banner-slider__arrow--prev{left:10px}.hero-banner-slider__arrow--next{right:10px}}.hero-banner-slider__dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:8px}.hero-banner-slider__dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}.hero-banner-slider__dot.is-active{background:#fff;transform:scale(1.2)}.hero-banner-slider__placeholder svg{background:#f4f2ee}
/*# sourceMappingURL=/cdn/shop/t/42/assets/hero-banner-slider.css.map */