@media (min-width: 80rem) {
  :root {
    --navLevelWidth: 28.125rem;
    --navLevelWidth2: 25.625rem;
  }
  .pageHeaderNav::before {
    left: calc((100vw - 80rem) / 2 + var(--navPadding) + var(--navLevelWidth));
  }
}
@media (min-width: 64rem) {
  .pageHeaderNav {
    transition: opacity ease-out 0.5s;
    top: 11.25rem;
    height: calc(100vh - 11.25rem);
    height: calc(100dvh - 11.25rem);
    opacity: 0;
    border-top: 0.0625rem solid #F4F4F5;
  }
  .pageHeaderSearch {
    transition: opacity ease-out 0.5s;
    opacity: 0;
    top: 0 !important;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
  .pageHeaderLocal ~ .pageHeaderNav {
    top: 11.25rem;
  }
  .searchWrap, .pageHeaderSearch .searchWrap {
    width: 40.625rem;
    margin: auto;
  }
  .searchForm, .pageHeaderSearch .searchForm {
    gap: 1.25rem 0;
  }
  .searchFormLabel, .pageHeaderSearch .searchFormLabel {
    font-size: 3.125rem;
    line-height: 1.28;
    text-align: center;
  }
  .searchFormInput, .pageHeaderSearch .searchFormInput {
    height: 5rem;
    font-size: 1.625rem;
  }
  .searchFormSubmit, .pageHeaderSearch .searchFormSubmit {
    width: 5rem;
    height: 5rem;
  }
  .searchFormSubmit .icon {
    width: 2.75rem;
    height: 2.75rem;
  }
  .searchFormSubmit .icon svg {
    width: 2.75rem;
    height: 2.75rem;
  }
  .navigation {
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--navPadding);
  }
  .navigationList {
    overflow: visible;
  }
  .navigationListItem {
    padding: 1.25rem 0;
  }
  .navigationListItem.back {
    display: none;
  }
  .navigationListItem.parentLink {
    font-size: 1.625rem;
    line-height: 1.31;
  }
  .navigationListItem.extraLink {
    display: none;
  }
  .navigationListItem.open > .hasSubNav + .navigationList {
    opacity: 1;
    width: var(--navLevelWidth2);
    height: auto;
  }
  .navigationListItem.open > .hasSubNav + .navigationList.level3 {
    width: calc(100vw - (var(--navLevelWidth) + var(--navLevelWidth2)));
  }
  .navigationListItem .navigationListItem {
    background: transparent;
    border: 0;
    padding: 0.9375rem 0;
  }
  .navigationList.level1 {
    width: var(--navLevelWidth);
    height: auto;
    padding: 0 2.5rem 0 0;
    background-color: #F4F4F5;
  }
  .navigationList.level2, .navigationList.level3 {
    transition: opacity ease-out 0.5s;
    transform: none;
    height: 0;
    background-color: #ffffff;
    opacity: 0;
  }
  .navigationList.level2 {
    left: calc(var(--navLevelWidth) + var(--navPadding));
    top: var(--navPadding);
    padding: 0 2.5rem 0 3.75rem;
  }
  .navigationList.level3 {
    left: calc(var(--navLevelWidth) - var(--navPadding));
    padding: 0 var(--navPadding);
  }
  .navOpen .pageHeaderNav {
    opacity: 1;
  }
  .navClosing .pageHeaderNav {
    transform: translate3d(0, 0, 0);
  }
  .navlevel2 .pageHeaderNav::before, .navlevel3 .pageHeaderNav::before {
    display: block;
  }
  .searchOpen .pageHeaderSearch {
    transform: none;
    opacity: 1;
    z-index: 2;
  }
  .searchOpen .pageHeaderSearchButton {
    z-index: 3;
  }
  .searchOpen .pageHeaderSearchButton::before, .searchOpen .pageHeaderSearchButton::after {
    background-color: #F4F4F5;
  }
  .searchOpen .pageHeaderButton.search > button {
    background-color: #F4F4F5;
  }
  @supports not selector(*:focus-visible) {
    .searchOpen .pageHeaderButton.search > button:focus use {
      fill: #CD3E27;
    }
    .searchOpen .pageHeaderButton.search > button:focus .text {
      color: #CD3E27;
    }
    body.notUsingKeys .searchOpen .pageHeaderButton.search > button:focus {
      outline: 0;
    }
  }
  .searchOpen .pageHeaderButton.search > button:hover use {
    fill: #CD3E27;
  }
  .searchOpen .pageHeaderButton.search > button:hover .text {
    color: #CD3E27;
  }
  .searchOpen .pageHeaderButton.search > button:focus-visible use {
    fill: #CD3E27;
  }
  .searchOpen .pageHeaderButton.search > button:focus-visible .text {
    color: #CD3E27;
  }
  .searchOpen .pageHeaderButton.search > button .text {
    color: #000000;
  }
  .searchOpen .pageHeaderButton.search > button::before {
    background-color: transparent;
  }
  .searchOpen .pageHeaderButton.search > button use {
    fill: #000000;
  }
  .searchOpen .pageHeaderButton.search > button span:nth-of-type(1) {
    display: none;
  }
  .searchOpen .pageHeaderButton.search > button span:nth-of-type(2) {
    display: none;
  }
  .searchOpen .pageHeaderButton.search > button span:nth-of-type(3) {
    display: block;
  }
  .searchOpen .pageHeaderButton.search > button span:nth-of-type(4) {
    display: block;
  }
  .searchClosing .pageHeaderSearch {
    transform: none;
  }
}