.card__media .media>.card-image-carousel__track{display:flex;overflow:hidden}.card-wrapper--image-carousel .card__media .media>.card-image-carousel__track{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.card-wrapper--image-carousel .card-image-carousel__track::-webkit-scrollbar{display:none}.card-wrapper--image-carousel .card__inner{z-index:2}.card-wrapper--image-carousel .card__inner .card__content{pointer-events:none}.card-image-carousel__slide{flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.card-image-carousel__link{display:block;height:100%;-webkit-tap-highlight-color:transparent}.card-image-carousel__slide img{display:block;-webkit-user-drag:none}.card-image-carousel__slide+.card-image-carousel__slide{background-color:rgba(var(--color-foreground),.04)}.card-image-carousel__slide img:not([src]),.card-image-carousel__slide img.is-broken{visibility:hidden}card-image-carousel{display:none;position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:var(--ratio-percent);z-index:2;pointer-events:none}card-image-carousel.is-ready{display:block}.card-image-carousel__button{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin-top:-1.4rem;padding:0;border:0;border-radius:50%;background-color:rgba(var(--color-background),.85);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-short) ease}.card-image-carousel__button--prev{left:.8rem}.card-image-carousel__button--next{right:.8rem}.card-image-carousel__button .svg-wrapper,.card-image-carousel__button svg{width:1rem;height:1rem}.card-image-carousel__button--prev svg{transform:rotate(90deg)}.card-image-carousel__button--next svg{transform:rotate(-90deg)}.card-image-carousel__button[disabled]{visibility:hidden}@media(hover:hover){.card-wrapper:hover .card-image-carousel__button{opacity:1;pointer-events:auto}}card-image-carousel:has(.card-image-carousel__button:focus-visible) .card-image-carousel__button,.card-image-carousel__button:focus-visible{opacity:1;pointer-events:auto}.card-image-carousel__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.card-image-carousel__dots{position:absolute;right:.8rem;bottom:.8rem;display:flex;gap:.4rem}.card-image-carousel__dots--start{right:auto;left:.8rem}.card-image-carousel__dot{width:.5rem;height:.5rem;border-radius:50%;background-color:rgba(var(--color-background),.6);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.15);transition:background-color var(--duration-short) ease}.card-image-carousel__dot.is-active{background-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgba(var(--color-background),.8)}@media(prefers-reduced-motion:reduce){.card__media .media>.card-image-carousel__track{scroll-behavior:auto}.card-image-carousel__button,.card-image-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-card-image-carousel.css.map */