@charset "utf-8";
._motion_{opacity: 0;}

._motion_.ready[data-effect="zoom"]{opacity: 0;transform: scale(0);transition: 1s;}
._motion_.ready[data-effect="zoom"].active{opacity: 1;transform: scale(1);}

._motion_.ready[data-effect="left-in"]{opacity: 0;transform: translateX(-50%);transition: 1s;}
._motion_.ready[data-effect="left-in"].active{opacity: 1;transform: translateX(0)}

._motion_.ready[data-effect="right-in"]{opacity: 0;transform: translateX(50%);transition: 1s;}
._motion_.ready[data-effect="right-in"].active{opacity: 1;transform: translateX(0)}

._motion_.ready[data-effect="top-in"]{opacity: 0;transform: translateY(-50%);transition: 1s;}
._motion_.ready[data-effect="top-in"].active{opacity: 1;transform: translateY(0)}

._motion_.ready[data-effect="bottom-in"]{opacity: 0;transform: translateY(50%);transition: 1s;}
._motion_.ready[data-effect="bottom-in"].active{opacity: 1;transform: translateX(0)}

._motion_.ready[data-effect="opacity"]{opacity: 0; transition: 1s;}
._motion_.ready[data-effect="opacity"].active{opacity: 1;}





._motion_.ready[data-effect="rotation1"]{opacity: 0;transform: rotate(30deg);transition: 1s;}
._motion_.ready[data-effect="rotation1"].active{opacity: 1;transform: rotate(230deg)}

._motion_.ready[data-effect="rotation2"]{opacity: 0;transform: rotate(20deg);transition: 1s;}
._motion_.ready[data-effect="rotation2"].active{opacity: 1;transform: rotate(150deg)}

._motion_.ready[data-effect="rotation3"]{opacity: 0;transform: rotate(10deg);transition: 1s;}
._motion_.ready[data-effect="rotation3"].active{opacity: 1;transform: rotate(300deg)}