.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{inline-size:var(--size-icon-sm);block-size:var(--size-icon-sm);margin-block:calc(var(--space-tight-gap) * -1);border-radius:var(--border-radius-pill);color:currentColor;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--space-tight-gap) * -1);padding:0;display:inline-flex;position:relative}.tag__remove svg{inline-size:var(--size-icon-xs);block-size:var(--size-icon-xs)}.tag__remove:after{inset:calc(var(--space-tight-gap) * -1);content:"";position:absolute}.tag__remove:hover{background:color-mix(in srgb, currentColor 16%, transparent)}.tag__remove:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}