@layer components{.badge{height:28px;color:var(--foreground);box-shadow:0 0 0 1px var(--border) inset;background-color:var(--background);font-size:.8125rem;font-weight:400;line-height:.8125rem;font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding-inline:8px;display:inline-flex}.badge svg{width:12px;height:12px}.badge--primary{--background:var(--background-primary);--foreground:var(--foreground-primary);--border:var(--border-primary)}.badge--blue{--background:var(--background-blue);--foreground:var(--foreground-blue);--border:var(--border-blue)}.badge--green{--background:var(--background-green);--foreground:var(--foreground-green);--border:var(--border-green)}.badge--yellow{--background:var(--background-yellow);--foreground:var(--foreground-yellow);--border:var(--border-yellow)}.badge--red{--background:var(--background-red);--foreground:var(--foreground-red);--border:var(--border-red)}.badge--purple{--background:var(--background-purple);--foreground:var(--foreground-purple);--border:var(--border-purple)}.badge--orange{--background:var(--background-orange);--foreground:var(--foreground-orange);--border:var(--border-orange)}.badge--nav{--background:var(--nav-item-hover);--foreground:var(--nav-item-text);--border:var(--nav-separator);height:auto;font-size:13px;line-height:16px;font-family:var(--font-sans);text-transform:none;border-radius:4px;padding-block:2px;padding-inline:6px}.badge--text-left{justify-content:flex-start}.badge--text-center{justify-content:center}.badge--text-right{justify-content:flex-end}.badge--small{border-radius:2px;gap:2px;height:16px;padding-inline:4px}.badge--small svg{width:12px;height:12px}.badge--rounded{border-radius:9999px}.badge--lowercase{text-transform:none}}