.status-badge{--status-badge-tone:var(--ui-secondary);--status-badge-surface:var(--ui-hover);min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--ui-radius-pill);background:var(--status-badge-surface);color:color-mix(in oklab, var(--status-badge-tone) 82%, var(--ui-ink));font-size:var(--ui-meta);font-weight:var(--ui-medium);line-height:var(--ui-leading-none);white-space:nowrap;place-self:center start;align-items:center;gap:6px;display:inline-flex}.status-badge__dot{border-radius:var(--ui-radius-full);background:var(--status-badge-tone);flex:none;width:6px;height:6px}.status-badge--accent{--status-badge-tone:var(--ui-accent-ink,var(--ui-accent));--status-badge-surface:var(--ui-accent-soft)}.status-badge--success{--status-badge-tone:var(--ui-success);--status-badge-surface:var(--ui-success-soft)}.status-badge--warning{--status-badge-tone:var(--ui-warning);--status-badge-surface:var(--ui-warning-soft)}.status-badge--danger{--status-badge-tone:var(--ui-danger);--status-badge-surface:var(--ui-danger-soft)}.status-badge--info{--status-badge-tone:var(--ui-info);--status-badge-surface:var(--ui-info-soft)}@media (forced-colors:active){.status-badge{border:1px solid canvastext}}