div.chip {
  align-items: center;
  border-radius: var(--Corner-radius-xLarge);
  display: flex;
  gap: var(--Spacing-x-half);
  height: 22px;
  justify-content: center;
  padding: var(--Spacing-x-half) var(--Spacing-x1);
}

.primary {
  background-color: var(--Scandic-Red-90);
  color: var(--Primary-Dark-On-Surface-Accent);
}

.subtle {
  background-color: var(--Base-Surface-Subtle-Normal);
}

.pale {
  background-color: var(--Scandic-Brand-Pale-Peach);
}