.savings-growth-chart{--chart-deposits:var(--color-foreground-secondary);--chart-interest:var(--lightningcss-light,var(--color-lemon-40))var(--lightningcss-dark,var(--color-lemon-48));--chart-deposits-area:var(--color-olive-40);--chart-interest-area:var(--color-lemon);--chart-surface:var(--color-background-dark);border:1px solid var(--color-border);border-radius:var(--radius-03125);gap:var(--space-05);padding:var(--space-1) var(--space-125) var(--space-05);flex-direction:column;display:flex}.savings-growth-chart [data-series=deposits]{--series:var(--chart-deposits);--series-area:var(--chart-deposits-area)}.savings-growth-chart [data-series=interest]{--series:var(--chart-interest);--series-area:var(--chart-interest-area)}.savings-growth-chart-legend{color:var(--color-foreground);font-size:var(--font-size-small);gap:var(--space-05) var(--space-15);flex-wrap:wrap;list-style:none;display:flex}.savings-growth-chart-legend li{align-items:center;gap:var(--space-05);display:inline-flex}.savings-growth-chart-legend li:before{background:var(--series-area);block-size:var(--space-075);border-block-start:2px solid var(--series);content:"";inline-size:var(--space-1)}.savings-growth-chart-plot{cursor:crosshair;block-size:clamp(12rem,26vw,17rem);touch-action:pan-y;margin-block-start:var(--space-05);position:relative}.savings-growth-chart-plot:focus-visible{outline-offset:var(--space-05)}.savings-growth-chart-plot svg{block-size:100%;inline-size:100%;position:relative;overflow:visible}.savings-growth-chart-plot polygon{fill:var(--series-area)}.savings-growth-chart-plot polyline{fill:none;stroke:var(--series);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}.savings-growth-chart-years span{border-inline-start:1px solid var(--color-border);position:absolute;inset-block:0;inset-inline-start:var(--year-x)}.savings-growth-chart-label{color:var(--color-foreground-strong);font-size:var(--font-size-small);white-space:nowrap;font-weight:600;position:absolute;inset-block-end:calc(var(--balance-end-y) + var(--space-05));inset-inline-end:0}.savings-growth-chart-milestone{background:var(--color-foreground-strong);block-size:.625rem;box-shadow:0 0 0 2px var(--chart-surface);inline-size:.625rem;border-radius:50%;position:absolute;inset-block-end:var(--milestone-y);inset-inline-start:var(--milestone-x);translate:-50% 50%}.savings-growth-chart-hover{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--hover-x)}.savings-growth-chart-hover:before{border-inline-start:1px solid var(--color-foreground-subtle);content:"";position:absolute;inset-block:0}.savings-growth-chart-hover>span{background:var(--chart-interest);block-size:.5rem;box-shadow:0 0 0 2px var(--chart-surface);inline-size:.5rem;border-radius:50%;position:absolute;inset-block-end:var(--hover-y);translate:-50% 50%}.savings-growth-chart-hover>p{background:var(--color-background-light);border-radius:var(--radius-025);box-shadow:0 1px 4px var(--color-shadow);color:var(--color-foreground);font-size:var(--font-size-small);padding:var(--space-025) var(--space-05);translate:calc(var(--hover-x) * -1) 0;white-space:nowrap;flex-direction:column;line-height:1.4;display:flex;position:absolute;inset-block-start:0}.savings-growth-chart-hover strong{color:var(--color-foreground-strong);font-weight:600}.savings-growth-chart-axis{block-size:1.25rem;color:var(--color-foreground-subtle);font-size:var(--font-size-small);list-style:none;position:relative}.savings-growth-chart-axis li{white-space:nowrap;position:absolute;inset-inline-start:var(--tick-x);translate:-50%}.savings-growth-chart-axis li:first-child{translate:0}.savings-growth-chart-axis li:last-child{translate:-100%}@media (max-width:39.99rem){.savings-growth-chart-axis li[data-minor]{display:none}}.savings-growth-chart figcaption{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}
.savings-growth{align-items:start;gap:var(--space-2);display:grid}.savings-growth-results{gap:var(--space-2);flex-direction:column;display:flex}.savings-growth-form{gap:var(--space-1);display:grid}.savings-growth-pair{gap:var(--space-075);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.savings-growth-form>p,.savings-growth-empty{color:var(--color-foreground-subtle);font-size:var(--font-size-small)}.savings-growth-form>button{color:var(--color-foreground);cursor:pointer;font-size:var(--font-size-small);align-items:center;gap:var(--space-0375);background:0 0;border:0;justify-self:start;padding:0;font-weight:500;display:inline-flex}.savings-growth-form>button svg{color:var(--color-foreground-accent)}.savings-growth-figures{gap:var(--space-125);display:grid}.savings-growth-figures .card-content{gap:var(--space-05);padding:var(--space-15)}.savings-growth-figures small{color:var(--color-foreground-subtle);font-size:var(--font-size-small)}@media (min-width:50rem){.savings-growth{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.savings-growth>:first-child{grid-area:1/2}.savings-growth>:last-child{grid-area:1/1}.savings-growth-figures{grid-template-columns:repeat(3,minmax(0,1fr))}}