.hero-slideshow{position:relative;width:100%}.hero-slideshow__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-slideshow__track::-webkit-scrollbar{display:none}.hero-slideshow__slide{scroll-snap-align:start;position:relative;display:block;width:100%;text-decoration:none;color:inherit}.hero-slideshow__media{display:block;width:100%;overflow:hidden}.hero-slideshow__media picture{display:block;width:100%}.hero-slideshow__img,.hero-slideshow__media .placeholder-svg{display:block;width:100%;height:auto}.hero-slideshow--fixed .hero-slideshow__media,.hero-slideshow--fixed .hero-slideshow__media picture{height:var(--hero-height, 520px)}.hero-slideshow--fixed .hero-slideshow__img,.hero-slideshow--fixed .hero-slideshow__media .placeholder-svg{height:100%;object-fit:var(--hero-fit, cover);object-position:center}.hero-slideshow__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;border:none;background:#ffffffd9;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.hero-slideshow__arrow:hover{background:#fff}.hero-slideshow__arrow svg{width:16px;height:16px}.hero-slideshow__arrow--prev{left:16px}.hero-slideshow__arrow--next{right:16px;transform:translateY(-50%) rotate(180deg)}.hero-slideshow__dots{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;justify-content:center;gap:8px}.hero-slideshow__dot{width:9px;height:9px;border-radius:50%;border:none;padding:0;background:#ffffff8c;cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-slideshow__dot.is-active{background:#fff;transform:scale(1.25)}@media screen and (max-width:749px){.hero-slideshow--fixed .hero-slideshow__media,.hero-slideshow--fixed .hero-slideshow__media picture{height:var(--hero-height-mobile, 420px)}.hero-slideshow__arrow{width:38px;height:38px}.hero-slideshow__arrow--prev{left:8px}.hero-slideshow__arrow--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-hero-slideshow.css.map */