@keyframes slideUpIn {
  from { transform: translateY(100vh); }
  to { transform: translateY(0); }
}
@keyframes slideUpOut {
  from { transform: translateY(0); }
  to { transform: translateY(-100vh); }
}

@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: 0.3s cubic-bezier(.77,0,.18,1) slideUpOut;
}
::view-transition-new(root) {
  animation: 0.3s cubic-bezier(.77,0,.18,1) slideUpIn;
}