react-awesome-reveal 3.8.1 → 4.0.0-beta.0

package/dist/main.js

@@ -0,0 +1,2336 @@
+var $jvNZe$reactjsxruntime = require("react/jsx-runtime");
+var $jvNZe$emotionreact = require("@emotion/react");
+var $jvNZe$react = require("react");
+var $jvNZe$reactintersectionobserver = require("react-intersection-observer");
+var $jvNZe$reactis = require("react-is");
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "default", () => $0dc893042da0d7c8$export$9a32a8eb4bb56ca3);
+var $7aeaa0f81815ca37$exports = {};
+
+$parcel$export($7aeaa0f81815ca37$exports, "AttentionSeeker", () => $7aeaa0f81815ca37$export$1736648c5c27c79d);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}
+ */ const $2ee94e5cb1210e77$var$bounce = $jvNZe$emotionreact.keyframes`
+  from,
+  20%,
+  53%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+
+  80% {
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 0, 0) scaleY(0.95);
+  }
+
+  90% {
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+`;
+var $2ee94e5cb1210e77$export$2e2bcd8739ae039 = $2ee94e5cb1210e77$var$bounce;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}
+ */ const $c551207da10f497a$var$flash = $jvNZe$emotionreact.keyframes`
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+`;
+var $c551207da10f497a$export$2e2bcd8739ae039 = $c551207da10f497a$var$flash;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}
+ */ const $3d7336a524311867$var$headShake = $jvNZe$emotionreact.keyframes`
+  0% {
+    transform: translateX(0);
+  }
+
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    transform: translateX(0);
+  }
+`;
+var $3d7336a524311867$export$2e2bcd8739ae039 = $3d7336a524311867$var$headShake;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}
+ */ const $b2a7be0c9c7173f1$var$heartBeat = $jvNZe$emotionreact.keyframes`
+  0% {
+    transform: scale(1);
+  }
+
+  14% {
+    transform: scale(1.3);
+  }
+
+  28% {
+    transform: scale(1);
+  }
+
+  42% {
+    transform: scale(1.3);
+  }
+
+  70% {
+    transform: scale(1);
+  }
+`;
+var $b2a7be0c9c7173f1$export$2e2bcd8739ae039 = $b2a7be0c9c7173f1$var$heartBeat;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}
+ */ const $2d6f1fe0ca52420a$var$jello = $jvNZe$emotionreact.keyframes`
+  from,
+  11.1%,
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+`;
+var $2d6f1fe0ca52420a$export$2e2bcd8739ae039 = $2d6f1fe0ca52420a$var$jello;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}
+ */ const $abd1005e2658e58b$var$pulse = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+`;
+var $abd1005e2658e58b$export$2e2bcd8739ae039 = $abd1005e2658e58b$var$pulse;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}
+ */ const $7b8e41d83a93e491$var$rubberBand = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+`;
+var $7b8e41d83a93e491$export$2e2bcd8739ae039 = $7b8e41d83a93e491$var$rubberBand;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}
+ */ const $931678bf0d15aae0$var$shake = $jvNZe$emotionreact.keyframes`
+  from,
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: translate3d(10px, 0, 0);
+  }
+`;
+var $931678bf0d15aae0$export$2e2bcd8739ae039 = $931678bf0d15aae0$var$shake;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}
+ */ const $98a08fff9db24d0e$var$shakeX = $jvNZe$emotionreact.keyframes`
+  from,
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: translate3d(10px, 0, 0);
+  }
+`;
+var $98a08fff9db24d0e$export$2e2bcd8739ae039 = $98a08fff9db24d0e$var$shakeX;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}
+ */ const $727219f11b947648$var$shakeY = $jvNZe$emotionreact.keyframes`
+  from,
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: translate3d(0, -10px, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: translate3d(0, 10px, 0);
+  }
+`;
+var $727219f11b947648$export$2e2bcd8739ae039 = $727219f11b947648$var$shakeY;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}
+ */ const $da4db1c691655485$var$swing = $jvNZe$emotionreact.keyframes`
+  20% {
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+`;
+var $da4db1c691655485$export$2e2bcd8739ae039 = $da4db1c691655485$var$swing;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}
+ */ const $6d2c180b5dc00f53$var$tada = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    transform: scale3d(1, 1, 1);
+  }
+`;
+var $6d2c180b5dc00f53$export$2e2bcd8739ae039 = $6d2c180b5dc00f53$var$tada;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}
+ */ const $077761f458b56730$var$wobble = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $077761f458b56730$export$2e2bcd8739ae039 = $077761f458b56730$var$wobble;
+
+
+
+var $0dc893042da0d7c8$exports = {};
+
+$parcel$export($0dc893042da0d7c8$exports, "Reveal", () => $0dc893042da0d7c8$export$9a32a8eb4bb56ca3);
+
+
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}
+ */ const $175baded3a09455d$var$fadeInLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $175baded3a09455d$export$2e2bcd8739ae039 = $175baded3a09455d$var$fadeInLeft;
+
+
+
+
+function $a2cb41f117372daf$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $175baded3a09455d$export$2e2bcd8739ae039 , iterationCount: iterationCount = 1 ,  }) {
+    return $jvNZe$emotionreact.css({
+        animationDuration: `${duration}ms`,
+        animationTimingFunction: timingFunction,
+        animationDelay: `${delay}ms`,
+        animationName: keyframes,
+        animationDirection: "normal",
+        animationFillMode: "both",
+        animationIterationCount: iterationCount
+    });
+}
+
+
+function $09795848ecb102f5$export$bedb7023a7733221(value) {
+    return value === null || value === undefined;
+}
+function $09795848ecb102f5$export$f832f653c73e86f8(value) {
+    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+
+
+const $0dc893042da0d7c8$var$hiddenCss = $jvNZe$emotionreact.css({
+    opacity: 0
+});
+const $0dc893042da0d7c8$var$textBaseCss = $jvNZe$emotionreact.css({
+    display: "inline-block",
+    whiteSpace: "pre"
+});
+const $0dc893042da0d7c8$export$9a32a8eb4bb56ca3 = ({ cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $175baded3a09455d$export$2e2bcd8739ae039 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  })=>{
+    if ($09795848ecb102f5$export$bedb7023a7733221(children)) return null;
+    if ($09795848ecb102f5$export$f832f653c73e86f8(children)) {
+        const stringifiedChildren = String(children);
+        return cascade ? /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+            threshold: fraction,
+            triggerOnce: triggerOnce,
+            onChange: onVisibilityChange,
+            children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $jvNZe$reactjsxruntime.jsx("div", {
+                    ref: ref,
+                    css: [
+                        revealCss,
+                        $0dc893042da0d7c8$var$textBaseCss
+                    ],
+                    className: className,
+                    style: style,
+                    children: stringifiedChildren.split("").map((char, index)=>$jvNZe$emotionreact.jsx("span", {
+                            key: index,
+                            className: className,
+                            css: inView ? $a2cb41f117372daf$export$cdf1f51c52cf49d8({
+                                keyframes: keyframes,
+                                delay: delay + index * duration * damping,
+                                duration: duration
+                            }) : $0dc893042da0d7c8$var$hiddenCss
+                        }, char)
+                    )
+                })
+        }) : /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+            delay: delay,
+            duration: duration,
+            fraction: fraction,
+            keyframes: keyframes,
+            triggerOnce: triggerOnce,
+            css: revealCss,
+            className: className,
+            style: style,
+            children: stringifiedChildren
+        });
+    }
+    if ($jvNZe$reactis.isFragment(children)) return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+        threshold: fraction,
+        triggerOnce: triggerOnce,
+        onChange: onVisibilityChange,
+        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreact.jsx("div", {
+                ref: ref,
+                className: className,
+                css: inView ? [
+                    revealCss,
+                    $a2cb41f117372daf$export$cdf1f51c52cf49d8({
+                        keyframes: keyframes,
+                        delay: delay,
+                        duration: duration
+                    })
+                ] : $0dc893042da0d7c8$var$hiddenCss,
+                style: style
+            }, children)
+    });
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactjsxruntime.Fragment, {
+        children: $jvNZe$react.Children.map(children, (node, index)=>{
+            const nodeElement = node;
+            const nodeCss = nodeElement.props.css ? [
+                nodeElement.props.css
+            ] : [];
+            nodeCss.push($a2cb41f117372daf$export$cdf1f51c52cf49d8({
+                keyframes: keyframes,
+                delay: delay + (cascade ? index * duration * damping : 0),
+                duration: duration
+            }));
+            switch(nodeElement.type){
+                case "ol":
+                case "ul":
+                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
+                        children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
+                                ...nodeElement.props,
+                                className: cx(className, nodeElement.props.className),
+                                style: {
+                                    ...style,
+                                    ...nodeElement.props.style
+                                }
+                            }, /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+                                cascade: cascade,
+                                damping: damping,
+                                delay: delay,
+                                duration: duration,
+                                fraction: fraction,
+                                keyframes: keyframes,
+                                triggerOnce: triggerOnce,
+                                css: revealCss,
+                                childClassName: childClassName,
+                                childStyle: childStyle,
+                                children: nodeElement.props.children
+                            }))
+                    });
+                case "li":
+                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                        threshold: fraction,
+                        triggerOnce: triggerOnce,
+                        onChange: onVisibilityChange,
+                        children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
+                                children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
+                                        ...nodeElement.props,
+                                        ref: ref,
+                                        css: inView ? [
+                                            revealCss,
+                                            ...nodeCss
+                                        ] : $0dc893042da0d7c8$var$hiddenCss,
+                                        className: cx(childClassName, nodeElement.props.className),
+                                        style: {
+                                            ...childStyle,
+                                            ...nodeElement.props.style
+                                        }
+                                    })
+                            })
+                    });
+                default:
+                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                        threshold: fraction,
+                        triggerOnce: triggerOnce,
+                        onChange: onVisibilityChange,
+                        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreact.jsx("div", {
+                                ref: ref,
+                                className: className,
+                                css: inView ? [
+                                    revealCss,
+                                    ...nodeCss
+                                ] : $0dc893042da0d7c8$var$hiddenCss,
+                                style: style
+                            }, /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
+                                children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
+                                        ...nodeElement.props,
+                                        className: cx(childClassName, nodeElement.props.className),
+                                        style: {
+                                            ...childStyle,
+                                            ...nodeElement.props.style
+                                        }
+                                    })
+                            }))
+                    });
+            }
+        })
+    });
+};
+
+
+function $7aeaa0f81815ca37$var$getAttentionSeekerKeyframesAndCss(effect) {
+    switch(effect){
+        case "flash":
+            return [
+                $c551207da10f497a$export$2e2bcd8739ae039
+            ];
+        case "headShake":
+            return [
+                $3d7336a524311867$export$2e2bcd8739ae039,
+                {
+                    animationTimingFunction: "ease-in-out"
+                }
+            ];
+        case "heartBeat":
+            return [
+                $b2a7be0c9c7173f1$export$2e2bcd8739ae039,
+                {
+                    animationTimingFunction: "ease-in-out"
+                }
+            ];
+        case "jello":
+            return [
+                $2d6f1fe0ca52420a$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "center"
+                }
+            ];
+        case "pulse":
+            return [
+                $abd1005e2658e58b$export$2e2bcd8739ae039,
+                {
+                    animationTimingFunction: "ease-in-out"
+                }
+            ];
+        case "rubberBand":
+            return [
+                $7b8e41d83a93e491$export$2e2bcd8739ae039
+            ];
+        case "shake":
+            return [
+                $931678bf0d15aae0$export$2e2bcd8739ae039
+            ];
+        case "shakeX":
+            return [
+                $98a08fff9db24d0e$export$2e2bcd8739ae039
+            ];
+        case "shakeY":
+            return [
+                $727219f11b947648$export$2e2bcd8739ae039
+            ];
+        case "swing":
+            return [
+                $da4db1c691655485$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "top center"
+                }
+            ];
+        case "tada":
+            return [
+                $6d2c180b5dc00f53$export$2e2bcd8739ae039
+            ];
+        case "wobble":
+            return [
+                $077761f458b56730$export$2e2bcd8739ae039
+            ];
+        case "bounce":
+        default:
+            return [
+                $2ee94e5cb1210e77$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "center bottom"
+                }
+            ];
+    }
+}
+const $7aeaa0f81815ca37$export$1736648c5c27c79d = ({ effect: effect = "bounce" , ...otherProps })=>{
+    const [keyframes, animationCss] = $7aeaa0f81815ca37$var$getAttentionSeekerKeyframesAndCss(effect);
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: keyframes,
+        css: animationCss,
+        ...otherProps
+    });
+};
+
+
+var $fffb0955a91cdfcc$exports = {};
+
+$parcel$export($fffb0955a91cdfcc$exports, "Bounce", () => $fffb0955a91cdfcc$export$d20e79fdc3899e95);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}
+ */ const $5fe1105e904fd50a$var$bounceIn = $jvNZe$emotionreact.keyframes`
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+`;
+var $5fe1105e904fd50a$export$2e2bcd8739ae039 = $5fe1105e904fd50a$var$bounceIn;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}
+ */ const $532d6bd310070818$var$bounceInDown = $jvNZe$emotionreact.keyframes`
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+
+  75% {
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $532d6bd310070818$export$2e2bcd8739ae039 = $532d6bd310070818$var$bounceInDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}
+ */ const $edae9f629a811fa4$var$bounceInLeft = $jvNZe$emotionreact.keyframes`
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $edae9f629a811fa4$export$2e2bcd8739ae039 = $edae9f629a811fa4$var$bounceInLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}
+ */ const $874303bfe7ce9228$var$bounceInRight = $jvNZe$emotionreact.keyframes`
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+
+  75% {
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+
+  90% {
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $874303bfe7ce9228$export$2e2bcd8739ae039 = $874303bfe7ce9228$var$bounceInRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}
+ */ const $061c7e868d7553e5$var$bounceInUp = $jvNZe$emotionreact.keyframes`
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  75% {
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+
+  90% {
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $061c7e868d7553e5$export$2e2bcd8739ae039 = $061c7e868d7553e5$var$bounceInUp;
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}
+ */ const $b461a2a2eb1b4e58$var$bounceOut = $jvNZe$emotionreact.keyframes`
+  20% {
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+`;
+var $b461a2a2eb1b4e58$export$2e2bcd8739ae039 = $b461a2a2eb1b4e58$var$bounceOut;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}
+ */ const $520cdfc16abb5e4d$var$bounceOutDown = $jvNZe$emotionreact.keyframes`
+  20% {
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+`;
+var $520cdfc16abb5e4d$export$2e2bcd8739ae039 = $520cdfc16abb5e4d$var$bounceOutDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}
+ */ const $5fff1432286cf647$var$bounceOutLeft = $jvNZe$emotionreact.keyframes`
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+`;
+var $5fff1432286cf647$export$2e2bcd8739ae039 = $5fff1432286cf647$var$bounceOutLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}
+ */ const $ada22a6ef8cf5ddf$var$bounceOutRight = $jvNZe$emotionreact.keyframes`
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+`;
+var $ada22a6ef8cf5ddf$export$2e2bcd8739ae039 = $ada22a6ef8cf5ddf$var$bounceOutRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}
+ */ const $dedc8addbb32ea3f$var$bounceOutUp = $jvNZe$emotionreact.keyframes`
+  20% {
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+`;
+var $dedc8addbb32ea3f$export$2e2bcd8739ae039 = $dedc8addbb32ea3f$var$bounceOutUp;
+
+
+
+
+function $fffb0955a91cdfcc$var$getBounceKeyframes(reverse, direction) {
+    switch(direction){
+        case "down":
+            return reverse ? $520cdfc16abb5e4d$export$2e2bcd8739ae039 : $532d6bd310070818$export$2e2bcd8739ae039;
+        case "left":
+            return reverse ? $5fff1432286cf647$export$2e2bcd8739ae039 : $edae9f629a811fa4$export$2e2bcd8739ae039;
+        case "right":
+            return reverse ? $ada22a6ef8cf5ddf$export$2e2bcd8739ae039 : $874303bfe7ce9228$export$2e2bcd8739ae039;
+        case "up":
+            return reverse ? $dedc8addbb32ea3f$export$2e2bcd8739ae039 : $061c7e868d7553e5$export$2e2bcd8739ae039;
+        default:
+            return reverse ? $b461a2a2eb1b4e58$export$2e2bcd8739ae039 : $5fe1105e904fd50a$export$2e2bcd8739ae039;
+    }
+}
+const $fffb0955a91cdfcc$export$d20e79fdc3899e95 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $fffb0955a91cdfcc$var$getBounceKeyframes(reverse, direction),
+        ...otherProps
+    });
+};
+
+
+var $5209bd71e721a5ee$exports = {};
+
+$parcel$export($5209bd71e721a5ee$exports, "Fade", () => $5209bd71e721a5ee$export$c983850c6c9d8b0e);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}
+ */ const $6d00b3cd4a571a0d$var$fadeIn = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`;
+var $6d00b3cd4a571a0d$export$2e2bcd8739ae039 = $6d00b3cd4a571a0d$var$fadeIn;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}
+ */ const $827cbb53603436d7$var$fadeInBottomLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $827cbb53603436d7$export$2e2bcd8739ae039 = $827cbb53603436d7$var$fadeInBottomLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}
+ */ const $3bbe3e04b99386be$var$fadeInBottomRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $3bbe3e04b99386be$export$2e2bcd8739ae039 = $3bbe3e04b99386be$var$fadeInBottomRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}
+ */ const $5dcf78945e9d060a$var$fadeInDown = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $5dcf78945e9d060a$export$2e2bcd8739ae039 = $5dcf78945e9d060a$var$fadeInDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}
+ */ const $0207ec574f412786$var$fadeInDownBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $0207ec574f412786$export$2e2bcd8739ae039 = $0207ec574f412786$var$fadeInDownBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}
+ */ const $3ea9662257146210$var$fadeInLeftBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $3ea9662257146210$export$2e2bcd8739ae039 = $3ea9662257146210$var$fadeInLeftBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}
+ */ const $3cbf7b13cdaf7304$var$fadeInRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $3cbf7b13cdaf7304$export$2e2bcd8739ae039 = $3cbf7b13cdaf7304$var$fadeInRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}
+ */ const $27e40e08435940cf$var$fadeInRightBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $27e40e08435940cf$export$2e2bcd8739ae039 = $27e40e08435940cf$var$fadeInRightBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}
+ */ const $56aa399885bc6c86$var$fadeInTopLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $56aa399885bc6c86$export$2e2bcd8739ae039 = $56aa399885bc6c86$var$fadeInTopLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}
+ */ const $156a7a786595bc4c$var$fadeInTopRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $156a7a786595bc4c$export$2e2bcd8739ae039 = $156a7a786595bc4c$var$fadeInTopRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}
+ */ const $7ba78eda7410ef74$var$fadeInUp = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $7ba78eda7410ef74$export$2e2bcd8739ae039 = $7ba78eda7410ef74$var$fadeInUp;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}
+ */ const $40104ae6886b4a99$var$fadeInUpBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $40104ae6886b4a99$export$2e2bcd8739ae039 = $40104ae6886b4a99$var$fadeInUpBig;
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}
+ */ const $eab9397d3bd19a1f$var$fadeOut = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+`;
+var $eab9397d3bd19a1f$export$2e2bcd8739ae039 = $eab9397d3bd19a1f$var$fadeOut;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}
+ */ const $6ba70da3b088230d$var$fadeOutBottomLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+`;
+var $6ba70da3b088230d$export$2e2bcd8739ae039 = $6ba70da3b088230d$var$fadeOutBottomLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}
+ */ const $2a38b06e8297e532$var$fadeOutBottomRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+`;
+var $2a38b06e8297e532$export$2e2bcd8739ae039 = $2a38b06e8297e532$var$fadeOutBottomRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}
+ */ const $40440409598bf562$var$fadeOutDown = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+`;
+var $40440409598bf562$export$2e2bcd8739ae039 = $40440409598bf562$var$fadeOutDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDownBig.css}
+ */ const $cfbf9dadc318341a$var$fadeOutDownBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+`;
+var $cfbf9dadc318341a$export$2e2bcd8739ae039 = $cfbf9dadc318341a$var$fadeOutDownBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeft.css}
+ */ const $3168725b61644744$var$fadeOutLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+`;
+var $3168725b61644744$export$2e2bcd8739ae039 = $3168725b61644744$var$fadeOutLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeftBig.css}
+ */ const $9b5275a4e5befab1$var$fadeOutLeftBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+`;
+var $9b5275a4e5befab1$export$2e2bcd8739ae039 = $9b5275a4e5befab1$var$fadeOutLeftBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRight.css}
+ */ const $88436a26619f7ec0$var$fadeOutRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+`;
+var $88436a26619f7ec0$export$2e2bcd8739ae039 = $88436a26619f7ec0$var$fadeOutRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRightBig.css}
+ */ const $9513a9d115c05428$var$fadeOutRightBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+`;
+var $9513a9d115c05428$export$2e2bcd8739ae039 = $9513a9d115c05428$var$fadeOutRightBig;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopLeft.css}
+ */ const $fe9405c4cc5ccd3b$var$fadeOutTopLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+`;
+var $fe9405c4cc5ccd3b$export$2e2bcd8739ae039 = $fe9405c4cc5ccd3b$var$fadeOutTopLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopRight.css}
+ */ const $7025051c14a0fe2a$var$fadeOutTopRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+`;
+var $7025051c14a0fe2a$export$2e2bcd8739ae039 = $7025051c14a0fe2a$var$fadeOutTopRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUp.css}
+ */ const $0f32d0f7b47da45c$var$fadeOutUp = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+`;
+var $0f32d0f7b47da45c$export$2e2bcd8739ae039 = $0f32d0f7b47da45c$var$fadeOutUp;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUpBig.css}
+ */ const $0b6066a37877ad3b$var$fadeOutUpBig = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+`;
+var $0b6066a37877ad3b$export$2e2bcd8739ae039 = $0b6066a37877ad3b$var$fadeOutUpBig;
+
+
+
+
+function $5209bd71e721a5ee$var$getFadeKeyframes(big, reverse, direction) {
+    switch(direction){
+        case "bottom-left":
+            return reverse ? $6ba70da3b088230d$export$2e2bcd8739ae039 : $827cbb53603436d7$export$2e2bcd8739ae039;
+        case "bottom-right":
+            return reverse ? $2a38b06e8297e532$export$2e2bcd8739ae039 : $3bbe3e04b99386be$export$2e2bcd8739ae039;
+        case "down":
+            return big ? reverse ? $cfbf9dadc318341a$export$2e2bcd8739ae039 : $0207ec574f412786$export$2e2bcd8739ae039 : reverse ? $40440409598bf562$export$2e2bcd8739ae039 : $5dcf78945e9d060a$export$2e2bcd8739ae039;
+        case "left":
+            return big ? reverse ? $9b5275a4e5befab1$export$2e2bcd8739ae039 : $3ea9662257146210$export$2e2bcd8739ae039 : reverse ? $3168725b61644744$export$2e2bcd8739ae039 : $175baded3a09455d$export$2e2bcd8739ae039;
+        case "right":
+            return big ? reverse ? $9513a9d115c05428$export$2e2bcd8739ae039 : $27e40e08435940cf$export$2e2bcd8739ae039 : reverse ? $88436a26619f7ec0$export$2e2bcd8739ae039 : $3cbf7b13cdaf7304$export$2e2bcd8739ae039;
+        case "top-left":
+            return reverse ? $fe9405c4cc5ccd3b$export$2e2bcd8739ae039 : $56aa399885bc6c86$export$2e2bcd8739ae039;
+        case "top-right":
+            return reverse ? $7025051c14a0fe2a$export$2e2bcd8739ae039 : $156a7a786595bc4c$export$2e2bcd8739ae039;
+        case "up":
+            return big ? reverse ? $0b6066a37877ad3b$export$2e2bcd8739ae039 : $40104ae6886b4a99$export$2e2bcd8739ae039 : reverse ? $0f32d0f7b47da45c$export$2e2bcd8739ae039 : $7ba78eda7410ef74$export$2e2bcd8739ae039;
+        default:
+            return reverse ? $eab9397d3bd19a1f$export$2e2bcd8739ae039 : $6d00b3cd4a571a0d$export$2e2bcd8739ae039;
+    }
+}
+const $5209bd71e721a5ee$export$c983850c6c9d8b0e = ({ big: big = false , direction: direction , reverse: reverse = false , ...otherProps })=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $5209bd71e721a5ee$var$getFadeKeyframes(big, reverse, direction),
+        ...otherProps
+    });
+};
+
+
+var $89b59ad7bbc0d1e7$exports = {};
+
+$parcel$export($89b59ad7bbc0d1e7$exports, "Flip", () => $89b59ad7bbc0d1e7$export$4d2fae537bd90431);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flip.css}
+ */ const $d86c40f59a5a14ac$var$flip = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    animation-timing-function: ease-in;
+  }
+`;
+var $d86c40f59a5a14ac$export$2e2bcd8739ae039 = $d86c40f59a5a14ac$var$flip;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}
+ */ const $ab3fec3e42903658$var$flipInX = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+`;
+var $ab3fec3e42903658$export$2e2bcd8739ae039 = $ab3fec3e42903658$var$flipInX;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}
+ */ const $b8e697640f943870$var$flipInY = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    transform: perspective(400px);
+  }
+`;
+var $b8e697640f943870$export$2e2bcd8739ae039 = $b8e697640f943870$var$flipInY;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}
+ */ const $8fefbff3047b71c9$var$flipOutX = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+`;
+var $8fefbff3047b71c9$export$2e2bcd8739ae039 = $8fefbff3047b71c9$var$flipOutX;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}
+ */ const $bff8f7efec46de19$var$flipOutY = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: perspective(400px);
+  }
+
+  30% {
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+`;
+var $bff8f7efec46de19$export$2e2bcd8739ae039 = $bff8f7efec46de19$var$flipOutY;
+
+
+
+
+function $89b59ad7bbc0d1e7$var$getFlipKeyframes(reverse, direction) {
+    switch(direction){
+        case "horizontal":
+            return reverse ? $8fefbff3047b71c9$export$2e2bcd8739ae039 : $ab3fec3e42903658$export$2e2bcd8739ae039;
+        case "vertical":
+            return reverse ? $bff8f7efec46de19$export$2e2bcd8739ae039 : $b8e697640f943870$export$2e2bcd8739ae039;
+        default:
+            return $d86c40f59a5a14ac$export$2e2bcd8739ae039;
+    }
+}
+const $89b59ad7bbc0d1e7$export$4d2fae537bd90431 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
+    const animationCss = {
+        backfaceVisibility: "visible"
+    };
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $89b59ad7bbc0d1e7$var$getFlipKeyframes(reverse, direction),
+        css: animationCss,
+        ...otherProps
+    });
+};
+
+
+var $eaf9cd96450f3b6e$exports = {};
+
+$parcel$export($eaf9cd96450f3b6e$exports, "Hinge", () => $eaf9cd96450f3b6e$export$51b1a342f43475b0);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}
+ */ const $1876f905e4fa553c$var$hinge = $jvNZe$emotionreact.keyframes`
+  0% {
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    transform: rotate3d(0, 0, 1, 80deg);
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    transform: rotate3d(0, 0, 1, 60deg);
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+`;
+var $1876f905e4fa553c$export$2e2bcd8739ae039 = $1876f905e4fa553c$var$hinge;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}
+ */ const $5ab38b801a1a088a$var$jackInTheBox = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+
+  50% {
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+`;
+var $5ab38b801a1a088a$export$2e2bcd8739ae039 = $5ab38b801a1a088a$var$jackInTheBox;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}
+ */ const $0d687b6ddc4b5e6f$var$rollIn = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $0d687b6ddc4b5e6f$export$2e2bcd8739ae039 = $0d687b6ddc4b5e6f$var$rollIn;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}
+ */ const $d1292ae34f564052$var$rollOut = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+`;
+var $d1292ae34f564052$export$2e2bcd8739ae039 = $d1292ae34f564052$var$rollOut;
+
+
+
+
+const $eaf9cd96450f3b6e$export$51b1a342f43475b0 = (props)=>{
+    const animationCss = {
+        transformOrigin: "top left"
+    };
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $1876f905e4fa553c$export$2e2bcd8739ae039,
+        css: animationCss,
+        ...props
+    });
+};
+
+
+var $f915fb955f517e10$exports = {};
+
+$parcel$export($f915fb955f517e10$exports, "JackInTheBox", () => $f915fb955f517e10$export$2d9d44ff5c623255);
+
+
+
+const $f915fb955f517e10$export$2d9d44ff5c623255 = (props)=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $5ab38b801a1a088a$export$2e2bcd8739ae039,
+        ...props
+    });
+};
+
+
+var $642c33dc6100b5f9$exports = {};
+
+$parcel$export($642c33dc6100b5f9$exports, "Roll", () => $642c33dc6100b5f9$export$aa11096b70371f74);
+
+
+
+function $642c33dc6100b5f9$var$getRollKeyframes(reverse) {
+    return reverse ? $d1292ae34f564052$export$2e2bcd8739ae039 : $0d687b6ddc4b5e6f$export$2e2bcd8739ae039;
+}
+const $642c33dc6100b5f9$export$aa11096b70371f74 = ({ reverse: reverse = false , ...otherProps })=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $642c33dc6100b5f9$var$getRollKeyframes(reverse),
+        ...otherProps
+    });
+};
+
+
+var $66a44409d78104ce$exports = {};
+
+$parcel$export($66a44409d78104ce$exports, "Rotate", () => $66a44409d78104ce$export$152db69a76b6b79e);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateIn.css}
+ */ const $c03b261ad2fcf2bc$var$rotateIn = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+`;
+var $c03b261ad2fcf2bc$export$2e2bcd8739ae039 = $c03b261ad2fcf2bc$var$rotateIn;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownLeft.css}
+ */ const $057f9355899a3267$var$rotateInDownLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+`;
+var $057f9355899a3267$export$2e2bcd8739ae039 = $057f9355899a3267$var$rotateInDownLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownRight.css}
+ */ const $00bd4401778ce864$var$rotateInDownRight = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+`;
+var $00bd4401778ce864$export$2e2bcd8739ae039 = $00bd4401778ce864$var$rotateInDownRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpLeft.css}
+ */ const $c377437d89bc549b$var$rotateInUpLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+`;
+var $c377437d89bc549b$export$2e2bcd8739ae039 = $c377437d89bc549b$var$rotateInUpLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpRight.css}
+ */ const $07648f4b9fcf77bb$var$rotateInUpRight = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+`;
+var $07648f4b9fcf77bb$export$2e2bcd8739ae039 = $07648f4b9fcf77bb$var$rotateInUpRight;
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOut.css}
+ */ const $0061a35f2e7228d6$var$rotateOut = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+`;
+var $0061a35f2e7228d6$export$2e2bcd8739ae039 = $0061a35f2e7228d6$var$rotateOut;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownLeft.css}
+ */ const $f1c093eaab20bc76$var$rotateOutDownLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+`;
+var $f1c093eaab20bc76$export$2e2bcd8739ae039 = $f1c093eaab20bc76$var$rotateOutDownLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownRight.css}
+ */ const $8c301a61c85e9132$var$rotateOutDownRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+`;
+var $8c301a61c85e9132$export$2e2bcd8739ae039 = $8c301a61c85e9132$var$rotateOutDownRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpLeft.css}
+ */ const $50ce36a0733e25a3$var$rotateOutUpLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+`;
+var $50ce36a0733e25a3$export$2e2bcd8739ae039 = $50ce36a0733e25a3$var$rotateOutUpLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpRight.css}
+ */ const $57a771783a66e593$var$rotateOutUpRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  to {
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+`;
+var $57a771783a66e593$export$2e2bcd8739ae039 = $57a771783a66e593$var$rotateOutUpRight;
+
+
+
+
+function $66a44409d78104ce$var$getRotateKeyframesAndCss(reverse, direction) {
+    switch(direction){
+        case "bottom-left":
+            return reverse ? [
+                $f1c093eaab20bc76$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "left bottom"
+                }
+            ] : [
+                $057f9355899a3267$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "left bottom"
+                }
+            ];
+        case "bottom-right":
+            return reverse ? [
+                $8c301a61c85e9132$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "right bottom"
+                }
+            ] : [
+                $00bd4401778ce864$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "right bottom"
+                }
+            ];
+        case "top-left":
+            return reverse ? [
+                $50ce36a0733e25a3$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "left bottom"
+                }
+            ] : [
+                $c377437d89bc549b$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "left bottom"
+                }
+            ];
+        case "top-right":
+            return reverse ? [
+                $57a771783a66e593$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "right bottom"
+                }
+            ] : [
+                $07648f4b9fcf77bb$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "right bottom"
+                }
+            ];
+        default:
+            return reverse ? [
+                $0061a35f2e7228d6$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "center"
+                }
+            ] : [
+                $c03b261ad2fcf2bc$export$2e2bcd8739ae039,
+                {
+                    transformOrigin: "center"
+                }
+            ];
+    }
+}
+const $66a44409d78104ce$export$152db69a76b6b79e = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
+    const [keyframes, animationCss] = $66a44409d78104ce$var$getRotateKeyframesAndCss(reverse, direction);
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: keyframes,
+        css: animationCss,
+        ...otherProps
+    });
+};
+
+
+var $07df165d0f37d8ee$exports = {};
+
+$parcel$export($07df165d0f37d8ee$exports, "Slide", () => $07df165d0f37d8ee$export$d8dc01b5c85a37b9);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInDown.css}
+ */ const $6c6ab0c7e11286fc$var$slideInDown = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $6c6ab0c7e11286fc$export$2e2bcd8739ae039 = $6c6ab0c7e11286fc$var$slideInDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}
+ */ const $8c7f13c4c93f1d07$var$slideInLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $8c7f13c4c93f1d07$export$2e2bcd8739ae039 = $8c7f13c4c93f1d07$var$slideInLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}
+ */ const $3593ff0ab342632c$var$slideInRight = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $3593ff0ab342632c$export$2e2bcd8739ae039 = $3593ff0ab342632c$var$slideInRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}
+ */ const $db3ce51393f912ea$var$slideInUp = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+`;
+var $db3ce51393f912ea$export$2e2bcd8739ae039 = $db3ce51393f912ea$var$slideInUp;
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}
+ */ const $62ca7531e82bd2b3$var$slideOutDown = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+`;
+var $62ca7531e82bd2b3$export$2e2bcd8739ae039 = $62ca7531e82bd2b3$var$slideOutDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}
+ */ const $81b646a716fd3523$var$slideOutLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+`;
+var $81b646a716fd3523$export$2e2bcd8739ae039 = $81b646a716fd3523$var$slideOutLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}
+ */ const $7249fbcb11e93291$var$slideOutRight = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+`;
+var $7249fbcb11e93291$export$2e2bcd8739ae039 = $7249fbcb11e93291$var$slideOutRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}
+ */ const $69c6fd8180cb3c78$var$slideOutUp = $jvNZe$emotionreact.keyframes`
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+`;
+var $69c6fd8180cb3c78$export$2e2bcd8739ae039 = $69c6fd8180cb3c78$var$slideOutUp;
+
+
+
+
+function $07df165d0f37d8ee$var$getSlideKeyframes(reverse, direction) {
+    switch(direction){
+        case "down":
+            return reverse ? $62ca7531e82bd2b3$export$2e2bcd8739ae039 : $6c6ab0c7e11286fc$export$2e2bcd8739ae039;
+        case "right":
+            return reverse ? $7249fbcb11e93291$export$2e2bcd8739ae039 : $3593ff0ab342632c$export$2e2bcd8739ae039;
+        case "up":
+            return reverse ? $69c6fd8180cb3c78$export$2e2bcd8739ae039 : $db3ce51393f912ea$export$2e2bcd8739ae039;
+        case "left":
+        default:
+            return reverse ? $81b646a716fd3523$export$2e2bcd8739ae039 : $8c7f13c4c93f1d07$export$2e2bcd8739ae039;
+    }
+}
+const $07df165d0f37d8ee$export$d8dc01b5c85a37b9 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $07df165d0f37d8ee$var$getSlideKeyframes(reverse, direction),
+        ...otherProps
+    });
+};
+
+
+var $a1971b899da2b0f4$exports = {};
+
+$parcel$export($a1971b899da2b0f4$exports, "Zoom", () => $a1971b899da2b0f4$export$65cfd44a2050f99);
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}
+ */ const $5a8061f25edadb57$var$zoomIn = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+`;
+var $5a8061f25edadb57$export$2e2bcd8739ae039 = $5a8061f25edadb57$var$zoomIn;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}
+ */ const $2a126738377e334d$var$zoomInDown = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $2a126738377e334d$export$2e2bcd8739ae039 = $2a126738377e334d$var$zoomInDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}
+ */ const $d6cb19b4b1fb363f$var$zoomInLeft = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $d6cb19b4b1fb363f$export$2e2bcd8739ae039 = $d6cb19b4b1fb363f$var$zoomInLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}
+ */ const $830e3be91574e69a$var$zoomInRight = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $830e3be91574e69a$export$2e2bcd8739ae039 = $830e3be91574e69a$var$zoomInRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}
+ */ const $480537a74ea2af16$var$zoomInUp = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $480537a74ea2af16$export$2e2bcd8739ae039 = $480537a74ea2af16$var$zoomInUp;
+
+
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}
+ */ const $4939be816ebea7f4$var$zoomOut = $jvNZe$emotionreact.keyframes`
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+`;
+var $4939be816ebea7f4$export$2e2bcd8739ae039 = $4939be816ebea7f4$var$zoomOut;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}
+ */ const $e4e2dccf2b48bf6d$var$zoomOutDown = $jvNZe$emotionreact.keyframes`
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $e4e2dccf2b48bf6d$export$2e2bcd8739ae039 = $e4e2dccf2b48bf6d$var$zoomOutDown;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}
+ */ const $2a8f9fc1417580c6$var$zoomOutLeft = $jvNZe$emotionreact.keyframes`
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+`;
+var $2a8f9fc1417580c6$export$2e2bcd8739ae039 = $2a8f9fc1417580c6$var$zoomOutLeft;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}
+ */ const $314b2d5a601485d8$var$zoomOutRight = $jvNZe$emotionreact.keyframes`
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+`;
+var $314b2d5a601485d8$export$2e2bcd8739ae039 = $314b2d5a601485d8$var$zoomOutRight;
+
+
+/**
+ * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}
+ */ const $c3b967b5982d82c2$var$zoomOutUp = $jvNZe$emotionreact.keyframes`
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+`;
+var $c3b967b5982d82c2$export$2e2bcd8739ae039 = $c3b967b5982d82c2$var$zoomOutUp;
+
+
+
+
+function $a1971b899da2b0f4$var$getZoomKeyframes(reverse, direction) {
+    switch(direction){
+        case "down":
+            return reverse ? $e4e2dccf2b48bf6d$export$2e2bcd8739ae039 : $2a126738377e334d$export$2e2bcd8739ae039;
+        case "left":
+            return reverse ? $2a8f9fc1417580c6$export$2e2bcd8739ae039 : $d6cb19b4b1fb363f$export$2e2bcd8739ae039;
+        case "right":
+            return reverse ? $314b2d5a601485d8$export$2e2bcd8739ae039 : $830e3be91574e69a$export$2e2bcd8739ae039;
+        case "up":
+            return reverse ? $c3b967b5982d82c2$export$2e2bcd8739ae039 : $480537a74ea2af16$export$2e2bcd8739ae039;
+        default:
+            return reverse ? $4939be816ebea7f4$export$2e2bcd8739ae039 : $5a8061f25edadb57$export$2e2bcd8739ae039;
+    }
+}
+const $a1971b899da2b0f4$export$65cfd44a2050f99 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
+    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+        keyframes: $a1971b899da2b0f4$var$getZoomKeyframes(reverse, direction),
+        ...otherProps
+    });
+};
+
+
+
+
+$parcel$exportWildcard(module.exports, $0dc893042da0d7c8$exports);
+$parcel$exportWildcard(module.exports, $7aeaa0f81815ca37$exports);
+$parcel$exportWildcard(module.exports, $fffb0955a91cdfcc$exports);
+$parcel$exportWildcard(module.exports, $5209bd71e721a5ee$exports);
+$parcel$exportWildcard(module.exports, $89b59ad7bbc0d1e7$exports);
+$parcel$exportWildcard(module.exports, $eaf9cd96450f3b6e$exports);
+$parcel$exportWildcard(module.exports, $f915fb955f517e10$exports);
+$parcel$exportWildcard(module.exports, $642c33dc6100b5f9$exports);
+$parcel$exportWildcard(module.exports, $66a44409d78104ce$exports);
+$parcel$exportWildcard(module.exports, $07df165d0f37d8ee$exports);
+$parcel$exportWildcard(module.exports, $a1971b899da2b0f4$exports);
+
+
+//# sourceMappingURL=main.js.map