dialog.navbar_mobile_menu {
  transform: translateX(100%);
  opacity: 0;
  transition: transform 550ms ease-in-out, opacity 300ms ease, display 550ms;
  transition-behavior: allow-discrete;
  max-width: none;
  max-height: none;
}

dialog.navbar_mobile_menu[open] {
  transform: translateX(0);
  opacity: 1;
}

@starting-style {
	dialog.navbar_mobile_menu[open] {
    transform: translateX(100%);
    opacity: 0;
  }
}

dialog::backdrop {
  background-color: transparent;
}

dialog:open::backdrop {
  background-color: transparent;
}

@starting-style {
  dialog:open::backdrop {
    background-color: transparent;
  }
}