:root{--component-badge-font-family: var(--global-font-family-sans);--component-badge-font-weight: var(--global-font-weight-medium);--component-badge-radius: var(--global-radius-full);--component-badge-transition: var(--theme-transition-default);--component-badge-padding-x-sm: var(--global-size-unit-1-5);--component-badge-padding-y-sm: var(--global-size-unit-0-5);--component-badge-text-sm: var(--global-font-size-xs);--component-badge-padding-x-md: var(--global-size-unit-2);--component-badge-padding-y-md: var(--global-size-unit-0-5);--component-badge-text-md: var(--global-font-size-xs);--component-badge-padding-x-lg: var(--global-size-unit-3);--component-badge-padding-y-lg: var(--global-size-unit-0-5);--component-badge-text-lg: var(--global-font-size-sm)}.badge{display:inline-flex;align-items:center;gap:var(--global-size-unit-1);font-family:var(--component-badge-font-family);font-weight:var(--component-badge-font-weight);border-radius:var(--component-badge-radius);border:1px solid transparent;white-space:nowrap;line-height:1;padding:var(--component-badge-padding-y-md) var(--component-badge-padding-x-md);font-size:var(--component-badge-text-md)}.badge--sm{padding:var(--component-badge-padding-y-sm) var(--component-badge-padding-x-sm);font-size:var(--component-badge-text-sm)}.badge--lg{padding:var(--component-badge-padding-y-lg) var(--component-badge-padding-x-lg);font-size:var(--component-badge-text-lg)}.badge--default{background-color:var(--theme-surface-muted);color:var(--theme-text-default);border-color:var(--theme-border-default)}.badge--primary{background-color:var(--theme-button-primary-bg);color:var(--theme-button-primary-text)}.badge--secondary{background-color:var(--theme-surface-subtle);color:var(--theme-text-muted)}.badge--success{background-color:var(--theme-status-success);color:var(--theme-status-success-text)}.badge--warning{background-color:var(--theme-status-warning);color:var(--theme-status-warning-text)}.badge--error{background-color:var(--theme-status-destructive);color:var(--theme-status-destructive-text)}.badge--info{background-color:var(--theme-status-info);color:var(--theme-status-info-text)}.badge--subtle.badge--default{background-color:var(--theme-surface-subtle);color:var(--theme-text-muted);border-color:transparent}.badge--subtle.badge--primary{background-color:var(--theme-surface-muted);color:var(--theme-text-default);border-color:transparent}.badge--subtle.badge--secondary{background-color:var(--theme-surface-subtle);color:var(--theme-text-subtle);border-color:transparent}.badge--subtle.badge--success{background-color:var(--theme-status-success-subtle-bg);color:var(--theme-status-success);border-color:transparent}.badge--subtle.badge--warning{background-color:var(--theme-status-warning-subtle-bg);color:var(--theme-status-warning);border-color:transparent}.badge--subtle.badge--error{background-color:var(--theme-status-destructive-subtle-bg);color:var(--theme-status-destructive);border-color:transparent}.badge--subtle.badge--info{background-color:var(--theme-status-info-subtle-bg);color:var(--theme-status-info);border-color:transparent}.badge--outline.badge--default{background-color:transparent;color:var(--theme-text-default);border-color:var(--theme-border-default)}.badge--outline.badge--primary{background-color:transparent;color:var(--theme-button-primary-bg);border-color:var(--theme-button-primary-bg)}.badge--outline.badge--secondary{background-color:transparent;color:var(--theme-text-muted);border-color:var(--theme-border-default)}.badge--outline.badge--success{background-color:transparent;color:var(--theme-status-success);border-color:var(--theme-status-success)}.badge--outline.badge--warning{background-color:transparent;color:var(--theme-status-warning);border-color:var(--theme-status-warning)}.badge--outline.badge--error{background-color:transparent;color:var(--theme-status-destructive);border-color:var(--theme-status-destructive)}.badge--outline.badge--info{background-color:transparent;color:var(--theme-status-info);border-color:var(--theme-status-info)}.badge__dot{width:.4em;height:.4em;border-radius:var(--global-radius-full);background-color:currentColor;flex-shrink:0}