footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  padding: 40px;
  line-height: var(--spacing);
  box-shadow: var(--shadow);
  position: relative;
}

footer.background {
  background: #800000;
  color: #ffffff;
}

footer.background:before {
  display: none;
}

footer a {
  color: #ffffff !important;
}

footer a:hover {
  color: #D9D9D9 !important;
}

footer .icon {
  font-size: var(--xl);
}

.footer-left,
.footer-right {
  flex: 1;
  display: flex;
  align-items: center;
}

.footer-left {
  justify-content: flex-start;
}

.footer-right {
  justify-content: flex-end;
  gap: 16px;
}

.footer-center {
  flex: 1;
  min-width: 0;
  text-align: center;
}

.footer-center > div + div {
  margin-top: 10px;
}

.footer-credit-block {
  width: fit-content;
  margin: 10px auto 0;
  text-align: left;
}

.footer-credit {
  white-space: nowrap;
}

.footer-credit-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.footer-credit-row .dark-toggle {
  margin: 0;
}

.footer-left img,
.footer-right img {
  max-height: 60px;
  width: auto;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 6px 10px;
}

@media (max-width: 900px) {
  footer {
    flex-direction: column;
    align-items: stretch;
  }
  .footer-left,
  .footer-center,
  .footer-right {
    justify-content: center;
    text-align: center;
  }
  .footer-credit-block {
    text-align: center;
  }
}

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