.opx-reading-progress {
	position: sticky;
	top: var(--opx-reading-progress-top, 89px);
	z-index: 998;
	margin: 0;
	padding: 0;
}

.opx-reading-progress__track {
	height: 9px;
	width: 100%;
	background: var(--wp--preset--color--line, #eee);
	border-radius: 50px;
	overflow: hidden;
}

.opx-reading-progress__fill {
	height: 100%;
	width: 0;
	background: var(--wp--preset--color--accent, #ff4d00);
	border-radius: 50px;
	transform-origin: left center;
	transition: width 0.12s linear;
}

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