@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: page-exit 180ms ease-in both;
}

::view-transition-new(root) {
  animation: page-reveal 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes page-exit {
  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

@keyframes page-reveal {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}