.er-how{--er-how-max: 1200px;--er-how-radius: 20px;--er-how-radius-lg: 28px;background:linear-gradient(180deg,#fff 0% 55%,#fff)!important;color:var(--er-how-text, #17251d)!important;padding:var(--er-how-pad-top, 72px) 0 var(--er-how-pad-bottom, 72px)!important;font-family:Poppins,sans-serif!important;-webkit-font-smoothing:antialiased!important}.er-how,.er-how h2,.er-how h3,.er-how p,.er-how span,.er-how strong,.er-how article{font-family:Poppins,sans-serif!important}.er-how *,.er-how *:before,.er-how *:after{box-sizing:border-box!important}.er-how__wrap{max-width:var(--er-how-max)!important;margin:0 auto!important;padding:0 24px!important}.er-how__head{margin-bottom:36px!important}.er-how__eyebrow{display:inline-block!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--er-how-brand, #1e7a46)!important;margin-bottom:12px!important}.er-how__title{margin:0 0 12px!important;font-weight:600!important;font-size:clamp(1.8rem,3.6vw,2.6rem)!important;line-height:1.08!important;letter-spacing:-.02em!important;color:var(--er-how-ink, #0e1f17)!important}.er-how__intro{margin:0!important;max-width:none!important;color:var(--er-how-muted, #5c6b62)!important;font-size:1rem!important;line-height:1.55!important}.er-how__diagram{position:relative!important;display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(280px,460px) minmax(200px,1fr)!important;gap:28px 24px!important;align-items:center!important;min-height:620px!important}.er-how__lines{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:5!important;overflow:visible!important}.er-how__lines *{pointer-events:none!important}.er-how__lines line{stroke:var(--er-how-brand, #1e7a46)!important;stroke-width:1.5!important;stroke-dasharray:5 5!important;opacity:.55!important}.er-how__dot{fill:#fff!important;stroke:var(--er-how-brand, #1e7a46)!important;stroke-width:2!important}.er-how__dot-core{fill:var(--er-how-accent, #4cd964)!important;stroke:none!important}.er-how__col{display:flex!important;flex-direction:column!important;gap:28px!important;z-index:3!important;position:relative!important}.er-how__col--left{align-items:flex-end!important}.er-how__col--right{align-items:flex-start!important}.er-how__card{background:#fff!important;border:1px solid var(--er-how-line, #e4e9e5)!important;border-radius:var(--er-how-radius)!important;padding:18px 20px 20px!important;max-width:280px!important;box-shadow:0 8px 24px #0e1f170f!important;transition:opacity .25s ease,border-color .25s ease,box-shadow .25s ease!important}.er-how__card.is-dim{opacity:.45!important}.er-how__card.is-active{opacity:1!important;border-color:#1e7a4659!important;box-shadow:0 10px 28px #0e1f171a!important}.er-how__card h3{font-size:1rem!important;margin:0 0 6px!important;color:var(--er-how-ink, #0e1f17)!important;font-weight:600!important}.er-how__card p{margin:0!important;font-size:.86rem!important;color:var(--er-how-muted, #5c6b62)!important;line-height:1.45!important}.er-how__stage{position:relative!important;z-index:2!important;aspect-ratio:4 / 5!important;overflow:hidden!important;background:#e8eee9!important;border:1px solid var(--er-how-line, #e4e9e5)!important;border-radius:var(--er-how-radius-lg)!important;box-shadow:0 8px 24px #0e1f170f!important;cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;outline:none!important}.er-how__stage.is-dragging,.er-how__plane.is-dragging{cursor:grabbing!important}.er-how__stage img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;pointer-events:none!important;display:block!important}.er-how__plane{position:absolute!important;z-index:6!important;cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;outline:none!important;border-radius:var(--er-how-radius-lg)!important}.er-how__tip{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(240px,calc(100% - 32px))!important;background:#0e1f17eb!important;color:#fff!important;border-radius:16px!important;padding:16px 18px!important;text-align:center!important;pointer-events:none!important;box-shadow:0 12px 32px #0e1f1747!important;animation:er-how-tip-in .35s ease both!important;z-index:2!important}.er-how__tip[hidden]{display:none!important}.er-how__tip strong{display:block!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:6px!important;color:#fff!important}.er-how__tip span{display:block!important;font-size:.82rem!important;line-height:1.4!important;color:#ffffffd1!important}@keyframes er-how-tip-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.er-how__progress{position:absolute!important;left:50%!important;bottom:16px!important;transform:translate(-50%)!important;display:flex!important;gap:6px!important;pointer-events:none!important}.er-how__progress span{width:7px!important;height:7px!important;border-radius:50%!important;background:#ffffff8c!important;box-shadow:0 0 0 1px #0e1f1726!important;transition:background .15s ease,transform .15s ease!important}.er-how__progress span.is-on{background:var(--er-how-accent, #4cd964)!important;transform:scale(1.2)!important}.er-how__mobile{display:none!important}@media(max-width:900px){.er-how__diagram{grid-template-columns:1fr!important;min-height:0!important;gap:20px!important}.er-how__col,.er-how__lines{display:none!important}.er-how__stage{order:-1!important;max-width:420px!important;margin:0 auto!important;width:100%!important}.er-how__mobile{display:grid!important;gap:14px!important}.er-how__mobile .er-how__card{max-width:none!important}.er-how__mobile .er-how__card.is-dim{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/embrace-how-covers.css.map */
