@layer components{.badge{align-items:center;background-color:var(--badge-primary-bg);block-size:var(--badge-height);border-radius:var(--badge-radius);color:var(--badge-primary-fg);display:inline-flex;font-family:var(--type-text-family);font-size:var(--badge-font-size);font-weight:var(--badge-weight);justify-content:center;letter-spacing:var(--badge-ls);line-height:1;padding-inline:var(--badge-padding-x);text-transform:var(--badge-case)}.badge--outline{background-color:var(--picus-color-transparent);border:var(--picus-border-width) solid var(--badge-outline-border);color:var(--badge-outline-fg)}.badge--muted{background-color:var(--badge-muted-bg);color:var(--badge-muted-fg)}}