.AppFooter {
  background: var(--colorContrastBg);
  color: hsl(0, 0%, calc((var(--colorContrastBg-l) - 60) * -100%));
  padding-top: var(--spaceLg);
}

.AppFooter a {
  color: inherit;
}

.AppFooter-frame {
  display: flex;
  flex-wrap: wrap;
  gap: 0 5%;
}

.AppFooter-col {
  flex: 1 0 30%;
  font-size: var(--textXs);
}

@media (max-width: 48rem) {
  .AppFooter-col {
    font-size: var(--textSm);
  }
}

@media (max-width: 48rem) {
  .AppFooter-col {
    flex: 1 0 40%;
  }
  .AppFooter-col:first-child {
    flex: 1 0 100%;
  }
  .AppFooter-col:not(:first-child) {
    margin-top: var(--spaceLg);
  }
}

@media (max-width: 25rem) {
  .AppFooter-col {
    width: 100%;
  }
}

.AppFooter p {
  margin-bottom: var(--spaceMd);
}

.AppFooter-title {
  font-size: var(--textXl);
  margin: 0 0 var(--spaceSm);
  color: inherit;
}

.AppFooter-socials {
  display: flex;
  align-items: center;
  margin-top: var(--spaceMd);
}

.AppFooter-socials a {
  margin-right: var(--spaceXs);
  transition: var(--animationBase);
  color: inherit;
}

.AppFooter-socials a:hover {
  color: var(--colorBrand);
}

.AppFooter-socials a:last-child {
  margin-right: 0;
}

.AppFooter-copy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: var(--textXs);
  width: 100%;
  padding-top: var(--spaceMd);
  padding-bottom: var(--spaceMd);
  border-top: 1px solid currentColor;
  margin-top: var(--spaceLg);
}

.AppFooter-copy p {
  display: flex;
  align-items: center;
  margin: 0;
}

@media (max-width: 25rem) {
  .AppFooter-copy p:first-child {
    width: 100%;
    margin-bottom: var(--spaceXs);
  }
}

.AppFooter-copy svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

@media (max-width: 25rem) {
  .AppFooter-copy svg {
    width: 1.4em;
  }
}

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