.hero-carousel{display:block;position:relative;width:100%;overflow:hidden}.hero-carousel__track-container{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-carousel__track-container::-webkit-scrollbar{display:none}.hero-carousel__track{display:flex;margin:0;padding:0;list-style:none;width:100%}.hero-carousel__slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.hero-carousel__link{display:block;width:100%;text-decoration:none}.hero-carousel__link[aria-disabled=true]{cursor:default}.hero-carousel__image{display:block;width:100%;height:auto;object-fit:contain;vertical-align:middle}.hero-carousel__placeholder{display:block;width:100%;background:rgba(var(--color-foreground),.05);aspect-ratio:16 / 9}.hero-carousel__placeholder svg{width:100%;height:100%;fill:rgba(var(--color-foreground),.3)}.hero-carousel__controls{position:relative}.hero-carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;padding:8px;background-color:#0009;color:#fff;border:none;cursor:pointer}.hero-carousel__button--prev{left:15px}.hero-carousel__button--next{right:15px}.hero-carousel__button{background:#ffffffb3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;color:rgb(var(--color-foreground));transition:transform .2s ease,color .2s ease}.hero-carousel__button:hover{color:rgb(var(--color-accent, var(--color-foreground)))}.hero-carousel__button svg{width:2rem;height:2rem}.hero-carousel__dots{display:flex;align-items:center;gap:.8rem}.hero-carousel__dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.2);border:none;cursor:pointer;padding:0;transition:background-color .3s ease,transform .3s ease}.hero-carousel__dot.is-active,.hero-carousel__dot:hover{background:rgb(var(--color-foreground));transform:scale(1.2)}.hero-carousel__button svg path{stroke:#4d4d4d}@media(max-width:767px){.hero-carousel__controls{bottom:1rem;padding:1rem 1.5rem;gap:1.5rem}.hero-carousel__button svg{width:1.6rem;height:1.6rem}.hero-carousel__button{padding:0rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-hero-carousel-2.css.map */