/* EOD prevent screen from rerunning the same animation */

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

/* Default crossfade for root */
/* ::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
} */

/* Slide transition for main content */
/* ::view-transition-old(main-content) {
  animation: slide-out-left 0.3s ease-in-out forwards;
}

::view-transition-new(main-content) {
  animation: slide-in-right 0.3s ease-in-out forwards;
} */

/* @keyframes slide-out-left {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(25px);
  }
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
} */

/* Respect reduced motion */
/* @media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root),
  ::view-transition-old(main-content),
  ::view-transition-new(main-content) {
    animation: none;
  }
} */