.tag{gap:var(--space-0-5);block-size:32px;padding:0 var(--space-1) 0 var(--space-3);font:var(--type-label-sm);color:var(--text-default);white-space:nowrap;background:var(--surface-page);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-sm);flex:none;align-items:center;line-height:20px;display:inline-flex}.tag:hover,.tag[data-state=hover]{border-color:var(--border-strong)}.tag[data-selected],.tag[data-state=focus]{box-shadow:var(--shadow-focus-ring)}.tag:has(:focus-visible){box-shadow:var(--shadow-focus-ring)}.tag[data-invalid]{gap:var(--space-1);color:var(--status-error-fg);border:1.5px solid var(--border-error);padding-inline-start:var(--space-2)}.tag[data-disabled]{color:var(--text-muted);background:var(--surface-subtle);border-color:var(--border-subtle);padding-inline-end:var(--space-3)}.remove-button{block-size:24px;inline-size:24px;color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.remove-button:focus-visible{box-shadow:none;outline:none}.remove-button:hover,.tag[data-state=hover] .remove-button{color:var(--text-default);background:var(--surface-sunken)}
