@import "../c/conf";

@keyframes scale_in {
	0% {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
@keyframes scale_in_left_up {
	0% {
		opacity: 0;
		transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	}
}
@keyframes scale_in_right_down {
	0% {
		opacity: 0;
		transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	}
}
@keyframes scale_in_right_up {
	0% {
		opacity: 0;
		transform: translate3d(50%, -50%, 0) scale3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	}
}
@keyframes scale_in_left_down {
	0% {
		opacity: 0;
		transform: translate3d(-50%, 50%, 0) scale3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	}
}

.a-scale-in {
	animation: scale_in $ad2 ease-in;
}

.a-scale-in-left-up {
	animation: scale_in_left_up $ad2 ease-in;
}

.a-scale-in-right-up {
	animation: scale_in_right_up $ad2 ease-in;
}

.a-scale-in-left-down {
	animation: scale_in_left_down $ad2 ease-in;
}

.a-scale-in-right-down {
	animation: scale_in_right_down $ad2 ease-in;
}