#mobileMenuOverlay {
  opacity: 0;
  pointer-events: none;
}

#mobileMenuOverlay.active {
  opacity: 1;
  pointer-events: auto;
}

#mobileMenuOverlay .menu-item {
  opacity: 0;
  transform: translateY(1rem);
}

#mobileMenuOverlay.active .menu-item {
  opacity: 1;
  transform: translateY(0);
}

#mobileMenuBtn.active .line-top {
  transform: translateY(6px) rotate(45deg);
}

#mobileMenuBtn.active .line-middle {
  opacity: 0;
}

#mobileMenuBtn.active .line-bottom {
  transform: translateY(-6px) rotate(-45deg);
}