/* Scroll-story progress. The owning timeline controls scaleX from 0 to 1. */
.story-progress {
  box-sizing: border-box;
  width: min(240px, calc(100% - 48px));
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(var(--color-white-rgb), .26);
  pointer-events: none;
}

.story-progress__fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--color-white);
  transform: scaleX(0);
  transform-origin: left center;
}