:root{--st-ok:#1f6b45;--st-warn:#7d5200;--st-partial:#9a3b08;--st-bad:#a1241c;--st-info:#25589a}html:is([data-theme=ink],[data-theme=midnight]){--st-ok:#7fd3a1;--st-warn:#e9b84c;--st-partial:#f2905f;--st-bad:#f5827a;--st-info:#8bb8f0}.st-tone-operational{--tone:var(--st-ok)}.st-tone-degraded{--tone:var(--st-warn)}.st-tone-partial_outage{--tone:var(--st-partial)}.st-tone-major_outage{--tone:var(--st-bad)}.st-tone-maintenance{--tone:var(--st-info)}.st-tone-unknown{--tone:var(--ink-2)}.st-banner{background:color-mix(in srgb, var(--tone) 9%, var(--raised));box-shadow:var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--tone) 22%, transparent)}.st-chip{color:var(--tone);background:color-mix(in srgb, var(--tone) 13%, var(--raised))}.st-icon{color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, var(--raised))}.st-dot{background:var(--tone)}.st-bars{align-items:stretch;gap:3px;height:36px;display:flex}.st-bar{background:var(--line-strong);min-width:0;transition:transform var(--d-fast) var(--ease-out), filter var(--d-fast) var(--ease-out);transform-origin:bottom;border-radius:3px;flex:1 1 0}.st-bar[data-state=up]{background:var(--st-ok)}.st-bar[data-state=degraded]{background:var(--st-warn)}.st-bar[data-state=partial]{background:var(--st-partial)}.st-bar[data-state=major]{background:var(--st-bad)}.st-bar:hover,.st-bar[data-active=true]{filter:brightness(1.12);transform:scaleY(1.14)}.st-bar:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:520px){.st-bars>.st-bar:nth-child(-n+30){display:none}}@media (prefers-reduced-motion:reduce){.st-bar{transition:none}.st-bar:hover,.st-bar[data-active=true]{transform:none}}