.mobile-nav-container {
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 1000;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 68px);
  background-color: #ffffff;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;

  &.open {
    transform: translateX(0);
    opacity: 1;
  }

  &.closed {
    transform: translateX(-100vw);
    opacity: 0;
  }
}