:root{--tag-color: var(--color-text-accent-secondary-default);--tag-border-radius: var(--size-radius-ui-medium);--tag-background: var(--color-background-secondary-default);--tag-padding: 0 var(--space-ui-vast)}.tad-tag{font:var(--font-size-ui-default)/var(--font-line-height-100) var(--font-family-ui);color:var(--tag-color);padding:var(--tag-padding);border-radius:var(--tag-border-radius);background:var(--tag-background)}.tad-tag--clickable{-webkit-text-decoration:none;text-decoration:none;block-size:var(--size-input);display:inline-block;align-content:center}.tad-tag--clickable:hover{--tag-background: var(--color-background-secondary-hover)}.tad-tag--clickable:focus-visible{outline:var(--size-border-focus) solid var(--color-border-focus);outline-offset:0}.tad-tag--clickable:active{--tag-background: var(--color-background-secondary-pressed)}.tad-tag--unclickable{display:inline-flex;align-items:center;gap:var(--space-ui-normal);--tag-color: var(--color-text-muted);--tag-padding: var(--space-ui-normal) var(--space-ui-spacious);--tag-border-radius: var(--size-radius-ui-xsmall);--tag-background: var(--color-background-subtle-default)}