html,body{min-width:0;overflow-x:clip}:focus-visible{outline:2px solid var(--cyan-night);outline-offset:2px}.usage-filters{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.usage-filters-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usage-stack{gap:16px;min-width:0;display:grid}.usage-chart-frame{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.usage-chart-scale{height:200px;font:500 11px var(--mono);color:var(--muted-2);text-align:right;flex-direction:column;justify-content:space-between;display:flex}.usage-chart-plot{min-width:0}.usage-chart{height:200px;box-shadow:inset 0 -1px 0 var(--line);align-items:flex-end;gap:2px;padding-bottom:1px;display:flex}.usage-chart-col{flex:1 1 0;align-items:flex-end;min-width:2px;height:100%;display:flex}.usage-chart-bar{border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--cyan-night);width:100%;min-height:1px}@media (hover:hover){.usage-chart-col:hover .usage-chart-bar{background:var(--cyan)}}.usage-chart-axis{font:500 10px var(--mono);color:var(--muted-2);gap:2px;margin-top:6px;display:flex}.usage-chart-axis span{white-space:nowrap;flex:1 1 0;min-width:2px;overflow:visible}.usage-nowrap{white-space:nowrap}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}