react-awesome-reveal - npm Package Compare versions

Comparing version 3.4.0 to 3.5.0

dist/react-awesome-reveal.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),r=require("@emotion/core"),t=require("react-intersection-observer");function a(){return(a=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n}).apply(this,arguments)}function e(n,r){if(null==n)return{};var t,a,e={},o=Object.keys(n);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(e[t]=n[t]);return e}function o(n,r){return r||(r=n.slice(0)),n.raw=r,n}function s(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return s=function(){return n},n}var i=r.keyframes(s());function f(){var n=o(["\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n    animation-delay: ","ms;\n    animation-name: ",";\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ",";\n  "]);return f=function(){return n},n}function c(n){var t=n.duration,a=void 0===t?1e3:t,e=n.delay,o=void 0===e?0:e,s=n.timingFunction,c=void 0===s?"ease":s,u=n.keyframes,m=void 0===u?i:u,d=n.iterationCount,l=void 0===d?1:d;return r.css(f(),a,c,o,m,l)}function u(){for(var n=arguments.length,r=new Array(n),t=0;t<n;t++)r[t]=arguments[t];var a=r.filter(Boolean);return a.length?a.join(" "):void 0}function m(n,r){return"function"==typeof Symbol&&Symbol.for?Symbol.for(n):r}var d=function e(o){var s=o.cascade,f=void 0!==s&&s,d=o.damping,l=void 0===d?.5:d,p=o.delay,y=void 0===p?0:p,v=o.duration,g=void 0===v?1e3:v,k=o.fraction,x=void 0===k?0:k,b=o.keyframes,h=void 0===b?i:b,w=o.triggerOnce,O=void 0!==w&&w,j=o.css,Y=o.className,X=o.style,z=o.childClassName,N=o.childStyle,E=o.children,S=o.onVisibilityChange;if(null==E)return null;if(function(n){return"string"==typeof n||"number"==typeof n||"boolean"==typeof n}(E)){var V={display:"inline-block",whiteSpace:"pre"};return f?r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){var t=n.inView;return r.jsx("div",{ref:n.ref,css:[j,V],className:Y,style:X},String(E).split("").map((function(n,a){var e=t?c({keyframes:h,delay:y+a*g*l,duration:g}):{opacity:0};return r.jsx("span",{key:a,css:e,className:z,style:N},n)})))})):r.jsx(e,Object.assign({},{delay:y,duration:g,fraction:x,keyframes:h,triggerOnce:O,css:j,className:Y,style:X}),r.jsx(n.Fragment,null,String(E)))}return function(n){if("object"==typeof n&&null!==n){var r=m("react.element",60103),t=m("react.fragment",60107);return n.$$typeof===r&&n.type===t}return!1}(E)?r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){return r.jsx("div",{ref:n.ref,css:n.inView?[j,c({keyframes:h,delay:y,duration:g})]:{opacity:0},className:Y,style:X},E)})):r.jsx(n.Fragment,null,n.Children.map(E,(function(o,s){var i=o,m=i.props.css?[i.props.css]:[];switch(m.push(c({keyframes:h,delay:y+(f?s*g*l:0),duration:g})),i.type){case"ol":case"ul":return n.cloneElement(i,{className:u(Y,i.props.className),style:a({},X,i.props.style)},r.jsx(e,Object.assign({},{cascade:f,damping:l,delay:y,duration:g,fraction:x,keyframes:h,triggerOnce:O,css:j,childClassName:z,childStyle:N}),i.props.children));case"li":return r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){return r.jsx(i.type,a({},i.props,{ref:n.ref,css:n.inView?[j].concat(m):{opacity:0},className:u(z,i.props.className),style:a({},N,i.props.style)}))}));default:return r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(t){return r.jsx("div",{ref:t.ref,css:t.inView?[j].concat(m):{opacity:0},className:Y,style:X},n.cloneElement(i,{className:u(z,i.props.className),style:a({},N,i.props.style)}))}))}})))};function l(){var n=o(["\n  from,\n  20%,\n  53%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0);\n  }\n\n  40%,\n  43% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n  }\n\n  80% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n  }\n"]);return l=function(){return n},n}var p=r.keyframes(l());function y(){var n=o(["\n  from,\n  50%,\n  to {\n    opacity: 1;\n  }\n\n  25%,\n  75% {\n    opacity: 0;\n  }\n"]);return y=function(){return n},n}var v=r.keyframes(y());function g(){var n=o(["\n  0% {\n    transform: translateX(0);\n  }\n\n  6.5% {\n    transform: translateX(-6px) rotateY(-9deg);\n  }\n\n  18.5% {\n    transform: translateX(5px) rotateY(7deg);\n  }\n\n  31.5% {\n    transform: translateX(-3px) rotateY(-5deg);\n  }\n\n  43.5% {\n    transform: translateX(2px) rotateY(3deg);\n  }\n\n  50% {\n    transform: translateX(0);\n  }\n"]);return g=function(){return n},n}var k=r.keyframes(g());function x(){var n=o(["\n  0% {\n    transform: scale(1);\n  }\n\n  14% {\n    transform: scale(1.3);\n  }\n\n  28% {\n    transform: scale(1);\n  }\n\n  42% {\n    transform: scale(1.3);\n  }\n\n  70% {\n    transform: scale(1);\n  }\n"]);return x=function(){return n},n}var b=r.keyframes(x());function h(){var n=o(["\n  from,\n  11.1%,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  22.2% {\n    transform: skewX(-12.5deg) skewY(-12.5deg);\n  }\n\n  33.3% {\n    transform: skewX(6.25deg) skewY(6.25deg);\n  }\n\n  44.4% {\n    transform: skewX(-3.125deg) skewY(-3.125deg);\n  }\n\n  55.5% {\n    transform: skewX(1.5625deg) skewY(1.5625deg);\n  }\n\n  66.6% {\n    transform: skewX(-0.78125deg) skewY(-0.78125deg);\n  }\n\n  77.7% {\n    transform: skewX(0.390625deg) skewY(0.390625deg);\n  }\n\n  88.8% {\n    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n  }\n"]);return h=function(){return n},n}var w=r.keyframes(h());function O(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return O=function(){return n},n}var j=r.keyframes(O());function Y(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  30% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n\n  40% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n\n  50% {\n    transform: scale3d(1.15, 0.85, 1);\n  }\n\n  65% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n\n  75% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return Y=function(){return n},n}var X=r.keyframes(Y());function z(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return z=function(){return n},n}var N=r.keyframes(z());function E(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return E=function(){return n},n}var S=r.keyframes(E());function V(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(0, 10px, 0);\n  }\n"]);return V=function(){return n},n}var C=r.keyframes(V());function F(){var n=o(["\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n"]);return F=function(){return n},n}var B=r.keyframes(F());function I(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%,\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%,\n  60%,\n  80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return I=function(){return n},n}var T=r.keyframes(I());function q(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return q=function(){return n},n}var A=r.keyframes(q());function P(){var n=o(["\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"]);return P=function(){return n},n}var R=r.keyframes(P());function $(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0) scaleY(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return $=function(){return n},n}var _=r.keyframes($());function H(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(-10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return H=function(){return n},n}var J=r.keyframes(H());function M(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(-5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return M=function(){return n},n}var Z=r.keyframes(M());function D(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0) scaleY(5);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return D=function(){return n},n}var G=r.keyframes(D());function K(){var n=o(["\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  50%,\n  55% {\n    opacity: 1;\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]);return K=function(){return n},n}var L=r.keyframes(K());function Q(){var n=o(["\n  20% {\n    transform: translate3d(0, 10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0) scaleY(3);\n  }\n"]);return Q=function(){return n},n}var U=r.keyframes(Q());function W(){var n=o(["\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0) scaleX(2);\n  }\n"]);return W=function(){return n},n}var nn=r.keyframes(W());function rn(){var n=o(["\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0) scaleX(2);\n  }\n"]);return rn=function(){return n},n}var tn=r.keyframes(rn());function an(){var n=o(["\n  20% {\n    transform: translate3d(0, -10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) scaleY(3);\n  }\n"]);return an=function(){return n},n}var en=r.keyframes(an());function on(n,r){switch(r){case"down":return n?U:_;case"left":return n?nn:J;case"right":return n?tn:Z;case"up":return n?en:G;default:return n?L:R}}function sn(){var n=o(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]);return sn=function(){return n},n}var fn=r.keyframes(sn());function cn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return cn=function(){return n},n}var un=r.keyframes(cn());function mn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return mn=function(){return n},n}var dn=r.keyframes(mn());function ln(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return ln=function(){return n},n}var pn=r.keyframes(ln());function yn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return yn=function(){return n},n}var vn=r.keyframes(yn());function gn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return gn=function(){return n},n}var kn=r.keyframes(gn());function xn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return xn=function(){return n},n}var bn=r.keyframes(xn());function hn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return hn=function(){return n},n}var wn=r.keyframes(hn());function On(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return On=function(){return n},n}var jn=r.keyframes(On());function Yn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Yn=function(){return n},n}var Xn=r.keyframes(Yn());function zn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return zn=function(){return n},n}var Nn=r.keyframes(zn());function En(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return En=function(){return n},n}var Sn=r.keyframes(En());function Vn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return Vn=function(){return n},n}var Cn=r.keyframes(Vn());function Fn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n"]);return Fn=function(){return n},n}var Bn=r.keyframes(Fn());function In(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n"]);return In=function(){return n},n}var Tn=r.keyframes(In());function qn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return qn=function(){return n},n}var An=r.keyframes(qn());function Pn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n"]);return Pn=function(){return n},n}var Rn=r.keyframes(Pn());function $n(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return $n=function(){return n},n}var _n=r.keyframes($n());function Hn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n"]);return Hn=function(){return n},n}var Jn=r.keyframes(Hn());function Mn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return Mn=function(){return n},n}var Zn=r.keyframes(Mn());function Dn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n"]);return Dn=function(){return n},n}var Gn=r.keyframes(Dn());function Kn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n"]);return Kn=function(){return n},n}var Ln=r.keyframes(Kn());function Qn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n"]);return Qn=function(){return n},n}var Un=r.keyframes(Qn());function Wn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return Wn=function(){return n},n}var nr=r.keyframes(Wn());function rr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n"]);return rr=function(){return n},n}var tr=r.keyframes(rr());function ar(n,r,t){switch(t){case"bottom-left":return r?Bn:un;case"bottom-right":return r?Tn:dn;case"down":return n?r?Rn:vn:r?An:pn;case"left":return n?r?Jn:kn:r?_n:i;case"right":return n?r?Gn:wn:r?Zn:bn;case"top-left":return r?Ln:jn;case"top-right":return r?Un:Xn;case"up":return n?r?tr:Sn:r?nr:Nn;default:return r?Cn:fn}}function er(){var n=o(["\n  from {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n"]);return er=function(){return n},n}var or=r.keyframes(er());function sr(){var n=o(["\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return sr=function(){return n},n}var ir=r.keyframes(sr());function fr(){var n=o(["\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return fr=function(){return n},n}var cr=r.keyframes(fr());function ur(){var n=o(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n"]);return ur=function(){return n},n}var mr=r.keyframes(ur());function dr(){var n=o(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n"]);return dr=function(){return n},n}var lr=r.keyframes(dr());function pr(n,r){switch(r){case"horizontal":return n?mr:ir;case"vertical":return n?lr:cr;default:return or}}function yr(){var n=o(["\n  0% {\n    animation-timing-function: ease-in-out;\n  }\n\n  20%,\n  60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    animation-timing-function: ease-in-out;\n  }\n\n  40%,\n  80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n"]);return yr=function(){return n},n}var vr=r.keyframes(yr());function gr(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n\n  50% {\n    transform: rotate(-10deg);\n  }\n\n  70% {\n    transform: rotate(3deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"]);return gr=function(){return n},n}var kr=r.keyframes(gr());function xr(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return xr=function(){return n},n}var br=r.keyframes(xr());function hr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n"]);return hr=function(){return n},n}var wr=r.keyframes(hr());function Or(n){return n?wr:br}function jr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return jr=function(){return n},n}var Yr=r.keyframes(jr());function Xr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Xr=function(){return n},n}var zr=r.keyframes(Xr());function Nr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Nr=function(){return n},n}var Er=r.keyframes(Nr());function Sr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Sr=function(){return n},n}var Vr=r.keyframes(Sr());function Cr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Cr=function(){return n},n}var Fr=r.keyframes(Cr());function Br(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 200deg);\n    opacity: 0;\n  }\n"]);return Br=function(){return n},n}var Ir=r.keyframes(Br());function Tr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n"]);return Tr=function(){return n},n}var qr=r.keyframes(Tr());function Ar(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Ar=function(){return n},n}var Pr=r.keyframes(Ar());function Rr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Rr=function(){return n},n}var $r=r.keyframes(Rr());function _r(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 90deg);\n    opacity: 0;\n  }\n"]);return _r=function(){return n},n}var Hr=r.keyframes(_r());function Jr(){var n=o(["\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Jr=function(){return n},n}var Mr=r.keyframes(Jr());function Zr(){var n=o(["\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Zr=function(){return n},n}var Dr=r.keyframes(Zr());function Gr(){var n=o(["\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Gr=function(){return n},n}var Kr=r.keyframes(Gr());function Lr(){var n=o(["\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Lr=function(){return n},n}var Qr=r.keyframes(Lr());function Ur(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return Ur=function(){return n},n}var Wr=r.keyframes(Ur());function nt(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return nt=function(){return n},n}var rt=r.keyframes(nt());function tt(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return tt=function(){return n},n}var at=r.keyframes(tt());function et(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return et=function(){return n},n}var ot=r.keyframes(et());function st(n,r){switch(r){case"down":return n?Wr:Mr;case"right":return n?at:Kr;case"up":return n?ot:Qr;case"left":default:return n?rt:Dr}}function it(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n"]);return it=function(){return n},n}var ft=r.keyframes(it());function ct(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return ct=function(){return n},n}var ut=r.keyframes(ct());function mt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return mt=function(){return n},n}var dt=r.keyframes(mt());function lt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return lt=function(){return n},n}var pt=r.keyframes(lt());function yt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return yt=function(){return n},n}var vt=r.keyframes(yt());function gt(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return gt=function(){return n},n}var kt=r.keyframes(gt());function xt(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return xt=function(){return n},n}var bt=r.keyframes(xt());function ht(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(-2000px, 0, 0);\n  }\n"]);return ht=function(){return n},n}var wt=r.keyframes(ht());function Ot(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(2000px, 0, 0);\n  }\n"]);return Ot=function(){return n},n}var jt=r.keyframes(Ot());function Yt(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return Yt=function(){return n},n}var Xt=r.keyframes(Yt());function zt(n,r){switch(r){case"down":return n?bt:ut;case"left":return n?wt:dt;case"right":return n?jt:pt;case"up":return n?Xt:vt;default:return n?kt:ft}}exports.AttentionSeeker=function(r){var t=r.effect,a=void 0===t?"bounce":t,o=r.css,s=e(r,["effect","css"]),i=function(n){switch(n){case"flash":return[v];case"headShake":return[k,{animationTimingFunction:"ease-in-out"}];case"heartBeat":return[b,{animationTimingFunction:"ease-in-out"}];case"jello":return[w,{transformOrigin:"center"}];case"pulse":return[j,{animationTimingFunction:"ease-in-out"}];case"rubberBand":return[X];case"shake":return[N];case"shakeX":return[S];case"shakeY":return[C];case"swing":return[B,{transformOrigin:"top center"}];case"tada":return[T];case"wobble":return[A];case"bounce":default:return[p,{transformOrigin:"center bottom"}]}}(a);return n.createElement(d,Object.assign({keyframes:i[0],css:[o,i[1]]},s))},exports.Bounce=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:on(o,t)},s))},exports.Fade=function(r){var t=r.big,a=void 0!==t&&t,o=r.direction,s=r.reverse,i=void 0!==s&&s,f=e(r,["big","direction","reverse"]);return n.createElement(d,Object.assign({keyframes:ar(a,i,o)},f))},exports.Flip=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=r.css,i=e(r,["direction","reverse","css"]);return n.createElement(d,Object.assign({keyframes:pr(o,t),css:[s,{backfaceVisibility:"visible"}]},i))},exports.Hinge=function(r){var t=r.css,a=e(r,["css"]);return n.createElement(d,Object.assign({keyframes:vr,css:[t,{transformOrigin:"top left"}]},a))},exports.JackInTheBox=function(r){return n.createElement(d,Object.assign({keyframes:kr},r))},exports.Roll=function(r){var t=r.reverse,a=void 0!==t&&t,o=e(r,["reverse"]);return n.createElement(d,Object.assign({keyframes:Or(a)},o))},exports.Rotate=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=r.css,i=e(r,["direction","reverse","css"]),f=function(n,r){switch(r){case"bottom-left":return n?[qr,{transformOrigin:"left bottom"}]:[zr,{transformOrigin:"left bottom"}];case"bottom-right":return n?[Pr,{transformOrigin:"right bottom"}]:[Er,{transformOrigin:"right bottom"}];case"top-left":return n?[$r,{transformOrigin:"left bottom"}]:[Vr,{transformOrigin:"left bottom"}];case"top-right":return n?[Hr,{transformOrigin:"right bottom"}]:[Fr,{transformOrigin:"right bottom"}];default:return n?[Ir,{transformOrigin:"center"}]:[Yr,{transformOrigin:"center"}]}}(o,t);return n.createElement(d,Object.assign({keyframes:f[0],css:[s,f[1]]},i))},exports.Slide=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:st(o,t)},s))},exports.Zoom=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:zt(o,t)},s))},exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),r=require("@emotion/react"),t=require("react-intersection-observer");function a(){return(a=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n}).apply(this,arguments)}function e(n,r){if(null==n)return{};var t,a,e={},o=Object.keys(n);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(e[t]=n[t]);return e}function o(n,r){return r||(r=n.slice(0)),n.raw=r,n}function s(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return s=function(){return n},n}var i=r.keyframes(s());function f(){var n=o(["\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n    animation-delay: ","ms;\n    animation-name: ",";\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ",";\n  "]);return f=function(){return n},n}function c(n){var t=n.duration,a=void 0===t?1e3:t,e=n.delay,o=void 0===e?0:e,s=n.timingFunction,c=void 0===s?"ease":s,u=n.keyframes,m=void 0===u?i:u,d=n.iterationCount,l=void 0===d?1:d;return r.css(f(),a,c,o,m,l)}function u(){for(var n=arguments.length,r=new Array(n),t=0;t<n;t++)r[t]=arguments[t];var a=r.filter(Boolean);return a.length?a.join(" "):void 0}function m(n,r){return"function"==typeof Symbol&&Symbol.for?Symbol.for(n):r}var d=function e(o){var s=o.cascade,f=void 0!==s&&s,d=o.damping,l=void 0===d?.5:d,p=o.delay,y=void 0===p?0:p,v=o.duration,g=void 0===v?1e3:v,k=o.fraction,x=void 0===k?0:k,b=o.keyframes,h=void 0===b?i:b,w=o.triggerOnce,O=void 0!==w&&w,j=o.css,Y=o.className,X=o.style,z=o.childClassName,N=o.childStyle,E=o.children,S=o.onVisibilityChange;if(null==E)return null;if(function(n){return"string"==typeof n||"number"==typeof n||"boolean"==typeof n}(E)){var V={display:"inline-block",whiteSpace:"pre"};return f?r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){var t=n.inView;return r.jsx("div",{ref:n.ref,css:[j,V],className:Y,style:X},String(E).split("").map((function(n,a){var e=t?c({keyframes:h,delay:y+a*g*l,duration:g}):{opacity:0};return r.jsx("span",{key:a,css:e,className:z,style:N},n)})))})):r.jsx(e,Object.assign({},{delay:y,duration:g,fraction:x,keyframes:h,triggerOnce:O,css:j,className:Y,style:X}),r.jsx(n.Fragment,null,String(E)))}return function(n){if("object"==typeof n&&null!==n){var r=m("react.element",60103),t=m("react.fragment",60107);return n.$$typeof===r&&n.type===t}return!1}(E)?r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){return r.jsx("div",{ref:n.ref,css:n.inView?[j,c({keyframes:h,delay:y,duration:g})]:{opacity:0},className:Y,style:X},E)})):r.jsx(n.Fragment,null,n.Children.map(E,(function(o,s){var i=o,m=i.props.css?[i.props.css]:[];switch(m.push(c({keyframes:h,delay:y+(f?s*g*l:0),duration:g})),i.type){case"ol":case"ul":return n.cloneElement(i,{className:u(Y,i.props.className),style:a({},X,i.props.style)},r.jsx(e,Object.assign({},{cascade:f,damping:l,delay:y,duration:g,fraction:x,keyframes:h,triggerOnce:O,css:j,childClassName:z,childStyle:N}),i.props.children));case"li":return r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(n){return r.jsx(i.type,a({},i.props,{ref:n.ref,css:n.inView?[j].concat(m):{opacity:0},className:u(z,i.props.className),style:a({},N,i.props.style)}))}));default:return r.jsx(t.InView,{threshold:x,triggerOnce:O,onChange:S},(function(t){return r.jsx("div",{ref:t.ref,css:t.inView?[j].concat(m):{opacity:0},className:Y,style:X},n.cloneElement(i,{className:u(z,i.props.className),style:a({},N,i.props.style)}))}))}})))};function l(){var n=o(["\n  from,\n  20%,\n  53%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0);\n  }\n\n  40%,\n  43% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n  }\n\n  80% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n  }\n"]);return l=function(){return n},n}var p=r.keyframes(l());function y(){var n=o(["\n  from,\n  50%,\n  to {\n    opacity: 1;\n  }\n\n  25%,\n  75% {\n    opacity: 0;\n  }\n"]);return y=function(){return n},n}var v=r.keyframes(y());function g(){var n=o(["\n  0% {\n    transform: translateX(0);\n  }\n\n  6.5% {\n    transform: translateX(-6px) rotateY(-9deg);\n  }\n\n  18.5% {\n    transform: translateX(5px) rotateY(7deg);\n  }\n\n  31.5% {\n    transform: translateX(-3px) rotateY(-5deg);\n  }\n\n  43.5% {\n    transform: translateX(2px) rotateY(3deg);\n  }\n\n  50% {\n    transform: translateX(0);\n  }\n"]);return g=function(){return n},n}var k=r.keyframes(g());function x(){var n=o(["\n  0% {\n    transform: scale(1);\n  }\n\n  14% {\n    transform: scale(1.3);\n  }\n\n  28% {\n    transform: scale(1);\n  }\n\n  42% {\n    transform: scale(1.3);\n  }\n\n  70% {\n    transform: scale(1);\n  }\n"]);return x=function(){return n},n}var b=r.keyframes(x());function h(){var n=o(["\n  from,\n  11.1%,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  22.2% {\n    transform: skewX(-12.5deg) skewY(-12.5deg);\n  }\n\n  33.3% {\n    transform: skewX(6.25deg) skewY(6.25deg);\n  }\n\n  44.4% {\n    transform: skewX(-3.125deg) skewY(-3.125deg);\n  }\n\n  55.5% {\n    transform: skewX(1.5625deg) skewY(1.5625deg);\n  }\n\n  66.6% {\n    transform: skewX(-0.78125deg) skewY(-0.78125deg);\n  }\n\n  77.7% {\n    transform: skewX(0.390625deg) skewY(0.390625deg);\n  }\n\n  88.8% {\n    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n  }\n"]);return h=function(){return n},n}var w=r.keyframes(h());function O(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return O=function(){return n},n}var j=r.keyframes(O());function Y(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  30% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n\n  40% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n\n  50% {\n    transform: scale3d(1.15, 0.85, 1);\n  }\n\n  65% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n\n  75% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return Y=function(){return n},n}var X=r.keyframes(Y());function z(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return z=function(){return n},n}var N=r.keyframes(z());function E(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return E=function(){return n},n}var S=r.keyframes(E());function V(){var n=o(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(0, 10px, 0);\n  }\n"]);return V=function(){return n},n}var C=r.keyframes(V());function F(){var n=o(["\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n"]);return F=function(){return n},n}var B=r.keyframes(F());function I(){var n=o(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%,\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%,\n  60%,\n  80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return I=function(){return n},n}var T=r.keyframes(I());function q(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return q=function(){return n},n}var A=r.keyframes(q());function P(){var n=o(["\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"]);return P=function(){return n},n}var R=r.keyframes(P());function $(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0) scaleY(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return $=function(){return n},n}var _=r.keyframes($());function H(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(-10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return H=function(){return n},n}var J=r.keyframes(H());function M(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(-5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return M=function(){return n},n}var Z=r.keyframes(M());function D(){var n=o(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0) scaleY(5);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return D=function(){return n},n}var G=r.keyframes(D());function K(){var n=o(["\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  50%,\n  55% {\n    opacity: 1;\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]);return K=function(){return n},n}var L=r.keyframes(K());function Q(){var n=o(["\n  20% {\n    transform: translate3d(0, 10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0) scaleY(3);\n  }\n"]);return Q=function(){return n},n}var U=r.keyframes(Q());function W(){var n=o(["\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0) scaleX(2);\n  }\n"]);return W=function(){return n},n}var nn=r.keyframes(W());function rn(){var n=o(["\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0) scaleX(2);\n  }\n"]);return rn=function(){return n},n}var tn=r.keyframes(rn());function an(){var n=o(["\n  20% {\n    transform: translate3d(0, -10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) scaleY(3);\n  }\n"]);return an=function(){return n},n}var en=r.keyframes(an());function on(n,r){switch(r){case"down":return n?U:_;case"left":return n?nn:J;case"right":return n?tn:Z;case"up":return n?en:G;default:return n?L:R}}function sn(){var n=o(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]);return sn=function(){return n},n}var fn=r.keyframes(sn());function cn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return cn=function(){return n},n}var un=r.keyframes(cn());function mn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return mn=function(){return n},n}var dn=r.keyframes(mn());function ln(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return ln=function(){return n},n}var pn=r.keyframes(ln());function yn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return yn=function(){return n},n}var vn=r.keyframes(yn());function gn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return gn=function(){return n},n}var kn=r.keyframes(gn());function xn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return xn=function(){return n},n}var bn=r.keyframes(xn());function hn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return hn=function(){return n},n}var wn=r.keyframes(hn());function On(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return On=function(){return n},n}var jn=r.keyframes(On());function Yn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Yn=function(){return n},n}var Xn=r.keyframes(Yn());function zn(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return zn=function(){return n},n}var Nn=r.keyframes(zn());function En(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return En=function(){return n},n}var Sn=r.keyframes(En());function Vn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return Vn=function(){return n},n}var Cn=r.keyframes(Vn());function Fn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n"]);return Fn=function(){return n},n}var Bn=r.keyframes(Fn());function In(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n"]);return In=function(){return n},n}var Tn=r.keyframes(In());function qn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return qn=function(){return n},n}var An=r.keyframes(qn());function Pn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n"]);return Pn=function(){return n},n}var Rn=r.keyframes(Pn());function $n(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return $n=function(){return n},n}var _n=r.keyframes($n());function Hn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n"]);return Hn=function(){return n},n}var Jn=r.keyframes(Hn());function Mn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return Mn=function(){return n},n}var Zn=r.keyframes(Mn());function Dn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n"]);return Dn=function(){return n},n}var Gn=r.keyframes(Dn());function Kn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n"]);return Kn=function(){return n},n}var Ln=r.keyframes(Kn());function Qn(){var n=o(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n"]);return Qn=function(){return n},n}var Un=r.keyframes(Qn());function Wn(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return Wn=function(){return n},n}var nr=r.keyframes(Wn());function rr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n"]);return rr=function(){return n},n}var tr=r.keyframes(rr());function ar(n,r,t){switch(t){case"bottom-left":return r?Bn:un;case"bottom-right":return r?Tn:dn;case"down":return n?r?Rn:vn:r?An:pn;case"left":return n?r?Jn:kn:r?_n:i;case"right":return n?r?Gn:wn:r?Zn:bn;case"top-left":return r?Ln:jn;case"top-right":return r?Un:Xn;case"up":return n?r?tr:Sn:r?nr:Nn;default:return r?Cn:fn}}function er(){var n=o(["\n  from {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n"]);return er=function(){return n},n}var or=r.keyframes(er());function sr(){var n=o(["\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return sr=function(){return n},n}var ir=r.keyframes(sr());function fr(){var n=o(["\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return fr=function(){return n},n}var cr=r.keyframes(fr());function ur(){var n=o(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n"]);return ur=function(){return n},n}var mr=r.keyframes(ur());function dr(){var n=o(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n"]);return dr=function(){return n},n}var lr=r.keyframes(dr());function pr(n,r){switch(r){case"horizontal":return n?mr:ir;case"vertical":return n?lr:cr;default:return or}}function yr(){var n=o(["\n  0% {\n    animation-timing-function: ease-in-out;\n  }\n\n  20%,\n  60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    animation-timing-function: ease-in-out;\n  }\n\n  40%,\n  80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n"]);return yr=function(){return n},n}var vr=r.keyframes(yr());function gr(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n\n  50% {\n    transform: rotate(-10deg);\n  }\n\n  70% {\n    transform: rotate(3deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"]);return gr=function(){return n},n}var kr=r.keyframes(gr());function xr(){var n=o(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return xr=function(){return n},n}var br=r.keyframes(xr());function hr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n"]);return hr=function(){return n},n}var wr=r.keyframes(hr());function Or(n){return n?wr:br}function jr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return jr=function(){return n},n}var Yr=r.keyframes(jr());function Xr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Xr=function(){return n},n}var zr=r.keyframes(Xr());function Nr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Nr=function(){return n},n}var Er=r.keyframes(Nr());function Sr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Sr=function(){return n},n}var Vr=r.keyframes(Sr());function Cr(){var n=o(["\n  from {\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Cr=function(){return n},n}var Fr=r.keyframes(Cr());function Br(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 200deg);\n    opacity: 0;\n  }\n"]);return Br=function(){return n},n}var Ir=r.keyframes(Br());function Tr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n"]);return Tr=function(){return n},n}var qr=r.keyframes(Tr());function Ar(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Ar=function(){return n},n}var Pr=r.keyframes(Ar());function Rr(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Rr=function(){return n},n}var $r=r.keyframes(Rr());function _r(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 90deg);\n    opacity: 0;\n  }\n"]);return _r=function(){return n},n}var Hr=r.keyframes(_r());function Jr(){var n=o(["\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Jr=function(){return n},n}var Mr=r.keyframes(Jr());function Zr(){var n=o(["\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Zr=function(){return n},n}var Dr=r.keyframes(Zr());function Gr(){var n=o(["\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Gr=function(){return n},n}var Kr=r.keyframes(Gr());function Lr(){var n=o(["\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Lr=function(){return n},n}var Qr=r.keyframes(Lr());function Ur(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return Ur=function(){return n},n}var Wr=r.keyframes(Ur());function nt(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return nt=function(){return n},n}var rt=r.keyframes(nt());function tt(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return tt=function(){return n},n}var at=r.keyframes(tt());function et(){var n=o(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return et=function(){return n},n}var ot=r.keyframes(et());function st(n,r){switch(r){case"down":return n?Wr:Mr;case"right":return n?at:Kr;case"up":return n?ot:Qr;case"left":default:return n?rt:Dr}}function it(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n"]);return it=function(){return n},n}var ft=r.keyframes(it());function ct(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return ct=function(){return n},n}var ut=r.keyframes(ct());function mt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return mt=function(){return n},n}var dt=r.keyframes(mt());function lt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return lt=function(){return n},n}var pt=r.keyframes(lt());function yt(){var n=o(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return yt=function(){return n},n}var vt=r.keyframes(yt());function gt(){var n=o(["\n  from {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return gt=function(){return n},n}var kt=r.keyframes(gt());function xt(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return xt=function(){return n},n}var bt=r.keyframes(xt());function ht(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(-2000px, 0, 0);\n  }\n"]);return ht=function(){return n},n}var wt=r.keyframes(ht());function Ot(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(2000px, 0, 0);\n  }\n"]);return Ot=function(){return n},n}var jt=r.keyframes(Ot());function Yt(){var n=o(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return Yt=function(){return n},n}var Xt=r.keyframes(Yt());function zt(n,r){switch(r){case"down":return n?bt:ut;case"left":return n?wt:dt;case"right":return n?jt:pt;case"up":return n?Xt:vt;default:return n?kt:ft}}exports.AttentionSeeker=function(r){var t=r.effect,a=void 0===t?"bounce":t,o=r.css,s=e(r,["effect","css"]),i=function(n){switch(n){case"flash":return[v];case"headShake":return[k,{animationTimingFunction:"ease-in-out"}];case"heartBeat":return[b,{animationTimingFunction:"ease-in-out"}];case"jello":return[w,{transformOrigin:"center"}];case"pulse":return[j,{animationTimingFunction:"ease-in-out"}];case"rubberBand":return[X];case"shake":return[N];case"shakeX":return[S];case"shakeY":return[C];case"swing":return[B,{transformOrigin:"top center"}];case"tada":return[T];case"wobble":return[A];case"bounce":default:return[p,{transformOrigin:"center bottom"}]}}(a);return n.createElement(d,Object.assign({keyframes:i[0],css:[o,i[1]]},s))},exports.Bounce=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:on(o,t)},s))},exports.Fade=function(r){var t=r.big,a=void 0!==t&&t,o=r.direction,s=r.reverse,i=void 0!==s&&s,f=e(r,["big","direction","reverse"]);return n.createElement(d,Object.assign({keyframes:ar(a,i,o)},f))},exports.Flip=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=r.css,i=e(r,["direction","reverse","css"]);return n.createElement(d,Object.assign({keyframes:pr(o,t),css:[s,{backfaceVisibility:"visible"}]},i))},exports.Hinge=function(r){var t=r.css,a=e(r,["css"]);return n.createElement(d,Object.assign({keyframes:vr,css:[t,{transformOrigin:"top left"}]},a))},exports.JackInTheBox=function(r){return n.createElement(d,Object.assign({keyframes:kr},r))},exports.Roll=function(r){var t=r.reverse,a=void 0!==t&&t,o=e(r,["reverse"]);return n.createElement(d,Object.assign({keyframes:Or(a)},o))},exports.Rotate=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=r.css,i=e(r,["direction","reverse","css"]),f=function(n,r){switch(r){case"bottom-left":return n?[qr,{transformOrigin:"left bottom"}]:[zr,{transformOrigin:"left bottom"}];case"bottom-right":return n?[Pr,{transformOrigin:"right bottom"}]:[Er,{transformOrigin:"right bottom"}];case"top-left":return n?[$r,{transformOrigin:"left bottom"}]:[Vr,{transformOrigin:"left bottom"}];case"top-right":return n?[Hr,{transformOrigin:"right bottom"}]:[Fr,{transformOrigin:"right bottom"}];default:return n?[Ir,{transformOrigin:"center"}]:[Yr,{transformOrigin:"center"}]}}(o,t);return n.createElement(d,Object.assign({keyframes:f[0],css:[s,f[1]]},i))},exports.Slide=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:st(o,t)},s))},exports.Zoom=function(r){var t=r.direction,a=r.reverse,o=void 0!==a&&a,s=e(r,["direction","reverse"]);return n.createElement(d,Object.assign({keyframes:zt(o,t)},s))},exports.default=d;
 //# sourceMappingURL=react-awesome-reveal.cjs.production.min.js.map

dist/Reveal.d.ts

 /** @jsx jsx */
 import * as React from "react";
-import { Interpolation } from "@emotion/core";
+import { Interpolation, Theme } from "@emotion/react";
 import { Keyframes } from "@emotion/serialize";
@@ -43,3 +43,3 @@ export interface RevealProps {
      */
-    css?: Interpolation;
+    css?: Interpolation<Theme>;
     /**
@@ -46,0 +46,0 @@ * Class names to add to the container element.

package.json

 {
   "name": "react-awesome-reveal",
   "description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "license": "MIT",
@@ -35,4 +35,3 @@ "author": {
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
@@ -82,6 +81,5 @@ "sideEffects": false,
   "dependencies": {
-    "@emotion/core": "^10.1.1",
-    "@emotion/styled": "^10.0.27",
+    "@emotion/react": "^11.0.0",
     "react-intersection-observer": "^8.30.1"
   }
 }

README.md

@@ -149,3 +149,3 @@ # React Awesome Reveal
 import Reveal from "react-awesome-reveal";
-import { keyframes } from "@emotion/core";
+import { keyframes } from "@emotion/react";
 
@@ -152,0 +152,0 @@ const customAnimation = keyframes`

No alert changes

Improved metrics

Dependency count

3

decreased by-25%

Worsened metrics

Total package byte prevSize

470139

decreased by-13.03%

Number of package files

124

decreased by-48.12%

Lines of code

3820

decreased by-39.51%

Dependency changes

• + Added@emotion/react@^11.0.0

• + Added@emotion/babel-plugin@11.13.5(transitive)

• + Added@emotion/cache@11.14.0(transitive)

• + Added@emotion/hash@0.9.2(transitive)

• + Added@emotion/memoize@0.9.0(transitive)

• + Added@emotion/react@11.14.0(transitive)

• + Added@emotion/serialize@1.3.3(transitive)

• + Added@emotion/sheet@1.4.0(transitive)

• + Added@emotion/unitless@0.10.0(transitive)

• + Added@emotion/use-insertion-effect-with-fallbacks@1.2.0(transitive)

• + Added@emotion/utils@1.4.2(transitive)

• + Added@emotion/weak-memoize@0.4.0(transitive)

• + Addedbabel-plugin-macros@3.1.0(transitive)

• + Addedcosmiconfig@7.1.0(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedescape-string-regexp@4.0.0(transitive)

• + Addedhoist-non-react-statics@3.3.2(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedstylis@4.2.0(transitive)

• - Removed@emotion/core@^10.1.1

• - Removed@emotion/styled@^10.0.27

• - Removed@emotion/cache@10.0.29(transitive)

• - Removed@emotion/core@10.3.1(transitive)

• - Removed@emotion/css@10.0.27(transitive)

• - Removed@emotion/hash@0.8.0(transitive)

• - Removed@emotion/is-prop-valid@0.8.8(transitive)

• - Removed@emotion/memoize@0.7.4(transitive)

• - Removed@emotion/serialize@0.11.16(transitive)

• - Removed@emotion/sheet@0.9.4(transitive)

• - Removed@emotion/styled@10.3.0(transitive)

• - Removed@emotion/styled-base@10.3.0(transitive)

• - Removed@emotion/stylis@0.8.5(transitive)

• - Removed@emotion/unitless@0.7.5(transitive)

• - Removed@emotion/utils@0.11.3(transitive)

• - Removed@emotion/weak-memoize@0.2.5(transitive)

• - Removedbabel-plugin-emotion@10.2.2(transitive)

• - Removedbabel-plugin-macros@2.8.0(transitive)

• - Removedbabel-plugin-syntax-jsx@6.18.0(transitive)

• - Removedcosmiconfig@6.0.0(transitive)

• - Removedcsstype@2.6.21(transitive)

• - Removedescape-string-regexp@1.0.5(transitive)