Split tabs animation

.oxy-tabs-contents .left{

animation-duration:0.4s;
animation-iteration-count:1;
animation-name:slide-movedown_in;
z-index:2;
}

.oxy-tabs-contents .right{
animation-duration:0.4s;
animation-iteration-count:1;
animation-name:slide-moveup_in;
z-index:2;
}




@keyframes slide-movedown_in
{
	0% {transform:translateY(150%);opacity:0;}
	100%{transform:translateY(0%);opacity:1;}
}



@keyframes slide-moveup_in
{
	0% {transform:translateY(-150%);opacity:0;}
	100%{transform:translateY(0%);opacity:1;}
}



.oxy-tabs-contents-content-hidden {
	display:inherit!important;
	position:absolute;
	opacity:0;
	transition:0.4s ease opacity;
	pointer-events: none;
	cursor: default;
}





.oxy-tabs-contents-content-hidden .left{

animation-duration:0.4s;
animation-iteration-count:1;
animation-name:slide-movedown_out;
}

.oxy-tabs-contents-content-hidden .right{

animation-duration:0.4s;
animation-iteration-count:1;
animation-name:slide-moveup_out;
}




@keyframes slide-movedown_out
{
	0% {transform:translateY(0%);}
	100%{transform:translateY(-150%);}
}

@keyframes slide-moveup_out
{
	0% {transform:translateY(0%);}
	100%{transform:translateY(150%);}
}