bigbuffet-rw/app/styles/components/sidebar-menu.scss

.sidebar-menu {
  @apply flex inset-0 fixed flex-col w-80 bg-white dark:bg-primary-900 transition-all ease-linear -translate-x-80 rtl:translate-x-80 z-1000;

  @media (max-width: 400px) {
    @apply w-[90vw] -translate-x-[90vw] rtl:translate-x-[90vw];
  }

  hr {
    @apply border-gray-200 dark:border-gray-700;
  }
}

.sidebar-menu__root--visible {
  .sidebar-menu {
    transform: translateX(0);
  }
}