{"version":3,"file":"472-18988cbf933547991fc9.js","mappings":"kNAIMA,EAAc,CAClBC,OAAQ,CAAEC,QAAS,GACnBC,QAAS,CACPD,QAAS,EACTE,WAAY,CACVC,SAAU,EACVC,KAAM,aAKNC,EAAe,CACnBN,OAAQ,CACNO,WAAY,EACZC,WAAY,KAEdN,QAAS,CACPK,WAAY,EACZC,WAAY,EACZL,WAAY,CACVC,SAAU,EACVC,KAAM,eAKNI,EAAgB,CACpBT,OAAQ,CACNU,QAAS,GACTC,MAAO,IAETT,QAAS,CACPQ,OAAQ,EACRC,MAAO,EACPR,WAAY,CACVC,SAAU,IACVC,KAAM,eAKG,SAASO,IACtB,IAAMC,GAAgBC,EAAAA,EAAAA,KAChBC,GAAWC,EAAAA,EAAAA,KACjB,GAAiCC,EAAAA,EAAAA,KAA1BC,EAAP,KAAyBC,EAAzB,KAWA,OATAC,EAAAA,EAAAA,YAAU,WACJF,GACFH,EAASM,MAAM,WAEZH,GACHH,EAASM,MAAM,YAEhB,CAACN,EAAUG,IAGZ,gBAAC,QAAD,CACEI,IAAKH,EACLI,GAAG,yBACHC,UAAU,cACVC,MAAM,8BACNC,QAAQ,YACRC,SAAUd,EAAgB,KAAOd,EACjC6B,QAAQ,SACRC,QAASd,GAET,gBAAC,SAAD,CACEQ,GAAG,OACHO,KAAK,OACLC,OAAO,OACPC,YAAY,MACZC,cAAc,QACdC,eAAe,QACfC,iBAAiB,KACjBC,EAAE,iSACFT,SAAUd,EAAgB,KAAOP,IAEnC,gBAAC,MAAD,CACEiB,GAAG,QACHc,MAAO,CAAEC,QAAS,SAAUC,QAAS,UACrCZ,SAAUd,EAAgB,KAAOJ,GAEjC,qBAAGc,GAAG,UACJ,wBACEA,GAAG,UACHa,EAAE,kEACFN,KAAK,YAEP,wBACEP,GAAG,UACHa,EAAE,8CACFN,KAAK,YAEP,wBACEP,GAAG,UACHa,EAAE,6CACFN,KAAK,SAEP,wBACEP,GAAG,UACHa,EAAE,+DACFN,KAAK,YAEP,wBACEP,GAAG,UACHa,EAAE,kEACFN,KAAK,SAEP,wBACEP,GAAG,UACHa,EAAE,8CACFN,KAAK,YAEP,wBACEP,GAAG,UACHa,EAAE,6CACFN,KAAK,YAEP,wBACEP,GAAG,UACHa,EAAE,iEACFN,KAAK,aAGT,qBAAGP,GAAG,QAAQO,KAAK,OAAOC,OAAO,UAAUC,YAAY,KACrD,0BAAQT,GAAG,QAAQiB,GAAG,OAAOC,GAAG,OAAOC,EAAE,SACzC,2BAASnB,GAAG,QAAQiB,GAAG,OAAOC,GAAG,OAAOE,GAAG,MAAMC,GAAG,SACpD,wBAAMrB,GAAG,WAAWa,EAAE,iBACtB,wBAAMb,GAAG,aAAaa,EAAE","sources":["webpack://imf-2021/./src/components/svg/motion-icon-hand-globe.js"],"sourcesContent":["import React, { useEffect } from \"react\"\nimport { motion, useReducedMotion, useAnimation } from \"framer-motion\"\nimport useIsInViewport from \"use-is-in-viewport\"\n\nconst svgVariants = {\n  hidden: { opacity: 0 },\n  visible: {\n    opacity: 1,\n    transition: {\n      duration: 2,\n      ease: \"easeOut\",\n    },\n  },\n}\n\nconst handVariants = {\n  hidden: {\n    pathLength: 0,\n    pathOffset: 0.75,\n  },\n  visible: {\n    pathLength: 1,\n    pathOffset: 0,\n    transition: {\n      duration: 2,\n      ease: \"easeInOut\",\n    },\n  },\n}\n\nconst globeVariants = {\n  hidden: {\n    rotate: -90,\n    scale: 0.5,\n  },\n  visible: {\n    rotate: 0,\n    scale: 1,\n    transition: {\n      duration: 1.5,\n      ease: \"backInOut\",\n    },\n  },\n}\n\nexport default function MotionIconHandGlobe() {\n  const reducedMotion = useReducedMotion()\n  const controls = useAnimation()\n  const [isIconInViewport, icon] = useIsInViewport()\n\n  useEffect(() => {\n    if (isIconInViewport) {\n      controls.start(\"visible\")\n    }\n    if (!isIconInViewport) {\n      controls.start(\"hidden\")\n    }\n  }, [controls, isIconInViewport])\n\n  return (\n    <motion.svg\n      ref={icon}\n      id=\"motion-icon-hand-globe\"\n      className=\"motion-icon\"\n      xmlns=\"https://www.w3.org/2000/svg\"\n      viewBox=\"0 0 66 35\"\n      variants={reducedMotion ? null : svgVariants}\n      initial=\"hidden\"\n      animate={controls}\n    >\n      <motion.path\n        id=\"hand\"\n        fill=\"none\"\n        stroke=\"#000\"\n        strokeWidth=\"2.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit=\"10\"\n        d=\"M34 7.7h22c1.8 0 3.2 1.5 3.2 3.2v0c0 1.8-1.5 3.2-3.2 3.2H34h27c1.8 0 3.2 1.5 3.2 3.2v0c0 1.8-1.5 3.2-3.2 3.2H34h22c1.8 0 3.2 1.5 3.2 3.2v0c0 1.8-1.5 3.2-3.2 3.2H34h8.3c2.8 0 5 2.2 5 5v1.5H17.5c-8.9 0-16.2-7.3-16.2-16.2s7.2-16 16.2-16H45c1.8 0 3.2 1.5 3.2 3.2v0c0 1.8-1.5 3.2-3.2 3.2H34z\"\n        variants={reducedMotion ? null : handVariants}\n      />\n      <motion.g\n        id=\"globe\"\n        style={{ originX: \"26.43%\", originY: \"49.85%\" }}\n        variants={reducedMotion ? null : globeVariants}\n      >\n        <g id=\"solids\">\n          <path\n            id=\"solid-1\"\n            d=\"M17.5 5.9C11.1 5.9 6 11.1 6 17.4h4.9c-.1-6.3 2.9-11.5 6.6-11.5z\"\n            fill=\"#95d6da\"\n          />\n          <path\n            id=\"solid-2\"\n            d=\"M10.8 17.5h6.6V5.9c-3.6 0-6.6 5.2-6.6 11.6z\"\n            fill=\"#afc79e\"\n          />\n          <path\n            id=\"solid-3\"\n            d=\"M24.1 17.5c0-6.4-3-11.5-6.6-11.5v11.5h6.6z\"\n            fill=\"#fff\"\n          />\n          <path\n            id=\"solid-4\"\n            d=\"M24.1 17.5H29C29 11.1 23.8 6 17.5 6c3.6-.1 6.6 5.1 6.6 11.5z\"\n            fill=\"#f7d995\"\n          />\n          <path\n            id=\"solid-5\"\n            d=\"M10.8 17.5H5.9c0 6.4 5.2 11.5 11.5 11.5-3.6 0-6.6-5.2-6.6-11.5z\"\n            fill=\"#fff\"\n          />\n          <path\n            id=\"solid-6\"\n            d=\"M10.8 17.5c0 6.4 3 11.5 6.6 11.5V17.5h-6.6z\"\n            fill=\"#e99b95\"\n          />\n          <path\n            id=\"solid-7\"\n            d=\"M24.1 17.5h-6.6V29c3.6 0 6.6-5.2 6.6-11.5z\"\n            fill=\"#939fc8\"\n          />\n          <path\n            id=\"solid-8\"\n            d=\"M24.1 17.5c0 6.4-3 11.5-6.6 11.5C23.8 29 29 23.8 29 17.5h-4.9z\"\n            fill=\"#afb1b3\"\n          />\n        </g>\n        <g id=\"lines\" fill=\"none\" stroke=\"#00b2b8\" strokeWidth=\"2\">\n          <circle id=\"outer\" cx=\"17.5\" cy=\"17.5\" r=\"11.5\" />\n          <ellipse id=\"inner\" cx=\"17.5\" cy=\"17.5\" rx=\"6.6\" ry=\"11.5\" />\n          <path id=\"vertical\" d=\"M17.5 5.9V29\" />\n          <path id=\"horizontal\" d=\"M29 17.5H5.9\" />\n        </g>\n      </motion.g>\n    </motion.svg>\n  )\n}\n"],"names":["svgVariants","hidden","opacity","visible","transition","duration","ease","handVariants","pathLength","pathOffset","globeVariants","rotate","scale","MotionIconHandGlobe","reducedMotion","useReducedMotion","controls","useAnimation","useIsInViewport","isIconInViewport","icon","useEffect","start","ref","id","className","xmlns","viewBox","variants","initial","animate","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","strokeMiterlimit","d","style","originX","originY","cx","cy","r","rx","ry"],"sourceRoot":""}