.tag{align-items:center;gap:var(--space-inline-gap);padding:var(--tag-padding-y) var(--tag-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-caption);font-weight:var(--tag-font-weight);border-radius:var(--border-radius-pill);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-secondary);color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex}.tag--accent{background:var(--color-accent-default);color:var(--color-accent-foreground);border-color:var(--color-accent-default)}.tag--muted{background:var(--tag-muted-background);color:var(--color-text-secondary);border-color:var(--color-border-default)}button.tag,[role=button].tag{appearance:none;cursor:pointer;transition:opacity var(--duration-interaction) var(--easing-default)}button.tag:hover,[role=button].tag:hover{opacity:.8}button.tag:focus-visible,[role=button].tag:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){button.tag,[role=button].tag{transition:none}}.tag__icon{flex-shrink:0;align-items:center;font-size:.9em;display:flex}.tag__remove{cursor:pointer;color:currentColor;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin:-2px -2px -2px 0;padding:0;font-size:1.1em;line-height:1;display:flex;position:relative}.tag__remove:after{content:"";position:absolute;inset:-6px}.tag__remove:hover{opacity:1}.tag__remove:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:2px}