/* Accessible mobile navigation toggle */
.awBtnMenuDiv {
  position: relative;
  width: 44px;
  height: 44px;
  margin-left: 5px;
  box-sizing: border-box;
  border: 0;
  background: #fff;
  cursor: pointer;
  touch-action: manipulation;
}

.awBtnMenuDiv:focus-visible {
  outline: 3px solid #000;
  outline-offset: 2px;
}

.awBtnMenuDiv .line1,
.awBtnMenuDiv .line2,
.awBtnMenuDiv .line3,
.awBtnMenuDiv .line4 {
  position: absolute;
  right: 7px;
  width: 30px;
  height: 2px;
  background: #666;
}

.awBtnMenuDiv .line1 {
  top: 13px;
}

.awBtnMenuDiv .line2,
.awBtnMenuDiv .line3 {
  top: 21px;
  transition: transform 160ms ease;
}

.awBtnMenuDiv .line4 {
  top: 29px;
}

.awBtnMenuDiv.rotate .line1,
.awBtnMenuDiv.rotate .line4 {
  opacity: 0;
}

.awBtnMenuDiv.rotate .line2 {
  transform: rotate(45deg);
}

.awBtnMenuDiv.rotate .line3 {
  transform: rotate(-45deg);
}

.awBtnMenu[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  body .prdtree.mePrdTree.awBtnMenu {
    box-sizing: border-box;
    height: calc(100vh - 80px);
    height: calc(100dvh - 80px);
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .awBtnMenuDiv .line2,
  .awBtnMenuDiv .line3 {
    transition: none;
  }
}