.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

.scale-up {
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.scale-up.visible {
	opacity: 1;
	transform: scale(1);
}

.slide-in-left {
	opacity: 0;
	transform: translateX(-20px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-left.visible {
	opacity: 1;
	transform: translateX(0);
}

.slide-in-right {
	opacity: 0;
	transform: translateX(20px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.slide-in-right.visible {
	opacity: 1;
	transform: translateX(0);
}