.animation-fade-in{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}.animation-fade-in.short-duration{transition:opacity s .3 ease-out,transform .3s ease-out}.animation-fade-in.middle-duration{transition:opacity .5s ease-out,transform .5s ease-out}.animation-fade-in.long-duration{transition:opacity .7s ease-out,transform .7s ease-out}.animation-fade-in-top{transform:translateY(-30px)}.animation-fade-in-bottom{transform:translateY(30px)}.animation-fade-in-left{transform:translateX(-30px)}.animation-fade-in-right{transform:translateX(30px)}.animation-fade-in.animation-visible{opacity:1;transform:translate(0)}.animation-fade-in-bottom,.animation-fade-in-left,.animation-fade-in-right,.animation-fade-in-top{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out}.animation-fade-in-bottom.short-duration,.animation-fade-in-left.short-duration,.animation-fade-in-right.short-duration,.animation-fade-in-top.short-duration{transition:opacity .3s ease-out,transform .3s ease-out}.animation-fade-in-bottom.animation-visible,.animation-fade-in-left.animation-visible,.animation-fade-in-right.animation-visible,.animation-fade-in-top.animation-visible{opacity:1;transform:translate(0)}