.tag{--tag-color:var(--color-interactive-primary);--tag-text-color:var(--color-text-primary-inverse);--tag-padding-inline:.6em;--tag-padding-block:.5em;gap:var(--size-1);vertical-align:middle;padding-inline:var(--tag-padding-inline);padding-block:var(--tag-padding-block);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);color:var(--tag-text-color);background-color:var(--tag-color);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.tag:is(a){transition:background-color var(--duration-short) var(--ease-in-out);text-decoration:none}@media (hover:hover){.tag:is(a):hover{--tag-color:var(--color-interactive-primary-hover)}}.tag:is(a):active{--tag-color:var(--color-interactive-primary-active)}.tag[data-color=neutral]{--tag-color:var(--color-interactive-secondary);--tag-text-color:var(--color-interactive-secondary-contrast)}@media (hover:hover){.tag[data-color=neutral]:is(a):hover{--tag-color:var(--color-interactive-secondary-hover)}}.tag[data-color=neutral]:is(a):active{--tag-color:var(--color-interactive-secondary-active)}.tag[data-color=white]{--tag-color:var(--color-surface-00);--tag-text-color:var(--color-text-primary)}@media (hover:hover){.tag[data-color=white]:is(a):hover{--tag-color:var(--color-interactive-secondary)}}.tag[data-color=white]:is(a):active{--tag-color:var(--color-interactive-secondary-hover)}