@view-transition {
  navigation: auto;
}

::view-transition-group(root) {
  animation-duration: 1s;
}

::view-transition-old(root) {
  animation: slide-out cubic-bezier(0.075, 0.82, 0.165, 1) ease forwards;
}

::view-transition-new(root) {
  animation: slide-in 1.5s ease forwards;
}


@keyframes slide-out {

  to {
    opacity: 0;
    transform: translateX(-80px);
  }
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}