/* Motion enhances presentation; document flow, navigation and forms stay native. */
@media(prefers-reduced-motion:no-preference){
  /* Keep the outgoing page opaque beneath the incoming page: no blank frame. */
  body>main{view-transition-name:none}
  ::view-transition-group(root){animation:none}
  ::view-transition-image-pair(root){isolation:isolate}
  ::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
  ::view-transition-new(root){animation:gestalt-page-crossfade .2s ease-out both;mix-blend-mode:normal}
  .motion-pending{opacity:0}
  @keyframes gestalt-page-crossfade{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1}body>main{view-transition-name:none}}
@media print{.motion-pending{opacity:1!important}}

.motion-focus-visible:focus-within{opacity:1!important;transition:none!important}