{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/aL3X6Din7GNomH2LVeWh/8wrbH4UZfHLtCjOyLWPf/Lottie_Scroll.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef}from\"react\";import{useScroll,useTransform,useSpring}from\"framer-motion\";// Scrub through a Lottie animation by scrolling while it is in view\nexport function withScrolledProgressInView(Component){return props=>{const ref=useRef(null);const{scrollYProgress}=useScroll({target:ref,offset:[\"start end\",\"end start\"],layoutEffect:false});// Define the start and end points for the animation\nconst startDelay=.65// 20% scroll progress delay\n;const endPoint=.9// Full scroll progress\n;// Transform the scroll progress to start later\nconst delayedScrollProgress=useTransform(scrollYProgress,[0,startDelay,endPoint],[0,0,1]);// Adjust stiffness and damping for a more linear feel\nconst animationSpeed=useSpring(delayedScrollProgress,{stiffness:50,damping:15});return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:props.style,children:/*#__PURE__*/_jsx(Component,{...props,progress:animationSpeed})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withScrolledProgressInView\":{\"type\":\"reactHoc\",\"name\":\"withScrolledProgressInView\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Lottie_Scroll.map"],
  "mappings": "qEACO,SAASA,EAA2BC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,IAAI,EAAO,CAAC,gBAAAC,CAAe,EAAEC,EAAU,CAAC,OAAOH,EAAI,OAAO,CAAC,YAAY,WAAW,EAAE,aAAa,EAAK,CAAC,EAIvLI,EAAsBC,EAAaH,EAAgB,CAAC,EAHzC,IACD,EAE+D,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAClFI,EAAeC,EAAUH,EAAsB,CAAC,UAAU,GAAG,QAAQ,EAAE,CAAC,EAAE,OAAoBI,EAAK,MAAM,CAAC,IAAIR,EAAI,MAAMD,EAAM,MAAM,SAAsBS,EAAKV,EAAU,CAAC,GAAGC,EAAM,SAASO,CAAc,CAAC,CAAC,CAAC,CAAE,CAAE",
  "names": ["withScrolledProgressInView", "Component", "props", "ref", "pe", "scrollYProgress", "useScroll", "delayedScrollProgress", "useTransform", "animationSpeed", "useSpring", "p"]
}
