/*-------------------------------------------------------
Animations
-------------------------------------------------------*/

/*-------------------------------------------------------
Loading screen
-------------------------------------------------------*/

.loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 100000;
	will-change: top;
}

.loading-screen.fade-in {
	animation-name: fade-in;
	animation-duration: 0.6s;
	animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
	top: 0;
}

.loading-screen.fade-out {
	animation-name: fade-out;
	animation-duration: 0.6s;
	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	top: -120%;
}

@keyframes fade-in {
	0% {
		top: 120%;
	}
	100% {
		top: 0;
	}
}

@keyframes fade-out {
	0% {
		top: 0;
	}
	100% {
		top: -120%;
	}
}