.uiChip{align-items:center;gap:var(--space-1-5);border-radius:var(--radius-pill);max-width:100%;font-family:var(--font-ui);white-space:nowrap;vertical-align:middle;background:var(--color-surfaceRaised);color:var(--color-textSecondary);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);font-weight:500;line-height:1;display:inline-flex}.uiChip-md{min-height:28px;padding:0 var(--space-3);font-size:var(--text-sm)}.uiChip-sm{min-height:22px;padding:0 var(--space-2);font-size:var(--text-xs)}.uiChip-hasIcon.uiChip-md{padding-inline-start:var(--space-2)}.uiChip-hasIcon.uiChip-sm{padding-inline-start:var(--space-1-5)}.uiChip-removable.uiChip-md{padding-inline-end:var(--space-1)}.uiChip-removable.uiChip-sm{padding-inline-end:var(--space-0-5)}.uiChipIcon{flex-shrink:0;display:inline-flex}.uiChipLabel{text-overflow:ellipsis;overflow:hidden}.uiChip-accent{background:var(--color-accentSoft);color:var(--color-accentSoftForeground)}.uiChip-tint{background:var(--tint);color:var(--tint-ink)}.uiChip-success{background:var(--color-successSoft);color:var(--color-success)}.uiChip-warning{background:var(--color-warningSoft);color:var(--color-warning)}.uiChip-danger{background:var(--color-destructiveSoft);color:var(--color-destructive)}button.uiChip{cursor:pointer}button.uiChip:hover:not(:disabled){background:var(--color-surfaceHover);color:var(--color-textPrimary)}button.uiChip-tint:hover:not(:disabled),button.uiChip-accent:hover:not(:disabled),button.uiChip-success:hover:not(:disabled),button.uiChip-warning:hover:not(:disabled),button.uiChip-danger:hover:not(:disabled){filter:brightness(.96);color:inherit}.uiChip-selected,button.uiChip-selected:hover:not(:disabled){background:var(--color-accentSoft);color:var(--color-accentSoftForeground);box-shadow:0 0 0 1px var(--color-accentBorderSolid)}button.uiChip:disabled{opacity:.45;cursor:not-allowed}.uiChipRemove{border-radius:var(--radius-full);width:18px;height:18px;color:inherit;opacity:.7;transition:background-color var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.uiChipRemove:hover{opacity:1;background:rgba(var(--rgb-ink), .08)}