.nia-reading-progress {
  position: fixed;
  z-index: 99998;
  top: var(--nia-reading-progress-top, 0px);
  left: 0;
  width: 100%;
  height: 3px;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}

.nia-reading-progress.is-active {
  visibility: visible;
}

.nia-reading-progress > i {
  display: block;
  width: 100%;
  height: 100%;
  background: #38b67a;
  transform: scaleX(var(--nia-reading-progress, 0));
  transform-origin: left center;
  transition: transform 90ms linear;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .nia-reading-progress > i {
    transition: none;
  }
}