.animate-on-scroll{transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll:not(.animate-on-scroll--visible){opacity:0}.animate-on-scroll--visible{opacity:1}.animate-on-scroll--direction-up:not(.animate-on-scroll--visible){transform:translateY(30px)}.animate-on-scroll--direction-down:not(.animate-on-scroll--visible){transform:translateY(-30px)}.animate-on-scroll--direction-left:not(.animate-on-scroll--visible){transform:translateX(30px)}.animate-on-scroll--direction-right:not(.animate-on-scroll--visible){transform:translateX(-30px)}.animate-on-scroll--direction-down.animate-on-scroll--visible,.animate-on-scroll--direction-fade.animate-on-scroll--visible,.animate-on-scroll--direction-fade:not(.animate-on-scroll--visible),.animate-on-scroll--direction-left.animate-on-scroll--visible,.animate-on-scroll--direction-right.animate-on-scroll--visible,.animate-on-scroll--direction-up.animate-on-scroll--visible,.animate-on-scroll--visible{transform:none}