.AppHeader {
  position: relative;
  padding-top: var(--spaceRg);
  color: #000;
  background: var(--colorBodyBg);
  z-index: var(--layerHeaderZIndex);
}

@media (max-width: 75rem) {
  .AppHeader {
    padding-top: var(--spaceSm);
  }
}

@media (max-width: 64rem) {
  .AppHeader {
    padding-bottom: var(--spaceSm);
    border-bottom: 2px solid var(--colorBrandSecondary);
  }
}

.AppHeader-navigation {
  margin-top: var(--spaceRg);
}

@media (max-width: 75rem) {
  .AppHeader-navigation {
    margin-top: var(--spaceSm);
  }
}

@media (max-width: 64rem) {
  .AppHeader-navigation {
    margin-top: 0;
  }
}

.AppHeader-frame {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.AppHeader-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0.5rem 0.75rem;
  font-size: var(--textXs);
  white-space: nowrap;
  user-select: none;
}

@media (max-width: 64rem) {
  .AppHeader-contact {
    display: none;
  }
}

.AppHeader-contact a {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  color: var(--colorTextSubtle);
  font-size: 0.875rem;
  text-decoration: none;
  transition: var(--animationBase);
}

.AppHeader-contact a svg {
  width: 1rem;
  height: 1rem;
}

.AppHeader-contact a:hover, .AppHeader-contact a:focus {
  color: #1d212b;
}

@media (min-width: 64.01rem) {
  .AppHeader-searchOpener {
    display: none !important;
  }
}

.AppHeader-boxes {
  display: flex;
}

.AppHeader-logo {
  padding-right: var(--spaceSm);
  margin-right: 0;
}

@media (max-width: 64rem) {
  .AppHeader-logo {
    flex: 1;
    max-width: 8.5rem;
    margin-right: auto;
  }
}

@media (min-width: 64.01rem) {
  .AppHeader-hmb {
    display: none !important;
  }
}

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