.spa-preloader {
	border-radius: 50%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 2000;
}

.spa-preloader__bg {
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: opacity 300ms cubic-bezier(0.495, 0.155, 0.145, 0.955) 300ms;
}

.spa-preloader__animation {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate3d(-50%, -50%, 0) scale(1);
	transition: all 300ms cubic-bezier(0.495, 0.155, 0.145, 0.955);
}


.spa-preloader.active .spa-preloader__bg {
	border-radius: 0;
	opacity: 1;
}

.spa-preloader.active .spa-preloader__animation {
	opacity: 1;
	transform: translate3d(-50%, -50%, 0) scale(1);
}