.icon {
  margin: 0;
}

.baseIconLowContrast,
.baseIconLowContrast * {
  fill: var(--Base-Icon-Low-contrast);
}

.black,
.black * {
  fill: #000;
}

.burgundy,
.burgundy * {
  fill: var(--Scandic-Brand-Burgundy);
}

.grey80,
.grey80 * {
  fill: var(--UI-Grey-80);
}

.green,
.green * {
  fill: var(--Scandic-Green-50);
}

.pale,
.pale * {
  fill: var(--Scandic-Brand-Pale-Peach);
}

.peach80,
.peach80 * {
  fill: var(--Scandic-Peach-80);
}

.plosa,
.plosa * {
  fill: var(--Primary-Light-On-Surface-Accent);
}

.red,
.red * {
  fill: var(--Scandic-Brand-Scandic-Red);
}

.white,
.white * {
  fill: var(--UI-Opacity-White-100);
}

.uiTextHighContrast,
.uiTextHighContrast * {
  fill: var(--UI-Text-High-contrast);
}

.uiTextMediumContrast,
.uiTextMediumContrast * {
  fill: var(--UI-Text-Medium-contrast);
}

.uiTextPlaceholder,
.uiTextPlaceholder * {
  fill: var(--UI-Text-Placeholder);
}

.blue,
.blue * {
  fill: var(--UI-Input-Controls-Fill-Selected);
}

.baseButtonTertiaryOnFillNormal,
.baseButtonTertiaryOnFillNormal * {
  fill: var(--Base-Button-Tertiary-On-Fill-Normal);
}

.baseButtonTextOnFillNormal,
.baseButtonTextOnFillNormal * {
  fill: var(--Base-Button-Text-On-Fill-Normal);
}

.disabled,
.disabled * {
  fill: var(--Base-Text-Disabled);
}
