.fromTopIn{transition:transform .8s ease,opacity .8s ease;transform:translate(0,0);opacity:1.0}.fromTopOut{transition:transform .8s ease,opacity .8s ease;transform:translate(0,-10px);opacity:.0}.fromBottomIn{transition:transform .8s ease,opacity .8s ease;transform:translate(0,0);opacity:1.0}.fromBottomOut{transition:transform .8s ease,opacity .8s ease;transform:translate(0,10px);opacity:.0}.fromLeftIn{transition:transform .8s ease,opacity .8s ease;transform:translate(0,0);opacity:1.0}.fromLeftOut{transition:transform .8s ease,opacity .8s ease;transform:translate(-10px,0);opacity:.0}.fromRightIn{transition:transform .8s ease,opacity .8s ease;transform:translate(0,0);opacity:1.0}.fromRightOut{transition:transform .8s ease,opacity .8s ease;transform:translate(10px,0);opacity:.0}.scaleUpIn{transition:transform .8s ease,opacity .8s ease;transform:scale(1,1.0);opacity:1.0}.scaleUpOut{transition:transform .8s ease,opacity .8s ease;transform:scale(1.3,1.3);opacity:.0}.scaleDownIn{transition:transform .8s ease,opacity .8s ease;transform:scale(1,1.0);opacity:1.0}.scaleDownOut{transition:transform .8s ease,opacity .8s ease;transform:scale(.7,.7);opacity:.0}