@keyframes animate-translate-keys {
	0% {
		transform: translateY(var(--anim-translate-y-0)) translateX(var(--anim-translate-x-0));
	}

	100% {
		transform: translateY(var(--anim-translate-y-100)) translateX(var(--anim-translate-x-0));
	}
}

.animate-translate {
	animation-name: animate-translate-keys;
	animation-iteration-count: var(--anim-iter, 1);
	animation-duration: var(--anim-duration, 1s);
	animation-delay: var(--anim-delay, 0s);
	animation-timing-function: var(--anim-ease, linear);

	transform: translateY(var(--anim-translate-y-100));
}