/* Keep the outgoing frame in place until the incoming frame covers it.
   Sliding two complete documents apart briefly exposed the page canvas. */
html:active-view-transition-type(main-pages)::view-transition-old(root){animation:none!important;opacity:1;transform:none;mix-blend-mode:normal}
html:active-view-transition-type(main-pages)::view-transition-new(root){animation:page-content-arrive .24s ease-out both!important;mix-blend-mode:normal}
@keyframes page-content-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Shared chrome never starts from an empty snapshot. */
html:active-view-transition-type(main-pages)::view-transition-group(site-logo),
html:active-view-transition-type(main-pages)::view-transition-group(site-navigation),
html:active-view-transition-type(main-pages)::view-transition-group(site-background){animation-duration:0s!important}
html:active-view-transition-type(main-pages)::view-transition-old(site-logo),
html:active-view-transition-type(main-pages)::view-transition-old(site-navigation),
html:active-view-transition-type(main-pages)::view-transition-old(site-background){display:block!important;animation:none!important;opacity:1;mix-blend-mode:normal}
html:active-view-transition-type(main-pages)::view-transition-new(site-logo),
html:active-view-transition-type(main-pages)::view-transition-new(site-navigation),
html:active-view-transition-type(main-pages)::view-transition-new(site-background){animation:page-chrome-arrive .18s ease-out both!important;mix-blend-mode:normal}
@keyframes page-chrome-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html:active-view-transition-type(main-pages)::view-transition-new(root),html:active-view-transition-type(main-pages)::view-transition-new(site-logo),html:active-view-transition-type(main-pages)::view-transition-new(site-navigation),html:active-view-transition-type(main-pages)::view-transition-new(site-background){animation:none!important}}