.ds-badge{--ds-tone:var(--ds-text-muted);--ds-tone-tint:var(--ds-surface-sunken);display:inline-flex;align-items:center;gap:var(--ds-space-1);height:20px;padding:0 var(--ds-space-2);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);line-height:1;letter-spacing:var(--ds-tracking-normal);white-space:nowrap;vertical-align:middle;color:var(--ds-tone)}.ds-badge--md{height:24px;padding:0 var(--ds-space-3);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium)}.ds-badge__dot{width:6px;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-tone);flex:none}.ds-badge--md .ds-badge__dot{width:7px;height:7px}.ds-badge--accent{--ds-tone:var(--ds-accent-strong);--ds-tone-tint:var(--ds-accent-tint)}.ds-badge--success{--ds-tone:var(--ds-success);--ds-tone-tint:var(--ds-success-tint)}.ds-badge--warning{--ds-tone:var(--ds-warning);--ds-tone-tint:var(--ds-warning-tint)}.ds-badge--danger{--ds-tone:var(--ds-danger);--ds-tone-tint:var(--ds-danger-tint)}.ds-badge--info{--ds-tone:var(--ds-info);--ds-tone-tint:var(--ds-info-tint)}.ds-badge--violet{--ds-tone:var(--ds-violet);--ds-tone-tint:var(--ds-violet-tint)}.ds-badge{border-radius:var(--ds-radius-sm);background:var(--ds-tone-tint);border:1px solid var(--ds-tone-tint)}.ds-badge--neutral{border-color:var(--ds-border-strong);background:var(--ds-surface-raised)}