.globalNavWrap {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;
  top: 0;
  pointer-events: none;
  z-index: 100;
  transition: background-color 0.5s;
  background-color: rgba(0, 0, 0, 0);
}
.globalNavWrap .globalNavBg {
  cursor: default;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.globalNavWrap .globalNav {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  text-align: center;
  transition: opacity 0.5s;
  width: 0;
  opacity: 0;
}
.globalNavWrap .globalNav .closeButton {
  position: absolute;
}
.globalNavWrap .globalNav .globalNavInner {
  min-height: 100svh;
  margin-left: auto;
}

body.navOn {
  width: 100%;
  height: 100%;
}
body.navOn .globalNavWrap {
  background-color: rgba(0, 0, 0, 0.5);
}
body.navOn .globalNav {
  width: min(90vw, 430px);
  opacity: 1;
}/*# sourceMappingURL=commonNav.css.map */