.block-navigation-submenu {
  position: fixed;
  top: 4rem;
  left: 0;
  bottom: var(--totalButtonOffset,0);
  z-index: 19;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  transition: opacity .2s linear,visibility 0s .2s
}
body.admin-bar .block-navigation-submenu {
  top: calc(4rem + 32px)
}
@media screen and (max-width:782px) {
  body.admin-bar .block-navigation-submenu {
    top: calc(4rem + 46px)
  }
}
.block-navigation-link.active .block-navigation-submenu {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s linear,visibility 0s
}
.block-navigation-submenu__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4rem;
  padding: 1.25rem;
  padding-right: calc(3rem + var(--gutterWidth));
  padding-left: var(--gutterWidth);
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s linear,visibility 0s .2s
}
body.admin-bar .block-navigation-submenu__header {
  top: 32px
}
@media screen and (max-width:782px) {
  body.admin-bar .block-navigation-submenu__header {
    top: 46px
  }
}
.block-navigation-link.active .block-navigation-submenu__header {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s linear,visibility 0s
}
.block-navigation-submenu__back-button {
  font-weight: var(--nav-2-font-weight);
  font-size: var(--nav-2-font-size);
  font-family: var(--nav-2-font-family);
  line-height: var(--nav-2-line-height);
  font-variant-numeric: var(--nav-2-font-variant-numeric);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  border: none;
  background-color: transparent;
  appearance: none
}
.block-navigation-submenu__back-button::before {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--icon-chev-left);
  mask-image: var(--icon-chev-left);
  content: " ";
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentcolor;
  margin-right: .25rem
}
.block-navigation-submenu__header-label {
  font-weight: var(--nav-2-font-weight);
  font-size: var(--nav-2-font-size);
  font-family: var(--nav-2-font-family);
  line-height: var(--nav-2-line-height);
  font-variant-numeric: var(--nav-2-font-variant-numeric);
  margin: 0 auto
}