@layer reset,tokens,base,layout;@layer components{.emi-figure{gap:var(--space-2);max-width:100%;padding-bottom:var(--space-1);border-bottom:var(--border-width) solid var(--color-border-strong);transition:border-color var(--duration-fast) var(--easing-standard);align-self:flex-start;align-items:baseline;display:inline-flex}.emi-figure:hover{border-color:var(--color-text-muted)}.emi-figure:focus-within{border-color:var(--color-navy)}.emi-figure--secondary{gap:var(--space-1);padding-bottom:0}.emi-figure__unit{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);color:var(--color-text-muted)}.emi-figure__input{width:calc(var(--emi-figure-characters) * 1ch);min-width:0;font-size:var(--type-figure-size);font-weight:var(--type-figure-weight);line-height:var(--type-figure-leading);letter-spacing:var(--type-figure-tracking);background:0 0;border:0;border-radius:0;padding:0}.emi-figure__input--secondary{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);text-align:end}.emi-field{--slider-track-color:var(--color-accent);gap:var(--space-1);flex-direction:column;display:flex}.emi-field__head{gap:var(--space-3);min-height:calc(var(--target-min) + 2 * var(--space-1));justify-content:space-between;align-items:center;display:flex}.emi-field__slider{padding-top:var(--space-1);flex-direction:column;display:flex}.emi-field__scale{gap:var(--space-2);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);justify-content:space-between;display:flex}.share-ring{flex:none;rotate:-90deg}.share-ring__track,.share-ring__fill{fill:none;stroke-width:var(--share-ring-stroke)}.share-ring__track{stroke:var(--share-ring-track-color,var(--color-pressed))}.share-ring__fill{stroke:var(--share-ring-fill-color,var(--color-navy));stroke-dasharray:var(--share-ring-share) 100;stroke-linecap:var(--share-ring-cap,butt);transition:stroke-dasharray var(--duration-fast) var(--easing-standard)}@media (forced-colors:active){.share-ring__fill{stroke:canvastext}}.emi-summary{padding-top:var(--space-6);flex-direction:column;display:flex}.emi-summary__card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius) var(--radius) 0 0;background:var(--color-accent-tint);flex-direction:column;flex:1;display:flex}.emi-summary__head{gap:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.emi-summary__title{font-size:var(--type-body-strong-size);font-weight:var(--type-heading-4-weight);line-height:var(--type-body-strong-leading);letter-spacing:var(--type-body-strong-tracking)}.emi-summary__title:after{width:var(--space-8);height:var(--indicator-width);margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--color-text);content:"";display:block}.emi-summary__chart{--share-ring-track-color:var(--color-accent);--share-ring-fill-color:var(--color-navy);width:var(--emi-chart-size);height:var(--emi-chart-size);margin-top:calc(-1 * var(--space-12));margin-inline-end:calc(-1 * var(--space-2))}.emi-summary__breakdown{gap:var(--space-2);flex-direction:column;display:flex}.emi-summary__row{gap:var(--space-3);font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-leading);letter-spacing:var(--type-body-small-tracking);justify-content:space-between;align-items:baseline;display:flex}.emi-summary__row--total{padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border-strong);font-size:var(--type-body-strong-size);font-weight:var(--type-body-strong-weight);line-height:var(--type-body-strong-leading);letter-spacing:var(--type-body-strong-tracking)}.emi-summary__term{color:var(--color-text-muted)}.emi-summary__term--total{color:var(--color-text)}.emi-summary__loan-amount,.emi-summary__total-interest,.emi-summary__total-payable{font-weight:var(--type-heading-4-weight)}.emi-summary__legend{gap:var(--space-1);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border-strong);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);flex-direction:column;display:flex}.emi-summary__share{gap:var(--space-2);align-items:center;display:flex}.emi-summary__share-name{gap:var(--space-2);color:var(--color-text-muted);flex:1;align-items:center;display:flex}.emi-summary__share-name:before{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);content:""}.emi-summary__share-name--principal:before{background:var(--color-navy)}.emi-summary__share-name--interest:before{background:var(--color-accent)}.emi-summary__share-percent{font-weight:var(--type-heading-4-weight)}.emi-summary__installment{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-radius:0 0 var(--radius) var(--radius);color:var(--color-text-inverse);background:var(--color-navy);flex-direction:column;display:flex;position:relative}.emi-summary__installment:before{bottom:100%;left:var(--space-6);border-inline:var(--space-3) solid transparent;border-bottom:var(--space-3) solid var(--color-navy);content:"";position:absolute}.emi-summary__installment-title,.emi-summary__period,.emi-summary__terms{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-inverse-muted)}.emi-summary__payments{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.emi-summary__payment{gap:var(--space-1);flex-direction:column;display:flex}.emi-summary__payment--end{text-align:end;align-items:flex-end}.emi-summary__monthly-emi,.emi-summary__yearly-emi{font-size:var(--type-figure-size);font-weight:var(--type-figure-weight);line-height:var(--type-figure-leading);letter-spacing:var(--type-figure-tracking)}.emi-summary__monthly-emi{padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:var(--color-border-inverse);margin-inline-start:calc(-1 * var(--space-2))}.tenure-presets{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius);background:var(--color-surface-subtle);display:inline-flex}.tenure-presets__preset{min-height:var(--target-min);padding:0 var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted);transition:color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard)}.tenure-presets__preset:hover{color:var(--color-text)}.tenure-presets__preset[aria-pressed=true]{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.emi-calculator{--emi-calculator-space:var(--space-4)}@media (min-width:40em){.emi-calculator{--emi-calculator-space:var(--space-6)}}.emi-calculator{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);display:grid}.emi-calculator__variant{padding:var(--emi-calculator-space);border-bottom:var(--border-width) solid var(--color-border);justify-items:start;display:grid}.emi-calculator__layout{gap:var(--space-8);padding:var(--emi-calculator-space) var(--emi-calculator-space) 0;display:grid}@media (min-width:64em){.emi-calculator__layout{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}}.emi-calculator__inputs{gap:var(--space-6);flex-direction:column;display:flex}.emi-calculator__note{padding:var(--space-4) var(--emi-calculator-space) var(--emi-calculator-space);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking);color:var(--color-text-muted)}}@layer utilities;