.mpf-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0f0f0c8c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px;font-family:var(--font-body--family, Inter, "Segoe UI", sans-serif)}.mpf-scrim[hidden]{display:none}.mpf{--citron: #C2C15D;--citron-lt: #EFEFD6;--citron-dk: #6E6D26;--ink: #0F0F0C;--ink-2: #55554D;--ink-3: #8A8A80;--haze: #FBFBF9;--hair: rgba(15,15,12,.1);--hair-soft: rgba(15,15,12,.055);background:#fff;border-radius:34px;width:min(620px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 4px 10px #0f0f0c0d,0 30px 80px #0f0f0c1a;border:1px solid var(--hair-soft);color:var(--ink-2);box-sizing:border-box}.mpf *,.mpf *:before,.mpf *:after{box-sizing:border-box}.mpf__head{display:flex;align-items:center;gap:16px;padding:20px 26px 16px;position:sticky;top:0;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.mpf__step{font-size:13px;font-weight:600;color:var(--ink-3);margin-right:auto}.mpf__x{all:unset;cursor:pointer;width:34px;height:34px;border-radius:100px;background:var(--haze);color:var(--ink-2);display:grid;place-content:center;font-size:18px;line-height:1}.mpf__x:hover{background:var(--citron-lt);color:var(--citron-dk)}.mpf__x:focus-visible{outline:2.5px solid var(--citron-dk);outline-offset:2px}.mpf__bar{height:4px;margin-inline:26px;border-radius:100px;background:var(--haze);overflow:hidden}.mpf__bar i{display:block;height:100%;border-radius:100px;background:var(--citron);transition:width .35s cubic-bezier(.3,.8,.3,1)}.mpf__body{padding:30px 30px 26px}.mpf__body h3{font-family:var(--font-accent--family, "Bricolage Grotesque", "Segoe UI", sans-serif);font-size:29px;font-weight:700;letter-spacing:-.032em;line-height:1.06;color:var(--ink);margin:0 0 7px}.mpf__sub{color:var(--ink-2);font-size:15.5px;margin:0 0 24px;line-height:1.55}.mpf__opts{display:grid;gap:11px}.mpf__opts--two{grid-template-columns:repeat(2,1fr)}.mpf__opts--three{grid-template-columns:repeat(3,1fr)}.mpf__opt{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--hair);border-radius:14px;padding:17px 20px;font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink);background:#fff;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mpf__opt small{display:block;font-weight:400;font-size:13.5px;color:var(--ink-2);margin-top:3px}.mpf__opt:hover{border-color:var(--citron);background:var(--citron-lt);transform:translateY(-2px)}.mpf__opt[aria-pressed=true]{border-color:var(--citron);background:var(--citron-lt)}.mpf__opt:focus-visible{outline:2.5px solid var(--citron-dk);outline-offset:2px}.mpf__foot{display:flex;align-items:center;gap:14px;padding:8px 30px 30px}.mpf__back{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink-3)}.mpf__back:hover{color:var(--ink)}.mpf__back:focus-visible{outline:2.5px solid var(--citron-dk);outline-offset:3px}.mpf__next{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fbfbf7;border:1px solid var(--ink);border-radius:14px;padding:16px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease}.mpf__next:hover{transform:translateY(-2px)}.mpf__next:focus-visible{outline:2.5px solid var(--citron-dk);outline-offset:3px}.mpf__row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--hair-soft);font-size:15.5px}.mpf__row b{color:var(--ink);font-weight:600}.mpf__total{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:22px 24px;background:linear-gradient(150deg,#efefd6,#f9f9ee);border-radius:22px}.mpf__total b{font-family:var(--font-accent--family, "Bricolage Grotesque", "Segoe UI", sans-serif);font-size:31px;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}.mpf__note{margin-top:18px;font-size:13.5px;color:var(--ink-3);line-height:1.55}@media(max-width:560px){.mpf__opts--two,.mpf__opts--three{grid-template-columns:1fr}.mpf__body{padding:24px 22px 20px}.mpf__foot{padding:6px 22px 24px}}@media(prefers-reduced-motion:reduce){.mpf *,.mpf__bar i{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/mp-plan-flow.css.map */