.card .card__inner--carousel,.card .card__inner .card__media.card__media--carousel{z-index:2}card-carousel{display:block;position:relative;height:100%}.card__media--carousel .card-carousel .media>.card-carousel__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-carousel__track::-webkit-scrollbar{display:none}.card-carousel__track:focus-visible{outline:.2rem solid rgba(18,18,18,.6);outline-offset:-.2rem}.card-carousel__slide{display:block;flex:0 0 100%;height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.card-carousel__slide img{display:block}.card-carousel__slide img:not([src]){visibility:hidden}.card-carousel__dots{display:flex;gap:.5rem;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.card-carousel__dots>span{width:.5rem;height:.5rem;border-radius:50%;background-color:#00000040;transition:background-color .2s ease}.card-carousel__dots>span.is-active{background-color:#000000bf}.card-carousel__arrow{display:none}@media screen and (min-width:990px){.card-carousel__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;width:2.6rem;height:2.6rem;padding:0;border:none;border-radius:50%;background-color:#ffffff80;color:#000;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity var(--duration-short) ease;z-index:1}.card-carousel__arrow--prev{left:.6rem}.card-carousel__arrow--next{right:.6rem}.card-wrapper:hover .card-carousel__arrow,.card-carousel__arrow:focus-visible{opacity:1}.card-carousel__arrow .svg-wrapper{width:1rem;height:1rem}.card-carousel__arrow--prev .svg-wrapper{transform:rotate(90deg)}.card-carousel__arrow--next .svg-wrapper{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.card-carousel__track{scroll-behavior:auto}}card-carousel:not(:defined) .card-carousel__track{overflow:hidden}card-carousel:not(:defined) .card-carousel__dots,card-carousel:not(:defined) .card-carousel__arrow{display:none}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-card-carousel.css.map */