.chip {
  display: flex;
  align-items: center;
  gap: var(--Spacing-x1);
  padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
  border-radius: var(--Corner-radius-sm);
}

.blue {
  background-color: var(--Scandic-Blue-00);
  color: var(--UI-Semantic-Information);
}

.green {
  background-color: var(--Scandic-Green-00);
  color: var(--UI-Semantic-Success);
}

.red {
  background-color: var(--Scandic-Red-00);
  color: var(--UI-Semantic-Error);
}