.article-carousel{--article-carousel-gap: 1.2rem;--article-carousel-dot-size: .8rem;--article-carousel-dot-gap: .8rem}.article-carousel__viewport{position:relative}.article-carousel__track{display:flex;gap:var(--article-carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.article-carousel__track::-webkit-scrollbar{display:none}.article-carousel__slide{flex:0 0 100%;scroll-snap-align:start}.article-carousel__media{position:relative;width:100%;overflow:hidden;background:rgb(var(--color-foreground) / .04)}.article-carousel__media:before{content:"";display:block;padding-bottom:var(--ratio-percent, 56.25%)}.article-carousel__media>img,.article-carousel__media>video,.article-carousel__media>iframe,.article-carousel__media>model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-carousel__body{padding-top:1.2rem}.article-carousel__caption{font-size:1.4rem;line-height:1.6}.article-carousel__cta{margin-top:1.2rem}.article-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-top:1.6rem}.article-carousel__nav{display:flex;gap:.8rem}.article-carousel__nav-button{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;border:1px solid rgb(var(--color-foreground) / .2);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.article-carousel__nav-button[disabled]{opacity:.4}.article-carousel__nav-button .svg-wrapper{width:1.8rem;height:1.8rem}.article-carousel__nav-button--prev .svg-wrapper{transform:rotate(180deg)}.article-carousel__dots{display:flex;justify-content:center;gap:var(--article-carousel-dot-gap);flex-wrap:wrap}.article-carousel__dot{width:var(--article-carousel-dot-size);height:var(--article-carousel-dot-size);border-radius:9999px;background:rgb(var(--color-foreground) / .25);border:0;padding:0}.article-carousel__dot[aria-current=true]{background:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.article-carousel__slide{flex-basis:calc(100% - 6rem)}}@media screen and (min-width: 990px){.article-carousel__slide{flex-basis:calc(100% - 12rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/article-carousel.css.map */