/* Native frosted-glass dissolve; content never waits for an animation. */
@view-transition { navigation: auto; }
::view-transition { pointer-events: none; background: #F5F5F2; }
::view-transition-group(*) { animation-duration: 700ms; }
::view-transition-group(root) { animation: none; }
::view-transition-image-pair(root) { isolation: auto; }
::view-transition-old(root) {
  /* Keep the outgoing snapshot opaque under the incoming one. Two independent
     fades expose the pearl backdrop midway through and look like a flash. */
  animation: awm-page-out 700ms cubic-bezier(.4, 0, .2, 1) both;
  mix-blend-mode: normal;
}
::view-transition-new(root) {
  animation: awm-page-in 700ms cubic-bezier(.4, 0, .2, 1) both;
  mix-blend-mode: normal;
}
@keyframes awm-page-out { from { opacity: 1; filter: blur(0); } to { opacity: 1; filter: blur(12px); } }
@keyframes awm-page-in { from { opacity: 0; filter: blur(10px); } to { opacity: 1; filter: blur(0); } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none; filter: none; }
}