.page-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 2px;
	background: #3357AB;
	transform: scaleX(0);
	transform-origin: 0 50%;
	opacity: 0;
	box-shadow: 0 0 10px rgba(51, 87, 171, 0.22);
	transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease;
	pointer-events: none;
}

.page-progress.is-active {
	opacity: 1;
}

.page-progress.is-running {
	transform: scaleX(0.84);
}

.page-progress.is-complete {
	transform: scaleX(1);
}