.footer {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: auto;
  background-color: var(--footer-background-color, #fafafa);
}
.footer__content-wrapper {
  max-width: var(--footer-content-width, 1180px);
  width: calc(
    100% - var(--footer-content-offset, calc(var(--spacing-lg, 24px) * 2))
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spaces-8, 64px);
}
@media (max-width: 920px) {
  .footer__content-wrapper {
    gap: var(--spaces-6, 48px);
  }
}
@media (max-width: 768px) {
  .footer__content-wrapper .desktop-only {
    display: none;
  }
  .footer__content-wrapper .mobile-only {
    display: flex;
  }
  .footer__content-wrapper {
    padding: var(--spacing-sm, 8px) 0 var(--spaces-6, 48px) 0;
  }
}
.footer__main {
  margin-top: var(--spaces-8, 64px);
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-lg, 24px);
}
@media (max-width: 920px) {
  .footer__main {
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--spaces-6, 48px);
  }
}
@media (max-width: 768px) {
  .footer__main {
    margin-top: 0;
  }
}
.footer__links-columns-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 1 1;
}
@media (max-width: 920px) {
  .footer__links-columns-wrapper {
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .footer__links-columns-wrapper {
    flex-direction: column;
  }
}
.header__wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0;
  background-color: var(--header-background-color, rgba(255, 255, 255, 0.9));
  backdrop-filter: var(--header-backdrop-filter, blur(8.5px));
  -webkit-backdrop-filter: var(--header-backdrop-filter, blur(8.5px));
  height: var(--header-height, 56px);
  border-bottom: var(--header-border-bottom, 0.5px solid rgba(0, 0, 0, 0.1));
}
.header__wrap:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(
    --no-support-backdrop-filter-background,
    rgba(255, 255, 255, 0.8)
  );
  opacity: calc(1 - var(--supports-backdrop-filter, 1));
}
.header__content {
  max-width: var(--header-content-width, 1180px);
  width: calc(
    100% - var(--header-content-offset, calc(var(--spacing-lg, 24px) * 2))
  );
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--header-content-gap, var(--spacing-sm, 8px));
}