.histogram{margin:var(--spacing-md)0;overflow-x:auto}.histogram__chart{align-items:flex-end;gap:1px;min-height:150px;display:flex}.histogram__column{flex-direction:column;align-items:center;display:flex}.histogram__cell{color:#0000;font-size:8px;line-height:1;display:block}.histogram__bar--green{color:var(--accent-green)}.histogram__bar--amber{color:var(--accent-amber)}.histogram__bar--red{color:var(--accent-red)}.histogram__axis{color:var(--border-color);margin-top:2px;font-size:12px}.histogram__labels{color:var(--text-dim);margin-top:var(--spacing-xs);justify-content:space-between;font-size:10px;display:flex}.histogram__label--p50{color:var(--accent-amber)}.histogram__label--p80{color:var(--accent-red)}