.hero-carousel{position:relative;display:block;width:100%;overflow:hidden;background:#000}.hero-carousel__scroll{display:flex;width:100%;aspect-ratio:16 / 9;max-height:68vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x}.hero-carousel__scroll::-webkit-scrollbar{display:none}.hero-carousel__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;touch-action:pan-x}.hero-carousel__slide-link{display:block;width:100%;height:100%}.hero-carousel__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:blur(0);transition:filter .25s ease-out;will-change:filter;pointer-events:none}.hero-carousel.is-transitioning .hero-carousel__image{filter:blur(7px);transition:filter .15s ease-in}.hero-carousel__dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:3}.hero-carousel__dot{width:7px;height:7px;border-radius:50%;background:#fff6;box-shadow:0 0 0 1px #0003;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.hero-carousel__dot[data-active]{background:#fff;transform:scale(1.25)}@media screen and (max-width:749px){.hero-carousel__scroll{aspect-ratio:16 / 9;max-height:46vh}.hero-carousel__dots{bottom:14px}}@media screen and (min-width:990px){.hero-carousel__scroll{max-height:74vh}}html:has(.menu-drawer-container[open]) .hero-carousel__dots{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-carousel.css.map */