.product-carousel{display:block}.product-carousel[data-swiper-initialized=false]:after{content:"";display:block;position:relative;aspect-ratio:var(--ratio, .75)}.product-carousel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-06)}.product-carousel__controls{display:flex;margin-right:-1rem}.product-carousel__controls button{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;padding:0;color:var(--color-foreground);opacity:1;transition:opacity var(--duration-fast) ease}.product-carousel__controls button[aria-disabled=true]{opacity:.3}.product-carousel__controls button .icon{width:2.4rem;height:2.4rem}.product-carousel swiper-slide{width:70%}@media screen and (min-width:500px){.product-carousel swiper-slide,.product-carousel[data-swiper-initialized=false]:after{width:calc((100% - 56px)/2)}}@media screen and (min-width:750px){.product-carousel swiper-slide,.product-carousel[data-swiper-initialized=false]:after{width:calc((100% - 96px) / 3)}}@media screen and (min-width:990px){.product-carousel swiper-slide,.product-carousel[data-swiper-initialized=false]:after{width:calc((100% - 144px)/4)}}.carousel-cta{position:relative}.carousel-cta__link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-05);text-decoration:none;color:var(--color-foreground)}.carousel-cta__link h3{display:flex;align-items:baseline;gap:.35em}.carousel-cta__link h3 .icon{width:.75em;height:.75em}.carousel-cta__bg{position:relative;overflow:hidden;isolation:isolate}.carousel-cta__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.carousel-cta__bg:has(img):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--overlay-strong),rgba(var(--overlay-rgb),0) 50%);z-index:1}@media(prefers-reduced-motion:no-preference){.carousel-cta__bg img{transition:transform var(--duration-mid) var(--ease-standard)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.carousel-cta:has(a:hover) .carousel-cta__bg img{transform:scale(1.05)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-product-carousel.css.map */