.hk-badge{--hk-badge-text:inherit;--hk-badge-bg:transparent;--hk-badge-border:transparent;align-items:center;gap:var(--space-4);font-size:var(--text-xs);padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);border:1px solid var(--hk-badge-border);background:var(--hk-badge-bg);color:var(--hk-badge-text);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;line-height:1.4;display:inline-flex}.hk-badge[data-size=sm]{font-size:var(--text-2xs);padding:var(--space-1) var(--space-6)}.hk-badge[data-pill=false]{border-radius:var(--radius-sm)}.hk-badge[data-mono]{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", monospace)}.hk-badge[data-uppercase]{text-transform:uppercase;letter-spacing:.04em}.hk-badge [data-el=dot]{width:var(--space-6);height:var(--space-6);background:var(--hk-badge-text);border-radius:50%;flex-shrink:0}.hk-badge[data-dot-only]{background:0 0;border:none;padding:0}.hk-badge-default{--hk-badge-text:rgb(var(--color-text));--hk-badge-bg:rgb(var(--color-surface) / var(--opacity-half));--hk-badge-border:var(--border-input)}.hk-badge-primary{--hk-badge-text:rgb(var(--color-primary));--hk-badge-bg:var(--c-primary-dim);--hk-badge-border:var(--c-primary-overlay)}.hk-badge-success{--hk-badge-text:rgb(var(--color-success));--hk-badge-bg:rgb(var(--color-success) / 10%);--hk-badge-border:rgb(var(--color-success) / 20%)}.hk-badge-error{--hk-badge-text:rgb(var(--color-error));--hk-badge-bg:var(--c-error-dim);--hk-badge-border:var(--c-error-overlay)}.hk-badge-warning{--hk-badge-text:rgb(var(--color-warning));--hk-badge-bg:rgb(var(--color-warning) / 10%);--hk-badge-border:rgb(var(--color-warning) / 20%)}.hk-badge-info{--hk-badge-text:rgb(var(--color-info));--hk-badge-bg:rgb(var(--color-info) / 10%);--hk-badge-border:rgb(var(--color-info) / 20%)}.hk-badge-muted{--hk-badge-text:color-mix(in srgb, rgb(var(--color-muted)) 70%, rgb(var(--color-background)));--hk-badge-bg:rgb(var(--color-muted) / 8%);--hk-badge-border:rgb(var(--color-muted) / 12%)}