.feature-carousel{--feature-carousel-heading-size: 3.2rem;--feature-carousel-heading-gap: 5rem;--feature-carousel-slide-width: 79.3cqi;--feature-carousel-slide-gap: 5.8cqi;--feature-carousel-media-ratio: 341 / 394;--feature-carousel-progress-gap: 3.6rem;--feature-carousel-title-size: 2.8rem;--feature-carousel-title-gap: 2.4rem;--feature-carousel-text-size: 1.6rem;--feature-carousel-text-leading: 2.2rem;--feature-carousel-active: var(--color-text);--feature-carousel-inactive: color-mix(in srgb, var(--color-text) 62%, var(--color-background-body));--feature-carousel-nav-gap: 4rem;--feature-carousel-nav-height: 4.8rem;--feature-carousel-nav-fill: color-mix(in srgb, var(--color-text) 10%, transparent);--feature-carousel-dot-size: .8rem;--feature-carousel-dot-active-width: 3.6rem}@media(min-width:1024px){.feature-carousel{--feature-carousel-inset: 8.06%;--feature-carousel-heading-gap: 5.4rem;--feature-carousel-slide-width: 39.12cqi;--feature-carousel-slide-gap: 1.49cqi;--feature-carousel-media-ratio: 4 / 3}}@property --feature-carousel-viewport{syntax: "<length>"; inherits: true; initial-value: 0;}.feature-carousel-section{container-type:inline-size}.feature-carousel__stage{--feature-carousel-viewport: 100cqi;container-type:inline-size;margin-inline:var(--feature-carousel-inset, 0)}.feature-carousel__heading{margin:0;font-size:var(--feature-carousel-heading-size);line-height:1;text-align:center}.feature-carousel__track{position:relative;display:flex;gap:var(--feature-carousel-slide-gap);margin-top:var(--feature-carousel-heading-gap);margin-right:calc((100cqi - var(--feature-carousel-viewport)) / 2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.feature-carousel__track::-webkit-scrollbar{display:none}.feature-carousel__track:focus-visible{outline:2px solid var(--feature-carousel-active);outline-offset:4px}.feature-carousel__slide{flex:0 0 var(--feature-carousel-slide-width);scroll-snap-align:start;color:var(--feature-carousel-inactive);transition:color .3s ease}.feature-carousel__slide.is-active{color:var(--feature-carousel-active)}.feature-carousel__media{aspect-ratio:var(--feature-carousel-media-ratio);overflow:hidden}.feature-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.feature-carousel__image--placeholder{fill:var(--feature-carousel-inactive);background:var(--color-background-alt)}.feature-carousel__progress{position:relative;display:block;height:1px;margin-top:var(--feature-carousel-progress-gap);background:var(--feature-carousel-inactive)}.feature-carousel__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--feature-carousel-active);transform:scaleX(0);transform-origin:left}.feature-carousel__slide.is-active .feature-carousel__progress:after{transform:scaleX(1)}.feature-carousel__track.is-playing .feature-carousel__slide.is-active .feature-carousel__progress:after{animation:feature-carousel-progress var(--feature-carousel-interval, 6s) linear both}.feature-carousel__track.is-playing:is(:hover,:focus-within,.is-offscreen) .feature-carousel__slide.is-active .feature-carousel__progress:after{animation-play-state:paused}.feature-carousel__title{margin:var(--feature-carousel-title-gap) 0 0;font-size:var(--feature-carousel-title-size);line-height:1;color:inherit}.feature-carousel__text{margin-top:var(--feature-carousel-title-gap)}.feature-carousel__text,.feature-carousel__text p{font-size:var(--feature-carousel-text-size);line-height:var(--feature-carousel-text-leading);color:inherit}.feature-carousel__text p{margin:0}@keyframes feature-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1024px){.feature-carousel__heading{text-align:left}}.feature-carousel__slide:not(.is-active){cursor:pointer}.feature-carousel__track.is-settling{scroll-snap-type:none}.feature-carousel__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.feature-carousel__track.is-dragging .feature-carousel__slide{cursor:grabbing}@media(hover:hover)and (pointer:fine){.feature-carousel__track{cursor:grab}}.feature-carousel__nav{display:flex;justify-content:center;gap:1.2rem;margin-top:var(--feature-carousel-nav-gap)}.feature-carousel__dots{display:flex;align-items:center;height:var(--feature-carousel-nav-height);padding-inline:1.2rem;border-radius:calc(var(--feature-carousel-nav-height) / 2);background:var(--feature-carousel-nav-fill)}.feature-carousel__dot{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.feature-carousel__dot:before{content:"";width:var(--feature-carousel-dot-size);height:var(--feature-carousel-dot-size);border-radius:calc(var(--feature-carousel-dot-size) / 2);background:var(--feature-carousel-inactive);transition:width .3s ease,background-color .3s ease}.feature-carousel__dot[aria-current=true]{cursor:default}.feature-carousel__dot[aria-current=true]:before{width:var(--feature-carousel-dot-active-width);background:var(--feature-carousel-active)}.feature-carousel__arrow,.feature-carousel__play{display:grid;place-items:center;width:var(--feature-carousel-nav-height);height:var(--feature-carousel-nav-height);padding:0;border:0;border-radius:50%;background:var(--feature-carousel-nav-fill);color:var(--feature-carousel-active);cursor:pointer}.feature-carousel__arrow .icon,.feature-carousel__play .icon{color:inherit}.feature-carousel__arrow{transition:opacity .3s ease,visibility .3s ease}.feature-carousel__arrow .icon{font-size:4rem}.feature-carousel__arrow[hidden]{display:grid;visibility:hidden;opacity:0}.feature-carousel__dot:focus-visible,.feature-carousel__arrow:focus-visible,.feature-carousel__play:focus-visible{outline:2px solid var(--feature-carousel-active);outline-offset:2px}.feature-carousel__play[data-paused=false] .feature-carousel__icon--play,.feature-carousel__play[data-paused=true] .feature-carousel__icon--pause{display:none}@media(prefers-reduced-motion:reduce){.feature-carousel__dot:before,.feature-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-feature-carousel.css.map */