@layer components{.ap-badge{justify-content:center;align-items:center;gap:var(--ap-space-1);border:var(--ap-border-width) solid transparent;border-radius:var(--ap-radius-round);inline-size:fit-content;padding:var(--ap-space-1) var(--ap-space-2);color:var(--ap-color-action-text);font-size:var(--ap-font-size-xs);font-weight:var(--ap-font-weight-medium);line-height:var(--ap-line-height-tight);white-space:nowrap;background:var(--ap-color-action);transition:color var(--ap-duration-fast) var(--ap-ease-standard), background-color var(--ap-duration-fast) var(--ap-ease-standard), border-color var(--ap-duration-fast) var(--ap-ease-standard);flex-shrink:0;text-decoration:none;display:inline-flex;overflow:hidden}.ap-badge>svg{pointer-events:none;block-size:1em;inline-size:1em}.ap-badge--secondary{color:var(--ap-color-heading);background:var(--ap-color-surface-muted)}.ap-badge--destructive{color:var(--ap-color-danger);background:var(--ap-color-danger-surface)}.ap-badge--outline{border-color:var(--ap-color-border);color:var(--ap-color-text);background:0 0}.ap-badge--ghost,.ap-badge--link{color:var(--ap-color-action);background:0 0}.ap-badge--link{text-underline-offset:var(--ap-space-1);text-decoration:underline}.ap-badge[aria-invalid=true]{border-color:var(--ap-color-danger)}}@media (hover:hover){@layer components{a.ap-badge--default:hover{background:var(--ap-color-action-hover)}a.ap-badge--secondary:hover,a.ap-badge--outline:hover,.ap-badge--ghost:hover{color:var(--ap-color-text);background:var(--ap-color-surface-accent)}a.ap-badge--destructive:hover{color:var(--ap-color-action-text);background:var(--ap-color-danger)}}}@media (prefers-reduced-motion:reduce){@layer components{.ap-badge{transition-duration:var(--ap-duration-instant)}}}