.how-it-works{background:linear-gradient(90deg,var(--hiw-grad-start, #faf1eb) 0%,var(--hiw-grad-end, #e0f2fe) 100%)}.how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:893px;margin:0 auto 32px}.how-it-works__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:100px;font-family:var(--font-ambit-semibold-family);font-size:14px;letter-spacing:1px;text-transform:uppercase;line-height:normal}.how-it-works__heading{margin:0;font-family:var(--font-recoleta-semibold-family);font-size:32px;line-height:1.2;color:#2f222b;letter-spacing:.6px}.how-it-works__body p{margin:0;font-family:var(--font-body-family);font-size:16px;line-height:22px;color:#2f222b}.how-it-works__compare{position:relative;width:100%;aspect-ratio:984 / 574;border-radius:24px;overflow:hidden;background:#fff;margin-bottom:24px;cursor:ew-resize;touch-action:none;outline:none;-webkit-user-select:none;user-select:none}.how-it-works__compare:focus-visible{box-shadow:0 0 0 3px #2474f5}.how-it-works__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.how-it-works__media img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.how-it-works__media--before{clip-path:inset(0 50% 0 0);transition:clip-path .15s ease-out}.how-it-works__compare.is-dragging .how-it-works__media--before{transition:none}.how-it-works__handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:1;pointer-events:none;transition:left .15s ease-out}.how-it-works__compare.is-dragging .how-it-works__handle{transition:none}.how-it-works__handle-line{flex:1;width:2px;background:#fff}.how-it-works__handle-btn{flex-shrink:0;display:flex;width:44px;height:44px}.how-it-works__handle-btn img{width:100%;height:100%}.how-it-works__badge{position:absolute;bottom:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:100px;font-family:var(--font-ambit-semibold-family);font-size:13px;letter-spacing:.6px;white-space:nowrap;pointer-events:none}.how-it-works__badge--before{left:16px;background:#188847;color:#fff}.how-it-works__badge--after{right:16px;background:#ffe0e3;color:#ff351e}.how-it-works__steps{display:flex;flex-direction:column;gap:24px}.how-it-works__step{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px;border-radius:24px;background:#fff}.how-it-works__step-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:100px;background:#bfd4ff;color:#2c61cd;font-family:var(--font-ambit-semibold-family);font-size:13px;letter-spacing:1px;text-transform:uppercase}.how-it-works__step-media{position:relative;width:100%;aspect-ratio:880 / 500;border-radius:12px;overflow:hidden;background:#d9d9d9}.how-it-works__step-media img{object-fit:cover}.how-it-works__step-text{display:flex;flex-direction:column;gap:4px}.how-it-works__step-title{margin:0;font-family:var(--font-ambit-bold-family);font-size:20px;color:#1c161a}.how-it-works__step-description{margin:0;font-family:var(--font-body-family);font-size:16px;line-height:1.4;color:#1c161a}@media screen and (min-width:750px){.how-it-works__heading{font-size:52px}.how-it-works__body p{font-size:20px;line-height:28px}.how-it-works__compare{max-width:984px;margin-left:auto;margin-right:auto;margin-bottom:32px}.how-it-works__handle-btn{width:60px;height:60px}.how-it-works__badge{bottom:20px;font-size:16px}.how-it-works__badge--before{left:20px}.how-it-works__badge--after{right:20px}.how-it-works__steps{flex-direction:row;align-items:stretch}.how-it-works__step-title{font-size:24px}}@media screen and (max-width:549px){.how-it-works__badge{padding:5px 9px;font-size:11px}.how-it-works__badge--before{left:10px}.how-it-works__badge--after{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/how-it-works.css.map */