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);
}

.secondary {
  background-color: var(--Base-Surface-Primary-light-Normal);
  color: var(--Primary-Light-On-Surface-Text);
}