@layer components{.emi-shell{flex-direction:column;align-items:stretch;gap:1.15rem;width:100%;min-width:0;display:flex}.emi{--emi-principal:var(--text);--emi-interest:var(--accent-fill);--emi-total:color-mix(in srgb, var(--accent-fill) 45%, var(--text) 55%);--emi-surface:var(--background);--emi-muted:var(--text-2);--emi-line:var(--border);--emi-ring:color-mix(in srgb, var(--brand-500) 28%, transparent);--emi-rail:color-mix(in srgb, var(--text) 2.5%, var(--background));--emi-card-radius:calc(var(--radius-main) + .35rem);border-radius:var(--emi-card-radius);background:var(--background);width:100%;min-width:0;box-shadow:0 0 0 1px var(--background), 0 0 0 calc(1px + var(--border-width)) var(--emi-line), 0 1px 2px #0000000a, 0 18px 40px #0000000d;isolation:isolate;background-clip:padding-box;border:0;overflow:clip}.theme-dark .emi{--emi-principal:#f5f5f4;--emi-surface:var(--background-2);--emi-rail:color-mix(in srgb, white 3%, var(--background-2));background:var(--background-2)}.emi_manual-sliders{flex-direction:column;gap:1.15rem;width:100%;display:flex}.emi_label-group{flex:auto;align-items:center;gap:.3rem;min-width:0;display:inline-flex}.emi_rest-slot{flex-direction:column;width:100%;min-height:0;display:flex;position:relative}.emi_head{border-bottom:var(--border-width) solid var(--emi-line);background:var(--emi-rail);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.5rem .75rem;min-height:3rem;padding:0 1.2rem 0 0;display:grid}.emi_brand{grid-column:1;align-items:center;min-width:0;padding:.7rem 0 .7rem 1.2rem;display:flex}.emi_title{letter-spacing:-.02em;color:var(--text);--_trim-top:.5lh;--_trim-bottom:.5lh;margin:0;padding-block:0;font-size:.9375rem;font-weight:600;line-height:1.25}@media not (min-width:40rem){.emi_title{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.3;overflow:hidden}}.emi_body{grid-template-rows:auto auto minmax(0,1fr);align-items:stretch;min-width:0;display:grid}@media (min-width:56rem){.emi_body{grid-template-columns:22rem minmax(0,1fr)}}.emi_pane{grid-template-rows:subgrid;grid-row:1/-1;min-width:0;min-height:0;display:grid}.emi_pane--controls{background:var(--emi-rail)}@media (min-width:56rem){.emi_pane--controls{border-right:var(--border-width) solid var(--emi-line)}}@media not (min-width:56rem){.emi_pane--controls{border-bottom:var(--border-width) solid var(--emi-line)}}.emi_controls-main{box-sizing:border-box;flex-direction:column;justify-content:flex-start;gap:1.15rem;min-width:0;min-height:0;padding:1.25rem 1.2rem 1.15rem;display:flex;position:relative}.emi_controls-rest{box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto;gap:1.15rem;min-width:0;min-height:0;padding:1.15rem 1.2rem 1.35rem;display:grid}.emi_pane--results{--emi-results-col-gap:1.75rem;--emi-results-stack-gap:.85rem;--emi-results-pad-x:1.25rem;--emi-split:minmax(0, 1fr) minmax(0, 1fr)}.emi_summary{grid-template-columns:var(--emi-split);align-items:stretch;column-gap:var(--emi-results-col-gap);padding:1.25rem var(--emi-results-pad-x);box-sizing:border-box;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;width:100%;min-width:0;height:auto;min-height:100%;display:grid;overflow:visible}@media (min-width:56rem){.emi_summary:has(.emi_paths,.emi_prepay-story){min-height:16.625rem}}.emi_rule{border:0;border-top:var(--border-width) solid var(--emi-line);align-self:stretch;width:auto;margin:0 1.2rem}.emi_pane--results>.emi_rule{margin-inline:var(--emi-results-pad-x)}.emi_results-rest{padding:1.15rem var(--emi-results-pad-x) 1.4rem;box-sizing:border-box;flex-direction:column;gap:0;min-width:0;min-height:0;display:flex}@media not (min-width:56rem){.emi_body{grid-template-rows:none}.emi_pane{flex-direction:column;grid-row:auto;display:flex}.emi_summary{grid-template-rows:auto;height:auto;min-height:0;overflow:visible}.emi_controls-rest{flex-direction:column;display:flex}.emi_rest-slot{flex:auto}}.emi_field{gap:.5rem;width:100%;min-width:0;display:grid}.emi_field-row{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.emi_field-row>label,.emi_label-group>label{min-width:0;color:var(--emi-muted);flex:0 auto;font-size:.8125rem;font-weight:500;line-height:1.15}.emi_value{flex:none;align-items:center;gap:.35rem;line-height:1.15;display:inline-flex}.emi_value--money{justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;display:inline-flex}.emi_value--money .emi_affix{flex:none}.emi_value--money .emi_input{text-align:right;width:auto;min-width:2ch}.emi_value--unit{grid-template-columns:4.5rem auto;align-items:center;column-gap:.25rem;display:grid}.emi_value--tenure{grid-template-columns:auto auto auto}.emi_value--unit.emi_value--tenure .emi_input{width:3.2ch}.emi_tenure-years{color:var(--emi-muted);white-space:nowrap;margin-right:.2rem;font-size:.75rem;font-weight:500}.emi_tenure-years:empty{display:none}.emi_value--unit .emi_input{text-align:right;width:100%;min-width:0}.emi_affix{font-family:var(--primary-family);color:var(--emi-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:.9375rem;font-weight:600;line-height:1.15}.emi_input{width:6ch;min-width:2ch;height:1.15em;box-shadow:none;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;margin:0;padding:0;font-size:.9375rem;font-weight:600;line-height:1.15}.emi_input:focus{border-bottom-color:color-mix(in srgb, var(--brand-500) 55%, transparent);outline:none}.emi_range{appearance:none;cursor:pointer;background:0 0;width:100%;height:.35rem;margin:0}.emi_range:focus{outline:none}.emi_range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:.35rem}.emi_range::-webkit-slider-thumb{appearance:none;border:2px solid var(--background);background:var(--brand-500);width:1rem;height:1rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-500) 35%, transparent);border-radius:999px;margin-top:-.325rem;transition:box-shadow .14s}.emi_range:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--emi-ring)}.emi_range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--emi-ring)}.emi_range::-moz-range-track{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:.35rem}.emi_range::-moz-range-thumb{border:2px solid var(--background);background:var(--brand-500);border-radius:999px;width:1rem;height:1rem}.emi_advanced{gap:.85rem;width:100%;display:grid}.emi_advanced-body{gap:1rem;width:100%;display:grid}.emi_hero{text-align:center;border-right:var(--border-width) solid var(--emi-line);box-sizing:border-box;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:.3rem;min-width:0;height:100%;min-height:0;margin-right:0;padding-right:0;display:flex;container-type:inline-size}.emi_label{color:var(--emi-muted);letter-spacing:.01em;margin:0;font-size:.75rem;font-weight:500}.emi_summary .emi_label,.emi_breakup-visual .emi_label{letter-spacing:.02em;text-transform:uppercase;font-size:.6875rem}.emi_amount{letter-spacing:-.05em;font-variant-numeric:tabular-nums;max-width:100%;min-height:clamp(1.55rem,12cqi,3.25rem);color:var(--text);white-space:nowrap;box-sizing:content-box;justify-content:center;align-items:center;padding-block:.06em;font-size:clamp(1.55rem,12cqi,3.25rem);font-weight:650;line-height:1.12;display:flex;overflow:hidden}.emi_amount--compact{min-height:clamp(1.35rem,9cqi,2.35rem);font-size:clamp(1.35rem,9cqi,2.35rem);line-height:1.12}.emi_amount[data-tone=good],.emi_amount--compact[data-tone=good]{color:color-mix(in srgb, #15803d 72%, var(--text))}.emi_amount[data-tone=bad],.emi_amount--compact[data-tone=bad]{color:color-mix(in srgb, #b42318 72%, var(--text))}.emi_metrics{column-gap:1.15rem;row-gap:var(--emi-results-stack-gap);box-sizing:border-box;grid-area:1/2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:start;min-width:0;height:100%;min-height:0;padding-left:0;display:grid}.emi_metric{align-content:start;gap:.3rem;min-width:0;display:grid}.emi_metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;min-height:1.3125rem;padding-block:.04em;font-size:1.05rem;font-weight:600;line-height:1.25}.emi_paths{border-top:var(--border-width) solid var(--emi-line);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.emi_path[hidden]{display:none}.emi_path{background:color-mix(in srgb, var(--text) 3.5%, transparent);border-radius:.55rem;align-content:start;gap:.25rem;min-width:0;padding:.65rem .8rem;display:grid}.emi_path[data-best="1"]{background:color-mix(in srgb, var(--brand-500) 12%, transparent)}.emi_path strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;line-height:1.25}.emi_prepay-sub{color:var(--emi-muted);font-size:.75rem;line-height:1.35}@media not (min-width:40rem){.emi_head{padding-right:.75rem}.emi_summary{padding-inline:var(--emi-results-pad-x);grid-template-rows:auto auto auto;grid-template-columns:1fr}.emi_pane--results>.emi_rule{margin-inline:var(--emi-results-pad-x)}.emi_hero{border-right:0;border-bottom:var(--border-width) solid var(--emi-line);grid-area:1/1;gap:.35rem;margin-bottom:0;padding-bottom:.85rem;padding-right:0}.emi_metrics{grid-area:2/1;grid-template-columns:1fr 1fr;padding-top:1.25rem;padding-left:0}.emi_metric{text-align:center;justify-items:center}.emi_amount{font-size:clamp(1.75rem,11vw,2.75rem)}}.emi_charts,.emi_breakup{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex}.emi_breakup-grid{grid-template-columns:var(--emi-split,minmax(0, 1fr) minmax(0, 1fr));column-gap:var(--emi-results-col-gap);flex:auto;align-items:stretch;row-gap:1rem;height:100%;min-height:14rem;display:grid}.emi_breakup-visual{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-width:0;height:100%;min-height:0;display:flex}@media (min-width:40rem){.emi_breakup-visual{border-right:var(--border-width) solid var(--emi-line)}}.emi_breakup-meta strong{color:var(--text);font-weight:600}.emi_breakup-meta{color:var(--emi-muted);max-width:16rem;margin:0;font-size:.75rem;line-height:1.35}.emi_breakup-story{justify-content:center;align-items:flex-start;gap:var(--emi-results-stack-gap);text-align:left;box-sizing:border-box;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:auto}@media not (min-width:40rem){.emi_breakup-story{text-align:left;grid-column:1/-1;align-items:flex-start;height:auto;min-height:11rem;overflow:visible}}@media not (min-width:40rem){.emi_breakup-grid{grid-template-columns:1fr;height:auto;min-height:0}}.emi_breakup-lead,.emi_breakup-detail{width:100%;max-width:none;margin:0}.emi_breakup-lead{color:var(--text);min-height:4.35em;font-size:.9375rem;font-weight:400;line-height:1.45}.emi_breakup-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);white-space:nowrap;background:color-mix(in srgb, var(--brand-500) 11%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3rem;margin-inline:-.08em;padding:.08em .35em;font-weight:600}.emi_breakup-detail{color:var(--emi-muted);min-height:4.65em;font-size:.8125rem;font-weight:500;line-height:1.55}.emi_currency-fixed{cursor:default;min-width:0;padding-right:.65rem}.emi_head-tools{flex-wrap:wrap;grid-column:2;justify-content:flex-end;place-self:center end;align-items:center;gap:.75rem 1rem;min-width:0;margin:0;padding:.55rem 0;display:flex}.emi_currency{flex:none;align-items:center;margin:0;padding:0;display:flex;position:relative}.emi_currency-trigger{text-align:left;background-image:none;align-items:center;gap:.35rem;min-width:5.75rem;padding-right:1.55rem;display:inline-flex;position:relative}.emi_currency-trigger [data-currency-trigger-label]{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.emi_currency-trigger .emi_currency-option-symbol,.emi_currency-trigger .emi_currency-option-code{font:inherit;font-size:inherit;font-weight:inherit}.emi_currency-caret{opacity:.7;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:.35rem;height:.35rem;transition:transform .14s;position:absolute;right:.55rem;transform:translateY(-.12rem)rotate(45deg)}.emi_currency.is-open .emi_currency-caret{transform:translateY(.05rem)rotate(-135deg)}.emi_currency-menu{z-index:12;border:var(--border-width) solid var(--emi-line);border-radius:var(--radius-small);background:var(--background);gap:.1rem;min-width:8.5rem;max-height:16rem;padding:.25rem;display:grid;position:absolute;top:calc(100% + .3rem);right:0;overflow:auto;box-shadow:0 1px 2px #0000000f,0 10px 24px #00000014}.emi_currency-menu[hidden]{display:none}.emi_currency-option{appearance:none;border-radius:calc(var(--radius-small) - .1rem);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;margin:0;padding:.45rem .6rem;font-size:.75rem;font-weight:500;display:flex}.emi_currency-option:hover,.emi_currency-option[aria-selected=true]{background:color-mix(in srgb, var(--text) 5%, transparent)}.emi_currency-option-symbol{min-width:1.1rem;font-family:"Dirham-Match", "Dirham-Sans", "Dirham", var(--primary-family);font-variant-numeric:tabular-nums;line-height:1}.emi_currency-option-code{color:var(--emi-muted)}.emi_sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media not (min-width:40rem){.emi_currency-trigger{min-width:4.5rem}}}
