.reading-progress {
  position: fixed;
  top: var(--reading-progress-top, 0px);
  right: 0;
  left: 0;
  z-index: 2147483000;
  height: 3px;
  overflow: hidden;
  background: rgba(255, 48, 79, 0.16);
  pointer-events: none;
  contain: layout paint;
}

.reading-progress__bar {
  width: 100%;
  height: 100%;
  background: #ff304f;
  box-shadow: 0 0 10px rgba(255, 48, 79, 0.5);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

@media print {
  .reading-progress {
    display: none !important;
  }
}