/* Original slim scroll indicator, with a neutral black finish. */
html.page-progress-enabled { scrollbar-width: none; }
html.page-progress-enabled::-webkit-scrollbar,
html.page-progress-enabled body::-webkit-scrollbar { display: none; }
.page-scroll-progress {
  position: fixed;
  top: 50%;
  right: 3.5px;
  z-index: 1100;
  width: 3px;
  height: min(66svh, 42rem);
  overflow: hidden;
  background: rgb(0 0 0 / .12);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 180ms ease;
}
.page-scroll-progress.is-scrolling { opacity: 1; }
.page-scroll-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: #111;
  transform: scaleY(var(--page-progress, 0));
  transform-origin: top;
  transition: transform 80ms linear;
}
@media (max-width: 700px) {
  .page-scroll-progress { right: 2.5px; height: min(66svh, 32rem); }
}
@media (prefers-reduced-motion: reduce) {
  .page-scroll-progress, .page-scroll-progress > span { transition: none; }
}