@keyframes textBg_Top{
	0% { background-position: 100% 100%; transform: translateY(100%); }
	50% { opacity: 1; }
	100% { opacity: 1; background-position: 0 0; transform: translateY(0); }
}

@keyframes textBg_Bottom{
	0% { background-position: 0% 0%; transform: translateY(0%); }
	50% { opacity: 1; }
	100% { opacity: 1; background-position: 100% 100%; transform: translateY(var(--top)); }
}

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes textTranslate_x{
	0%{ transform: translateX(var(--translate)); opacity: 0; }
	100%{ transform: translateX(0); opacity: 1; }
}

@keyframes textTranslate_y{
	0%{ transform: translateY(var(--translate)); opacity: 0; }
	100%{ transform: translateY(0); opacity: 1; }
}

@keyframes textTranslate_reverse{
	0%{ transform: translateX(0); opacity: 1; }
	100%{ transform: translateX(var(--reverse)); opacity: 0; }
}

@keyframes imgCover{
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}