/*
 * Article reading progress.
 * The indicator is attached to the lower edge of the sticky masthead and
 * measures only the main article body, not comments, related posts or footer.
 */
body.single-post.go-verge .go-header--editorial > .go-article-reading-progress {
	position: absolute !important;
	inset: auto 0 0 !important;
	z-index: 12 !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 3px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	pointer-events: none !important;
	overflow: hidden !important;
}

body.single-post.go-verge .go-header--editorial > .go-article-reading-progress > .go-article-reading-progress__bar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: linear-gradient(
		90deg,
		var(--lime, #c8ff00),
		color-mix(in srgb, var(--lime, #c8ff00) 62%, white 38%)
	) !important;
	transform: scaleX(0);
	transform-origin: left center !important;
	will-change: transform;
}

@supports not (background: color-mix(in srgb, black, white)) {
	body.single-post.go-verge .go-header--editorial > .go-article-reading-progress > .go-article-reading-progress__bar {
		background: var(--lime, #c8ff00) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-post.go-verge .go-article-reading-progress__bar {
		transition: none !important;
	}
}

@media print {
	body.single-post.go-verge .go-article-reading-progress {
		display: none !important;
	}
}