.tool[data-tool=compound-interest] .chart{margin:0}.tool[data-tool=compound-interest] .chart figcaption{font-size:var(--fs-sm);color:var(--c-text-2);margin-block-end:var(--space-2);font-weight:600}.tool[data-tool=compound-interest] .chart svg{border-block-end:1px solid var(--c-border-strong);block-size:11rem;inline-size:100%;display:block}.tool[data-tool=compound-interest] .dep{fill:var(--c-primary)}.tool[data-tool=compound-interest] .int{fill:var(--c-accent)}.tool[data-tool=compound-interest] g:hover rect{opacity:.8}.tool[data-tool=compound-interest] .legend{gap:var(--space-4);margin:var(--space-2) 0 0;font-size:var(--fs-xs);color:var(--c-text-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tool[data-tool=compound-interest] .legend li{align-items:center;gap:var(--space-1);display:inline-flex}.tool[data-tool=compound-interest] .sw{border-radius:2px;block-size:.75rem;inline-size:.75rem}.tool[data-tool=compound-interest] .sw.dep{background:var(--c-primary)}.tool[data-tool=compound-interest] .sw.int{background:var(--c-accent)}.tool[data-tool=compound-interest] .schedule-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.tool[data-tool=compound-interest] .schedule-head h2{font-size:var(--fs-lg);margin:0}.tool[data-tool=compound-interest] .table-scroll{border:1px solid var(--c-border);border-radius:var(--r-md);max-block-size:28rem;overflow:auto}@media (max-width:47.99rem){.tool[data-tool=compound-interest] .schedule:not(.open) .table-scroll{display:none}}@media (min-width:48rem){.tool[data-tool=compound-interest] .schedule-toggle{display:none}}.tool[data-tool=compound-interest] .money-table{border-collapse:collapse;inline-size:100%;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.tool[data-tool=compound-interest] .money-table th,.tool[data-tool=compound-interest] .money-table td{padding:var(--space-1) var(--space-2);text-align:end;white-space:nowrap;border-block-end:1px solid var(--c-border)}.tool[data-tool=compound-interest] .money-table thead th{background:var(--c-surface-2);color:var(--c-text-2);font-weight:600;position:sticky;inset-block-start:0}.tool[data-tool=compound-interest] .money-table tbody th{color:var(--c-text-2);font-weight:400}