.state-chip{vertical-align:middle;border:1px solid var(--line-strong);width:fit-content;max-width:100%;color:var(--muted);background:var(--sunken);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.state-chip>[aria-hidden]{flex:none}.state-chip[data-tone=active]{color:var(--accent);background:var(--accent-soft)}.state-chip[data-tone=warn]{color:var(--warn);background:var(--warn-soft)}.state-chip[data-tone=ok]{color:var(--ok);background:var(--ok-soft)}.state-chip[data-tone=danger]{color:var(--danger);background:var(--danger-soft)}