[data-blueprint-primitive=badge]{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--app-color-foreground) 12%, transparent);border-radius:var(--app-radius-sm);min-height:21px;color:var(--app-color-foreground);background:color-mix(in srgb, var(--app-color-foreground) 9%, transparent);font:var(--app-type-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin:10px 0 0 10px;padding:0 8px;line-height:1;display:inline-flex}.badge__dot{width:5px;height:5px;box-shadow:0 0 5px color-mix(in srgb, currentColor 55%, transparent);background:currentColor;border-radius:999px;flex:none}[data-blueprint-primitive=badge][data-blueprint-variant=secondary]{border-color:color-mix(in srgb, var(--app-color-secondary) 24%, transparent);color:color-mix(in srgb, var(--app-color-secondary) 90%, var(--app-color-foreground));background:color-mix(in srgb, var(--app-color-secondary) 10%, transparent)}[data-blueprint-primitive=badge][data-blueprint-variant=tonal]{border-color:color-mix(in srgb, var(--app-color-accent) 22%, transparent);color:color-mix(in srgb, var(--app-color-accent) 88%, var(--app-color-foreground));background:color-mix(in srgb, var(--app-color-accent) 12%, transparent)}[data-blueprint-primitive=badge][data-blueprint-variant=accent]{border-color:color-mix(in srgb, var(--app-color-accent) 34%, transparent);color:color-mix(in srgb, var(--app-color-accent) 82%, var(--app-color-foreground));background:color-mix(in srgb, var(--app-color-accent) 16%, transparent)}[data-blueprint-primitive=badge][data-blueprint-variant=destructive]{border-color:color-mix(in srgb, var(--app-color-destructive) 26%, transparent);color:color-mix(in srgb, var(--app-color-destructive) 88%, var(--app-color-foreground));background:color-mix(in srgb, var(--app-color-destructive) 12%, transparent)}[data-blueprint-primitive=badge][data-blueprint-variant=success]{border-color:color-mix(in srgb, var(--app-color-success) 26%, transparent);color:color-mix(in srgb, var(--app-color-success) 88%, var(--app-color-foreground));background:color-mix(in srgb, var(--app-color-success) 12%, transparent)}[data-blueprint-primitive=badge][data-blueprint-variant=outline]{border-color:color-mix(in srgb, var(--app-color-foreground) 24%, transparent);color:color-mix(in srgb, var(--app-color-foreground) 84%, transparent);background:0 0}[data-blueprint-primitive=badge][data-blueprint-variant=outline] .badge__dot{box-shadow:none}