.chip{padding:var(--cds-spacing-02)var(--cds-spacing-03);align-items:center;gap:var(--cds-spacing-02);cursor:pointer;transition:all var(--cds-duration-fast-02)var(--cds-standard-easing);white-space:nowrap;background:0 0;border:1px solid;border-radius:16px;font-family:inherit;display:inline-flex}.chip:hover{opacity:.8}.chip--sm{padding:4px var(--cds-spacing-03);border-radius:12px;height:20px;font-size:.75rem;font-weight:500;line-height:20px}.chip--md{padding:var(--cds-spacing-02)var(--cds-spacing-03);border-radius:16px;height:26px}.chip--lg{padding:var(--cds-spacing-03)var(--cds-spacing-04);border-radius:20px;height:36px;font-size:.875rem}.chip--purple{border-color:var(--cds-support-purple);color:var(--cds-support-purple)}.chip--purple.chip--selected{background-color:var(--cds-support-purple);color:var(--cds-text-on-color)}.chip--dark{border-color:var(--cds-border-subtle);color:var(--cds-text-primary)}.chip--dark.chip--selected{background-color:var(--cds-layer-hover);color:var(--cds-text-primary)}.chip--blue{border-color:var(--cds-interactive);color:var(--cds-interactive)}.chip--blue.chip--selected{background-color:var(--cds-interactive);color:var(--cds-text-on-color)}.chip--green{border-color:var(--cds-support-success);color:var(--cds-support-success)}.chip--green.chip--selected{background-color:var(--cds-support-success);color:var(--cds-text-on-color)}.chip--red{border-color:var(--cds-support-error);color:var(--cds-support-error)}.chip--red.chip--selected{background-color:var(--cds-support-error);color:var(--cds-text-on-color)}.chip--yellow{border-color:var(--cds-support-warning);color:var(--cds-support-warning)}.chip--yellow.chip--selected{background-color:var(--cds-support-warning);color:var(--cds-text-on-color)}.chip--gray{border-color:var(--cds-border-subtle);color:var(--cds-text-secondary)}.chip--gray.chip--selected{background-color:var(--cds-layer-hover);color:var(--cds-text-primary)}