/* <------
    @view-transition {
      navigation: auto;
    }

    ::view-transition-group(page-content) {
      animation-duration: 1s;
      animation-timing-function: ease;
    }

    ::view-transition-old(page-content) {
      animation-name: slide-out;
    }

    ::view-transition-new(page-content) {
      animation-name: slide-in;
    }

    main {
      view-transition-name: page-content;
    }

    @keyframes slide-out {
      to {
        translate: 0 -100vh;
        opacity: 0;
      }
    }

    @keyframes slide-in {
      from {
        translate: 0 100vh;
        opacity: 1;
      }
------> */