.highlight-in {
-webkit-animation:animate-in 4.8s ease-out;
animation:animate-in 4.8s ease-out
}
.highlight-out {
-webkit-animation:animate-out 4.8s ease-out;
animation:animate-out 4.8s ease-out
}
.highlight-warning {
-webkit-animation:animate-warning 4.8s ease-out;
animation:animate-warning 4.8s ease-out
}

@-webkit-keyframes animate-in{
	50%{opacity:1;background:rgba(222, 49, 99, 0.8);}
	30%{opacity:0.3}
}
@keyframes animate-in{
	50%{opacity:1;background:rgba(222, 49, 99, 0.8);}
	30%{opacity:0.3}
}

@-webkit-keyframes animate-out{
	50%{opacity:1;background:rgba(100, 149, 237, 0.8);}
	30%{opacity:0.3}
}
@keyframes animate-out{
	50%{opacity:1;background:rgba(100, 149, 237, 0.8);}
	30%{opacity:0.3}
}

@-webkit-keyframes animate-warning{
	50%{opacity:1;background:rgba(255, 191, 0, 0.8);}
	30%{opacity:0.3}
}
@keyframes animate-warning{
	50%{opacity:1;background:rgba(244, 237, 95, 0.5);}
	30%{opacity:0.3}
}
