.mortgage-simulator{--oklch-bg-base: oklch(.925 .011 45);--oklch-bg-surface: oklch(.936 .01 45);--oklch-bg-panel: oklch(.946 .01 45);--oklch-bg-muted: oklch(.904 .013 45);--oklch-bg-subtle: oklch(.916 .012 45);--oklch-bg-emphasized: oklch(.876 .016 45);--oklch-bg-field: oklch(.958 .007 45);--oklch-bg-canvas: oklch(.92 .012 45);--oklch-border-default: oklch(.82 .014 45);--oklch-border-emphasized: oklch(.73 .017 45);--oklch-border-subtle: oklch(.86 .012 45);--oklch-border-muted: oklch(.84 .012 45);--oklch-border-focus: oklch(.65 .2 35);--oklch-fg-default: oklch(.2 .012 45);--oklch-fg-muted: oklch(.4 .014 45);--oklch-fg-subtle: oklch(.5 .012 45);--oklch-fg-emphasized: oklch(.12 .012 45);--oklch-fg-inverse: oklch(.98 .005 45);--oklch-accent-primary: oklch(.65 .2 35);--oklch-accent-primary-emphasis: oklch(.55 .22 35);--oklch-accent-primary-subtle: oklch(.95 .06 35);--oklch-accent-secondary: oklch(.68 .2 24);--oklch-accent-positive: oklch(.55 .16 145);--oklch-accent-positive-subtle: oklch(.94 .08 145);--oklch-accent-negative: oklch(.55 .16 25);--oklch-accent-negative-subtle: oklch(.95 .06 25);--oklch-accent-warning: oklch(.7 .16 70);--oklch-accent-warning-subtle: oklch(.95 .06 70);--oklch-accent-info: oklch(.55 .14 245);--oklch-accent-info-subtle: oklch(.94 .06 245);--oklch-accent-asset: oklch(.55 .18 210);--oklch-accent-asset-subtle: oklch(.94 .05 210);--oklch-accent-liability: oklch(.65 .18 70);--oklch-accent-liability-subtle: oklch(.94 .05 70);--oklch-accent-income: oklch(.55 .18 145);--oklch-accent-income-subtle: oklch(.94 .05 145);--oklch-accent-expense: oklch(.55 .18 15);--oklch-accent-expense-subtle: oklch(.94 .05 15);--mortgage-chart-principal: var(--oklch-accent-primary);--mortgage-chart-interest: var(--oklch-accent-secondary);--mortgage-chart-fees: oklch(.65 .2 305);--mortgage-chart-balance: color-mix( in oklch, var(--oklch-accent-info) 82%, white 18% );--mortgage-accent-fees: var(--mortgage-chart-fees);--shadow-xs: 0 0 14px -8px oklch(.25 .015 45 / .16);--shadow-sm: 0 0 18px -9px oklch(.25 .015 45 / .18), 0 0 32px -18px oklch(.25 .015 45 / .1);--mortgage-frame-border: color-mix( in oklab, var(--oklch-border-default) 88%, var(--oklch-fg-emphasized) 12% );--mortgage-frame-shadow: 0 10px 36px color-mix(in oklab, var(--oklch-bg-base) 58%, transparent), 0 2px 10px color-mix(in oklab, var(--oklch-bg-base) 38%, transparent);--mortgage-motion-fast: .14s;--mortgage-motion-state: .22s;--mortgage-ease-out: cubic-bezier(.22, 1, .36, 1);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;isolation:isolate;overflow:clip;border:1px solid var(--mortgage-frame-border);border-radius:var(--radius-xl);box-shadow:var(--mortgage-frame-shadow);transition:box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1)}.mortgage-disclosure{flex:1;min-width:0;margin:0;color:var(--chakra-colors-fg-muted);font-size:var(--chakra-font-sizes-xs);line-height:var(--chakra-line-heights-short)}.mortgage-simulator input,.mortgage-simulator button,.mortgage-simulator [data-part=item],.mortgage-simulator [data-part=item-indicator]{transition:color var(--mortgage-motion-fast) var(--mortgage-ease-out),background-color var(--mortgage-motion-state) var(--mortgage-ease-out),border-color var(--mortgage-motion-state) var(--mortgage-ease-out),box-shadow var(--mortgage-motion-state) var(--mortgage-ease-out),opacity var(--mortgage-motion-fast) var(--mortgage-ease-out),transform var(--mortgage-motion-fast) var(--mortgage-ease-out)}.mortgage-summary-tile{transition:background-color var(--mortgage-motion-state) var(--mortgage-ease-out),box-shadow var(--mortgage-motion-state) var(--mortgage-ease-out),transform var(--mortgage-motion-fast) var(--mortgage-ease-out)}.mortgage-summary-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mortgage-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mortgage-summary-tile{min-width:0}@media(max-width:1450px){.mortgage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mortgage-summary-tile--primary{grid-column:span 2}}@media(max-width:760px){.mortgage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mortgage-summary-tile--primary{grid-column:1 / -1}}@media(max-width:430px){.mortgage-summary-grid{gap:.55rem}.mortgage-summary-tile{height:auto!important;min-height:86px;padding:.65rem!important}.mortgage-summary-tile:not(.mortgage-summary-tile--primary)>div{align-items:flex-start;flex-direction:column;gap:.45rem}.mortgage-summary-tile:not(.mortgage-summary-tile--primary) .mortgage-summary-icon{width:32px;height:32px;border-radius:var(--radius-md)}.mortgage-summary-tile:not(.mortgage-summary-tile--primary) svg{width:19px;height:19px}.mortgage-summary-content{min-width:0}}.mortgage-value-change{animation:mortgage-value-settle .18s var(--mortgage-ease-out) both}.mortgage-rate-card:active,.mortgage-settings-trigger:active{transform:scale(.97)}.mortgage-rate-card-icon{transition:transform var(--mortgage-motion-state) var(--mortgage-ease-out),filter var(--mortgage-motion-state) var(--mortgage-ease-out)}.mortgage-rate-card[data-state=checked] .mortgage-rate-card-icon{transform:translateY(-1px) scale(1.06);filter:saturate(1.08)}.mortgage-slider-thumb{transition:border-color var(--mortgage-motion-fast) var(--mortgage-ease-out),background-color var(--mortgage-motion-fast) var(--mortgage-ease-out),box-shadow var(--mortgage-motion-fast) var(--mortgage-ease-out)}.mortgage-slider:hover .mortgage-slider-thumb,.mortgage-slider[data-dragging] .mortgage-slider-thumb{box-shadow:0 0 0 4px color-mix(in oklab,currentColor 10%,transparent),var(--shadow-xs)}.mortgage-slider-marks [data-part=marker-indicator]{transition:transform var(--mortgage-motion-fast) var(--mortgage-ease-out),opacity var(--mortgage-motion-fast) var(--mortgage-ease-out)}.mortgage-slider:hover .mortgage-slider-marks [data-part=marker-indicator]{transform:translateY(-50%) scale(1.08)}.mortgage-waffle-cell{transition:background-color var(--mortgage-motion-state) var(--mortgage-ease-out),opacity var(--mortgage-motion-fast) var(--mortgage-ease-out),transform var(--mortgage-motion-fast) var(--mortgage-ease-out)}.mortgage-insight-swap{animation:mortgage-insight-enter .24s var(--mortgage-ease-out) both}.mortgage-settings-menu{transform-origin:top right;animation:mortgage-menu-enter .2s var(--mortgage-ease-out) both}.mortgage-settings-reveal{animation:mortgage-settings-reveal .2s var(--mortgage-ease-out) both}@keyframes mortgage-value-settle{0%{opacity:.48;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes mortgage-insight-enter{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mortgage-menu-enter{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mortgage-settings-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}:root.dark .mortgage-simulator,:root[data-theme=dark] .mortgage-simulator{--oklch-bg-base: oklch(.142 .008 210);--oklch-bg-surface: oklch(.182 .01 210);--oklch-bg-panel: oklch(.174 .01 210);--oklch-bg-muted: oklch(.166 .008 210);--oklch-bg-subtle: oklch(.202 .01 210);--oklch-bg-emphasized: oklch(.262 .012 210);--oklch-bg-field: oklch(.282 .012 210);--oklch-bg-canvas: oklch(.158 .009 210);--oklch-border-default: oklch(.33 .01 210);--oklch-border-emphasized: oklch(.43 .014 210);--oklch-border-subtle: oklch(.29 .008 210);--oklch-border-muted: oklch(.31 .008 210);--oklch-border-focus: oklch(.7 .2 35);--oklch-fg-default: oklch(.9 .005 210);--oklch-fg-muted: oklch(.62 .008 210);--oklch-fg-subtle: oklch(.48 .006 210);--oklch-fg-emphasized: oklch(.97 .004 210);--oklch-fg-inverse: oklch(.15 .008 210);--oklch-accent-primary: oklch(.7 .2 35);--oklch-accent-primary-emphasis: oklch(.78 .22 35);--oklch-accent-primary-subtle: oklch(.22 .08 35);--oklch-accent-secondary: oklch(.72 .2 24);--oklch-accent-positive: oklch(.68 .16 145);--oklch-accent-positive-subtle: oklch(.2 .06 145);--oklch-accent-negative: oklch(.68 .16 25);--oklch-accent-negative-subtle: oklch(.2 .06 25);--oklch-accent-warning: oklch(.78 .16 70);--oklch-accent-warning-subtle: oklch(.25 .06 70);--oklch-accent-info: oklch(.68 .14 245);--oklch-accent-info-subtle: oklch(.2 .06 245);--oklch-accent-asset: oklch(.65 .16 210);--oklch-accent-asset-subtle: oklch(.25 .07 210);--oklch-accent-liability: oklch(.72 .16 70);--oklch-accent-liability-subtle: oklch(.25 .07 70);--oklch-accent-income: oklch(.65 .16 145);--oklch-accent-income-subtle: oklch(.25 .07 145);--oklch-accent-expense: oklch(.65 .16 15);--oklch-accent-expense-subtle: oklch(.25 .06 15);--mortgage-chart-principal: var(--oklch-accent-primary);--mortgage-chart-interest: var(--oklch-accent-secondary);--mortgage-chart-fees: oklch(.7 .2 305);--mortgage-chart-balance: color-mix( in oklch, var(--oklch-accent-info) 82%, white 18% );--shadow-xs: 0 0 14px -8px oklch(0 0 0 / .26);--shadow-sm: 0 0 18px -10px oklch(0 0 0 / .3), 0 0 32px -18px oklch(0 0 0 / .2)}:root.light .mortgage-simulator{--mortgage-frame-shadow: 0 10px 30px color-mix(in oklab, var(--oklch-bg-base) 18%, transparent), 0 2px 8px color-mix(in oklab, var(--oklch-bg-base) 12%, transparent)}@media(hover:hover)and (pointer:fine){.mortgage-simulator:hover{z-index:999;border-color:color-mix(in oklab,var(--oklch-border-emphasized) 68%,var(--oklch-fg-emphasized) 32%);box-shadow:0 12px 36px color-mix(in oklab,var(--oklch-bg-base) 62%,transparent),0 4px 14px color-mix(in oklab,var(--oklch-bg-base) 42%,transparent)}.mortgage-simulator:focus-within{z-index:999}}@media(prefers-reduced-motion:reduce){.mortgage-simulator{transition:none}.mortgage-simulator *,.mortgage-simulator *:before,.mortgage-simulator *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mortgage-settings-menu,.mortgage-settings-reveal{animation:none!important;transition:none!important}}
