@keyframes customRevealUp{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes customRevealDown{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes customRevealFromLeft{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes customRevealFromRight{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes customRevealFromCenter{0%{clip-path:polygon(35% 40%,65% 40%,65% 60%,35% 60%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.animated.reveal-up{animation-name:customRevealUp}.animated.reveal-down{animation-name:customRevealDown}.animated.reveal-from-left{animation-name:customRevealFromLeft}.animated.reveal-from-right{animation-name:customRevealFromRight}.animated.reveal-from-center{animation-name:customRevealFromCenter}