/* Native cross-document fades. Anchors, external links and browser navigation
   retain their normal behavior; unsupported browsers simply ignore this file. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: gm-page-out 140ms cubic-bezier(.22, 1, .36, 1) both;
  mix-blend-mode: normal;
}

::view-transition-new(root) {
  animation: gm-page-in 220ms cubic-bezier(.22, 1, .36, 1) both;
  mix-blend-mode: normal;
}

@keyframes gm-page-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes gm-page-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
}