@scope([data-theme]) to ([data-ui-chrome]){[data-slot=badge][data-tone]{--vx-badge-ink:var(--primary-text);--vx-badge-fill:var(--accent);--vx-badge-line:var(--primary-border,var(--border));display:var(--vx-badge-display,inline-flex);width:fit-content;padding:var(--vx-badge-padding,3px 10px);border:var(--vx-badge-border,1px solid transparent);font-size:var(--vx-badge-font-size,12px);white-space:nowrap;text-transform:var(--vx-badge-text-transform,none);border-radius:999px;align-items:center;gap:6px;font-weight:500;line-height:1.4}[data-slot=badge][data-tone=neutral]{--vx-badge-ink:var(--muted-foreground);--vx-badge-fill:var(--background);--vx-badge-line:var(--border)}[data-slot=badge][data-tone=ok]{--vx-badge-ink:var(--success-on-surface);--vx-badge-fill:var(--success-surface);--vx-badge-line:var(--success-border)}[data-slot=badge][data-tone=warn]{--vx-badge-ink:var(--warning-on-surface);--vx-badge-fill:var(--warning-surface);--vx-badge-line:var(--warning-border)}[data-slot=badge][data-tone=risk]{--vx-badge-ink:var(--destructive-on-surface);--vx-badge-fill:var(--destructive-surface);--vx-badge-line:var(--destructive-border)}[data-slot=badge][data-tone=on-dark]{--vx-badge-ink:oklch(98% .02 186);--vx-badge-fill:oklch(65% .12 181/.28);--vx-badge-line:oklch(81% .09 186/.5)}[data-slot=badge][data-tone][data-variant=secondary]{color:var(--vx-badge-ink);background:var(--vx-badge-fill);border-color:var(--vx-badge-line)}[data-slot=badge][data-tone][data-variant=outline]{color:var(--vx-badge-ink);border-color:var(--vx-badge-line);background:0 0}[data-slot=badge][data-tone][data-look=dashed]{border-style:dashed}[data-slot=badge][data-tone][data-shape=rect]{padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:.6875rem}[data-slot=badge][data-tone][data-shape=circle]{font-variant-numeric:tabular-nums;border:0;border-radius:999px;flex:none;place-items:center;block-size:1.875rem;inline-size:1.875rem;padding:0;font-size:.8125rem;font-weight:700;display:inline-grid}[data-slot=badge][data-tone][data-variant=default]{color:var(--background);background:var(--vx-badge-ink);border-color:var(--vx-badge-ink)}[data-slot=badge][data-tone][data-size=md]{padding:5px 12px;font-size:13px}[data-slot=badge][data-tone][data-mono=true]{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}[data-slot=badge][data-tone][data-dot=true]:before{content:"";background:var(--vx-badge-ink);border-radius:50%;flex:none;width:7px;height:7px}}
