.ds-badge{-webkit-text-stroke:0;align-items:center;background:var(--ds-color-surface-sunken);block-size:calc(1.5rem*var(--ds-scale));border-radius:var(--ds-radius-pill);color:var(--ds-color-text-muted);display:inline-flex;font-family:var(--ds-font-body);font-size:var(--ds-text-small-size);font-weight:var(--ds-weight-semibold);gap:var(--ds-space-1);letter-spacing:0;line-height:1;padding:0 var(--ds-space-2);vertical-align:middle;white-space:nowrap;--_ds-badge-solid-bg:var(--ds-color-surface-inverse);--_ds-badge-solid-fg:var(--ds-color-text-inverse);--_ds-badge-edge:var(--ds-color-border-strong)}.ds-badge--accent{background:var(--ds-color-accent-soft);color:var(--ds-color-text-accent);--_ds-badge-solid-bg:var(--ds-color-accent-fill);--_ds-badge-solid-fg:var(--ds-color-on-accent);--_ds-badge-edge:var(--ds-color-border-accent)}.ds-badge--success{background:var(--ds-color-success-soft);color:var(--ds-color-success-text);--_ds-badge-solid-bg:var(--ds-color-success-fill);--_ds-badge-solid-fg:var(--ds-color-on-accent);--_ds-badge-edge:var(--ds-color-success-border)}.ds-badge--solid{background:var(--_ds-badge-solid-bg);color:var(--_ds-badge-solid-fg)}.ds-badge--outline{box-shadow:inset 0 0 0 var(--ds-border-width-strong) var(--_ds-badge-edge)}.ds-badge--lg{block-size:calc(1.875rem*var(--ds-scale));font-size:var(--ds-text-control-size);gap:var(--ds-space-2);padding:0 var(--ds-space-3)}