.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(--tag-font-size);font-weight:var(--tag-font-weight);border-radius:var(--tag-border-radius);border:var(--tag-border-width) solid var(--tag-border);background:var(--tag-background);color:var(--tag-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex}.tag--accent{background:var(--tag-accent-background);color:var(--tag-accent-foreground);border-color:var(--tag-accent-border)}.tag--muted{background:var(--tag-muted-background);color:var(--tag-muted-foreground);border-color:var(--tag-muted-border)}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}