.monthly-budget{container-type:inline-size}.monthly-budget-controls{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.9rem}.monthly-budget-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.monthly-budget-picker-label{margin-right:.3rem;font-size:.82rem;color:var(--home-muted)}.monthly-budget-pick{padding:.3rem .75rem;border:1px solid var(--home-border);background:transparent;font:inherit;font-size:.85rem;color:var(--home-text);cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.monthly-budget-pick:hover,.monthly-budget-pick:focus-visible{border-color:var(--home-blue)}.monthly-budget-pick:focus-visible{outline:2px solid var(--home-blue);outline-offset:2px}.monthly-budget-pick.is-active{border-color:color-mix(in srgb,var(--home-blue) 60%,transparent);background:color-mix(in srgb,var(--home-blue) 12%,transparent)}.monthly-budget-rows{max-width:36rem;margin:.9rem 0 0}.monthly-budget-row{display:grid;grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:1.25rem;column-gap:1.25rem;align-items:baseline;padding:.5rem 0}.monthly-budget-row+.monthly-budget-row{border-top:1px solid var(--home-border)}.monthly-budget-name{min-width:0;font-size:.93rem;line-height:1.4;color:var(--home-text)}.monthly-budget-amount{margin:0;font-size:.95rem;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--home-text)}.monthly-budget .monthly-budget-row--total{border-top:1px solid var(--home-border-strong, var(--home-border));padding-top:.7rem}.monthly-budget-row--total .monthly-budget-name{font-weight:600}.monthly-budget-total{margin:0;font-size:clamp(1.5rem,6.5cqi,2rem);font-weight:700;line-height:1.1;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--home-text)}@media(prefers-reduced-motion:reduce){.monthly-budget-pick{transition:none}}