.mc-navigation-progress {
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: opacity 140ms ease;
}

.mc-navigation-progress.is-active {
	visibility: visible;
	opacity: 1;
}

.mc-navigation-progress > span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, #b18a36, #d7b55f 54%, #b18a36);
}

.mc-navigation-progress.is-active > span {
	animation: mc-navigation-progress-grow 10s cubic-bezier(0.22, 0.7, 0.34, 1) forwards;
}

@keyframes mc-navigation-progress-grow {
	0% { width: 0; }
	12% { width: 20%; }
	68% { width: 68%; }
	100% { width: 88%; }
}

body.admin-bar .mc-navigation-progress { top: 32px; }

@media screen and (max-width: 782px) {
	body.admin-bar .mc-navigation-progress { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	.mc-navigation-progress { transition: none; }
	.mc-navigation-progress.is-active > span {
		width: 24%;
		animation: none;
	}
}