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

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

.top-footer-section .region {
  padding: var(--footer-top-padding);
  gap: var(--footer-top-gap);
}

.footer {
  color: #fff;
}

.footer a {
  color: #fff;
}

.bottom-footer-section {
  background-color: var(--footer-bottom-bg);
}

.bottom-footer-section .region {
  padding: var(--footer-bottom-padding);
  gap: var(--footer-top-gap);
}

.region--flex {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 30.25rem) {
  .region--flex.column2 > * {
    flex: 1;
  }
}

@media (min-width: 49rem) {
  .region--flex.column3 > * {
    flex-basis: calc(32.84% - 10px);
  }
}

@media (min-width: 63rem) {
  .region--flex.column3 > * {
    flex: 1;
  }
}

@media (min-width: 49rem) {
  .region--flex.column4 > * {
    flex-basis: calc(50% - 10px);
  }
}

@media (min-width: 76rem) {
  .region--flex.column4 > * {
    flex: 1;
  }
}

.region--grid {
  display: grid;
}

@media (min-width: 49rem) {
  .region--grid.column2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 49rem) {
  .region--grid.column3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 63rem) {
  .region--grid.column3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 49rem) {
  .region--grid.column4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 63rem) {
  .region--grid.column4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

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