[data-badge=true]{width:fit-content;color:var(--badge-text);background:var(--badge-bg);vertical-align:middle;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;position:relative}[data-badge=true][data-shape=pill]{border-radius:9999px}[data-badge=true][data-color=gray]{--badge-bg:#71717a33;--badge-text:#3f3f46}[data-badge=true][data-color=green]{--badge-bg:#16a34a33;--badge-text:#15803d}[data-badge=true][data-color=blue]{--badge-bg:#2563eb33;--badge-text:#1d4ed8}[data-badge=true][data-color=orange]{--badge-bg:#ea580c33;--badge-text:#c2410c}[data-badge=true][data-color=red]{--badge-bg:#dc262633;--badge-text:#b91c1c}[data-badge=true][data-color=purple]{--badge-bg:#9333ea33;--badge-text:#7e22ce}[data-badge=true][data-color=yellow]{--badge-bg:#ca8a0433;--badge-text:#a16207}@container style(--written-theme:dark){[data-badge=true][data-color=gray]{--badge-text:#d4d4d8}[data-badge=true][data-color=green]{--badge-text:#86efac}[data-badge=true][data-color=blue]{--badge-text:#93c5fd}[data-badge=true][data-color=orange]{--badge-text:#fdba74}[data-badge=true][data-color=red]{--badge-text:#fca5a5}[data-badge=true][data-color=purple]{--badge-text:#d8b4fe}[data-badge=true][data-color=yellow]{--badge-text:#fde047}}