@charset "utf-8";
/* CSS Document */

.appear {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.appear.is_visible {
	opacity: 1;
	transform: translateY(0);
}

.animate {
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
		transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
}
.animate.is_visible {
	opacity: 1;
	transform: translateY(0);
}

.fade_up {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade_up.is_visible {
	opacity: 1;
	transform: translateY(0);
}

.fade_left {
	opacity: 0;
	transform: translateX(-16px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade_left.is_visible {
	opacity: 1;
	transform: translateX(0);
}

.fade_right {
	opacity: 0;
	transform: translateX(16px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade_right.is_visible {
	opacity: 1;
	transform: translateX(0);
}

.zoom_in {
	opacity: 0;
	transform: scale(0.96);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.zoom_in.is_visible {
	opacity: 1;
	transform: scale(1);
}

.delay_1 { transition-delay: 0.05s; }
.delay_2 { transition-delay: 0.15s; }
.delay_3 { transition-delay: 0.30s; }
.delay_4 { transition-delay: 0.45s; }