.loader-overlay {
	height: 100%;
	width: 100%;
	z-index: 9007199254740991; /* max integer */
	overflow-x: hidden;
	opacity: 0.9;
}

.loader-overlay-fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.loader {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
}

.loader>div {
	width: 12px;
	height: 12px;
	position: absolute;
	animation: loader-shift 2.3s linear infinite;
}

.loader>div:nth-of-type(1) {
	animation-delay: -0.46s;
}

.loader>div:nth-of-type(2) {
	animation-delay: -0.92s;
}

.loader>div:nth-of-type(3) {
	animation-delay: -1.38s;
}

.loader>div:nth-of-type(4) {
	animation-delay: -1.84s;
}

@keyframes loader-shift {
	0% {
		left: -54px;
		opacity: 0;
	}
	10% {
		left: -30px;
		opacity: 1;
	}
	90% {
		left: 30px;
		opacity: 1;
	}
	100% {
		left: 54px;
		opacity: 0;
	}
}