.tag{--tag-color: var(--color-interactive-primary);--tag-text-color: var(--color-text-primary-inverse);--tag-padding-inline: .6em;--tag-padding-block: .5em;display:inline-flex;gap:var(--size-1);align-items:center;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)}.tag:is(a){-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--duration-short) var(--ease-in-out)}@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)}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}
