.charts .chart-box{width:100%;max-width:100%;margin:8px 0;position:relative}.charts .chart-note{color:var(--hint);text-align:center;place-items:center;margin:0;display:grid;position:absolute;inset:0}.charts canvas{max-width:100%}.charts .months{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.charts .months .chip{min-width:44px;padding:6px 10px}.charts details{margin-top:8px}.charts summary{cursor:pointer;min-height:44px;color:var(--link);align-items:center;display:flex}.charts table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:8px 0}.charts th,.charts td{border-bottom:1px solid var(--border);text-align:left;overflow-wrap:anywhere;padding:6px 4px;font-weight:400}.charts thead th{font-weight:600}.charts .num{text-align:right;white-space:nowrap}.charts caption{text-align:left;padding:6px 0;font-weight:600}.charts h3{margin:12px 0 0;font-size:1rem}.charts .chip:disabled{opacity:.4;cursor:default}