.image-steps{display:block;color:rgb(var(--color-foreground))}.image-steps__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--steps-gap);align-items:start}.image-steps__inner--no-image{display:block}.image-steps__inner--no-image .image-steps__content{max-width:var(--steps-content-width);margin-inline:auto}.image-steps__inner--image-left .image-steps__media-wrap{order:1}.image-steps__inner--image-left .image-steps__content{order:2}.image-steps__inner--image-right .image-steps__content{order:1}.image-steps__inner--image-right .image-steps__media-wrap{order:2}.image-steps__media-wrap{position:sticky;top:10rem;align-self:start}.image-steps__media{position:relative;height:var(--steps-image-height);border-radius:var(--steps-image-radius);overflow:hidden;background:rgba(var(--color-foreground),.06)}.image-steps__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.image-steps__media-item.is-active{opacity:1;visibility:visible}.image-steps__image,.image-steps__placeholder{display:block;width:100%;height:100%}.image-steps__image{object-fit:var(--steps-image-fit)}.image-steps__media>.image-steps__image,.image-steps__media>.image-steps__placeholder{position:static}.image-steps__mobile-image{display:none}.image-steps__content{max-width:var(--steps-content-width)}.image-steps__content--center{margin-inline:auto;text-align:center}.image-steps__heading-block{margin-bottom:0}.image-steps__heading{margin:0;text-transform:uppercase;line-height:.95}.image-steps__text{margin-top:1rem}.image-steps__list{display:grid;gap:var(--steps-list-gap);margin-top:3rem}.image-steps__step{position:relative}.image-steps__title{margin:0;font-size:clamp(2rem,2vw,2.8rem);line-height:1;text-transform:uppercase}.image-steps__step-text{margin-top:.8rem;max-width:42rem;font-size:1.8rem;line-height:1.5;letter-spacing:0%}.image-steps__content--center .image-steps__step-text{margin-inline:auto}.image-steps__step-text p{margin-top:0}.image-steps__step-text p:last-child{margin-bottom:0}.image-steps--timeline .image-steps__step{display:grid;grid-template-columns:var(--steps-dot-size) minmax(0,1fr);gap:2.8rem;--step-progress: 0}.image-steps--timeline .image-steps__marker{position:relative;display:flex;justify-content:center;padding-top:.5rem}.image-steps--timeline .image-steps__step .image-steps__marker:before,.image-steps--timeline .image-steps__step .image-steps__marker:after{content:"";position:absolute;top:calc(var(--steps-dot-size) + 1rem);bottom:calc(var(--steps-list-gap) * -1);left:50%;width:var(--steps-marker-size)}.image-steps--timeline .image-steps__step .image-steps__marker:before{background:var(--steps-bg);transform:translate(-50%);z-index:0}.image-steps--timeline .image-steps__step .image-steps__marker:after{background:var(--steps-active-bg);transform:translate(-50%) scaleY(var(--step-progress));transform-origin:top;z-index:1;transition:transform .08s linear}.image-steps__dot{position:relative;z-index:2;width:var(--steps-dot-size);height:var(--steps-dot-size);border-radius:50%;background:var(--steps-bg);flex-shrink:0;transition:background .25s ease}.image-steps--timeline .image-steps__step.is-active .image-steps__dot,.image-steps--timeline .image-steps__step.is-passed .image-steps__dot{background:var(--steps-active-bg)}.image-steps--cards .image-steps__list{grid-template-columns:repeat(var(--steps-card-columns),minmax(0,1fr))}.image-steps--cards .image-steps__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;padding:var(--steps-card-padding);border:.1rem solid var(--steps-card-border);border-radius:var(--steps-card-radius);background:var(--steps-card-bg)}.image-steps--cards .image-steps__step.is-active{border-color:var(--steps-active-bg)}.image-steps--cards .image-steps__marker{min-width:3.6rem}.image-steps--simple .image-steps__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem}.image-steps--simple .image-steps__marker:empty{display:none}.image-steps--simple .image-steps__step:has(.image-steps__marker:empty){grid-template-columns:1fr}.image-steps__num{width:3.6rem;height:3.6rem;border-radius:50%;background:var(--steps-num-bg);color:var(--steps-num-color);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;font-weight:800;transition:background .3s ease,color .3s ease}.image-steps__step.is-active .image-steps__num{background:var(--steps-active-bg);color:var(--steps-active-color)}.image-steps__icon{width:var(--steps-icon-size);height:var(--steps-icon-size);object-fit:contain;display:block}.image-steps__button{margin-top:3rem}.image-steps__content--center .image-steps__button{display:flex;justify-content:center}@media screen and (max-width:989px){.image-steps__inner{grid-template-columns:1fr;gap:3.2rem}.image-steps__inner--mobile-top .image-steps__media-wrap{order:1}.image-steps__inner--mobile-top .image-steps__content{order:2}.image-steps__inner--mobile-bottom .image-steps__content{order:1}.image-steps__inner--mobile-bottom .image-steps__media-wrap{order:2}.image-steps__content{max-width:100%}.image-steps__media-wrap{position:relative;top:auto}.image-steps__media{height:calc(var(--steps-image-height) * .82)}.image-steps--cards .image-steps__list{grid-template-columns:1fr}.image-steps--media-step .image-steps__media-wrap{display:none}.image-steps--media-step .image-steps__mobile-image{display:block;height:calc(var(--steps-image-height) * .72);border-radius:var(--steps-image-radius);overflow:hidden;background:rgba(var(--color-foreground),.06)}.image-steps--media-step.image-steps--timeline .image-steps__step{display:grid;grid-template-columns:var(--steps-dot-size) minmax(0,1fr);column-gap:1.6rem;row-gap:1.4rem;--step-progress: 0}.image-steps--media-step.image-steps--timeline .image-steps__mobile-image{grid-column:2;grid-row:1;margin-bottom:0}.image-steps--media-step.image-steps--timeline .image-steps__marker{grid-column:1;grid-row:1 / span 2;position:relative;display:flex;justify-content:center;align-self:stretch;padding-top:.5rem}.image-steps--media-step.image-steps--timeline .image-steps__step-content{grid-column:2;grid-row:2}.image-steps--media-step.image-steps--timeline .image-steps__marker:before,.image-steps--media-step.image-steps--timeline .image-steps__marker:after{top:calc(var(--steps-dot-size) + 1rem);bottom:calc(var(--steps-list-gap) * -1)}}@media screen and (max-width:749px){.image-steps__media{height:calc(var(--steps-image-height) * .7)}.image-steps__list{margin-top:2.4rem}.image-steps--timeline .image-steps__step{gap:1.8rem}.image-steps--media-step.image-steps--timeline .image-steps__step{column-gap:1.4rem;row-gap:1.2rem}.image-steps__title{font-size:2rem}.image-steps__step-text{font-size:1.6rem}.image-steps--cards .image-steps__step,.image-steps--simple .image-steps__step{gap:1.2rem}.image-steps--media-step .image-steps__mobile-image{height:calc(var(--steps-image-height) * .58)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-steps.css.map */