@media (max-width: 63.9375rem) {
  .navOpen .pageHeaderButton.nav > button .icon.open + .text {
    display: none;
  }
  .navOpen .pageHeaderButton.nav > button .icon.close + .text {
    display: block;
  }
  .navOpen .pageHeaderNav {
    transform: translate3d(0, 0, 0);
  }
  .navOpen .navigationList.level1 > .navigationListItem > a,
  .navOpen .navigationList.level1 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen .navigationListWrap {
    visibility: visible;
  }
  .navOpen.animating .navigationList.level2 > .navigationListItem > a,
  .navOpen.animating .navigationList.level2 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel2.animating .navigationList.level1 > .navigationListItem > a,
  .navOpen.navlevel2.animating .navigationList.level1 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel2 .navigationList.level1 {
    overflow: hidden;
  }
  .navOpen.navlevel2 .navigationList.level1 > .navigationListItem > a,
  .navOpen.navlevel2 .navigationList.level1 > .navigationListItem > button {
    visibility: hidden;
  }
  .navOpen.navlevel2 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem > a,
  .navOpen.navlevel2 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel3.animating .navigationList.level2 > .navigationListItem > a,
  .navOpen.navlevel3.animating .navigationList.level2 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel3.animating .navigationList.level2 > .navigationListItem > a,
  .navOpen.navlevel3.animating .navigationList.level2 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel3 .navigationList.level2 {
    overflow: hidden;
  }
  .navOpen.navlevel3 .navigationList.level2 {
    overflow: hidden;
  }
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem > a,
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem > button {
    visibility: hidden;
  }
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem > a,
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem > button {
    visibility: hidden;
  }
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem.open .navigationList.level3 > .navigationListItem > a,
  .navOpen.navlevel3 .navigationList.level1 > .navigationListItem.open .navigationList.level2 > .navigationListItem.open .navigationList.level3 > .navigationListItem > button {
    visibility: visible;
  }
  .navOpen.navlevel3.animating .navigationList.level1 > .navigationListItem.open .navigationListWrap > .navigationList.level2 > .navigationListItem a, .navOpen.navlevel3.animating .navigationList.level1 > .navigationListItem.open .navigationListWrap > .navigationList.level2 > .navigationListItem button {
    visibility: visible;
  }
  .navOpen main[aria-hidden=true] a, .navOpen main[aria-hidden=true] button, .navOpen main[aria-hidden=true] input, .navOpen main[aria-hidden=true] select, .navOpen footer[aria-hidden=true] a, .navOpen footer[aria-hidden=true] button, .navOpen footer[aria-hidden=true] input, .navOpen footer[aria-hidden=true] select, .navOpen .skipLink[aria-hidden=true] a, .navOpen .skipLink[aria-hidden=true] button, .navOpen .skipLink[aria-hidden=true] input, .navOpen .skipLink[aria-hidden=true] select {
    visibility: hidden;
  }
  .navClosing .navigationList > .navigationListItem > a,
  .navClosing .navigationList > .navigationListItem > button {
    visibility: visible;
  }
  .pageHeaderNav {
    transition: ease-out 0.5s transform;
    display: block;
    position: fixed;
    top: var(--header-height);
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    transform: translate3d(100%, 0, 0);
  }
  .navigation {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .navigation a,
  .navigation button {
    visibility: hidden;
  }
  .navigationList {
    transition: ease-out 0.5s transform;
    background: linear-gradient(#ffffff 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom, linear-gradient(#ffffff 0%, #ffffff 100%) center top;
    background-repeat: no-repeat;
    background-size: 100% 2.5rem, 100% 2.5rem, 100% 0.875rem, 100% 0.875rem, 100% 100%;
    background-attachment: local, local, scroll, scroll, local;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - var(--header-height));
    flex-flow: column;
    overflow-x: hidden;
  }
  .navigationList.level1 {
    background-color: #f4f4f5;
  }
  .navigationList.level2, .navigationList.level3 {
    transform: translate3d(100%, 0, 0);
  }
  .navigationList.level2 a,
  .navigationList.level2 button, .navigationList.level3 a,
  .navigationList.level3 button {
    visibility: hidden;
  }
  .navigationList.level2 .parentLink .icon, .navigationList.level3 .parentLink .icon {
    display: none;
  }
  .navigationList.level3 .parentLink {
    background-color: transparent;
  }
  .navigationList.level3 .parentLink .navigationListItemLink {
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.1875rem;
  }
  .navigationListItem {
    width: 100%;
    z-index: 0;
    border: 0;
    border-top: 0.0625rem solid rgba(5, 17, 43, 0.2);
  }
  .navigationListItem:focus-within {
    z-index: 1000;
  }
  .navigationListItem:nth-of-type(1) {
    border-top: 0.125rem solid #f4f4f5;
  }
  .navigationListItem.back .navigationListItemLink {
    flex-flow: row nowrap;
    padding: 0 1.375rem 0 0.5rem;
  }
  .navigationListItem.back .navigationListItemLink svg {
    transform: rotate(90deg);
  }
  .navigationListItem.parentLink .navigationListItemLink {
    height: auto;
    padding: 0.75rem 1rem;
    text-decoration: none;
  }
  .navigationListItem.extraLink {
    background-color: transparent;
    background-color: #f4f4f5;
  }
  .navigationListItem.extraLink + .extraLink {
    border: 0;
  }
  .navigationListItem.open {
    z-index: 1;
  }
  .navigationListItem.open > .navigationList, .navigationListItem.open > .navigationListWrap > .navigationList {
    transform: translate3d(0, 0, 0);
  }
  .navigationListItem.closing {
    z-index: 1;
  }
  .navigationListItem.closing > .navigationList > .navigationListItem > a, .navigationListItem.closing > .navigationList > .navigationListItem > button, .navigationListItem.closing > .navigationListWrap > .navigationList > .navigationListItem > a, .navigationListItem.closing > .navigationListWrap > .navigationList > .navigationListItem > button {
    visibility: visible;
  }
  .navigationListItem.closing > .navigationList > .navigationListItem > .navigationListItemLink, .navigationListItem.closing > .navigationListWrap > .navigationList > .navigationListItem > .navigationListItemLink {
    visibility: visible;
  }
  .navigationListItemLink {
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.1875rem;
    width: 100%;
    padding: 0 0.5rem 0 1rem;
    min-height: 3.5rem;
    height: auto;
    text-align: start;
  }
  .navigationListItemLink .icon {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
  }
  .navigationListItemLink svg {
    transform: rotate(-90deg);
  }
  .navigationListItemLink .text {
    padding: 0.75rem 0;
  }
}