.menu-hidden {
  transform: translateX(-100%);
  transition: transform 0.3s ease-out;
}

.menu-visible {
  transform: translateX(0);
  transition: transform 0.3s ease-in;
}

@media (min-width: 640px) {
  .menu-hidden,
  .menu-visible {
    transform: none;
    transition: none;
  }
}/*# sourceMappingURL=main.css.map */