:root {
  /*Top bar background.*/
  --top-bar-bg-75: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * (var(--top-bar-bg-lightness) - (0.75 * var(--top-bar-bg-lightness)))));
  --top-bar-bg-25: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * (var(--top-bar-bg-lightness) - (0.25 * var(--top-bar-bg-lightness)))));
  --top-bar-bg: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * var(--top-bar-bg-lightness)));
  --top-bar-bg-50: hsl(var(--top-bar-bg-hue), var(--top-bar-bg-saturation), calc(1% * (var(--top-bar-bg-lightness) + (0.5 * (100 - var(--top-bar-bg-lightness))))));
  /* Spaces.*/
  --top-bar-padding: var(--top-bar-padding-top) var(--top-bar-padding-right) var(--top-bar-padding-bottom) var(--top-bar-padding-left);
  --top-bar-gap: var(--top-bar-gap);
}

.top-section {
  background-color: var(--top-bar-bg);
}

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

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