[anim-effect=top]{transform:translateY(-1.2rem);opacity:0;transition:transform .5s ease,opacity .5s ease}[anim-effect=top].anim-reveal{transform:translate(0);opacity:1}[anim-effect=bottom]{transform:translateY(1.2rem);opacity:0;transition:transform .5s ease,opacity .5s ease}[anim-effect=bottom].anim-reveal{transform:translate(0);opacity:1}[anim-effect=right]{transform:translate(100%);opacity:0;transition:transform .5s ease,opacity .5s ease}[anim-effect=right].anim-reveal{transform:translate(0);opacity:1}[anim-effect=left]{transform:translate(-100%);opacity:0;transition:transform .5s ease,opacity .5s ease}[anim-effect=left].anim-reveal{transform:translate(0);opacity:1}[anim-effect=fade]{opacity:0;transition:all 1s ease .3s}[anim-effect=fade].anim-reveal{opacity:1}