:root {
  /* Header background.*/
  --header-bg-30: hsl(var(--header-bg-hue), var(--header-bg-saturation), calc(1% * (var(--header-bg-lightness) - (0.36 * var(--header-bg-lightness)))));
  --header-bg-40: hsl(var(--header-bg-hue), var(--header-bg-saturation), calc(1% * (var(--header-bg-lightness) - (0.24 * var(--header-bg-lightness)))));
  --header-bg: hsl(var(--header-bg-hue), var(--header-bg-saturation), calc(1% * var(--header-bg-lightness)));
  --header-bg-60: hsl(var(--header-bg-hue), var(--header-bg-saturation), calc(1% * (var(--header-bg-lightness) + (0.24 * (100 - var(--header-bg-lightness))))));
  /* Spaces.*/
  --header-padding: var(--header-padding-top) var(--header-padding-right) var(--header-padding-bottom) var(--header-padding-left);
  --header-gap: var(--top-bar-gap);
}

.header-section {
  background-color: #fff;
}

.header-section .region {
  align-items: center;
  padding: var(--header-padding);
  gap: var(--header-gap);
}

/*# sourceMappingURL=header.css.map*/