.u-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;white-space:nowrap;font-family:var(--font-ui);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.2px}.u-badge--S{padding:2px 8px;font-size:11px}.u-badge--neutral{background:var(--bg-sunken);color:var(--text-secondary)}.u-badge--brand{background:var(--brand-subtle);color:var(--text-brand)}.u-badge--success{background:var(--success-bg);color:var(--success)}.u-badge--warning{background:var(--warning-bg);color:var(--warning)}.u-badge--danger{background:var(--danger-bg);color:var(--danger)}.u-badge--info{background:var(--info-bg);color:var(--info)}.u-badge--inverse{background:var(--bg-inverse);color:var(--text-inverse)}