.Header {
  position: sticky;
  top: 0;
  z-index: var(--layerHeaderZIndex);
  font-size: 1rem;
  background: var(--header-background);
  transition: var(--animationBase);
}

.Header--overlapse {
  height: 0;
}

.Header--overlapse:not(.is-sticked) {
  background: transparent;
  padding: var(--spaceLg) 0;
}

@media (max-width: 80rem) {
  .Header--overlapse:not(.is-sticked) {
    padding: 1.1em 0;
  }
}

.Header.is-up {
  transform: translateY(-100%);
}

.Header:not(.is-up).is-sticked .Header-frame {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.Header-frame {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 48.01rem) {
  .Header-frame {
    gap: 1.5rem;
  }
}

.Header-logo {
  order: -1;
  margin-right: auto;
  padding: 0 var(--spaceXs) 0 0;
}

@media (min-width: 80.01rem) {
  .Header-logo {
    margin-right: 0;
  }
}

.Header-logo img, .Header-logo svg {
  max-width: 32vw;
  height: auto;
}

@media (min-width: 32.01rem) {
  .Header-logo img, .Header-logo svg {
    max-width: 10rem;
  }
}

@media (min-width: 64.01rem) {
  .Header-logo img, .Header-logo svg {
    max-width: 100%;
  }
}

.Header-searchBar {
  flex: 1;
}

@media (min-width: 80.01rem) {
  .Header-searchBar {
    margin: 0 clamp(3rem, 4vw, 8.5rem);
  }
}

.Header-searchBar .QuickSearch-input {
  padding: 0.5rem 0.5rem 0.5rem calc(var(--spaceSm) + 2.4em);
  font-size: .875rem;
  line-height: 2.25rem;
  background: #fff;
}

@media (min-width: 64.01rem) {
  .Header-searchBar .QuickSearch-input {
    border: 1px solid var(--colorOutlines);
  }
}

.Header-searchBar .QuickSearch-icon {
  width: 1rem;
  height: 1rem;
  color: var(--colorText);
  opacity: .5;
}

.Header-searchToggle {
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: .875rem;
  background: none;
  border: 0;
  padding: var(--spaceXs) var(--spaceSm);
  margin: 0;
  cursor: pointer;
}

@media (max-width: 48rem) {
  .Header-searchToggle {
    padding: var(--spaceXs);
  }
  .Header-searchToggle svg {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 64.01rem) {
  .Header-searchToggle {
    display: none;
  }
}

@media (max-width: 47.99rem) {
  .Header-searchToggleLabel {
    display: none;
  }
}

.Header-hmb {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-size: .5rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: .5rem;
}

@media (min-width: 48.01rem) {
  .Header-hmb {
    font-size: .875rem;
    font-weight: normal;
    text-transform: none;
    margin-left: 0;
  }
}

.Header-hmb svg {
  width: 1.6rem;
  height: auto;
}

@media (max-width: 32rem) {
  .Header-hmb {
    margin-right: var(--spaceMd);
  }
}

@media (min-width: 80.01rem) {
  .Header-hmb {
    display: none;
  }
}

.Header .QuickSearch-button {
  font-size: 1rem;
}

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