feature-stepper{display:block;width:100%}.feature-stepper__intro{margin-bottom:clamp(2.4rem,4vw,5rem)}.feature-stepper__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--fs-media-width, 45%);gap:clamp(2rem,5vw,8rem);align-items:start}.feature-stepper__layout--media-left{grid-template-columns:var(--fs-media-width, 45%) minmax(0,1fr)}.feature-stepper__layout--media-left .feature-stepper__media{order:-1}.feature-stepper__list,.feature-stepper__media{min-width:0}.feature-stepper__media{position:relative;width:100%;aspect-ratio:var(--fs-aspect-ratio, 1 / 1)}.feature-stepper__panel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--media-radius, 1.6rem);overflow:hidden}.feature-stepper__panel[hidden]{display:none}.feature-stepper__video,.feature-stepper__panel img{width:100%;height:100%;object-fit:cover;display:block}.feature-stepper__panel:not([hidden]){animation:fs-fade-in .4s ease both}@keyframes fs-fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.feature-stepper__list{list-style:none;margin:0;padding:0}.feature-stepper__item{--fs-progress: 0;position:relative;z-index:0;padding-left:4.4rem}.feature-stepper__item:not(:last-child){padding-bottom:2.4rem}.feature-stepper__item:before{content:"";position:absolute;left:1.45rem;top:.4rem;bottom:0;width:2px;z-index:0;background:rgba(var(--color-foreground),.12)}.feature-stepper__item:last-child:before{display:none}.feature-stepper__item:after{content:"";position:absolute;left:1.45rem;top:.4rem;width:2px;z-index:0;height:calc(100% * var(--fs-progress));background:var(--fs-accent, rgb(var(--color-foreground)));transition:height .1s linear}.feature-stepper__item:last-child:after{display:none}.feature-stepper__trigger{display:flex;gap:1.6rem;align-items:flex-start;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit}.feature-stepper__marker{position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;transition:background .3s ease,border-color .3s ease}.feature-stepper__marker svg{width:1.4rem;height:1.4rem;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease;color:rgb(var(--color-background))}.feature-stepper__item.is-active .feature-stepper__marker{background:var(--fs-accent, rgb(var(--color-foreground)));border-color:var(--fs-accent, rgb(var(--color-foreground)))}.feature-stepper__item.is-active .feature-stepper__marker svg{opacity:1;transform:scale(1)}.feature-stepper__title{display:block;font-weight:600;margin-bottom:.6rem;transition:color .3s ease}.feature-stepper__item.is-active .feature-stepper__title{color:var(--fs-accent, rgb(var(--color-foreground)))}.feature-stepper__desc{color:rgba(var(--color-foreground),.7)}.feature-stepper__item.is-active .feature-stepper__desc{color:rgba(var(--color-foreground),.85)}.feature-stepper__dots{display:none}.feature-stepper.fs--reduced-motion .feature-stepper__item:after{display:none}@media screen and (max-width:749px){.feature-stepper__layout{grid-template-columns:1fr;gap:2.4rem}.feature-stepper__layout,.feature-stepper__layout--media-left{grid-template-columns:1fr}.feature-stepper__media{order:1}.feature-stepper__dots{order:2}.feature-stepper__list{order:3}.feature-stepper__dots{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin:0 0 .8rem}.feature-stepper__dot{--fs-progress: 0;appearance:none;-webkit-appearance:none;position:relative;border:0;padding:0;width:1rem;height:1rem;border-radius:1rem;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:width .3s,background .3s}.feature-stepper__dot:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.feature-stepper__dot.is-active{width:5rem;overflow:hidden}.feature-stepper__dot:after{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:calc(100% * var(--fs-progress));border-radius:1rem;background:var(--fs-accent, rgb(var(--color-foreground)));opacity:0;transition:width .1s linear}.feature-stepper__dot.is-active:after{opacity:1}.feature-stepper__item{padding-left:0;padding-bottom:0}.feature-stepper__item:before,.feature-stepper__item:after,.feature-stepper__marker{display:none}.feature-stepper__item:not(.is-active){display:none}}.pdp-prohead-stepper .feature-stepper__intro{margin-bottom:1.6rem}.pdp-prohead-stepper .feature-stepper__list{align-self:start}.pdp-prohead-stepper .feature-stepper__panel{background:#000}.pdp-prohead-stepper .feature-stepper__panel img,.pdp-prohead-stepper .feature-stepper__video{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-feature-stepper.css.map */