/* Scintilla Blocks — entrance animation keyframes */

@keyframes sctbFadeIn         { from{opacity:0}                                                      to{opacity:1} }
@keyframes sctbFadeInDown      { from{opacity:0;transform:translateY(-40px)}                         to{opacity:1;transform:translateY(0)} }
@keyframes sctbFadeInUp        { from{opacity:0;transform:translateY(40px)}                          to{opacity:1;transform:translateY(0)} }
@keyframes sctbFadeInLeft      { from{opacity:0;transform:translateX(-40px)}                         to{opacity:1;transform:translateX(0)} }
@keyframes sctbFadeInRight     { from{opacity:0;transform:translateX(40px)}                          to{opacity:1;transform:translateX(0)} }

@keyframes sctbZoomIn          { from{opacity:0;transform:scale3d(.3,.3,.3)}                         to{opacity:1;transform:scale3d(1,1,1)} }
@keyframes sctbZoomInDown      { from{opacity:0;transform:scale3d(.1,.1,.1) translateY(-1000px);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translateY(60px);animation-timing-function:cubic-bezier(.175,.885,.32,1)} to{transform:scale3d(1,1,1) translateY(0)} }
@keyframes sctbZoomInUp        { from{opacity:0;transform:scale3d(.1,.1,.1) translateY(1000px);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translateY(-60px);animation-timing-function:cubic-bezier(.175,.885,.32,1)} to{transform:scale3d(1,1,1) translateY(0)} }
@keyframes sctbZoomInLeft      { from{opacity:0;transform:scale3d(.1,.1,.1) translateX(-1000px);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translateX(10px);animation-timing-function:cubic-bezier(.175,.885,.32,1)} to{transform:scale3d(1,1,1) translateX(0)} }
@keyframes sctbZoomInRight     { from{opacity:0;transform:scale3d(.1,.1,.1) translateX(1000px);animation-timing-function:cubic-bezier(.55,.055,.675,.19)} 60%{opacity:1;transform:scale3d(.475,.475,.475) translateX(-10px);animation-timing-function:cubic-bezier(.175,.885,.32,1)} to{transform:scale3d(1,1,1) translateX(0)} }

@keyframes sctbSlideInDown     { from{transform:translateY(-100%);visibility:visible}                to{transform:translateY(0)} }
@keyframes sctbSlideInUp       { from{transform:translateY(100%);visibility:visible}                 to{transform:translateY(0)} }
@keyframes sctbSlideInLeft     { from{transform:translateX(-100%);visibility:visible}                to{transform:translateX(0)} }
@keyframes sctbSlideInRight    { from{transform:translateX(100%);visibility:visible}                 to{transform:translateX(0)} }

@keyframes sctbRotateIn        { from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0} to{transform-origin:center;transform:translateZ(0);opacity:1} }
@keyframes sctbRotateInDownLeft  { from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0} to{transform-origin:left bottom;transform:translateZ(0);opacity:1} }
@keyframes sctbRotateInDownRight { from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0} to{transform-origin:right bottom;transform:translateZ(0);opacity:1} }
@keyframes sctbRotateInUpLeft    { from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0} to{transform-origin:left bottom;transform:translateZ(0);opacity:1} }
@keyframes sctbRotateInUpRight   { from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0} to{transform-origin:right bottom;transform:translateZ(0);opacity:1} }

@keyframes sctbBounce          { from,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)} 40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)} 70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)} 80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0) scaleY(.95)} 90%{transform:translate3d(0,-4px,0) scaleY(1.02)} }
@keyframes sctbFlash           { from,50%,to{opacity:1} 25%,75%{opacity:0} }
@keyframes sctbPulse           { from{transform:scale3d(1,1,1)} 50%{transform:scale3d(1.05,1.05,1.05)} to{transform:scale3d(1,1,1)} }
@keyframes sctbRubberBand      { from{transform:scale3d(1,1,1)} 30%{transform:scale3d(1.25,.75,1)} 40%{transform:scale3d(.75,1.25,1)} 50%{transform:scale3d(1.15,.85,1)} 65%{transform:scale3d(.95,1.05,1)} 75%{transform:scale3d(1.05,.95,1)} to{transform:scale3d(1,1,1)} }
@keyframes sctbShake           { from,to{transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{transform:translate3d(10px,0,0)} }
@keyframes sctbHeadShake       { 0%{transform:translateX(0)} 6.5%{transform:translateX(-6px) rotateY(-9deg)} 18.5%{transform:translateX(5px) rotateY(7deg)} 31.5%{transform:translateX(-3px) rotateY(-5deg)} 43.5%{transform:translateX(2px) rotateY(3deg)} 50%{transform:translateX(0)} }
@keyframes sctbSwing           { 20%{transform:rotate3d(0,0,1,15deg)} 40%{transform:rotate3d(0,0,1,-10deg)} 60%{transform:rotate3d(0,0,1,5deg)} 80%{transform:rotate3d(0,0,1,-5deg)} to{transform:rotate3d(0,0,1,0deg)} }
@keyframes sctbTada            { from{transform:scale3d(1,1,1)} 10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} to{transform:scale3d(1,1,1)} }
@keyframes sctbWobble          { from{transform:translate3d(0,0,0)} 15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} to{transform:translate3d(0,0,0)} }
@keyframes sctbJello           { from,11.1%,to{transform:translate3d(0,0,0)} 22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7%{transform:skewX(.390625deg) skewY(.390625deg)} 88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)} }
@keyframes sctbLightSpeedIn    { from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{transform:skewX(20deg);opacity:1} 80%{transform:skewX(-5deg)} to{transform:translate3d(0,0,0);opacity:1} }
@keyframes sctbRollIn          { from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;transform:translate3d(0,0,0)} }