react-animate-z 1.0.2 → 1.0.3

package/README.md

@@ -175,6 +175,12 @@ const AnimationChain = () => {
 "zoomOut"
 "popIn"
 "popOut"
+// 1.0.3
+"rubberBand"
+"jello"
+"wobble"
+"rollIn"
+"jackInTheBox"
 ```
 
 ##### animation type name: typewriter

package/build/components/AnimationConstant.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export type AnimateType = 'blur' | 'bounce' | 'effect3D' | 'flash' | 'float' | 'glowing' | 'jelly' | 'pulse' | 'shadow' | 'spin' | 'swing' | 'fadeIn' | 'fadeInFromLeft' | 'fadeInFromRight' | 'fadeInFromTop' | 'fadeInFromBottom' | 'fadeOut' | 'fadeOutToLeft' | 'fadeOutToRight' | 'fadeOutToTop' | 'fadeOutToBottom' | 'flip' | 'flipIn' | 'flipOut' | 'flipSlowDown' | 'flipFromTop' | 'flipToTop' | 'flipFromBottom' | 'flipToBottom' | 'flipFromLeftToCenter' | 'fold' | 'unfold' | 'hangOnLeft' | 'hangOnRight' | 'rotateSlowDown' | 'rotateCW' | 'rotateACW' | 'shakeMix' | 'shakeHorizontal' | 'shakeVertical' | 'squeezeMix' | 'squeezeHorizontal' | 'squeezeVertical' | 'slideInFromLeft' | 'slideInFromRight' | 'slideOutToLeft' | 'slideOutToRight' | 'slideInFromTop' | 'slideInFromBottom' | 'slideOutToTop' | 'slideOutToBottom' | 'zoomIn' | 'zoomOut' | 'popIn' | 'popOut' | 'typewriter';
+export interface ICursorProps {
+    cursorColor?: string | null;
+}
+export interface IAnimationTypingProps extends ICursorProps {
+    heading?: string;
+    className?: string;
+    dataText?: string[];
+}
+type TIteration = 'infinite';
+export interface IBaseStyledElementProps {
+    type: null | AnimateType;
+    duration?: string;
+    timing?: 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
+    delay?: string;
+    iteration?: string | number | TIteration;
+    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+    fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
+}
+export interface IAnimationProps extends IBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode | string;
+    typingWrite?: IAnimationTypingProps;
+    onAnimationEnd?: () => void;
+}
+export {};

package/build/components/AnimationTyping.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IAnimationTypingProps } from "./IFType";
+import React from 'react';
+import { IAnimationTypingProps } from './IFType';
 declare const AnimationTyping: React.FC<IAnimationTypingProps>;
 export default AnimationTyping;

package/build/components/AnimationWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IAnimationProps } from './IFType';
+export declare const AnimateWrapper: React.FC<IAnimationProps>;

package/build/components/IFType.d.ts

@@ -1,24 +1,25 @@
 /// <reference types="react" />
-export type AnimateType = "blur" | "bounce" | "effect3D" | "flash" | "float" | "glowing" | "jelly" | "pulse" | "shadow" | "spin" | "swing" | "fadeIn" | "fadeInFromLeft" | "fadeInFromRight" | "fadeInFromTop" | "fadeInFromBottom" | "fadeOut" | "fadeOutToLeft" | "fadeOutToRight" | "fadeOutToTop" | "fadeOutToBottom" | "flip" | "flipIn" | "flipOut" | "flipSlowDown" | "flipFromTop" | "flipToTop" | "flipFromBottom" | "flipToBottom" | "flipFromLeftToCenter" | "fold" | "unfold" | "hangOnLeft" | "hangOnRight" | "rotateSlowDown" | "rotateCW" | "rotateACW" | "shakeMix" | "shakeHorizontal" | "shakeVertical" | "squeezeMix" | "squeezeHorizontal" | "squeezeVertical" | "slideInFromLeft" | "slideInFromRight" | "slideOutToLeft" | "slideOutToRight" | "slideInFromTop" | "slideInFromBottom" | "slideOutToTop" | "slideOutToBottom" | "zoomIn" | "zoomOut" | "popIn" | "popOut" | "typewriter";
+export type AnimateType = 'blur' | 'bounce' | 'effect3D' | 'flash' | 'float' | 'glowing' | 'jelly' | 'pulse' | 'shadow' | 'spin' | 'swing' | 'fadeIn' | 'fadeInFromLeft' | 'fadeInFromRight' | 'fadeInFromTop' | 'fadeInFromBottom' | 'fadeOut' | 'fadeOutToLeft' | 'fadeOutToRight' | 'fadeOutToTop' | 'fadeOutToBottom' | 'flip' | 'flipIn' | 'flipOut' | 'flipSlowDown' | 'flipFromTop' | 'flipToTop' | 'flipFromBottom' | 'flipToBottom' | 'flipFromLeftToCenter' | 'fold' | 'unfold' | 'hangOnLeft' | 'hangOnRight' | 'rotateSlowDown' | 'rotateCW' | 'rotateACW' | 'shakeMix' | 'shakeHorizontal' | 'shakeVertical' | 'squeezeMix' | 'squeezeHorizontal' | 'squeezeVertical' | 'slideInFromLeft' | 'slideInFromRight' | 'slideOutToLeft' | 'slideOutToRight' | 'slideInFromTop' | 'slideInFromBottom' | 'slideOutToTop' | 'slideOutToBottom' | 'zoomIn' | 'zoomOut' | 'popIn' | 'popOut' | 'rubberBand' | 'jello' | 'wobble' | 'rollIn' | 'jackInTheBox' | 'typewriter';
 export interface ICursorProps {
     cursorColor?: string | null;
 }
 export interface IAnimationTypingProps extends ICursorProps {
     heading?: string;
     className?: string;
-    dataText?: string[];
+    dataText?: string[] | string;
+    children?: React.ReactNode | string[] | string;
 }
 export interface IBaseStyledElementProps {
     type?: AnimateType;
     duration?: string;
-    timing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "linear" | "ease-in" | "ease-out" | "ease-in-out";
+    timing?: 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
     delay?: string;
-    iteration?: string | number | "infinite";
-    direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "forwards" | "backwards" | "both";
+    iteration?: string | number | 'infinite';
+    direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+    fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
 }
 export interface IAnimationProps extends IBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
-    tagName?: "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "section" | "li" | "a" | "p" | "dt" | "strong" | "td" | "th" | "legend" | "caption";
+    tagName?: 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'section' | 'li' | 'a' | 'p' | 'dt' | 'strong' | 'td' | 'th' | 'legend' | 'caption';
     children?: React.ReactNode | string;
     typingWrite?: IAnimationTypingProps;
     onAnimationEnd?: () => void;

package/build/components/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { IAnimationProps } from "./IFType";
-declare const Animation: React.FC<IAnimationProps>;
+import React from 'react';
+import { IAnimationProps } from './IFType';
+export declare const Animation: React.FC<IAnimationProps>;
 export default Animation;

package/build/index.d.ts

@@ -1,5 +1,6 @@
-import Animation from "./components";
+import Animation from "./components/";
 import AnimationTyping from "./components/AnimationTyping";
+import { AnimateWrapper } from "./components/AnimationWrapper";
 export * from './components/IFType';
-export { AnimationTyping as AnimateTyping, Animation as Animate };
+export { AnimationTyping as AnimateTyping, Animation as Animate, AnimateWrapper };
 export default Animation;

package/build/index.esm.js

@@ -1 +1 @@
-import n,{useState as t,useEffect as r}from"react";import a,{keyframes as o}from"styled-components";var e=function(){return e=Object.assign||function(n){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},e.apply(this,arguments)};function s(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n}var f,m,i,c,l,p,g,d,y,x,u,X,Y,h,b,w,O,v,Z,T,I,F,j,N,z,E,B,C,L,P,R,S,W,k,q,A,D,M,H,V,G,J,K,Q,U,$,_,nn,tn,rn,an,on,en,sn,fn,mn,cn,ln,pn,gn=o(f||(f=s(["\n  50% {\n    border-color: transparent;\n  }\n"],["\n  50% {\n    border-color: transparent;\n  }\n"]))),dn=a.span(m||(m=s(["\n    margin-left: 2px;\n    border-left: 3px solid ",";\n    animation: "," 0.7s steps(1) infinite;\n"],["\n    margin-left: 2px;\n    border-left: 3px solid ",";\n    animation: "," 0.7s steps(1) infinite;\n"])),(function(n){return n.cursorColor}),gn),yn=function(a){var o=a.heading,e=void 0===o?"":o,s=a.dataText,f=void 0===s?[]:s,m=a.className,i=a.cursorColor,c=t(""),l=c[0],p=c[1],g=t(!1),d=g[0],y=g[1],x=t(0),u=x[0],X=x[1],Y=t(150),h=Y[0],b=Y[1];r((function(){var n=setTimeout(w,h);return function(){return clearTimeout(n)}}));var w=function(){var n=u%f.length,t=f[n];p(t.substring(0,l.length+(d?-1:1))),b(d?30:150),d||l!==t?d&&""===l&&(y(!1),X(u+1)):setTimeout((function(){return y(!0)}),500)};return n.createElement("div",{className:m},e&&n.createElement(n.Fragment,null,e," "),n.createElement("span",null,l),n.createElement(dn,{cursorColor:i}))},xn={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},un=o(i||(i=s(["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"],["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"]))),Xn=o(c||(c=s(["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"],["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"]))),Yn=o(l||(l=s(["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"],["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"]))),hn=o(p||(p=s(["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"],["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"]))),bn=o(g||(g=s(["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"],["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"]))),wn=o(d||(d=s(["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"],["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"]))),On=o(y||(y=s(["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"]))),vn=o(x||(x=s(["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"]))),Zn=o(u||(u=s(["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"],["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"]))),Tn=o(X||(X=s(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"],["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"]))),In=o(Y||(Y=s(["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"],["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"]))),Fn=o(h||(h=s(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"],["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"]))),jn=o(b||(b=s(["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"]))),Nn=o(w||(w=s(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"]))),zn=o(O||(O=s(["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"]))),En=o(v||(v=s(["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"]))),Bn=o(Z||(Z=s(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"],["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"]))),Cn=o(T||(T=s(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),Ln=o(I||(I=s(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),Pn=o(F||(F=s(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),Rn=o(j||(j=s(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),Sn=o(N||(N=s(["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"],["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"]))),Wn=o(z||(z=s(["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"],["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"]))),kn=o(E||(E=s(["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"],["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"]))),qn=o(B||(B=s(["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"]))),An=o(C||(C=s(["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"],["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"]))),Dn=o(L||(L=s(["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"],["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"]))),Mn=o(P||(P=s(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"]))),Hn=o(R||(R=s(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"]))),Vn=o(S||(S=s(["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"],["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"]))),Gn=o(W||(W=s(["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"],["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"]))),Jn=o(k||(k=s(["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"],["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"]))),Kn=o(q||(q=s([" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"],[" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"]))),Qn=o(A||(A=s(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"]))),Un=o(D||(D=s(["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"],["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"]))),$n=o(M||(M=s(["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"],["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"]))),_n=o(H||(H=s(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"]))),nt=o(V||(V=s(["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"],["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"]))),tt=o(G||(G=s(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),rt=o(J||(J=s(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),at=o(K||(K=s(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),ot=o(Q||(Q=s(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),et=o(U||(U=s(["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),st=o($||($=s(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),ft=o(_||(_=s(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),mt=o(nn||(nn=s(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),it=o(tn||(tn=s(["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"]))),ct=o(rn||(rn=s(["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),lt=o(an||(an=s(["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"],["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"]))),pt=o(on||(on=s(["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"]))),gt=o(en||(en=s(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"]))),dt=o(sn||(sn=s(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"]))),yt={blur:un,bounce:Xn,effect3D:Yn,flash:hn,float:bn,glowing:wn,jelly:On,pulse:vn,shadow:Zn,spin:Tn,swing:In,fadeIn:Fn,fadeInFromLeft:jn,fadeInFromRight:Nn,fadeInFromTop:zn,fadeInFromBottom:En,fadeOut:Bn,fadeOutToLeft:Cn,fadeOutToRight:Ln,fadeOutToTop:Pn,fadeOutToBottom:Rn,flip:Vn,flipIn:Gn,flipOut:Jn,flipSlowDown:Kn,flipFromTop:$n,flipToTop:Qn,flipFromBottom:_n,flipToBottom:Un,flipFromLeftToCenter:nt,fold:it,unfold:ct,hangOnLeft:Sn,hangOnRight:Wn,rotateSlowDown:o(fn||(fn=s(["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"],["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"]))),rotateCW:gt,rotateACW:dt,shakeMix:Dn,shakeHorizontal:Mn,shakeVertical:Hn,squeezeMix:kn,squeezeHorizontal:qn,squeezeVertical:An,slideInFromLeft:tt,slideInFromRight:rt,slideOutToLeft:at,slideOutToRight:ot,slideInFromTop:et,slideInFromBottom:st,slideOutToTop:ft,slideOutToBottom:mt,zoomIn:lt,zoomOut:pt,popIn:o(mn||(mn=s(["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),popOut:o(cn||(cn=s(["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]))),typewriter:o(ln||(ln=s([""],[""])))},xt=a.div(pn||(pn=s(["\n    margin: 0;\n    padding: 0;\n    animation-name: ",";\n    animation-duration: ",";\n    animation-timing-function: ",";\n    animation-delay: ",";\n    animation-iteration-count: ",";\n    animation-direction: ",";\n    animation-fill-mode: ",";\n"],["\n    margin: 0;\n    padding: 0;\n    animation-name: ",";\n    animation-duration: ",";\n    animation-timing-function: ",";\n    animation-delay: ",";\n    animation-iteration-count: ",";\n    animation-direction: ",";\n    animation-fill-mode: ",";\n"])),(function(n){return yt[n.type||"blur"]||null}),(function(n){return n.duration||"1s"}),(function(n){return xn[n.timing||"ease"]}),(function(n){return n.delay||"0s"}),(function(n){return n.iteration||"infinite"}),(function(n){return n.direction||"alternate"}),(function(n){return n.fillMode||"forwards"})),ut=function(t){var r=t.tagName,a=void 0===r?"div":r,o=t.children,s=t.className,f=t.type,m=t.typingWrite,i=void 0===m?{}:m,c=function(n,t){var r={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&t.indexOf(a)<0&&(r[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(n);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(n,a[o])&&(r[a[o]]=n[a[o]])}return r}(t,["tagName","children","className","type","typingWrite"]);return"typewriter"===f?n.createElement(yn,e({className:s},i)):n.createElement(xt,e({as:a,className:s,type:f},c),o)};export{ut as Animate,yn as AnimateTyping,ut as default};
+import n,{useState as t,useEffect as r}from"react";import a,{keyframes as o}from"styled-components";var e=function(){return e=Object.assign||function(n){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},e.apply(this,arguments)};function s(n,t){var r={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&t.indexOf(a)<0&&(r[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(n);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(n,a[o])&&(r[a[o]]=n[a[o]])}return r}function f(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n}var m,i,c,l,p,g,d,y,x,X,u,Y,h,w,b,k,O,v,Z,T,I,N,F,j,E,B,z,C,L,P,R,M,S,W,q,A,D,V,H,G,J,K,Q,U,$,_,nn,tn,rn,an,on,en,sn,fn,mn,cn,ln,pn,gn,dn,yn,xn,Xn,un,Yn=o(m||(m=f(["\n  50% {\n    border-color: transparent;\n  }\n"],["\n  50% {\n    border-color: transparent;\n  }\n"]))),hn=a.span(i||(i=f(["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"],["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"])),(function(n){return n.cursorColor}),Yn),wn=function(a){var o=a.heading,e=void 0===o?"":o,s=a.dataText,f=void 0===s?[]:s,m=a.className,i=a.cursorColor,c=a.children,l=t(""),p=l[0],g=l[1],d=t(!1),y=d[0],x=d[1],X=t(0),u=X[0],Y=X[1],h=t(150),w=h[0],b=h[1];r((function(){if(!n.isValidElement(c||f)){var t=setTimeout(k,w);return function(){return clearTimeout(t)}}}));var k=function(){var n=c||f,t=n[u%n.length];g(t.substring(0,p.length+(y?-1:1))),b(y?30:150),y||p!==t?y&&""===p&&(x(!1),Y(u+1)):setTimeout((function(){return x(!0)}),500)};return n.createElement("div",{className:m},e&&n.createElement(n.Fragment,null,e," "),n.createElement("span",null,p),n.createElement(hn,{cursorColor:i}))},bn={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},kn=o(c||(c=f(["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"],["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"]))),On=o(l||(l=f(["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"],["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"]))),vn=o(p||(p=f(["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"],["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"]))),Zn=o(g||(g=f(["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"],["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"]))),Tn=o(d||(d=f(["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"],["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"]))),In=o(y||(y=f(["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"],["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"]))),Nn=o(x||(x=f(["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"]))),Fn=o(X||(X=f(["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"]))),jn=o(u||(u=f(["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"],["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"]))),En=o(Y||(Y=f(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"],["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"]))),Bn=o(h||(h=f(["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"],["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"]))),zn=o(w||(w=f(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"],["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"]))),Cn=o(b||(b=f(["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"]))),Ln=o(k||(k=f(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"]))),Pn=o(O||(O=f(["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"]))),Rn=o(v||(v=f(["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"]))),Mn=o(Z||(Z=f(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"],["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"]))),Sn=o(T||(T=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),Wn=o(I||(I=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),qn=o(N||(N=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),An=o(F||(F=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),Dn=o(j||(j=f(["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"],["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"]))),Vn=o(E||(E=f(["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"],["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"]))),Hn=o(B||(B=f(["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"],["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"]))),Gn=o(z||(z=f(["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"]))),Jn=o(C||(C=f(["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"],["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"]))),Kn=o(L||(L=f(["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"],["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"]))),Qn=o(P||(P=f(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"]))),Un=o(R||(R=f(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"]))),$n=o(M||(M=f(["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"],["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"]))),_n=o(S||(S=f(["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"],["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"]))),nt=o(W||(W=f(["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"],["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"]))),tt=o(q||(q=f([" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"],[" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"]))),rt=o(A||(A=f(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"]))),at=o(D||(D=f(["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"],["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"]))),ot=o(V||(V=f(["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"],["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"]))),et=o(H||(H=f(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"]))),st=o(G||(G=f(["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"],["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"]))),ft=o(J||(J=f(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),mt=o(K||(K=f(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),it=o(Q||(Q=f(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),ct=o(U||(U=f(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),lt=o($||($=f(["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),pt=o(_||(_=f(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),gt=o(nn||(nn=f(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),dt=o(tn||(tn=f(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),yt=o(rn||(rn=f(["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"]))),xt=o(an||(an=f(["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),Xt=o(on||(on=f(["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"],["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"]))),ut=o(en||(en=f(["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"]))),Yt=o(sn||(sn=f(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"]))),ht=o(fn||(fn=f(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"]))),wt={blur:kn,bounce:On,effect3D:vn,flash:Zn,float:Tn,glowing:In,jelly:Nn,pulse:Fn,shadow:jn,spin:En,swing:Bn,fadeIn:zn,fadeInFromLeft:Cn,fadeInFromRight:Ln,fadeInFromTop:Pn,fadeInFromBottom:Rn,fadeOut:Mn,fadeOutToLeft:Sn,fadeOutToRight:Wn,fadeOutToTop:qn,fadeOutToBottom:An,flip:$n,flipIn:_n,flipOut:nt,flipSlowDown:tt,flipFromTop:ot,flipToTop:rt,flipFromBottom:et,flipToBottom:at,flipFromLeftToCenter:st,fold:yt,unfold:xt,hangOnLeft:Dn,hangOnRight:Vn,rotateSlowDown:o(mn||(mn=f(["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"],["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"]))),rotateCW:Yt,rotateACW:ht,shakeMix:Kn,shakeHorizontal:Qn,shakeVertical:Un,squeezeMix:Hn,squeezeHorizontal:Gn,squeezeVertical:Jn,slideInFromLeft:ft,slideInFromRight:mt,slideOutToLeft:it,slideOutToRight:ct,slideInFromTop:lt,slideInFromBottom:pt,slideOutToTop:gt,slideOutToBottom:dt,zoomIn:Xt,zoomOut:ut,popIn:o(cn||(cn=f(["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),popOut:o(ln||(ln=f(["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]))),rubberBand:o(pn||(pn=f(["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"],["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"]))),jello:o(gn||(gn=f(["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"],["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"]))),wobble:o(dn||(dn=f(["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"],["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"]))),rollIn:o(yn||(yn=f(["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"],["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"]))),jackInTheBox:o(xn||(xn=f(["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transformorigin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transformorigin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"]))),typewriter:o(Xn||(Xn=f([""],[""])))},bt=a.div(un||(un=f(["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"],["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"])),(function(n){return wt[n.type||"blur"]||null}),(function(n){return n.duration||"1s"}),(function(n){return bn[n.timing||"ease"]}),(function(n){return n.delay||"0s"}),(function(n){return n.iteration||"infinite"}),(function(n){return n.direction||"alternate"}),(function(n){return n.fillMode||"forwards"})),kt=function(t){var r=t.tagName,a=void 0===r?"div":r,o=t.children,f=t.className,m=t.type,i=t.typingWrite,c=void 0===i?{}:i,l=s(t,["tagName","children","className","type","typingWrite"]);return"typewriter"===m?n.createElement(wn,e({className:f},c),o):n.createElement(bt,e({as:a,className:f,type:m},l),o)},Ot={delay:"0s",direction:"normal",timing:"ease-in",iteration:"1",fillMode:"none"},vt=function(t){var r=t.children,a=t.tagName,o=void 0===a?"div":a,f=t.type,m=t.duration,i=void 0===m?"1s":m,c=t.className,l=s(t,["children","tagName","type","duration","className"]);return n.createElement(kt,e({},function(n,t){return e(e({},Ot),{type:n,duration:t})}(f,i),{tagName:o},l,{className:c}),r)};export{kt as Animate,wn as AnimateTyping,vt as AnimateWrapper,kt as default};

package/build/index.js

@@ -1 +1 @@
-!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("styled-components")):"function"==typeof define&&define.amd?define(["exports","react","styled-components"],t):t((n="undefined"!=typeof globalThis?globalThis:n||self).ReactAnimate={},n.React,n.styled)}(this,(function(n,t,r){"use strict";function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o=a(t),e=a(r),s=function(){return s=Object.assign||function(n){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},s.apply(this,arguments)};function f(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n}var m,i,c,l,p,g,d,y,x,u,X,Y,h,k,b,w,O,v,T,Z,I,j,F,E,N,S,z,P,R,B,C,L,q,A,M,W,D,H,V,_,G,J,K,Q,U,$,nn,tn,rn,an,on,en,sn,fn,mn,cn,ln,pn,gn,dn=r.keyframes(m||(m=f(["\n  50% {\n    border-color: transparent;\n  }\n"],["\n  50% {\n    border-color: transparent;\n  }\n"]))),yn=e.default.span(i||(i=f(["\n    margin-left: 2px;\n    border-left: 3px solid ",";\n    animation: "," 0.7s steps(1) infinite;\n"],["\n    margin-left: 2px;\n    border-left: 3px solid ",";\n    animation: "," 0.7s steps(1) infinite;\n"])),(function(n){return n.cursorColor}),dn),xn=function(n){var r=n.heading,a=void 0===r?"":r,e=n.dataText,s=void 0===e?[]:e,f=n.className,m=n.cursorColor,i=t.useState(""),c=i[0],l=i[1],p=t.useState(!1),g=p[0],d=p[1],y=t.useState(0),x=y[0],u=y[1],X=t.useState(150),Y=X[0],h=X[1];t.useEffect((function(){var n=setTimeout(k,Y);return function(){return clearTimeout(n)}}));var k=function(){var n=x%s.length,t=s[n];l(t.substring(0,c.length+(g?-1:1))),h(g?30:150),g||c!==t?g&&""===c&&(d(!1),u(x+1)):setTimeout((function(){return d(!0)}),500)};return o.default.createElement("div",{className:f},a&&o.default.createElement(o.default.Fragment,null,a," "),o.default.createElement("span",null,c),o.default.createElement(yn,{cursorColor:m}))},un={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},Xn=r.keyframes(c||(c=f(["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"],["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"]))),Yn=r.keyframes(l||(l=f(["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"],["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"]))),hn=r.keyframes(p||(p=f(["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"],["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"]))),kn=r.keyframes(g||(g=f(["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"],["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"]))),bn=r.keyframes(d||(d=f(["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"],["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"]))),wn=r.keyframes(y||(y=f(["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"],["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"]))),On=r.keyframes(x||(x=f(["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"]))),vn=r.keyframes(u||(u=f(["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"]))),Tn=r.keyframes(X||(X=f(["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"],["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"]))),Zn=r.keyframes(Y||(Y=f(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"],["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"]))),In=r.keyframes(h||(h=f(["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"],["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"]))),jn=r.keyframes(k||(k=f(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"],["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"]))),Fn=r.keyframes(b||(b=f(["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"]))),En=r.keyframes(w||(w=f(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"]))),Nn=r.keyframes(O||(O=f(["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"]))),Sn=r.keyframes(v||(v=f(["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"]))),zn=r.keyframes(T||(T=f(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"],["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"]))),Pn=r.keyframes(Z||(Z=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),Rn=r.keyframes(I||(I=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),Bn=r.keyframes(j||(j=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),Cn=r.keyframes(F||(F=f(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),Ln=r.keyframes(E||(E=f(["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"],["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"]))),qn=r.keyframes(N||(N=f(["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"],["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"]))),An=r.keyframes(S||(S=f(["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"],["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"]))),Mn=r.keyframes(z||(z=f(["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"]))),Wn=r.keyframes(P||(P=f(["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"],["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"]))),Dn=r.keyframes(R||(R=f(["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"],["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"]))),Hn=r.keyframes(B||(B=f(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"]))),Vn=r.keyframes(C||(C=f(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"]))),_n=r.keyframes(L||(L=f(["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"],["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"]))),Gn=r.keyframes(q||(q=f(["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"],["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"]))),Jn=r.keyframes(A||(A=f(["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"],["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"]))),Kn=r.keyframes(M||(M=f([" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"],[" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"]))),Qn=r.keyframes(W||(W=f(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"]))),Un=r.keyframes(D||(D=f(["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"],["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"]))),$n=r.keyframes(H||(H=f(["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"],["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"]))),nt=r.keyframes(V||(V=f(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"]))),tt=r.keyframes(_||(_=f(["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"],["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"]))),rt=r.keyframes(G||(G=f(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),at=r.keyframes(J||(J=f(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),ot=r.keyframes(K||(K=f(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),et=r.keyframes(Q||(Q=f(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),st=r.keyframes(U||(U=f(["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),ft=r.keyframes($||($=f(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),mt=r.keyframes(nn||(nn=f(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),it=r.keyframes(tn||(tn=f(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),ct=r.keyframes(rn||(rn=f(["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"]))),lt=r.keyframes(an||(an=f(["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),pt=r.keyframes(on||(on=f(["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"],["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"]))),gt=r.keyframes(en||(en=f(["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"]))),dt=r.keyframes(sn||(sn=f(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"]))),yt=r.keyframes(fn||(fn=f(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"]))),xt={blur:Xn,bounce:Yn,effect3D:hn,flash:kn,float:bn,glowing:wn,jelly:On,pulse:vn,shadow:Tn,spin:Zn,swing:In,fadeIn:jn,fadeInFromLeft:Fn,fadeInFromRight:En,fadeInFromTop:Nn,fadeInFromBottom:Sn,fadeOut:zn,fadeOutToLeft:Pn,fadeOutToRight:Rn,fadeOutToTop:Bn,fadeOutToBottom:Cn,flip:_n,flipIn:Gn,flipOut:Jn,flipSlowDown:Kn,flipFromTop:$n,flipToTop:Qn,flipFromBottom:nt,flipToBottom:Un,flipFromLeftToCenter:tt,fold:ct,unfold:lt,hangOnLeft:Ln,hangOnRight:qn,rotateSlowDown:r.keyframes(mn||(mn=f(["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"],["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"]))),rotateCW:dt,rotateACW:yt,shakeMix:Dn,shakeHorizontal:Hn,shakeVertical:Vn,squeezeMix:An,squeezeHorizontal:Mn,squeezeVertical:Wn,slideInFromLeft:rt,slideInFromRight:at,slideOutToLeft:ot,slideOutToRight:et,slideInFromTop:st,slideInFromBottom:ft,slideOutToTop:mt,slideOutToBottom:it,zoomIn:pt,zoomOut:gt,popIn:r.keyframes(cn||(cn=f(["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),popOut:r.keyframes(ln||(ln=f(["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]))),typewriter:r.keyframes(pn||(pn=f([""],[""])))},ut=e.default.div(gn||(gn=f(["\n    margin: 0;\n    padding: 0;\n    animation-name: ",";\n    animation-duration: ",";\n    animation-timing-function: ",";\n    animation-delay: ",";\n    animation-iteration-count: ",";\n    animation-direction: ",";\n    animation-fill-mode: ",";\n"],["\n    margin: 0;\n    padding: 0;\n    animation-name: ",";\n    animation-duration: ",";\n    animation-timing-function: ",";\n    animation-delay: ",";\n    animation-iteration-count: ",";\n    animation-direction: ",";\n    animation-fill-mode: ",";\n"])),(function(n){return xt[n.type||"blur"]||null}),(function(n){return n.duration||"1s"}),(function(n){return un[n.timing||"ease"]}),(function(n){return n.delay||"0s"}),(function(n){return n.iteration||"infinite"}),(function(n){return n.direction||"alternate"}),(function(n){return n.fillMode||"forwards"})),Xt=function(n){var t=n.tagName,r=void 0===t?"div":t,a=n.children,e=n.className,f=n.type,m=n.typingWrite,i=void 0===m?{}:m,c=function(n,t){var r={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&t.indexOf(a)<0&&(r[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(n);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(n,a[o])&&(r[a[o]]=n[a[o]])}return r}(n,["tagName","children","className","type","typingWrite"]);return"typewriter"===f?o.default.createElement(xn,s({className:e},i)):o.default.createElement(ut,s({as:r,className:e,type:f},c),a)};n.Animate=Xt,n.AnimateTyping=xn,n.default=Xt,Object.defineProperty(n,"__esModule",{value:!0})}));
+!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("styled-components")):"function"==typeof define&&define.amd?define(["exports","react","styled-components"],r):r((n="undefined"!=typeof globalThis?globalThis:n||self).ReactAnimate={},n.React,n.styled)}(this,(function(n,r,t){"use strict";function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=a(r),o=a(t),s=function(){return s=Object.assign||function(n){for(var r,t=1,a=arguments.length;t<a;t++)for(var e in r=arguments[t])Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n},s.apply(this,arguments)};function f(n,r){var t={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&r.indexOf(a)<0&&(t[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(a=Object.getOwnPropertySymbols(n);e<a.length;e++)r.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(n,a[e])&&(t[a[e]]=n[a[e]])}return t}function m(n,r){return Object.defineProperty?Object.defineProperty(n,"raw",{value:r}):n.raw=r,n}var i,l,c,p,d,g,y,x,u,X,Y,k,h,w,b,O,v,T,Z,I,j,N,F,E,B,S,z,P,R,C,L,q,A,M,W,D,V,H,_,G,J,K,Q,U,$,nn,rn,tn,an,en,on,sn,fn,mn,ln,cn,pn,dn,gn,yn,xn,un,Xn,Yn,kn=t.keyframes(i||(i=m(["\n  50% {\n    border-color: transparent;\n  }\n"],["\n  50% {\n    border-color: transparent;\n  }\n"]))),hn=o.default.span(l||(l=m(["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"],["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"])),(function(n){return n.cursorColor}),kn),wn=function(n){var t=n.heading,a=void 0===t?"":t,o=n.dataText,s=void 0===o?[]:o,f=n.className,m=n.cursorColor,i=n.children,l=r.useState(""),c=l[0],p=l[1],d=r.useState(!1),g=d[0],y=d[1],x=r.useState(0),u=x[0],X=x[1],Y=r.useState(150),k=Y[0],h=Y[1];r.useEffect((function(){if(!e.default.isValidElement(i||s)){var n=setTimeout(w,k);return function(){return clearTimeout(n)}}}));var w=function(){var n=i||s,r=n[u%n.length];p(r.substring(0,c.length+(g?-1:1))),h(g?30:150),g||c!==r?g&&""===c&&(y(!1),X(u+1)):setTimeout((function(){return y(!0)}),500)};return e.default.createElement("div",{className:f},a&&e.default.createElement(e.default.Fragment,null,a," "),e.default.createElement("span",null,c),e.default.createElement(hn,{cursorColor:m}))},bn={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},On=t.keyframes(c||(c=m(["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"],["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"]))),vn=t.keyframes(p||(p=m(["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"],["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"]))),Tn=t.keyframes(d||(d=m(["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"],["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"]))),Zn=t.keyframes(g||(g=m(["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"],["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"]))),In=t.keyframes(y||(y=m(["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"],["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"]))),jn=t.keyframes(x||(x=m(["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"],["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"]))),Nn=t.keyframes(u||(u=m(["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"]))),Fn=t.keyframes(X||(X=m(["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"]))),En=t.keyframes(Y||(Y=m(["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"],["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"]))),Bn=t.keyframes(k||(k=m(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"],["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"]))),Sn=t.keyframes(h||(h=m(["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"],["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"]))),zn=t.keyframes(w||(w=m(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"],["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"]))),Pn=t.keyframes(b||(b=m(["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"]))),Rn=t.keyframes(O||(O=m(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"]))),Cn=t.keyframes(v||(v=m(["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"]))),Ln=t.keyframes(T||(T=m(["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"]))),qn=t.keyframes(Z||(Z=m(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"],["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"]))),An=t.keyframes(I||(I=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),Mn=t.keyframes(j||(j=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),Wn=t.keyframes(N||(N=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),Dn=t.keyframes(F||(F=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),Vn=t.keyframes(E||(E=m(["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"],["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"]))),Hn=t.keyframes(B||(B=m(["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"],["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"]))),_n=t.keyframes(S||(S=m(["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"],["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"]))),Gn=t.keyframes(z||(z=m(["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"]))),Jn=t.keyframes(P||(P=m(["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"],["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"]))),Kn=t.keyframes(R||(R=m(["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"],["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"]))),Qn=t.keyframes(C||(C=m(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"]))),Un=t.keyframes(L||(L=m(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"]))),$n=t.keyframes(q||(q=m(["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"],["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"]))),nr=t.keyframes(A||(A=m(["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"],["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"]))),rr=t.keyframes(M||(M=m(["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"],["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"]))),tr=t.keyframes(W||(W=m([" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"],[" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"]))),ar=t.keyframes(D||(D=m(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"]))),er=t.keyframes(V||(V=m(["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"],["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"]))),or=t.keyframes(H||(H=m(["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"],["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"]))),sr=t.keyframes(_||(_=m(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"]))),fr=t.keyframes(G||(G=m(["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"],["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"]))),mr=t.keyframes(J||(J=m(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),ir=t.keyframes(K||(K=m(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),lr=t.keyframes(Q||(Q=m(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),cr=t.keyframes(U||(U=m(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),pr=t.keyframes($||($=m(["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),dr=t.keyframes(nn||(nn=m(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),gr=t.keyframes(rn||(rn=m(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),yr=t.keyframes(tn||(tn=m(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),xr=t.keyframes(an||(an=m(["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"]))),ur=t.keyframes(en||(en=m(["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),Xr=t.keyframes(on||(on=m(["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"],["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"]))),Yr=t.keyframes(sn||(sn=m(["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"]))),kr=t.keyframes(fn||(fn=m(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"]))),hr=t.keyframes(mn||(mn=m(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"]))),wr={blur:On,bounce:vn,effect3D:Tn,flash:Zn,float:In,glowing:jn,jelly:Nn,pulse:Fn,shadow:En,spin:Bn,swing:Sn,fadeIn:zn,fadeInFromLeft:Pn,fadeInFromRight:Rn,fadeInFromTop:Cn,fadeInFromBottom:Ln,fadeOut:qn,fadeOutToLeft:An,fadeOutToRight:Mn,fadeOutToTop:Wn,fadeOutToBottom:Dn,flip:$n,flipIn:nr,flipOut:rr,flipSlowDown:tr,flipFromTop:or,flipToTop:ar,flipFromBottom:sr,flipToBottom:er,flipFromLeftToCenter:fr,fold:xr,unfold:ur,hangOnLeft:Vn,hangOnRight:Hn,rotateSlowDown:t.keyframes(ln||(ln=m(["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"],["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"]))),rotateCW:kr,rotateACW:hr,shakeMix:Kn,shakeHorizontal:Qn,shakeVertical:Un,squeezeMix:_n,squeezeHorizontal:Gn,squeezeVertical:Jn,slideInFromLeft:mr,slideInFromRight:ir,slideOutToLeft:lr,slideOutToRight:cr,slideInFromTop:pr,slideInFromBottom:dr,slideOutToTop:gr,slideOutToBottom:yr,zoomIn:Xr,zoomOut:Yr,popIn:t.keyframes(cn||(cn=m(["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),popOut:t.keyframes(pn||(pn=m(["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]))),rubberBand:t.keyframes(dn||(dn=m(["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"],["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"]))),jello:t.keyframes(gn||(gn=m(["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"],["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"]))),wobble:t.keyframes(yn||(yn=m(["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"],["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"]))),rollIn:t.keyframes(xn||(xn=m(["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"],["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"]))),jackInTheBox:t.keyframes(un||(un=m(["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transformorigin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transformorigin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"]))),typewriter:t.keyframes(Xn||(Xn=m([""],[""])))},br=o.default.div(Yn||(Yn=m(["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"],["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"])),(function(n){return wr[n.type||"blur"]||null}),(function(n){return n.duration||"1s"}),(function(n){return bn[n.timing||"ease"]}),(function(n){return n.delay||"0s"}),(function(n){return n.iteration||"infinite"}),(function(n){return n.direction||"alternate"}),(function(n){return n.fillMode||"forwards"})),Or=function(n){var r=n.tagName,t=void 0===r?"div":r,a=n.children,o=n.className,m=n.type,i=n.typingWrite,l=void 0===i?{}:i,c=f(n,["tagName","children","className","type","typingWrite"]);return"typewriter"===m?e.default.createElement(wn,s({className:o},l),a):e.default.createElement(br,s({as:t,className:o,type:m},c),a)},vr={delay:"0s",direction:"normal",timing:"ease-in",iteration:"1",fillMode:"none"};n.Animate=Or,n.AnimateTyping=wn,n.AnimateWrapper=function(n){var r=n.children,t=n.tagName,a=void 0===t?"div":t,o=n.type,m=n.duration,i=void 0===m?"1s":m,l=n.className,c=f(n,["children","tagName","type","duration","className"]);return e.default.createElement(Or,s({},function(n,r){return s(s({},vr),{type:n,duration:r})}(o,i),{tagName:a},c,{className:l}),r)},n.default=Or,Object.defineProperty(n,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-animate-z",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "React hook animate (lib)",
     "main": "build/index.js",
     "module": "build/index.esm.js",

package/build/components/IFTypeAnimation.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-export type AnimateType = "blur" | "bounce" | "effect3D" | "flash" | "float" | "glowing" | "jelly" | "pulse" | "shadow" | "spin" | "swing" | "fadeIn" | "fadeInFromLeft" | "fadeInFromRight" | "fadeInFromTop" | "fadeInFromBottom" | "fadeOut" | "fadeOutToLeft" | "fadeOutToRight" | "fadeOutToTop" | "fadeOutToBottom" | "flip" | "flipIn" | "flipOut" | "flipSlowDown" | "flipFromTop" | "flipToTop" | "flipFromBottom" | "flipToBottom" | "flipFromLeftToCenter" | "fold" | "unfold" | "hangOnLeft" | "hangOnRight" | "rotateSlowDown" | "rotateCW" | "rotateACW" | "shakeMix" | "shakeHorizontal" | "shakeVertical" | "squeezeMix" | "squeezeHorizontal" | "squeezeVertical" | "slideInFromLeft" | "slideInFromRight" | "slideOutToLeft" | "slideOutToRight" | "slideInFromTop" | "slideInFromBottom" | "slideOutToTop" | "slideOutToBottom" | "zoomIn" | "zoomOut" | "popIn" | "popOut" | "typewriter";
-export interface ICursorProps {
-    cursorColor?: string | null;
-}
-export interface IAnimationTypingProps extends ICursorProps {
-    heading?: string;
-    className?: string;
-    dataText?: string[];
-}
-export interface IBaseStyledElementProps {
-    type?: AnimateType;
-    duration?: string;
-    timing?: "ease" | "easeIn" | "easeOut" | "easeInOut" | "linear" | "ease-in" | "ease-out" | "ease-in-out";
-    delay?: string;
-    iteration?: string | number | "infinite";
-    direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "forwards" | "backwards" | "both";
-}
-export interface IAnimationProps extends IBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
-    tagName?: "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "section" | "li" | "a" | "p" | "dt" | "strong" | "td" | "th" | "legend" | "caption";
-    children?: React.ReactNode | string;
-    typingWrite?: IAnimationTypingProps;
-    onAnimationEnd?: () => void;
-}