.sdb{--sdb-operational:#3a9168;--sdb-degraded:#d69a1e;--sdb-outage:#c4432c;--sdb-idle:#cdd8d1;--sdb-unknown:#e5ebe7;--sdb-hatch:#cfd8d2;--sdb-muted:#66776d;--sdb-focus:#2f6b55;gap:var(--space-1-5);min-width:0;display:grid}.sdb-bars{gap:var(--space-0-5);height:30px;padding:var(--space-0-5);border-radius:var(--radius-sm);outline:none;align-items:stretch;display:flex}.sdb-compact .sdb-bars{height:24px}.sdb-bars:focus-visible{box-shadow:0 0 0 2px var(--sdb-focus)}.sdb-bar{border-radius:var(--radius-xs);background:var(--sdb-unknown);flex:1 1 0;min-width:1px;transition:transform .12s}.sdb-operational{background:var(--sdb-operational)}.sdb-degraded{background:var(--sdb-degraded)}.sdb-outage{background:var(--sdb-outage)}.sdb-idle{background:var(--sdb-idle)}.sdb-unknown{background:repeating-linear-gradient(135deg, var(--sdb-unknown) 0 3px, var(--sdb-hatch) 3px 4px)}.sdb-corrected{box-shadow:inset 0 -4px 0 var(--sdb-focus)}.sdb-corrections{color:var(--sdb-muted);font-size:var(--type-small);margin:0;line-height:1.4}.sdb-selected{box-shadow:0 0 0 1.5px var(--sdb-focus);transform:scaleY(1.12)}.sdb-axis{gap:var(--space-2);color:var(--sdb-muted);justify-content:space-between;font-size:11px;display:flex}.sdb-summary{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sdb-caption{min-height:1.4em;color:var(--sdb-muted);font-size:var(--type-small);margin:0;line-height:1.4}@media (width<=480px){.sdb-bar{border-radius:var(--radius-xs)}.sdb-bars{gap:1px}.sdb-summary{display:none}}@media (prefers-reduced-motion:reduce){.sdb-bar{transition:none}}:root[data-theme=dark] .sdb{--sdb-operational:#3fae7c;--sdb-degraded:#e2a93a;--sdb-outage:#e2604a;--sdb-idle:#3a4640;--sdb-unknown:#1f2a24;--sdb-hatch:#33403a;--sdb-muted:#9db1a5;--sdb-focus:#c9e88a}