.chip {
  border-radius: var(--Corner-Radius-sm);
  padding: 0 var(--Space-x1);
  display: inline-flex;
  align-items: center;
  gap: var(--Space-x05);
}

.size-xs {
  height: 24px;
}

.size-sm {
  height: 26px;
}

.size-lg {
  height: 32px;
}

.color-subtle {
  background-color: var(--Surface-Secondary-Subtle);
  color: var(--Text-Interactive-Default);
}

.color-disabled {
  background-color: var(--Surface-UI-Fill-Disabled);
  border: 1px solid var(--Border-Interactive-Disabled);
  color: var(--Text-Interactive-Disabled);
}

.color-neutral {
  background-color: var(--Surface-Primary-Default);
  color: var(--Text-Interactive-Default);
}