#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background-color: $color_white;

	&::before {
		content: '\f1ce';
		font-family: "Font Awesome 5 Free";
		font-weight: 700;
		position: absolute;
		font-size: 4rem;
		animation: rotation 1.5s infinite linear;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
}
.preloader-visible {
	visibility: visible;
	opacity: 1;
	transition: opacity 1.5s linear;
}

.preloader-hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s linear;
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}