@layer components {
  .tag {
    --tag-background: var(--color-ink-lightest);
    --tag-color: var(--color-ink-dark);

    align-items: center;
    background: var(--tag-background);
    border-radius: 99rem;
    color: var(--tag-color);
    display: inline-flex;
    font-size: var(--text-x-small);
    font-weight: 500;
    gap: 0.25em;
    line-height: 1;
    padding: 0.25em 0.6em;
    white-space: nowrap;
  }
}