.badge{--_badge-bg:var(--badge-slate-bg);--_badge-fg:var(--ink-secondary);--_badge-border:var(--badge-slate-border);--badge-dot-size:.5rem;--badge-dot-color:var(--_dot,var(--ink-tertiary));border-radius:var(--radius-control);border:1px solid var(--_badge-border);background:var(--_badge-bg);color:var(--_badge-fg);align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.badge--default,.badge--slate{--_badge-bg:var(--badge-slate-bg);--_badge-fg:var(--ink-secondary);--_badge-border:var(--badge-slate-border)}.badge--accent,.badge--tint{--_badge-bg:var(--accent-active);--_badge-fg:var(--accent);--_badge-border:transparent}.badge--primary{--_badge-bg:var(--accent);--_badge-fg:var(--ink-inverse);--_badge-border:transparent}.badge--info,.badge--sky{--_badge-bg:var(--chart-fill-sky);--_badge-fg:var(--chart-sky);--_badge-border:transparent}.badge--success{--_badge-bg:var(--success-bg);--_badge-fg:var(--success);--_badge-border:transparent}.badge--warning,.badge--amber{--_badge-bg:var(--warning-bg);--_badge-fg:var(--warning);--_badge-border:transparent}.badge--error{--_badge-bg:var(--danger-bg);--_badge-fg:var(--danger);--_badge-border:transparent}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.badge__dot{--badge-dot-size:.5rem;height:var(--badge-dot-size);width:var(--badge-dot-size);background:var(--badge-dot-color);border-radius:50%;flex-shrink:0}.badge__dot--sm{--badge-dot-size:.375rem}.badge__check{font-weight:800;line-height:1}.badge__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem}button.badge{cursor:pointer}button.badge:hover:not(:disabled){--_badge-bg:color-mix(in srgb, var(--_dot,var(--_badge-fg)) 22%, var(--badge-slate-bg));--_badge-border:color-mix(in srgb, var(--_dot,var(--_badge-fg)) 55%, var(--badge-slate-border));--_badge-fg:var(--ink-primary)}.badge[aria-pressed=true]{--_badge-bg:color-mix(in srgb, var(--_dot,var(--accent)) 28%, var(--surface-elevated));--_badge-fg:var(--ink-primary);--_badge-border:color-mix(in srgb, var(--_dot,var(--accent)) 70%, var(--border))}.badge[aria-pressed=true]:hover:not(:disabled){--_badge-bg:color-mix(in srgb, var(--_dot,var(--accent)) 36%, var(--surface-elevated));--_badge-border:var(--_dot,var(--accent))}