/*
 * Reading progress indicator.
 * A thin bar at the top of the viewport that fills as the visitor
 * scrolls through a single post. Loaded only on singular post views
 * and only when the setting is enabled.
 */

.rw-reading-progress {
	position: fixed;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 9990;
	pointer-events: none;
	background: transparent;
}

.rw-reading-progress__bar {
	display: block;
	height: 100%;
	width: 0;
	background: var(--rw-color-primary);
	transform-origin: left center;
	will-change: width;
	transition: width 80ms linear;
}

@media (prefers-reduced-motion: reduce) {
	.rw-reading-progress__bar {
		transition: none;
	}
}