.myoc-how-it-works{width:100%;padding:var(--mhiw-padding-top, 16px) 0 var(--mhiw-padding-bottom, 16px);background:#fff;color:var(--mhiw-text, #35465c)}.myoc-how-it-works,.myoc-how-it-works *{box-sizing:border-box}.myoc-how-it-works__container{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);align-items:center;gap:var(--mhiw-gap, 24px);width:min(calc(100% - 48px),var(--mhiw-content-width, 1400px));margin-inline:auto}.myoc-how-it-works__main{min-width:0}.myoc-how-it-works__heading{margin:0;color:var(--mhiw-heading, #092f67);font-size:clamp(22px,2vw,28px);font-weight:750;line-height:1.2;letter-spacing:-.025em}.myoc-how-it-works__description{margin-top:4px;color:var(--mhiw-text, #35465c);font-size:12px;line-height:1.5}.myoc-how-it-works__description p,.myoc-how-it-works__tips-description p{margin:0}.myoc-how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.myoc-how-it-works__step{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.myoc-how-it-works__step-visual{position:relative;display:flex;width:66px;height:66px;align-items:center;justify-content:center;border-radius:50%;background:var(--mhiw-step-bg, #f0f3f2)}.myoc-how-it-works__number{position:absolute;top:-7px;left:-2px;z-index:2;display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:var(--mhiw-accent, #398b35);color:#fff;font-size:11px;font-weight:750}.myoc-how-it-works__step-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--mhiw-accent, #398b35);font-size:34px}.myoc-how-it-works__step-icon svg,.myoc-how-it-works__step-icon img{display:block;width:100%;height:100%;object-fit:contain}.myoc-how-it-works__step-copy{min-width:0}.myoc-how-it-works__step-copy h3{margin:0 0 4px;color:var(--mhiw-heading, #092f67);font-size:12px;font-weight:750;line-height:1.35}.myoc-how-it-works__step-copy>div{color:var(--mhiw-text, #526174);font-size:10px;line-height:1.45}.myoc-how-it-works__step-copy p{margin:0}.myoc-how-it-works__arrow{position:absolute;top:50%;right:-13px;display:flex;width:18px;height:24px;align-items:center;justify-content:center;color:var(--mhiw-heading, #092f67);transform:translateY(-50%)}.myoc-how-it-works__arrow svg{display:block;width:18px;height:18px}.myoc-how-it-works__tips{position:relative;display:flex;min-width:0;min-height:150px;align-items:flex-start;gap:12px;padding:18px;overflow:hidden;border-radius:9px;background:var(--mhiw-tips-bg, #eff6eb);isolation:isolate}.myoc-how-it-works__tips-image{position:absolute;top:0;right:0;bottom:0;z-index:-1;width:32%;pointer-events:none}.myoc-how-it-works__tips-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--mhiw-tips-bg, #eff6eb),transparent 90%);content:""}.myoc-how-it-works__tips-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.myoc-how-it-works__tips-content{position:relative;z-index:1;display:flex;gap:12px;min-width:0}.myoc-how-it-works__bulb{display:flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;color:var(--mhiw-accent, #398b35)}.myoc-how-it-works__bulb svg,.myoc-how-it-works__bulb img{display:block;width:100%;height:100%;object-fit:contain}.myoc-how-it-works__tips-copy{min-width:0}.myoc-how-it-works__tips-copy h3{margin:0;color:var(--mhiw-heading, #092f67);font-size:14px;font-weight:750;line-height:1.3}.myoc-how-it-works__tips-description{margin-top:4px;font-size:11px;line-height:1.45}.myoc-how-it-works__tips-list{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.myoc-how-it-works__tips-list li{display:flex;align-items:flex-start;gap:7px;color:var(--mhiw-text, #35465c);font-size:10px;line-height:1.4}.myoc-how-it-works__check{display:flex;width:14px;height:14px;flex:0 0 14px;align-items:center;justify-content:center;color:var(--mhiw-accent, #398b35)}.myoc-how-it-works__check svg,.myoc-how-it-works__check img{display:block;width:100%;height:100%;object-fit:contain}@media screen and (max-width:1050px){.myoc-how-it-works__container{grid-template-columns:minmax(0,1fr);gap:22px}.myoc-how-it-works__tips{min-height:140px}.myoc-how-it-works__step{grid-template-columns:60px minmax(0,1fr);gap:10px}.myoc-how-it-works__step-visual{width:60px;height:60px}}@media screen and (max-width:600px){.myoc-how-it-works__container{width:calc(100% - 32px);gap:20px}.myoc-how-it-works__steps{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.myoc-how-it-works__step{grid-template-columns:58px minmax(0,1fr);gap:14px}.myoc-how-it-works__step-visual{width:58px;height:58px}.myoc-how-it-works__step-copy h3{font-size:13px}.myoc-how-it-works__step-copy>div{font-size:11px}.myoc-how-it-works__arrow{display:none}.myoc-how-it-works__tips{min-height:0;padding:16px}.myoc-how-it-works__tips-content{gap:10px}.myoc-how-it-works__tips-image{width:28%;opacity:.55}.myoc-how-it-works__tips-copy h3{font-size:14px}.myoc-how-it-works__tips-list{gap:8px}.myoc-how-it-works__tips-list li{font-size:11px}}@media(prefers-reduced-motion:reduce){.myoc-how-it-works *{scroll-behavior:auto;animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/myoc-calculator-how-it-works.css.map */