.klyp-Badge{width:fit-content;height:var(--space-20);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border:var(--bw-default) solid transparent;border-radius:var(--r-chip);white-space:nowrap;font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-fg-primary);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), -webkit-text-decoration var(--duration-fast) var(--easing-standard);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), text-decoration var(--duration-fast) var(--easing-standard);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), text-decoration var(--duration-fast) var(--easing-standard), -webkit-text-decoration var(--duration-fast) var(--easing-standard);background:0 0;flex-shrink:0;text-decoration:none;display:inline-flex;overflow:hidden}.klyp-Badge>svg{width:var(--icon-size-xs);height:var(--icon-size-xs);pointer-events:none;flex-shrink:0}.klyp-Badge:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-Badge[data-variant=primary]{background:var(--color-accent);color:var(--color-fg-inverse);border-color:#0000}.klyp-Badge[data-variant=primary]:where(a):hover{background:var(--color-accent-hover)}.klyp-Badge[data-variant=secondary]{background:var(--color-bg-surface-solid);color:var(--color-fg-primary);border-color:var(--color-border-subtle)}.klyp-Badge[data-variant=secondary]:where(a):hover{background:color-mix(in oklch, var(--color-bg-surface-solid) 80%, white)}.klyp-Badge[data-variant=outline]{color:var(--color-fg-primary);border-color:var(--color-border-default);background:0 0}.klyp-Badge[data-variant=outline]:where(a):hover{background:var(--color-bg-surface);border-color:var(--color-border-strong)}.klyp-Badge[data-variant=ghost]{color:var(--color-fg-primary);background:0 0;border-color:#0000}.klyp-Badge[data-variant=ghost]:where(a):hover{background:var(--color-bg-surface)}.klyp-Badge[data-variant=destructive]{background:var(--color-status-danger-muted);color:var(--color-status-danger);border-color:#0000}.klyp-Badge[data-variant=destructive]:where(a):hover{filter:brightness(1.1)}.klyp-Badge[data-variant=link]{color:var(--color-accent);background:0 0;border-color:#0000;padding-left:0;padding-right:0}.klyp-Badge[data-variant=link]:where(a):hover{text-underline-offset:4px;text-decoration:underline}