/* Same-document transition, started after the target page is prepared. */
@keyframes template-page-enter {
  from {
    opacity: 0;
    transform: translate(0, 12px) scale(1);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}
@keyframes template-page-exit {
  from {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(0, 0) scale(1);
  }
}
::view-transition-new(root) {
  animation: template-page-enter 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
::view-transition-old(root) {
  animation: template-page-exit 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
::view-transition-old(*),
::view-transition-new(*) {
  backface-visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}