.preloader {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
}

.preloader.float {
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--neutral_0);
	z-index: 999999;
	animation: showMegaWizard 0.55s forwards;
}

.preloader.cover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: var(--neutral_0);
	z-index: 999999;
}

.preloader img {
	max-width: 100px;
	animation: bouncing-cake 1s infinite steps(2);
}

@-webkit-keyframes bouncing-cake {
	0% {
		transform: translateY(0) scale(1) rotate(0deg);
	}

	40% {
		transform: translateY(-10px) scale(1.04) rotate(4deg);
	}

	60% {
		transform: translateY(-20px) scale(1.1) rotate(0deg);
	}

	100% {
		transform: translateY(0) scale(1) rotate(12deg);
	}
}