.tag{--tag-border-width: 1px;--tag-border-color: var(--color-primary--medium);--tag-border: var(--tag-border-width) solid var(--tag-border-color);--tag-padding-y: var(--spacing-3xs);--tag-padding-x: var(--spacing-xs);--tag-background: transparent;--tag-color: var(--color-primary);--tag-min-height: 1.75rem;--tag-font-size: var(--font-size-xxs);--tag-outline: none;--tag-outline-offset: 2px;--tag-transition: var(--tag-transition-motion, none);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;line-height:1.3;padding:var(--tag-padding-y) max(0px,var(--tag-padding-x) - var(--tag-border-width));border:var(--tag-border);border-radius:var(--border-radius-pill);background-color:var(--tag-background);color:var(--tag-color);font-size:var(--tag-font-size);gap:var(--spacing-xxs);outline:var(--tag-outline);outline-offset:var(--tag-outline-offset);text-decoration:none;transition:var(--tag-transition);white-space:nowrap}@media screen and (min-width: 48rem){.tag{--tag-font-size: var(--font-size-sm);--tag-min-height: 2rem}}@media (prefers-reduced-motion: no-preference){.tag{--tag-transition-motion: color .2s ease, border .2s ease, background .2s ease, box-shadow .2s ease}}.tag--small{--tag-min-height: 1.75rem;--tag-font-size: var(--font-size-xxs)}.tag:is(a,button):focus-visible{--tag-transition: none;--tag-outline: 2px solid var(--color-focus)}.tag--active{--tag-background: var(--color-primary);--tag-color: var(--color-white)}.tag--disabled,.tag[aria-disabled=true],.tag[disabled]{--tag-color: var(--color-gray--medium)}