@layer components{.badge.svelte-16mlkdk{--bg:var(--color-surface-sunken);--fg:var(--color-ink-muted);border-radius:var(--radius-xs);background:var(--bg);max-inline-size:100%;color:var(--fg);font:500 var(--text-small) / 1.4 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;align-items:center;gap:.4em;padding:.15em .55em;display:inline-flex;overflow:hidden}.dot.svelte-16mlkdk:before{content:"";aspect-ratio:1;background:currentColor;flex:none;inline-size:.45em}.mono.svelte-16mlkdk{font-family:var(--font-mono);font-size:.6875rem}.accent.svelte-16mlkdk{--bg:var(--color-accent-soft);--fg:var(--color-accent-soft-ink)}.copper.svelte-16mlkdk{--bg:var(--color-copper-soft);--fg:var(--color-copper-soft-ink)}.success.svelte-16mlkdk{--bg:var(--color-success-soft);--fg:var(--color-success)}.warning.svelte-16mlkdk{--bg:var(--color-warning-soft);--fg:var(--color-warning)}.danger.svelte-16mlkdk{--bg:var(--color-danger-soft);--fg:var(--color-danger)}}
