/* Match the existing inner-page load bar without importing the article layout. */
.loadbar {
  position: fixed;
  left: 0;
  top: 0;
  z-index: var(--layer-loadbar);
  width: 100%;
  height: var(--loadbar-height);
  background: var(--flash, var(--highlight));
  box-shadow: 0 0 var(--loadbar-glow) var(--flash, var(--highlight));
  transform: translate3d(-100%, 0, 0);
  pointer-events: none;
}
.loadbar.is-run {
  transform: none;
  transition: transform var(--motion-bar) var(--motion-ease-ui);
}
.loadbar.is-done {
  opacity: 0;
  transition: transform var(--motion-bar) var(--motion-ease-ui),
              opacity var(--motion-normal) var(--motion-ease-fade);
}
@media (prefers-reduced-motion: reduce) {
  .loadbar { display: none; }
}