.how-it-works{background-color:var(--HW-BG);color:var(--HW-TEXT);padding-top:var(--PT);padding-bottom:var(--PB)}.how-it-works__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.how-it-works__steps{position:relative}.how-it-works__step{position:relative;display:grid;grid-template-columns:24px 1fr;gap:20px;padding-bottom:32px}.how-it-works__step:last-child{padding-bottom:0}.how-it-works__step__marker{position:relative;display:flex;justify-content:center}.how-it-works__step__marker:before{content:"";position:absolute;top:12px;bottom:-32px;left:50%;width:1px;background:var(--HW-LINE);transform:translate(-50%);transition:background .4s ease;z-index:0}.how-it-works__step:last-child .how-it-works__step__marker:before{display:none}.how-it-works__step__dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;border:2px solid var(--HW-DOT-BORDER);background:var(--HW-DOT-BG);margin-top:6px;transition:all .4s ease}.how-it-works__step__body{min-width:0}.how-it-works__step__title{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 8px;color:var(--HW-HEADING);transition:opacity .4s ease,color .4s ease}.how-it-works__step__description{font-size:.95rem;line-height:1.55;transition:opacity .4s ease,color .4s ease}.how-it-works__step__description p{margin:0}.how-it-works__step__description p+p{margin-top:8px}.fade-on-scroll .how-it-works__step__title,.fade-on-scroll .how-it-works__step__description{opacity:var(--HW-INACTIVE-OPACITY)}.fade-on-scroll.active .how-it-works__step__title,.fade-on-scroll.active .how-it-works__step__description{opacity:1}.fade-on-scroll.active .how-it-works__step__dot{border-color:var(--HW-ACCENT);background:var(--HW-ACCENT)}.fade-on-scroll.active .how-it-works__step__marker:before{background:var(--HW-ACCENT)}.how-it-works__image img{width:100%;height:auto;display:block;border-radius:8px}@media(max-width:767px){.how-it-works__wrapper{grid-template-columns:1fr;gap:24px}.how-it-works__image-column{order:1}.how-it-works__timeline-column{order:2}.how-it-works__step{grid-template-columns:20px 1fr;gap:16px;padding-bottom:24px}.how-it-works__step__title{font-size:1.1rem}.how-it-works__step__description{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-featured-how-it-works.css.map */