@property --ui-badge-accent{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-base-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-error-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-error-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-info-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-info-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-ring{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-success-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-success-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-warning-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-warning-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-badge-border-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-font-size{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-gap{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-radius{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-ring-offset{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-ring-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-badge-padding{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@property --ui-badge-subtle-bg-strength{syntax:"<percentage>";inherits:true;initial-value:0%}@property --ui-badge-font-weight{syntax:"normal | bold | <number>";inherits:true;initial-value:400}@layer reset, base, components, utilities;@layer base{:root{--ui-badge-radius: var(--ui-radius, 0.375rem);--ui-badge-padding: 0.125rem 0.375rem;--ui-badge-gap: 0.25rem;--ui-badge-border-width: var(--ui-border-width, 0.0625rem);--ui-badge-font-size: 0.6875rem;--ui-badge-font-weight: 600;--ui-badge-base-fg: var(--ui-fg, CanvasText);--ui-badge-fg: var(--ui-badge-base-fg);--ui-badge-bg: var(--ui-surface, Canvas);--ui-badge-border: transparent;--ui-badge-accent: var(--ui-badge-fg);--ui-badge-subtle-bg-strength: 8%;--ui-badge-success-bg: var(--ui-success, CanvasText);--ui-badge-info-bg: var(--ui-info, CanvasText);--ui-badge-warning-bg: var(--ui-warning, CanvasText);--ui-badge-error-bg: var(--ui-error, CanvasText);--ui-badge-success-fg: var(--ui-badge-base-fg);--ui-badge-info-fg: var(--ui-badge-base-fg);--ui-badge-warning-fg: var(--ui-badge-base-fg);--ui-badge-error-fg: var(--ui-badge-base-fg);--ui-badge-ring: var(--ui-ring, Highlight);--ui-badge-ring-width: var(--ui-ring-width, 0.125rem);--ui-badge-ring-offset: var(--ui-ring-offset, 0.0625rem)}}@layer base{.ui-badge{box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--ui-badge-gap, 0.25rem);padding:var(--ui-badge-padding, 0.125rem 0.375rem);border:var(--ui-badge-border-width, 0.0625rem) solid rgba(0,0,0,0);border-radius:var(--ui-badge-radius, 0.375rem);white-space:nowrap;user-select:none}.ui-badge:focus-visible{outline:var(--ui-badge-ring-width, var(--ui-ring-width, 0.125rem)) solid var(--ui-badge-ring, var(--ui-ring, Highlight));outline-offset:var(--ui-badge-ring-offset, var(--ui-ring-offset, 0.0625rem))}}@layer components{.ui-badge{border-color:var(--ui-badge-border, transparent);background-color:var(--ui-badge-bg, Canvas);color:var(--ui-badge-fg, CanvasText);font-size:var(--ui-badge-font-size, 0.6875rem);font-weight:var(--ui-badge-font-weight, 600)}.ui-badge.ui-success{--ui-badge-accent: var(--ui-success, CanvasText);--ui-badge-bg: var( --ui-badge-success-bg, var(--ui-badge-accent, CanvasText) );--ui-badge-fg: var( --ui-badge-success-fg, var(--ui-badge-base-fg, CanvasText) );--ui-badge-border: var(--ui-badge-bg, CanvasText)}.ui-badge.ui-info{--ui-badge-accent: var(--ui-info, CanvasText);--ui-badge-bg: var( --ui-badge-info-bg, var(--ui-badge-accent, CanvasText) );--ui-badge-fg: var( --ui-badge-info-fg, var(--ui-badge-base-fg, CanvasText) );--ui-badge-border: var(--ui-badge-bg, CanvasText)}.ui-badge.ui-warning{--ui-badge-accent: var(--ui-warning, CanvasText);--ui-badge-bg: var( --ui-badge-warning-bg, var(--ui-badge-accent, CanvasText) );--ui-badge-fg: var( --ui-badge-warning-fg, var(--ui-badge-base-fg, CanvasText) );--ui-badge-border: var(--ui-badge-bg, CanvasText)}.ui-badge.ui-error{--ui-badge-accent: var(--ui-error, CanvasText);--ui-badge-bg: var( --ui-badge-error-bg, var(--ui-badge-accent, CanvasText) );--ui-badge-fg: var( --ui-badge-error-fg, var(--ui-badge-base-fg, CanvasText) );--ui-badge-border: var(--ui-badge-bg, CanvasText)}.ui-badge.ui-outline,.ui-badge.ui-dashed{border-color:var(--ui-badge-accent, CanvasText);background-color:rgba(0,0,0,0);color:var(--ui-badge-accent, CanvasText)}.ui-badge.ui-dashed{border-style:dashed}.ui-badge.ui-ghost{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--ui-badge-accent, CanvasText)}.ui-badge.ui-subtle{border-color:rgba(0,0,0,0);background-color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-badge-subtle-bg-strength, 8%), transparent);color:var(--ui-badge-accent, CanvasText)}.ui-badge.ui-success.ui-subtle{border-color:rgba(0,0,0,0);background-color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-badge-subtle-bg-strength, 8%), transparent);color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText))}.ui-badge.ui-info.ui-subtle{border-color:rgba(0,0,0,0);background-color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-badge-subtle-bg-strength, 8%), transparent);color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText))}.ui-badge.ui-warning.ui-subtle{border-color:rgba(0,0,0,0);background-color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-badge-subtle-bg-strength, 8%), transparent);color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText))}.ui-badge.ui-error.ui-subtle{border-color:rgba(0,0,0,0);background-color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-badge-subtle-bg-strength, 8%), transparent);color:color-mix(in oklch, var(--ui-badge-accent, CanvasText) var(--ui-semantic-subtle-fg-strength, 65%), var(--ui-semantic-subtle-contrast, CanvasText))}.ui-badge.ui-pill{padding-inline:.5rem;border-radius:999px}.ui-badge.ui-dot::before{content:"";flex:0 0 auto;inline-size:.375rem;block-size:.375rem;border-radius:50%;background:currentColor}}