#manon-navigation-loader {
	background: #fff;
	bottom: 0;
	direction: ltr;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 90ms ease, visibility 90ms ease;
	visibility: hidden;
	z-index: 31999;
}

#manon-navigation-loader.is-visible {
	opacity: 1;
	pointer-events: all;
	transition: none;
	visibility: visible;
}

.manon-loader-content {
	height: 80px;
	left: 50%;
	margin: -40px 0 0 -150px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 300px;
}

.manon-loader-arc {
	height: 70px;
	left: 50%;
	margin-left: -35px;
	margin-top: 5px;
	position: absolute;
	top: 0;
	width: 70px;
}

.manon-loader-arc-cube {
	animation: manon-loader-arc 850ms linear infinite;
	backface-visibility: hidden;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;
	border-right-color: #ce964c;
	border-style: solid;
	border-width: 8px;
	border-top-color: transparent;
	box-sizing: border-box;
	height: 70px;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateZ(0) rotate(0deg);
	will-change: transform;
	width: 70px;
}

@keyframes manon-loader-arc {
	to {
		transform: translateZ(0) rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	#manon-navigation-loader {
		transition: none;
	}

	.manon-loader-arc-cube {
		animation: none;
		border-width: 8px;
	}
}