.ui-badge.ui-badge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);width:fit-content;min-height:24px;color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);letter-spacing:normal;white-space:nowrap;vertical-align:middle;align-items:center;gap:4px;padding:2px 8px;font-weight:600;line-height:1.5;display:inline-flex}.ui-badge.ui-badge:is([data-tone=success],[data-tone=succeeded],[data-kind=new]){border-color:color-mix(in srgb, var(--success) 22%, transparent);background:var(--success-surface);color:var(--success)}.ui-badge.ui-badge:is([data-tone=warning],[data-tone=active],[data-tone=review],[data-kind=changed]){border-color:color-mix(in srgb, var(--warning) 22%, transparent);background:var(--warning-surface);color:var(--warning)}.ui-badge.ui-badge:is([data-tone=danger],[data-tone=failed],[data-kind=removed]){border-color:color-mix(in srgb, var(--danger) 22%, transparent);background:var(--danger-surface);color:var(--danger)}.ui-badge.ui-badge[data-tone=info]{border-color:var(--border-strong);background:var(--active-surface);color:var(--primary)}.ui-badge.ui-badge>svg{flex:none;width:12px;height:12px}.ui-badge.ui-badge--button{cursor:pointer;min-height:32px;padding:4px 10px;transition:background-color .14s,color .14s,border-color .14s}.ui-badge.ui-badge--button:hover:not(:disabled){border-color:var(--border-strong);background:var(--hover)}.ui-badge.ui-badge--button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--surface)}.ui-badge.ui-badge--button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ui-badge.ui-badge--button:disabled{opacity:.5;cursor:not-allowed}@media (pointer:coarse){.ui-badge.ui-badge--button{min-height:44px}}@media (prefers-reduced-motion:reduce){.ui-badge.ui-badge--button{transition:none}}
