.fade-in-bottom {
	opacity: 0;
	transform: translateY(20px);

	&.animate {
		animation: fadeInBottom 1s forwards;
	}

	@media (prefers-reduced-motion) {
		opacity: 1;
		transform: none;

		&.animiate {
			animation: none;
		}
	}
}

@keyframes fadeInBottom {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes rotateFullOut {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotateFullIn {
	0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}