{"version":3,"file":"static/js/893.6b5cfefe.chunk.js","mappings":"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","sources":["../node_modules/react-awesome-reveal/node_modules/react-is/cjs/react-is.production.min.js","../node_modules/react-awesome-reveal/node_modules/react-is/index.js","../node_modules/@chakra-ui/layout/src/center.tsx","../node_modules/src/observe.ts","../node_modules/src/InView.tsx","../node_modules/src/useInView.tsx","../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInLeft.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/bounce.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/flash.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/headShake.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/heartBeat.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/jello.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/pulse.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/rubberBand.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/shake.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/shakeX.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/shakeY.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/swing.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/tada.ts","../node_modules/react-awesome-reveal/src/animations/attention_seekers/wobble.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeIn.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInBottomLeft.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInBottomRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInDown.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInDownBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInLeftBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInRightBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInTopLeft.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInTopRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInUp.ts","../node_modules/react-awesome-reveal/src/animations/fading_entrances/fadeInUpBig.ts","../node_modules/react-awesome-reveal/src/utils/patterns.ts","../node_modules/react-awesome-reveal/src/Reveal.tsx","../node_modules/react-awesome-reveal/src/utils/guards.ts","../node_modules/react-awesome-reveal/src/utils/animations.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_entrances/bounceIn.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_entrances/bounceInDown.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_entrances/bounceInLeft.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_entrances/bounceInRight.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_entrances/bounceInUp.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_exits/bounceOut.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_exits/bounceOutDown.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_exits/bounceOutLeft.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_exits/bounceOutRight.ts","../node_modules/react-awesome-reveal/src/animations/bouncing_exits/bounceOutUp.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOut.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutBottomLeft.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutBottomRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutDown.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutDownBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutLeft.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutLeftBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutRightBig.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutTopLeft.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutTopRight.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutUp.ts","../node_modules/react-awesome-reveal/src/animations/fading_exits/fadeOutUpBig.ts","../node_modules/react-awesome-reveal/src/animations/flippers/flip.ts","../node_modules/react-awesome-reveal/src/animations/flippers/flipInX.ts","../node_modules/react-awesome-reveal/src/animations/flippers/flipInY.ts","../node_modules/react-awesome-reveal/src/animations/flippers/flipOutX.ts","../node_modules/react-awesome-reveal/src/animations/flippers/flipOutY.ts","../node_modules/react-awesome-reveal/src/animations/specials/hinge.ts","../node_modules/react-awesome-reveal/src/animations/specials/jackInTheBox.ts","../node_modules/react-awesome-reveal/src/animations/specials/rollIn.ts","../node_modules/react-awesome-reveal/src/animations/specials/rollOut.ts","../node_modules/react-awesome-reveal/src/animations/rotating_entrances/rotateIn.ts","../node_modules/react-awesome-reveal/src/animations/rotating_entrances/rotateInDownLeft.ts","../node_modules/react-awesome-reveal/src/animations/rotating_entrances/rotateInDownRight.ts","../node_modules/react-awesome-reveal/src/animations/rotating_entrances/rotateInUpLeft.ts","../node_modules/react-awesome-reveal/src/animations/rotating_entrances/rotateInUpRight.ts","../node_modules/react-awesome-reveal/src/animations/rotating_exits/rotateOut.ts","../node_modules/react-awesome-reveal/src/animations/rotating_exits/rotateOutDownLeft.ts","../node_modules/react-awesome-reveal/src/animations/rotating_exits/rotateOutDownRight.ts","../node_modules/react-awesome-reveal/src/animations/rotating_exits/rotateOutUpLeft.ts","../node_modules/react-awesome-reveal/src/animations/rotating_exits/rotateOutUpRight.ts","../node_modules/react-awesome-reveal/src/components/Rotate.tsx","../node_modules/react-awesome-reveal/src/animations/sliding_entrances/slideInDown.ts","../node_modules/react-awesome-reveal/src/animations/sliding_entrances/slideInLeft.ts","../node_modules/react-awesome-reveal/src/animations/sliding_entrances/slideInRight.ts","../node_modules/react-awesome-reveal/src/animations/sliding_entrances/slideInUp.ts","../node_modules/react-awesome-reveal/src/animations/sliding_exits/slideOutDown.ts","../node_modules/react-awesome-reveal/src/animations/sliding_exits/slideOutLeft.ts","../node_modules/react-awesome-reveal/src/animations/sliding_exits/slideOutRight.ts","../node_modules/react-awesome-reveal/src/animations/sliding_exits/slideOutUp.ts","../node_modules/react-awesome-reveal/src/components/Slide.tsx","../node_modules/react-awesome-reveal/src/animations/zooming_entrances/zoomIn.ts","../node_modules/react-awesome-reveal/src/animations/zooming_entrances/zoomInDown.ts","../node_modules/react-awesome-reveal/src/animations/zooming_entrances/zoomInLeft.ts","../node_modules/react-awesome-reveal/src/animations/zooming_entrances/zoomInRight.ts","../node_modules/react-awesome-reveal/src/animations/zooming_entrances/zoomInUp.ts","../node_modules/react-awesome-reveal/src/animations/zooming_exits/zoomOut.ts","../node_modules/react-awesome-reveal/src/animations/zooming_exits/zoomOutDown.ts","../node_modules/react-awesome-reveal/src/animations/zooming_exits/zoomOutLeft.ts","../node_modules/react-awesome-reveal/src/animations/zooming_exits/zoomOutRight.ts","../node_modules/react-awesome-reveal/src/animations/zooming_exits/zoomOutUp.ts"],"sourcesContent":["/**\n * @license React\n * react-is.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var b=Symbol.for(\"react.element\"),c=Symbol.for(\"react.portal\"),d=Symbol.for(\"react.fragment\"),e=Symbol.for(\"react.strict_mode\"),f=Symbol.for(\"react.profiler\"),g=Symbol.for(\"react.provider\"),h=Symbol.for(\"react.context\"),k=Symbol.for(\"react.server_context\"),l=Symbol.for(\"react.forward_ref\"),m=Symbol.for(\"react.suspense\"),n=Symbol.for(\"react.suspense_list\"),p=Symbol.for(\"react.memo\"),q=Symbol.for(\"react.lazy\"),t=Symbol.for(\"react.offscreen\"),u;u=Symbol.for(\"react.module.reference\");\nfunction v(a){if(\"object\"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}exports.ContextConsumer=h;exports.ContextProvider=g;exports.Element=b;exports.ForwardRef=l;exports.Fragment=d;exports.Lazy=q;exports.Memo=p;exports.Portal=c;exports.Profiler=f;exports.StrictMode=e;exports.Suspense=m;\nexports.SuspenseList=n;exports.isAsyncMode=function(){return!1};exports.isConcurrentMode=function(){return!1};exports.isContextConsumer=function(a){return v(a)===h};exports.isContextProvider=function(a){return v(a)===g};exports.isElement=function(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===b};exports.isForwardRef=function(a){return v(a)===l};exports.isFragment=function(a){return v(a)===d};exports.isLazy=function(a){return v(a)===q};exports.isMemo=function(a){return v(a)===p};\nexports.isPortal=function(a){return v(a)===c};exports.isProfiler=function(a){return v(a)===f};exports.isStrictMode=function(a){return v(a)===e};exports.isSuspense=function(a){return v(a)===m};exports.isSuspenseList=function(a){return v(a)===n};\nexports.isValidElementType=function(a){return\"string\"===typeof a||\"function\"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||\"object\"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};exports.typeOf=v;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n","import { chakra, forwardRef, HTMLChakraProps } from \"@chakra-ui/system\"\n\nexport interface CenterProps extends HTMLChakraProps<\"div\"> {}\n\n/**\n * React component used to horizontally and vertically center its child.\n * It uses the popular `display: flex` centering technique.\n *\n * @see Docs https://chakra-ui.com/center\n */\nexport const Center = chakra(\"div\", {\n  baseStyle: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n})\n\nCenter.displayName = \"Center\"\n\nexport interface AbsoluteCenterProps extends HTMLChakraProps<\"div\"> {\n  axis?: \"horizontal\" | \"vertical\" | \"both\"\n}\n\nconst centerStyles = {\n  horizontal: {\n    insetStart: \"50%\",\n    transform: \"translateX(-50%)\",\n  },\n  vertical: {\n    top: \"50%\",\n    transform: \"translateY(-50%)\",\n  },\n  both: {\n    insetStart: \"50%\",\n    top: \"50%\",\n    transform: \"translate(-50%, -50%)\",\n  },\n}\n\n/**\n * React component used to horizontally and vertically center an element\n * relative to its parent dimensions.\n *\n * It uses the `position: absolute` strategy.\n *\n * @see Docs https://chakra-ui.com/center\n * @see WebDev https://web.dev/centering-in-css/#5.-pop-and-plop\n */\nexport const AbsoluteCenter = forwardRef<AbsoluteCenterProps, \"div\">(\n  function AbsoluteCenter(props, ref) {\n    const { axis = \"both\", ...rest } = props\n    return (\n      <chakra.div\n        ref={ref}\n        __css={centerStyles[axis]}\n        {...rest}\n        position=\"absolute\"\n      />\n    )\n  },\n)\n","import type { ObserverInstanceCallback } from './index';\n\nconst observerMap = new Map<\n  string,\n  {\n    id: string;\n    observer: IntersectionObserver;\n    elements: Map<Element, Array<ObserverInstanceCallback>>;\n  }\n>();\n\nconst RootIds: WeakMap<Element | Document, string> = new WeakMap();\nlet rootId = 0;\n\nlet unsupportedValue: boolean | undefined = undefined;\n\n/**\n * What should be the default behavior if the IntersectionObserver is unsupported?\n * Ideally the polyfill has been loaded, you can have the following happen:\n * - `undefined`: Throw an error\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\n * **/\nexport function defaultFallbackInView(inView: boolean | undefined) {\n  unsupportedValue = inView;\n}\n\n/**\n * Generate a unique ID for the root element\n * @param root\n */\nfunction getRootId(root: IntersectionObserverInit['root']) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n\n/**\n * Convert the options to a string Id, based on the values.\n * Ensures we can reuse the same observer when observing elements with the same options.\n * @param options\n */\nexport function optionsToId(options: IntersectionObserverInit) {\n  return Object.keys(options)\n    .sort()\n    .filter((key) => options[key] !== undefined)\n    .map((key) => {\n      return `${key}_${\n        key === 'root' ? getRootId(options.root) : options[key]\n      }`;\n    })\n    .toString();\n}\n\nfunction createObserver(options: IntersectionObserverInit) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  let id = optionsToId(options);\n  let instance = observerMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    const elements = new Map<Element, Array<ObserverInstanceCallback>>();\n    let thresholds: number[] | readonly number[];\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n        const inView =\n          entry.isIntersecting &&\n          thresholds.some((threshold) => entry.intersectionRatio >= threshold);\n\n        // @ts-ignore support IntersectionObserver v2\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        elements.get(entry.target)?.forEach((callback) => {\n          callback(inView, entry);\n        });\n      });\n    }, options);\n\n    // Ensure we have a valid thresholds array. If not, use the threshold from the options\n    thresholds =\n      observer.thresholds ||\n      (Array.isArray(options.threshold)\n        ? options.threshold\n        : [options.threshold || 0]);\n\n    instance = {\n      id,\n      observer,\n      elements,\n    };\n\n    observerMap.set(id, instance);\n  }\n\n  return instance;\n}\n\n/**\n * @param element - DOM Element to observe\n * @param callback - Callback function to trigger when intersection status changes\n * @param options - Intersection Observer options\n * @param fallbackInView - Fallback inView value.\n * @return Function - Cleanup function that should be triggered to unregister the observer\n */\nexport function observe(\n  element: Element,\n  callback: ObserverInstanceCallback,\n  options: IntersectionObserverInit = {},\n  fallbackInView = unsupportedValue,\n) {\n  if (\n    typeof window.IntersectionObserver === 'undefined' &&\n    fallbackInView !== undefined\n  ) {\n    const bounds = element.getBoundingClientRect();\n    callback(fallbackInView, {\n      isIntersecting: fallbackInView,\n      target: element,\n      intersectionRatio:\n        typeof options.threshold === 'number' ? options.threshold : 0,\n      time: 0,\n      boundingClientRect: bounds,\n      intersectionRect: bounds,\n      rootBounds: bounds,\n    });\n    return () => {\n      // Nothing to cleanup\n    };\n  }\n  // An observer with the same options can be reused, so lets use this fact\n  const { id, observer, elements } = createObserver(options);\n\n  // Register the callback listener for this element\n  let callbacks = elements.get(element) || [];\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n","import * as React from 'react';\nimport type { IntersectionObserverProps, PlainChildrenProps } from './index';\nimport { observe } from './observe';\n\ntype State = {\n  inView: boolean;\n  entry?: IntersectionObserverEntry;\n};\n\nfunction isPlainChildren(\n  props: IntersectionObserverProps | PlainChildrenProps,\n): props is PlainChildrenProps {\n  return typeof props.children !== 'function';\n}\n\n/**\n ## Render props\n\n To use the `<InView>` component, you pass it a function. It will be called\n whenever the state changes, with the new value of `inView`. In addition to the\n `inView` prop, children also receive a `ref` that should be set on the\n containing DOM element. This is the element that the IntersectionObserver will\n monitor.\n\n If you need it, you can also access the\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\n on `entry`, giving you access to all the details about the current intersection\n state.\n\n ```jsx\n import { InView } from 'react-intersection-observer';\n\n const Component = () => (\n <InView>\n {({ inView, ref, entry }) => (\n      <div ref={ref}>\n        <h2>{`Header inside viewport ${inView}.`}</h2>\n      </div>\n    )}\n </InView>\n );\n\n export default Component;\n ```\n\n ## Plain children\n\n You can pass any element to the `<InView />`, and it will handle creating the\n wrapping DOM element. Add a handler to the `onChange` method, and control the\n state in your own component. Any extra props you add to `<InView>` will be\n passed to the HTML element, allowing you set the `className`, `style`, etc.\n\n ```jsx\n import { InView } from 'react-intersection-observer';\n\n const Component = () => (\n <InView as=\"div\" onChange={(inView, entry) => console.log('Inview:', inView)}>\n <h2>Plain children are always rendered. Use onChange to monitor state.</h2>\n </InView>\n );\n\n export default Component;\n ```\n */\nexport class InView extends React.Component<\n  IntersectionObserverProps | PlainChildrenProps,\n  State\n> {\n  constructor(props: IntersectionObserverProps | PlainChildrenProps) {\n    super(props);\n    this.state = {\n      inView: !!props.initialInView,\n      entry: undefined,\n    };\n  }\n\n  componentDidUpdate(prevProps: IntersectionObserverProps) {\n    // If a IntersectionObserver option changed, reinit the observer\n    if (\n      prevProps.rootMargin !== this.props.rootMargin ||\n      prevProps.root !== this.props.root ||\n      prevProps.threshold !== this.props.threshold ||\n      prevProps.skip !== this.props.skip ||\n      prevProps.trackVisibility !== this.props.trackVisibility ||\n      prevProps.delay !== this.props.delay\n    ) {\n      this.unobserve();\n      this.observeNode();\n    }\n  }\n\n  componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  }\n\n  node: Element | null = null;\n  _unobserveCb: (() => void) | null = null;\n\n  observeNode() {\n    if (!this.node || this.props.skip) return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView,\n    } = this.props;\n\n    this._unobserveCb = observe(\n      this.node,\n      this.handleChange,\n      {\n        threshold,\n        root,\n        rootMargin,\n        // @ts-ignore\n        trackVisibility,\n        // @ts-ignore\n        delay,\n      },\n      fallbackInView,\n    );\n  }\n\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n      this._unobserveCb = null;\n    }\n  }\n\n  handleNode = (node?: Element | null) => {\n    if (this.node) {\n      // Clear the old observer, before we start observing a new element\n      this.unobserve();\n\n      if (!node && !this.props.triggerOnce && !this.props.skip) {\n        // Reset the state if we get a new node, and we aren't ignoring updates\n        this.setState({ inView: !!this.props.initialInView, entry: undefined });\n      }\n    }\n\n    this.node = node ? node : null;\n    this.observeNode();\n  };\n\n  handleChange = (inView: boolean, entry: IntersectionObserverEntry) => {\n    if (inView && this.props.triggerOnce) {\n      // If `triggerOnce` is true, we should stop observing the element.\n      this.unobserve();\n    }\n    if (!isPlainChildren(this.props)) {\n      // Store the current State, so we can pass it to the children in the next render update\n      // There's no reason to update the state for plain children, since it's not used in the rendering.\n      this.setState({ inView, entry });\n    }\n    if (this.props.onChange) {\n      // If the user is actively listening for onChange, always trigger it\n      this.props.onChange(inView, entry);\n    }\n  };\n\n  render() {\n    if (!isPlainChildren(this.props)) {\n      const { inView, entry } = this.state;\n      return this.props.children({ inView, entry, ref: this.handleNode });\n    }\n\n    const {\n      children,\n      as,\n      triggerOnce,\n      threshold,\n      root,\n      rootMargin,\n      onChange,\n      skip,\n      trackVisibility,\n      delay,\n      initialInView,\n      fallbackInView,\n      ...props\n    } = this.props;\n\n    return React.createElement(\n      as || 'div',\n      { ref: this.handleNode, ...props },\n      children,\n    );\n  }\n}\n","import * as React from 'react';\nimport type { InViewHookResponse, IntersectionOptions } from './index';\nimport { observe } from './observe';\n\ntype State = {\n  inView: boolean;\n  entry?: IntersectionObserverEntry;\n};\n\n/**\n * React Hooks make it easy to monitor the `inView` state of your components. Call\n * the `useInView` hook with the (optional) [options](#options) you need. It will\n * return an array containing a `ref`, the `inView` status and the current\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\n * report the status.\n *\n * @example\n * ```jsx\n * import React from 'react';\n * import { useInView } from 'react-intersection-observer';\n *\n * const Component = () => {\n *   const { ref, inView, entry } = useInView({\n *       threshold: 0,\n *   });\n *\n *   return (\n *     <div ref={ref}>\n *       <h2>{`Header inside viewport ${inView}.`}</h2>\n *     </div>\n *   );\n * };\n * ```\n */\nexport function useInView({\n  threshold,\n  delay,\n  trackVisibility,\n  rootMargin,\n  root,\n  triggerOnce,\n  skip,\n  initialInView,\n  fallbackInView,\n  onChange,\n}: IntersectionOptions = {}): InViewHookResponse {\n  const [ref, setRef] = React.useState<Element | null>(null);\n  const callback = React.useRef<IntersectionOptions['onChange']>();\n  const [state, setState] = React.useState<State>({\n    inView: !!initialInView,\n    entry: undefined,\n  });\n\n  // Store the onChange callback in a `ref`, so we can access the latest instance\n  // inside the `useEffect`, but without triggering a rerender.\n  callback.current = onChange;\n\n  React.useEffect(\n    () => {\n      // Ensure we have node ref, and that we shouldn't skip observing\n      if (skip || !ref) return;\n\n      let unobserve: (() => void) | undefined;\n      unobserve = observe(\n        ref,\n        (inView, entry) => {\n          setState({\n            inView,\n            entry,\n          });\n          if (callback.current) callback.current(inView, entry);\n\n          if (entry.isIntersecting && triggerOnce && unobserve) {\n            // If it should only trigger once, unobserve the element after it's inView\n            unobserve();\n            unobserve = undefined;\n          }\n        },\n        {\n          root,\n          rootMargin,\n          threshold,\n          // @ts-ignore\n          trackVisibility,\n          // @ts-ignore\n          delay,\n        },\n        fallbackInView,\n      );\n\n      return () => {\n        if (unobserve) {\n          unobserve();\n        }\n      };\n    },\n    // We break the rule here, because we aren't including the actual `threshold` variable\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      // If the threshold is an array, convert it to a string, so it won't change between renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      Array.isArray(threshold) ? threshold.toString() : threshold,\n      ref,\n      root,\n      rootMargin,\n      triggerOnce,\n      skip,\n      trackVisibility,\n      fallbackInView,\n      delay,\n    ],\n  );\n\n  const entryTarget = state.entry?.target;\n  const previousEntryTarget = React.useRef<Element>();\n  if (\n    !ref &&\n    entryTarget &&\n    !triggerOnce &&\n    !skip &&\n    previousEntryTarget.current !== entryTarget\n  ) {\n    // If we don't have a node ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n    // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n    previousEntryTarget.current = entryTarget;\n    setState({\n      inView: !!initialInView,\n      entry: undefined,\n    });\n  }\n\n  const result = [setRef, state.inView, state.entry] as InViewHookResponse;\n\n  // Support object destructuring, by adding the specific values.\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n\n  return result;\n}\n","import * as ReactJSXRuntime from 'react/jsx-runtime';\nimport { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-c39617d8.browser.esm.js';\nimport 'react';\nimport '@emotion/cache';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport '../../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport 'hoist-non-react-statics';\nimport '@emotion/utils';\nimport '@emotion/serialize';\nimport '@emotion/use-insertion-effect-with-fallbacks';\n\nvar Fragment = ReactJSXRuntime.Fragment;\nfunction jsx(type, props, key) {\n  if (!hasOwnProperty.call(props, 'css')) {\n    return ReactJSXRuntime.jsx(type, props, key);\n  }\n\n  return ReactJSXRuntime.jsx(Emotion, createEmotionProps(type, props), key);\n}\nfunction jsxs(type, props, key) {\n  if (!hasOwnProperty.call(props, 'css')) {\n    return ReactJSXRuntime.jsxs(type, props, key);\n  }\n\n  return ReactJSXRuntime.jsxs(Emotion, createEmotionProps(type, props), key);\n}\n\nexport { Fragment, jsx, jsxs };\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}\n */\nexport const fadeInLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}\n */\nexport const bounce = keyframes`\n  from,\n  20%,\n  53%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0);\n  }\n\n  40%,\n  43% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n  }\n\n  80% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}\n */\nexport const flash = keyframes`\n  from,\n  50%,\n  to {\n    opacity: 1;\n  }\n\n  25%,\n  75% {\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}\n */\nexport const headShake = keyframes`\n  0% {\n    transform: translateX(0);\n  }\n\n  6.5% {\n    transform: translateX(-6px) rotateY(-9deg);\n  }\n\n  18.5% {\n    transform: translateX(5px) rotateY(7deg);\n  }\n\n  31.5% {\n    transform: translateX(-3px) rotateY(-5deg);\n  }\n\n  43.5% {\n    transform: translateX(2px) rotateY(3deg);\n  }\n\n  50% {\n    transform: translateX(0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}\n */\nexport const heartBeat = keyframes`\n  0% {\n    transform: scale(1);\n  }\n\n  14% {\n    transform: scale(1.3);\n  }\n\n  28% {\n    transform: scale(1);\n  }\n\n  42% {\n    transform: scale(1.3);\n  }\n\n  70% {\n    transform: scale(1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}\n */\nexport const jello = keyframes`\n  from,\n  11.1%,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  22.2% {\n    transform: skewX(-12.5deg) skewY(-12.5deg);\n  }\n\n  33.3% {\n    transform: skewX(6.25deg) skewY(6.25deg);\n  }\n\n  44.4% {\n    transform: skewX(-3.125deg) skewY(-3.125deg);\n  }\n\n  55.5% {\n    transform: skewX(1.5625deg) skewY(1.5625deg);\n  }\n\n  66.6% {\n    transform: skewX(-0.78125deg) skewY(-0.78125deg);\n  }\n\n  77.7% {\n    transform: skewX(0.390625deg) skewY(0.390625deg);\n  }\n\n  88.8% {\n    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}\n */\nexport const pulse = keyframes`\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}\n */\nexport const rubberBand = keyframes`\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  30% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n\n  40% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n\n  50% {\n    transform: scale3d(1.15, 0.85, 1);\n  }\n\n  65% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n\n  75% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}\n */\nexport const shake = keyframes`\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}\n */\nexport const shakeX = keyframes`\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}\n */\nexport const shakeY = keyframes`\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(0, 10px, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}\n */\nexport const swing = keyframes`\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}\n */\nexport const tada = keyframes`\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%,\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%,\n  60%,\n  80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}\n */\nexport const wobble = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}\n */\nexport const fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}\n */\nexport const fadeInBottomLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}\n */\nexport const fadeInBottomRight = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}\n */\nexport const fadeInDown = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}\n */\nexport const fadeInDownBig = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}\n */\nexport const fadeInLeftBig = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}\n */\nexport const fadeInRight = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}\n */\nexport const fadeInRightBig = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}\n */\nexport const fadeInTopLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}\n */\nexport const fadeInTopRight = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}\n */\nexport const fadeInUp = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}\n */\nexport const fadeInUpBig = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","export function matchIf<T, F>(onTrue: () => T, onFalse: () => F) {\n  return (condition: boolean) => (condition ? onTrue() : onFalse());\n}\n\nexport function matchIfOrNull<T>(onTrue: () => T) {\n  return matchIf(onTrue, () => null);\n}\n","import { ClassNames } from \"@emotion/react\";\nimport type { Keyframes, SerializedStyles } from \"@emotion/serialize\";\nimport { type CSSProperties, Children, isValidElement, useMemo } from \"react\";\nimport { InView, useInView } from \"react-intersection-observer\";\nimport { isFragment } from \"react-is\";\n\nimport { fadeInLeft } from \"./animations/fading_entrances\";\nimport { getAnimationCss } from \"./utils/animations\";\nimport { isNullable, isStringLike } from \"./utils/guards\";\nimport { matchIf, matchIfOrNull } from \"./utils/patterns\";\n\nexport interface RevealProps {\n  /**\n   * Stagger its children animations.\n   * @default false\n   */\n  cascade?: boolean;\n  /**\n   * Factor that affects the delay that each animated element in a cascade animation will be assigned.\n   * @default 0.5\n   */\n  damping?: number;\n  /**\n   * Initial delay, in milliseconds.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Animation duration, in milliseconds.\n   * @default 1000\n   */\n  duration?: number;\n  /**\n   * Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.\n   * @default 0\n   */\n  fraction?: number;\n  /**\n   * Custom Emotion animation keyframes.\n   */\n  keyframes?: Keyframes;\n  /**\n   * Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.\n   * @default false\n   */\n  triggerOnce?: boolean;\n  /**\n   * Class names to add to the container element.\n   */\n  className?: string;\n  /**\n   * Inline styles to add to the container element.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Class names to add to the child element.\n   */\n  childClassName?: string;\n  /**\n   * Inline styles to add to the child element.\n   */\n  childStyle?: React.CSSProperties;\n  /**\n   * From React 18, children must be explicitly typed.\n   * @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions\n   */\n  children?: React.ReactNode;\n  /**\n   * Callback executed when the element enters or leaves the viewport.\n   * If more than one element is being animated, this function is called\n   * on each element.\n   *\n   * @param inView The current visibility flag.\n   * @param entry The current IntersectionObserverEntry.\n   */\n  onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;\n}\n\nexport const Reveal: React.FC<RevealProps> = (props) => {\n  const {\n    cascade = false,\n    damping = 0.5,\n    delay = 0,\n    duration = 1000,\n    fraction = 0,\n    keyframes = fadeInLeft,\n    triggerOnce = false,\n    className,\n    style,\n    childClassName,\n    childStyle,\n    children,\n    onVisibilityChange,\n  } = props;\n\n  const animationStyles = useMemo(\n    () =>\n      getAnimationCss({\n        keyframes,\n        duration,\n      }),\n    [duration, keyframes]\n  );\n\n  if (isNullable(children)) return null;\n\n  if (isStringLike(children))\n    return (\n      <TextReveal {...props} animationStyles={animationStyles}>\n        {String(children)}\n      </TextReveal>\n    );\n\n  if (isFragment(children))\n    return <FragmentReveal {...props} animationStyles={animationStyles} />;\n\n  return (\n    <>\n      {Children.map(children, (node, index) => {\n        if (!isValidElement(node)) return null;\n\n        const nodeDelay = delay + (cascade ? index * duration * damping : 0);\n\n        switch (node.type) {\n          case \"ol\":\n          case \"ul\":\n            return (\n              <ClassNames>\n                {({ cx }) => (\n                  <node.type\n                    {...node.props}\n                    className={cx(className, node.props.className)}\n                    style={Object.assign({}, style, node.props.style)}\n                  >\n                    <Reveal {...props}>{node.props.children}</Reveal>\n                  </node.type>\n                )}\n              </ClassNames>\n            );\n          case \"li\":\n            return (\n              <InView\n                threshold={fraction}\n                triggerOnce={triggerOnce}\n                onChange={onVisibilityChange}\n              >\n                {({ inView, ref }) => (\n                  <ClassNames>\n                    {({ cx }) => (\n                      <node.type\n                        {...node.props}\n                        ref={ref}\n                        className={cx(childClassName, node.props.className)}\n                        css={matchIfOrNull(() => animationStyles)(inView)}\n                        style={Object.assign({}, childStyle, node.props.style, {\n                          animationDelay: nodeDelay + \"ms\",\n                        })}\n                      />\n                    )}\n                  </ClassNames>\n                )}\n              </InView>\n            );\n          default:\n            return (\n              <InView\n                threshold={fraction}\n                triggerOnce={triggerOnce}\n                onChange={onVisibilityChange}\n              >\n                {({ inView, ref }) => (\n                  <div\n                    ref={ref}\n                    className={className}\n                    css={matchIfOrNull(() => animationStyles)(inView)}\n                    style={Object.assign({}, style, {\n                      animationDelay: nodeDelay + \"ms\",\n                    })}\n                  >\n                    <ClassNames>\n                      {({ cx }) => (\n                        <node.type\n                          {...node.props}\n                          className={cx(childClassName, node.props.className)}\n                          style={Object.assign(\n                            {},\n                            childStyle,\n                            node.props.style\n                          )}\n                        />\n                      )}\n                    </ClassNames>\n                  </div>\n                )}\n              </InView>\n            );\n        }\n      })}\n    </>\n  );\n};\n\nconst textBaseStyles: CSSProperties = {\n  display: \"inline-block\",\n  whiteSpace: \"pre\",\n};\n\nconst TextReveal: React.FC<\n  RevealProps & { animationStyles: SerializedStyles; children: string }\n> = (props) => {\n  const {\n    animationStyles,\n    cascade = false,\n    damping = 0.5,\n    delay = 0,\n    duration = 1000,\n    fraction = 0,\n    triggerOnce = false,\n    className,\n    style,\n    children,\n    onVisibilityChange,\n  } = props;\n\n  const { ref, inView } = useInView({\n    triggerOnce,\n    threshold: fraction,\n    onChange: onVisibilityChange,\n  });\n\n  return matchIf(\n    () => (\n      <div\n        ref={ref}\n        className={className}\n        style={Object.assign({}, style, textBaseStyles)}\n      >\n        {children.split(\"\").map((char, index) => (\n          <span\n            key={index}\n            css={matchIfOrNull(() => animationStyles)(inView)}\n            style={{\n              animationDelay: delay + index * duration * damping + \"ms\",\n            }}\n          >\n            {char}\n          </span>\n        ))}\n      </div>\n    ),\n    () => <FragmentReveal {...props}>{children}</FragmentReveal>\n  )(cascade);\n};\n\nconst FragmentReveal: React.FC<\n  RevealProps & { animationStyles: SerializedStyles }\n> = (props) => {\n  const {\n    animationStyles,\n    fraction = 0,\n    triggerOnce = false,\n    className,\n    style,\n    children,\n    onVisibilityChange,\n  } = props;\n\n  const { ref, inView } = useInView({\n    triggerOnce,\n    threshold: fraction,\n    onChange: onVisibilityChange,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={className}\n      css={matchIfOrNull(() => animationStyles)(inView)}\n      style={style}\n    >\n      {children}\n    </div>\n  );\n};\n","export function isNullable(a: unknown): a is null | undefined {\n  return a == undefined;\n}\n\nexport function isStringLike(\n  value: unknown\n): value is string | number | boolean {\n  return (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"boolean\"\n  );\n}\n","import { css } from \"@emotion/react\";\n\nimport { fadeInLeft } from \"../animations/fading_entrances\";\n\nexport function getAnimationCss({\n  duration = 1000,\n  delay = 0,\n  timingFunction = \"ease\",\n  keyframes = fadeInLeft,\n  iterationCount = 1,\n}) {\n  return css`\n    animation-duration: ${duration}ms;\n    animation-timing-function: ${timingFunction};\n    animation-delay: ${delay}ms;\n    animation-name: ${keyframes};\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ${iterationCount};\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n  `;\n}\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}\n */\nexport const bounceIn = keyframes`\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}\n */\nexport const bounceInDown = keyframes`\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0) scaleY(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}\n */\nexport const bounceInLeft = keyframes`\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(-10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}\n */\nexport const bounceInRight = keyframes`\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(-5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}\n */\nexport const bounceInUp = keyframes`\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0) scaleY(5);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}\n */\nexport const bounceOut = keyframes`\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  50%,\n  55% {\n    opacity: 1;\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}\n */\nexport const bounceOutDown = keyframes`\n  20% {\n    transform: translate3d(0, 10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0) scaleY(3);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}\n */\nexport const bounceOutLeft = keyframes`\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0) scaleX(2);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}\n */\nexport const bounceOutRight = keyframes`\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0) scaleX(2);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}\n */\nexport const bounceOutUp = keyframes`\n  20% {\n    transform: translate3d(0, -10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) scaleY(3);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}\n */\nexport const fadeOut = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}\n */\nexport const fadeOutBottomLeft = keyframes`\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}\n */\nexport const fadeOutBottomRight = keyframes`\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}\n */\nexport const fadeOutDown = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDownBig.css}\n */\nexport const fadeOutDownBig = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeft.css}\n */\nexport const fadeOutLeft = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeftBig.css}\n */\nexport const fadeOutLeftBig = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRight.css}\n */\nexport const fadeOutRight = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRightBig.css}\n */\nexport const fadeOutRightBig = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopLeft.css}\n */\nexport const fadeOutTopLeft = keyframes`\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopRight.css}\n */\nexport const fadeOutTopRight = keyframes`\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUp.css}\n */\nexport const fadeOutUp = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUpBig.css}\n */\nexport const fadeOutUpBig = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flip.css}\n */\nexport const flip = keyframes`\n  from {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}\n */\nexport const flipInX = keyframes`\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}\n */\nexport const flipInY = keyframes`\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}\n */\nexport const flipOutX = keyframes`\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}\n */\nexport const flipOutY = keyframes`\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}\n */\nexport const hinge = keyframes`\n  0% {\n    animation-timing-function: ease-in-out;\n  }\n\n  20%,\n  60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    animation-timing-function: ease-in-out;\n  }\n\n  40%,\n  80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}\n */\nexport const jackInTheBox = keyframes`\n  from {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n\n  50% {\n    transform: rotate(-10deg);\n  }\n\n  70% {\n    transform: rotate(3deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}\n */\nexport const rollIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}\n */\nexport const rollOut = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateIn.css}\n */\nexport const rotateIn = keyframes`\n  from {\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownLeft.css}\n */\nexport const rotateInDownLeft = keyframes`\n  from {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownRight.css}\n */\nexport const rotateInDownRight = keyframes`\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpLeft.css}\n */\nexport const rotateInUpLeft = keyframes`\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpRight.css}\n */\nexport const rotateInUpRight = keyframes`\n  from {\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOut.css}\n */\nexport const rotateOut = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 200deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownLeft.css}\n */\nexport const rotateOutDownLeft = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownRight.css}\n */\nexport const rotateOutDownRight = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpLeft.css}\n */\nexport const rotateOutUpLeft = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpRight.css}\n */\nexport const rotateOutUpRight = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 90deg);\n    opacity: 0;\n  }\n`;\n","import type { Keyframes } from \"@emotion/serialize\";\nimport { type CSSProperties, useMemo } from \"react\";\n\nimport {\n  rotateIn,\n  rotateInDownLeft,\n  rotateInDownRight,\n  rotateInUpLeft,\n  rotateInUpRight,\n} from \"../animations/rotating_entrances\";\nimport {\n  rotateOut,\n  rotateOutDownLeft,\n  rotateOutDownRight,\n  rotateOutUpLeft,\n  rotateOutUpRight,\n} from \"../animations/rotating_exits\";\nimport { type RevealProps, Reveal } from \"../Reveal\";\n\ntype RotateDirection =\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-left\"\n  | \"top-right\";\n\nexport interface RotateProps extends Omit<RevealProps, \"keyframes\"> {\n  /**\n   * Origin of the animation.\n   * @default undefined\n   */\n  direction?: RotateDirection;\n  /**\n   * Specifies if the animation should make element(s) disappear.\n   * @default false\n   */\n  reverse?: boolean;\n}\n\nfunction getStyles(\n  reverse: boolean,\n  direction?: RotateDirection\n): [Keyframes, CSSProperties?] {\n  switch (direction) {\n    case \"bottom-left\":\n      return reverse\n        ? [rotateOutDownLeft, { transformOrigin: \"left bottom\" }]\n        : [rotateInDownLeft, { transformOrigin: \"left bottom\" }];\n    case \"bottom-right\":\n      return reverse\n        ? [rotateOutDownRight, { transformOrigin: \"right bottom\" }]\n        : [rotateInDownRight, { transformOrigin: \"right bottom\" }];\n    case \"top-left\":\n      return reverse\n        ? [rotateOutUpLeft, { transformOrigin: \"left bottom\" }]\n        : [rotateInUpLeft, { transformOrigin: \"left bottom\" }];\n    case \"top-right\":\n      return reverse\n        ? [rotateOutUpRight, { transformOrigin: \"right bottom\" }]\n        : [rotateInUpRight, { transformOrigin: \"right bottom\" }];\n    default:\n      return reverse\n        ? [rotateOut, { transformOrigin: \"center\" }]\n        : [rotateIn, { transformOrigin: \"center\" }];\n  }\n}\n\nexport const Rotate: React.FC<RotateProps> = (props) => {\n  const { direction, reverse = false, style, ...rest } = props;\n\n  const [keyframes, animationCss] = useMemo(\n    () => getStyles(reverse, direction),\n    [direction, reverse]\n  );\n\n  return (\n    <Reveal\n      keyframes={keyframes}\n      style={Object.assign({}, style, animationCss)}\n      {...rest}\n    />\n  );\n};\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInDown.css}\n */\nexport const slideInDown = keyframes`\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}\n */\nexport const slideInLeft = keyframes`\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}\n */\nexport const slideInRight = keyframes`\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}\n */\nexport const slideInUp = keyframes`\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}\n */\nexport const slideOutDown = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}\n */\nexport const slideOutLeft = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}\n */\nexport const slideOutRight = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}\n */\nexport const slideOutUp = keyframes`\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n","import { useMemo } from \"react\";\n\nimport {\n  slideInDown,\n  slideInLeft,\n  slideInRight,\n  slideInUp,\n} from \"../animations/sliding_entrances\";\nimport {\n  slideOutDown,\n  slideOutLeft,\n  slideOutRight,\n  slideOutUp,\n} from \"../animations/sliding_exits\";\nimport { type RevealProps, Reveal } from \"../Reveal\";\n\ntype SlideDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\nexport interface SlideProps extends Omit<RevealProps, \"keyframes\"> {\n  /**\n   * Origin of the animation.\n   * @default undefined\n   */\n  direction?: SlideDirection;\n  /**\n   * Specifies if the animation should make element(s) disappear.\n   * @default false\n   */\n  reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean, direction?: SlideDirection) {\n  switch (direction) {\n    case \"down\":\n      return reverse ? slideOutDown : slideInDown;\n    case \"right\":\n      return reverse ? slideOutRight : slideInRight;\n    case \"up\":\n      return reverse ? slideOutUp : slideInUp;\n    case \"left\":\n    default:\n      return reverse ? slideOutLeft : slideInLeft;\n  }\n}\n\nexport const Slide: React.FC<SlideProps> = (props) => {\n  const { direction, reverse = false, ...rest } = props;\n\n  const keyframes = useMemo(\n    () => getStyles(reverse, direction),\n    [direction, reverse]\n  );\n\n  return <Reveal keyframes={keyframes} {...rest} />;\n};\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}\n */\nexport const zoomIn = keyframes`\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}\n */\nexport const zoomInDown = keyframes`\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}\n */\nexport const zoomInLeft = keyframes`\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}\n */\nexport const zoomInRight = keyframes`\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}\n */\nexport const zoomInUp = keyframes`\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}\n */\nexport const zoomOut = keyframes`\n  from {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  to {\n    opacity: 0;\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}\n */\nexport const zoomOutDown = keyframes`\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}\n */\nexport const zoomOutLeft = keyframes`\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(-2000px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}\n */\nexport const zoomOutRight = keyframes`\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(2000px, 0, 0);\n  }\n`;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}\n */\nexport const zoomOutUp = keyframes`\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n`;\n"],"names":["u","b","Symbol","for","c","d","e","f","g","h","k","l","m","n","p","q","t","v","a","r","$$typeof","type","exports","isFragment","module","Center","chakra","baseStyle","display","alignItems","justifyContent","displayName","centerStyles","horizontal","insetStart","transform","vertical","top","both","forwardRef","props","ref","axis","rest","__css","position","observerMap","Map","RootIds","WeakMap","rootId","unsupportedValue","undefined","optionsToId","options","Object","keys","sort","filter","key","map","root","has","set","toString","get","createObserver","id","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","inView","isIntersecting","some","threshold","intersectionRatio","trackVisibility","isVisible","target","callback","Array","isArray","observe","element","fallbackInView","window","bounds","getBoundingClientRect","time","boundingClientRect","intersectionRect","rootBounds","callbacks","push","splice","indexOf","length","delete","unobserve","size","disconnect","isPlainChildren","children","InView","constructor","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","componentDidUpdate","prevProps","rootMargin","this","delay","componentWillUnmount","render","as","React","useInView","setRef","current","entryTarget","previousEntryTarget","result","Fragment","ReactJSXRuntime","jsx","hasOwnProperty","Emotion","createEmotionProps","fadeInLeft","keyframes","matchIf","onTrue","onFalse","condition","matchIfOrNull","Reveal","value","cascade","damping","duration","fraction","className","style","childClassName","childStyle","onVisibilityChange","animationStyles","useMemo","timingFunction","iterationCount","css","getAnimationCss","TextReveal","FragmentReveal","index","isValidElement","nodeDelay","ClassNames","cx","assign","animationDelay","textBaseStyles","whiteSpace","split","char","slideInDown","slideInLeft","slideInRight","slideInUp","slideOutDown","slideOutLeft","slideOutRight","slideOutUp","Slide","direction","reverse","getStyles"],"sourceRoot":""}