.how-it-works{text-align:center;padding:60px 20px;background:#f8f8f8}.how-it-works__subtitle{color:#9fa196;text-align:center;font-family:Mona Sans;font-size:24px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-.24px;margin-bottom:10px}.how-it-works__title{color:#191919;text-align:center;font-family:Mona Sans;font-size:72px;font-style:normal;font-weight:300;line-height:100%;letter-spacing:-2.16px;margin-bottom:80px}.how-it-works__steps{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.how-it-works__step{flex:1 1 280px;max-width:390px}.how-it-works__image{width:100%;border-radius:12px}.comparison-wrapper{position:relative;width:100%;aspect-ratio:1.3 / 1;overflow:hidden;border-radius:12px}.comparison-image{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:center;transition:none}.comparison-image.before{clip-path:inset(0 50% 0 0);z-index:2}.comparison-image.after{z-index:1}.comparison-slider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;z-index:3;cursor:ew-resize}.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px;background:#fff;border-radius:10px;box-shadow:0 0 6px #0003}.how-it-works image-comparison{max-height:268px}.how-it-works__heading{margin-top:32px;color:#191919;font-family:Mona Sans;font-size:24px;font-style:normal;font-weight:500;line-height:132%;letter-spacing:-.48px;text-align:left}.how-it-works__text{color:#191919e6;font-family:Mona Sans;font-size:17px;font-style:normal;font-weight:400;line-height:140%;text-align:left;margin-top:20px;max-width:80%}@media (max-width: 768px){.how-it-works__text{max-width:100%}.how-it-works__step--comparison{margin-top:30px;margin-bottom:30px}.how-it-works{padding:28px 20px}image-comparison{height:100%;min-height:256px}.how-it-works__heading{margin-top:0}.how-it-works__step .how-it-works__heading{margin-top:40px}.how-it-works__subtitle{color:#9fa196;text-align:center;font-family:Mona Sans;font-size:20px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.2px;margin-bottom:15px}.how-it-works__title{color:#191919;text-align:center;font-family:Mona Sans;font-size:40px;font-style:normal;font-weight:300;line-height:100%;letter-spacing:-1.2px;margin-bottom:60px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/how-it-works.css.map */