.mg{display:grid;gap:clamp(2.25rem,1.4rem + 3vw,4rem);align-items:start}@media(min-width:64rem){.mg{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}[data-demo=mortgage]:not([data-mounted]){min-height:calc(56rem + 66vw)}@media(min-width:40.0625rem){[data-demo=mortgage]:not([data-mounted]){min-height:calc(46.5rem + 65vw)}}@media(min-width:64rem){[data-demo=mortgage]:not([data-mounted]){min-height:max(36.25rem,calc(17rem + (min(100vw - 2 * var(--gutter),82.5rem) - clamp(2.25rem,1.4rem + 3vw,4rem)) * 7 / 24))}}.mg__ctl{display:grid;gap:1.15rem}.mg__hd{display:grid;gap:.35rem;padding:.35rem .35rem 1.05rem;border-bottom:1px solid var(--line)}.mg__desc{font-size:var(--fs-small);color:var(--slate)}.mg__field{display:grid;gap:.1rem;padding-inline:.35rem}.mg__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.mg__row label{cursor:pointer}.mg__val{font-size:1.0625rem;font-weight:750;font-stretch:104%;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.mg-range{--th: 1.75rem;--p: 0;position:relative;height:2.75rem}@media(pointer:coarse){.mg-range{--th: 2rem}}.mg-range__track{position:absolute;left:0;right:0;top:50%;height:.3rem;margin-top:-.15rem;border-radius:999px;background:var(--line-2);pointer-events:none}.mg-range__fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--th) / 2 + (100% - var(--th)) * var(--p));border-radius:inherit;background:var(--volt-deep)}.mg-range input{-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%;height:100%;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.mg-range input:focus-visible{outline:none}.mg-range input::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}.mg-range input::-moz-range-track{height:100%;background:transparent;border:0}.mg-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--th);height:var(--th);margin-top:calc((2.75rem - var(--th)) / 2);border-radius:50%;border:2px solid var(--volt-deep);background:var(--white);box-shadow:0 1px 2px #16181c24,0 4px 10px #16181c1f;transition:transform .2s var(--ease-out),box-shadow .2s}.mg-range input::-moz-range-thumb{box-sizing:border-box;width:var(--th);height:var(--th);border-radius:50%;border:2px solid var(--volt-deep);background:var(--white);box-shadow:0 1px 2px #16181c24,0 4px 10px #16181c1f;transition:transform .2s var(--ease-out),box-shadow .2s}.mg-range input:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #b23a121a,0 4px 10px #16181c24}.mg-range input:hover::-moz-range-thumb{box-shadow:0 0 0 6px #b23a121a,0 4px 10px #16181c24}.mg-range input:active::-webkit-slider-thumb{transform:scale(1.1)}.mg-range input:active::-moz-range-thumb{transform:scale(1.1)}.mg-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--volt-deep)}.mg-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--volt-deep)}.mg__mode{margin:0;padding:.35rem .35rem 0;border:0;min-width:0}.mg__mode legend{padding:0;margin-bottom:.65rem}.mg__seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.25rem;border-radius:999px;background:var(--paper-3)}.mg__seg:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(50% - .25rem);border-radius:999px;background:var(--white);box-shadow:var(--shadow-1);transition:transform .4s var(--ease-ios)}.mg__seg[data-seg=payment]:before{transform:translate(100%)}.mg__seg label{position:relative;z-index:1;cursor:pointer}.mg__seg input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.mg__seg span{display:grid;place-items:center;min-height:2.75rem;padding:.3rem .6rem;border-radius:999px;font-size:.9375rem;font-weight:650;line-height:1.15;text-align:center;color:var(--graphite);transition:color .2s}.mg__seg label:hover span,.mg__seg input:checked+span{color:var(--ink)}.mg__seg input:focus-visible+span{outline:3px solid var(--volt-deep);outline-offset:2px}.mg__out{display:grid;gap:clamp(1.25rem,.9rem + 1vw,1.75rem);min-width:0}.mg__res{display:grid;gap:.35rem}.mg__pay{display:flex;align-items:baseline;gap:.1rem;font-size:1.75rem;font-weight:800;font-stretch:108%;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.mg__per{font-size:1rem;font-weight:600;letter-spacing:0;color:var(--slate)}.mg__head{margin-top:clamp(.9rem,.6rem + 1vw,1.4rem);font-size:clamp(1.75rem,1.15rem + 2.1vw,3.1rem);font-weight:820;font-stretch:112%;letter-spacing:-.032em;line-height:1.04;min-height:2.08em;font-variant-numeric:tabular-nums;text-wrap:balance}.mg__head em{font-style:normal;color:var(--volt-deep)}.mg__sub{font-size:var(--fs-lead);line-height:1.45;color:var(--graphite);min-height:2.9em;max-width:34em}@media(min-width:40rem){.mg__sub{min-height:1.45em}}.mg__sub b{color:var(--ink);font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.mg__chart{margin:0;display:grid;gap:.85rem}.mg__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.25rem}.mg__keys{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:var(--fs-micro);font-weight:600;color:var(--graphite)}.mg__key{display:inline-flex;align-items:center;gap:.5rem}.mg__key:before{content:"";width:1.15rem;height:2px;border-radius:2px;background:var(--graphite)}.mg__key--ext:before{height:3px;background:var(--volt)}.mg__plot{position:relative;aspect-ratio:16 / 9}@media(max-width:40rem){.mg__plot{aspect-ratio:6 / 5}}@media(min-width:64rem){.mg__plot{aspect-ratio:2 / 1}}.mg-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mg-grid{stroke:var(--line-2);stroke-width:1;stroke-dasharray:2 4}.mg-grid--zero{stroke-dasharray:none}.mg-t{font-family:var(--font);font-size:12px;font-weight:600;fill:var(--slate);font-variant-numeric:tabular-nums}.mg-t--y{text-anchor:end}.mg-gain{fill:var(--volt-tint);stroke:none}.mg-base{fill:none;stroke:var(--graphite);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mg-ext{fill:none;stroke:var(--volt);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mg-dot--base{fill:var(--graphite)}.mg-dot--ext{fill:var(--volt);stroke:var(--paper);stroke-width:2.5}.mg-lead{stroke:var(--volt-deep);stroke-width:1.25;stroke-dasharray:2 3}.mg-call__a{font-family:var(--font);font-size:13px;font-weight:760;fill:var(--volt-deep);font-variant-numeric:tabular-nums}.mg-call__b{font-family:var(--font);font-size:12px;font-weight:560;fill:var(--graphite);font-variant-numeric:tabular-nums}.mg-call__a,.mg-call__b{paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.is-in .mg-call__a,.is-in .mg-call__b{stroke:var(--paper);stroke:color-mix(in srgb,var(--volt) 12%,var(--paper))}