.hero-slider{position:relative;width:100%;overflow:hidden;background-color:#111}.hero-slider .hero-slider__track{position:relative;width:100%;aspect-ratio:3 / 2;max-height:100vh;transition:aspect-ratio .3s ease}.hero-slider .hero-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s ease;z-index:1}.hero-slider .hero-slider__slide--active{opacity:1;visibility:visible;z-index:2}.hero-slider .hero-slider__link{display:block;width:100%;height:100%;cursor:pointer}.hero-slider .hero-slider__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-slider .hero-slider__image--mobile{display:none}.hero-slider .hero-slider__image--placeholder svg{width:100%;height:100%;object-fit:cover}.hero-slider .hero-slider__dots{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:3;display:flex;gap:10px}.hero-slider .hero-slider__dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:var(--hs-dot, #fff);opacity:.55;cursor:pointer;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.hero-slider .hero-slider__dot:hover{opacity:.85}.hero-slider .hero-slider__dot--active{background:var(--hs-dot-active, #C9A24B);opacity:1;transform:scale(1.25)}.hero-slider .hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffd9;color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.hero-slider .hero-slider__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.hero-slider .hero-slider__arrow--prev{left:20px}.hero-slider .hero-slider__arrow--next{right:20px}@media(max-width:749px){.hero-slider .hero-slider__image--desktop{display:none}.hero-slider .hero-slider__image--mobile{display:block}.hero-slider .hero-slider__slide:not(:has(.hero-slider__image--mobile)) .hero-slider__image--desktop{display:block}.hero-slider .hero-slider__arrow{width:36px;height:36px}.hero-slider .hero-slider__arrow--prev{left:12px}.hero-slider .hero-slider__arrow--next{right:12px}}@media(prefers-reduced-motion:reduce){.hero-slider .hero-slider__slide,.hero-slider .hero-slider__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-slider.css.map */