.badge{display:inline-flex;max-width:100%;vertical-align:middle;overflow-wrap:anywhere;align-items:center;gap:.4rem;border-radius:1em;background:color-mix(in srgb,var(--accent) 8%,transparent);color:color-mix(in srgb,var(--accent) 80%,var(--ink));padding:.25em .75em;font-size:.75rem;font-weight:600;line-height:1.5;align-self:flex-start}.badge-neutral{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.badge-outline{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.badge-solid{background:var(--accent);color:var(--on-accent)}.badge-rounded{border-radius:5px}.badge-pill,.badge-count{border-radius:999px}.badge-count{min-width:2em;justify-content:center;font-variant-numeric:tabular-nums}.badge>svg{width:1em;height:1em;flex:none}