/* A shared library location indicator, independent of each page's content. */
@view-transition { navigation: auto; }
/* Keep an opaque page surface throughout the document handoff. Only the
   location indicator interpolates; the page itself neither fades nor blends. */
:root { view-transition-name: root; }
::view-transition { background: var(--paper, #fff); }
::view-transition-group(root) { animation: none; }
::view-transition-old(root) { display: none; }
::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
.library-nav > .co-page-indicator { view-transition-name: html-library-location; }
::view-transition-group(html-library-location) {
  animation-duration: .28s;
  animation-timing-function: cubic-bezier(.22,.8,.28,1);
}
::view-transition-old(html-library-location),
::view-transition-new(html-library-location) { height: 100%; }
html.run-effects-pref-off .library-nav > .co-page-indicator,
html.run-motion-reduced .library-nav > .co-page-indicator { view-transition-name: none; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .library-nav > .co-page-indicator { view-transition-name: none; }
}