.component-tdds-chips[data-v-b172aaa9]{--tdds-color-border-onDark-chips-default:var(--tdds-color-brand-grayscale-200);--tdds-color-border-onLight-chips-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-chips-icon-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-chips-icon-hover:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onDark-chips-icon-default:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onDark-chips-selected:var(--tdds-color-brand-grayscale-100);--tdds-color-fill-onDark-chips-hover:var(--tdds-color-brand-grayscale-300);--tdds-color-fill-onLight-chips-icon-selected:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-chips-icon-hover:var(--tdds-color-brand-grayscale-200);--tdds-color-fill-onLight-chips-icon-default:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-chips-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-fill-onLight-chips-hover:var(--tdds-color-brand-grayscale-600);--tdds-color-text-onDark-chips-selected:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-chips-hover:var(--tdds-color-brand-grayscale-1000);--tdds-color-text-onDark-chips-default:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-chips-selected:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-chips-hover:var(--tdds-color-brand-grayscale-200);--tdds-color-text-onLight-chips-default:var(--tdds-color-brand-grayscale-1000);min-height:21px;--borderColor:var(--tdds-color-border-onLight-chips-default);--color:var(--tdds-color-text-onLight-chips-default);--hoverBorderColor:var(--tdds-color-fill-onLight-chips-hover);--hoverBgColor:var(--tdds-color-fill-onLight-chips-hover);--hoverColor:var(--tdds-color-text-onLight-chips-hover);--selectedBgColor:var(--tdds-color-fill-onLight-chips-selected);--selectedColor:var(--tdds-color-text-onLight-chips-selected)}.component-tdds-chips[data-inverse=true][data-v-b172aaa9]{--borderColor:var(--tdds-color-border-onDark-chips-default);--color:var(--tdds-color-text-onDark-chips-default);--hoverBorderColor:var(--tdds-color-fill-onDark-chips-hover);--hoverBgColor:var(--tdds-color-fill-onDark-chips-hover);--hoverColor:var(--tdds-color-text-onDark-chips-hover);--selectedBgColor:var(--tdds-color-fill-onDark-chips-selected);--selectedColor:var(--tdds-color-text-onDark-chips-selected)}.component-tdds-chips .flair-item[data-v-b172aaa9]{align-items:flex-end;border:2px solid var(--borderColor);border-radius:22px;color:var(--color);cursor:pointer;display:flex;padding:.25rem 1rem}.component-tdds-chips .flair-item article[data-v-b172aaa9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-tdds-chips .flair-item.display-only[data-v-b172aaa9]:hover{cursor:default}.component-tdds-chips .flair-item[data-v-b172aaa9]:hover:not(.display-only){background-color:var(--hoverBgColor);border:2px solid var(--hoverBorderColor);color:var(--hoverColor)}.component-tdds-chips .flair-item.selected[data-v-b172aaa9]{background-color:var(--selectedBgColor);border:2px solid var(--borderColor);color:var(--selectedColor)}.component-tdds-chips .remove-btn[data-v-b172aaa9]{height:1.5rem;width:1.5rem}.component-tdds-chips .chip-slash[data-v-b172aaa9]{height:34px;left:calc(50% - 20px);position:absolute;top:0}