{"version":3,"file":"shared.B8qIDDAu.mjs","names":["addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","transition2","transition3","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","React.useRef","React.useId","useRef","useMemo","useMemo","useMemo","getProps","useRef","useCallback","useState","useMemo","mask","Base","MotionSVG","SVG","svg","getProps","Icon","React.forwardRef","mask","SVG","getProps","Icon","React.forwardRef","fonts","css","className","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","SVG","addPropertyOverrides","MotionDivWithFX","cycleOrder","serializationHash","variantClassNames","animation","transition1","transition2","toResponsiveImage","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","Image","sharedStyle.css","sharedStyle.fonts","mask","SVG","getProps","Icon","React.forwardRef","addPropertyOverrides","KeyboardArrowDown","enabledGestures","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","getProps","React.forwardRef","addPropertyOverrides","ChevronRight","cycleOrder","serializationHash","variantClassNames","transition1","toResponsiveImage","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","RichText","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","transition2","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","MotionAWithFX","cycleOrder","serializationHash","variantClassNames","animation","transition1","transition2","toResponsiveImage","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","RichText","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","animation","transition1","transition2","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","RichText","Image","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","DotButtons","Canvs_LogoFonts","Canvs_Logo","ProjectCardMegaMenu","ProjectLink","MotionDivWithFX","NavLinksR","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","transformTemplate1","animation","transition2","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","Equals","X","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","CraftProcess","ResourceCard","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","humanReadableVariantMap","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","RichText","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","sharedStyle.className","sharedStyle1.className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","addPropertyOverrides","Canvs_Logo","MonospaceButtonsFonts","MonospaceButtons","CTAButtonNewsletter","TextLinkTextLinkUnderline","GlobalLineAnimationGlobal","RichText","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","React.forwardRef","useRef","React.useId","Image1","_Fragment","FormPlainTextInput","MonospaceButtons","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","RichText"],"sources":["https:/framerusercontent.com/modules/lNZMlzCLEhbK006yY1tL/9d19dN0qj4kVFAK11qgv/VNUD5DB4s.js","https:/framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js","https:/framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js","https:/framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js","https:/framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js","https:/framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js","https:/framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js","https:/framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js","https:/framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js","https:/framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js","https:/framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js","https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js","https:/framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js","https:/framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js","https:/framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js","https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js","https:/framerusercontent.com/modules/VH4hqSIkUpap9khIqsuH/QF0T8u4n13NChw3kIzpQ/Tw4kMPZWP.js","https:/framerusercontent.com/modules/wbL0GysLpUpZOLelXsKU/7IhRlKXIvqCTv7OUjGRe/q95pf4lLL.js","https:/framerusercontent.com/modules/1MIMgsWQIMINnmiNs80Y/jXSvkwBTiAjAWv6SOytx/yj3gnoBl5.js","https:/framerusercontent.com/modules/CiQxlJMEfOQ1ZiIlRLMF/yqW4VLDymNJ4P47dtW6D/yQsAg8XFO.js","https:/framerusercontent.com/modules/fYQhPyZWkLbc73KAAgAA/Fp7OrsJ2t1Sk0rZat9Rn/cy_xUmVMZ.js","https:/framerusercontent.com/modules/6xgRfofM49tOyttDieAZ/BpSbDSOOteZiSxSBwRam/D3UqVVkGk.js","https:/framerusercontent.com/modules/pnUgOSudTUyFEB2NfSyg/TYGTFzcR18K4eIRPeSOf/Q_sXCIRPk.js","https:/framerusercontent.com/modules/a4wnB08qdj7K0lF5hiPi/XGcecZyy3frPCvnFUZ7H/dJ8NMMKEY.js","https:/framerusercontent.com/modules/YPjQ7DvrIwf64wAPNLnu/Pp3Y8RdJkBEp5tIdUBmW/lBgdTud_A.js","https:/framerusercontent.com/modules/eG5FObIruOOfqJRY8I6u/O6p1Pugp0sKUy4Dnqtmd/iVPaAn7wO.js","https:/framerusercontent.com/modules/tDscJzntWUsgB3Qlo1yU/YWBgomjbzWz8c31qdOzc/y1aaBny_H.js","https:/framerusercontent.com/modules/eQbzhkKNjR3EDVsiYPeE/h0pUivz6clpsNRVCLQIt/OM5pTSs4g.js","https:/framerusercontent.com/modules/FHYiefEGCQn5cAT4nbYJ/e4EAADGrwWxf6jNV5SAI/pgk_CKy3E.js","https:/framerusercontent.com/modules/y1QGyjofxB4406mUWfJe/ZAglyA8WzsrGstcT5yqk/sRb6GZHus.js","https:/framerusercontent.com/modules/GFnvejnwa1upM1KvgrIG/E4h6No9q8sWpsMj2OW6y/DbMtrh3bA.js","https:/framerusercontent.com/modules/rYs6FCBKvqFTtx9ZRRMP/zoBm22qHR5pzfHwV6yQP/mk73bbBR_.js","https:/framerusercontent.com/modules/jXpzRxoGLNlEDOdmIMg6/t5PXBEs95CnMSpIMaqkT/WI2kSA7KW.js","https:/framerusercontent.com/modules/9rYToxh0FJ8l3BPjBx75/eNnP49gSt7WYc5hPUlh9/aFdknmcBs.js","https:/framerusercontent.com/modules/4mZE6zMVZeC1Gtiog99X/d1EiANgOTzXOv5C8zNP2/Year_copyright.js","https:/framerusercontent.com/modules/gM1fAhUbuMMHQ2mtsxPq/ISFDbW1s4mz7VNsTGY7S/nHAX8pRbb.js","https:/framerusercontent.com/modules/PgVFPIe20KPitAZyAjRG/uYkLkb2V4J39QQslJG9o/Wqo_7HLUy.js","https:/framerusercontent.com/modules/mcfWvkArp95AQMZ2ddCU/aupGktH8aBS9fD5iTZv5/oOyIZJa8E.js","https:/framerusercontent.com/modules/dCiKfFZD5P08PZ6AeTF7/UNpkykb4MPJcIXu4xcwj/paHMcBUGA.js"],"sourcesContent":["// Generated by Framer (cb8fb34)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"iUXqqcKqj\",\"HUqf2DOnE\",\"ZIe4AIce4\",\"d8G63VHX3\",\"sG0P8FssP\",\"mQVtK0ziv\",\"LKWFAqOdQ\",\"h8Rd9IPQg\",\"Wxf1tCMC5\",\"eOzkU5o6t\",\"lqoYfakNo\",\"CibGdzgLO\",\"gT8xZNay9\",\"gskzPl2av\",\"EZQ5yO3L2\",\"BRKYbI9__\",\"ehV_aeci2\",\"l10v931Y_\",\"f5uAow0AZ\",\"XPtowO2vS\",\"qcb6XA9vF\",\"UFpmrCqK6\",\"lhZoEjZRx\",\"ln7gLbc8r\",\"g_jKFNDFj\",\"D5lk08nJp\",\"ktAPPNXf7\",\"WhPvNCVU0\",\"YnsUw_bPM\",\"RMVNA0mVV\",\"f8Q7skAPT\",\"NpsRvqwcy\",\"m4jgG72vU\",\"zF5K3hnDJ\",\"TWl2V7Bj5\",\"KHhQvq2tM\",\"PjYvlS3k9\",\"yI5Da6yJ7\",\"vFk7zsU9z\",\"hI7IO7kB1\",\"LHlXshbqs\",\"XFG1TbdNa\",\"EwUyMlYgW\",\"AgVB9ytQa\",\"zPvF_9pO9\",\"QCbzfFAB1\",\"F152chKxH\",\"cOWTCjBW8\",\"GNJHD3irV\",\"mCpld_ngq\",\"S9mKj6085\",\"SlLECbnm0\",\"CHzT5FPgz\",\"fwuP3GBYz\",\"QH2Y7H6Pr\",\"aGYwqRjP5\",\"oQFtLzR4z\"];const serializationHash=\"framer-gTFl2\";const variantClassNames={AgVB9ytQa:\"framer-v-p2aidz\",aGYwqRjP5:\"framer-v-19zy5w8\",BRKYbI9__:\"framer-v-97xqa2\",CHzT5FPgz:\"framer-v-ntgxn4\",CibGdzgLO:\"framer-v-r5o5bn\",cOWTCjBW8:\"framer-v-1mcrr8m\",D5lk08nJp:\"framer-v-3rzwie\",d8G63VHX3:\"framer-v-sfrgkq\",ehV_aeci2:\"framer-v-7kcqdg\",eOzkU5o6t:\"framer-v-dczc2q\",EwUyMlYgW:\"framer-v-1o0aicg\",EZQ5yO3L2:\"framer-v-m7nemi\",F152chKxH:\"framer-v-wgzkdt\",f5uAow0AZ:\"framer-v-18kvjuu\",f8Q7skAPT:\"framer-v-1949rd4\",fwuP3GBYz:\"framer-v-dsn7pc\",g_jKFNDFj:\"framer-v-tq8q9y\",GNJHD3irV:\"framer-v-1mci446\",gskzPl2av:\"framer-v-dpxkyo\",gT8xZNay9:\"framer-v-soi7r4\",h8Rd9IPQg:\"framer-v-nnam58\",hI7IO7kB1:\"framer-v-1ua3sqb\",HUqf2DOnE:\"framer-v-9iaeik\",iUXqqcKqj:\"framer-v-1g3e1p7\",KHhQvq2tM:\"framer-v-1k1inu9\",ktAPPNXf7:\"framer-v-jce5ri\",l10v931Y_:\"framer-v-1v1prgv\",LHlXshbqs:\"framer-v-3ap6qq\",lhZoEjZRx:\"framer-v-vx3gdh\",LKWFAqOdQ:\"framer-v-14rwqsn\",ln7gLbc8r:\"framer-v-q4fuly\",lqoYfakNo:\"framer-v-1m4m3a\",m4jgG72vU:\"framer-v-tqmxmf\",mCpld_ngq:\"framer-v-13rke3s\",mQVtK0ziv:\"framer-v-4m9hbt\",NpsRvqwcy:\"framer-v-3g06ob\",oQFtLzR4z:\"framer-v-1vlof7q\",PjYvlS3k9:\"framer-v-1yundy\",qcb6XA9vF:\"framer-v-fvdv1r\",QCbzfFAB1:\"framer-v-j0wsny\",QH2Y7H6Pr:\"framer-v-1yblrcp\",RMVNA0mVV:\"framer-v-11pae1t\",S9mKj6085:\"framer-v-1e2spr3\",sG0P8FssP:\"framer-v-uulh90\",SlLECbnm0:\"framer-v-ez45lb\",TWl2V7Bj5:\"framer-v-uzfwsk\",UFpmrCqK6:\"framer-v-1cryk14\",vFk7zsU9z:\"framer-v-1xk79vz\",WhPvNCVU0:\"framer-v-65cp5d\",Wxf1tCMC5:\"framer-v-1sz5ju4\",XFG1TbdNa:\"framer-v-zp8zez\",XPtowO2vS:\"framer-v-a7dwh3\",yI5Da6yJ7:\"framer-v-1tj4xr9\",YnsUw_bPM:\"framer-v-1aq4n7k\",zF5K3hnDJ:\"framer-v-1tm3lrl\",ZIe4AIce4:\"framer-v-p5dz9p\",zPvF_9pO9:\"framer-v-11i5eak\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transition2={delay:.2,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition3={delay:.3,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition4={delay:.4,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition5={delay:.5,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition6={delay:.6,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition7={delay:1,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition8={delay:1.1,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition9={delay:1.2,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition10={delay:1.3,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition11={delay:1.4,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition12={delay:1.5,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition13={delay:1.6,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition14={delay:0,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition15={delay:.1,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition16={delay:.15,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition17={delay:.25,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition18={delay:.35,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition19={delay:.45,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition20={delay:.55,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition21={delay:.65,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const transition22={delay:.7,duration:2,ease:[.65,0,.13,1],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"0 active\":\"f8Q7skAPT\",\"0.1 active\":\"m4jgG72vU\",\"0.1\":\"NpsRvqwcy\",\"0.2 active\":\"TWl2V7Bj5\",\"0.2\":\"zF5K3hnDJ\",\"0.3 active\":\"PjYvlS3k9\",\"0.3\":\"KHhQvq2tM\",\"0.4 active\":\"vFk7zsU9z\",\"0.4\":\"yI5Da6yJ7\",\"0.5 active\":\"LHlXshbqs\",\"0.5\":\"hI7IO7kB1\",\"0.6 active\":\"EwUyMlYgW\",\"0.6\":\"XFG1TbdNa\",\"0.7 active\":\"zPvF_9pO9\",\"0.7\":\"AgVB9ytQa\",\"0.8 active\":\"F152chKxH\",\"0.8\":\"QCbzfFAB1\",\"0.9 active\":\"GNJHD3irV\",\"0.9\":\"cOWTCjBW8\",\"0\":\"RMVNA0mVV\",\"1 active\":\"S9mKj6085\",\"1.1 active\":\"CHzT5FPgz\",\"1.1\":\"SlLECbnm0\",\"1.2 active\":\"QH2Y7H6Pr\",\"1.2\":\"fwuP3GBYz\",\"1.3 active\":\"oQFtLzR4z\",\"1.3\":\"aGYwqRjP5\",\"1.4\":\"BRKYbI9__\",\"1.5\":\"l10v931Y_\",\"1.6\":\"XPtowO2vS\",\"1.7\":\"UFpmrCqK6\",\"1.8\":\"ln7gLbc8r\",\"1.9\":\"D5lk08nJp\",\"1\":\"mCpld_ngq\",\"2\":\"WhPvNCVU0\",\"Line Active\":\"d8G63VHX3\",\"Line animate on appear\":\"ZIe4AIce4\",\"Line Animation Active\":\"HUqf2DOnE\",\"Line Animation\":\"iUXqqcKqj\",\"Line Dotted\":\"EZQ5yO3L2\",\"Line Mobile Menu 1 Active\":\"YnsUw_bPM\",\"Line Mobile Menu 1\":\"sG0P8FssP\",\"Line Mobile Menu 2 Active\":\"h8Rd9IPQg\",\"Line Mobile Menu 2\":\"LKWFAqOdQ\",\"Line Mobile Menu 3 Active\":\"eOzkU5o6t\",\"Line Mobile Menu 3\":\"Wxf1tCMC5\",\"Line Mobile Menu 4 Active\":\"CibGdzgLO\",\"Line Mobile Menu 4\":\"lqoYfakNo\",\"Line Mobile Menu 5 Active\":\"gskzPl2av\",\"Line Mobile Menu 5\":\"gT8xZNay9\"};const getProps=({border,colour,height,id,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2;return{...props,jO4qx5iFC:(_ref=border!==null&&border!==void 0?border:props.jO4qx5iFC)!==null&&_ref!==void 0?_ref:{borderBottomWidth:1,borderColor:\"rgba(0, 0, 0, 0.2)\",borderLeftWidth:1,borderRightWidth:0,borderStyle:\"dashed\",borderTopWidth:2},sjMku05M0:(_ref1=colour!==null&&colour!==void 0?colour:props.sjMku05M0)!==null&&_ref1!==void 0?_ref1:\"var(--token-98dd2e4b-2534-4771-a0e9-0adcb7a05c7c, rgba(0, 0, 0, 0.2))\",variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"iUXqqcKqj\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,sjMku05M0,jO4qx5iFC,...restProps}=getProps(props);const{baseVariant,classNames,gestureHandlers,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"iUXqqcKqj\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear1re53w6=activeVariantCallback(async(...args)=>{setVariant(\"d8G63VHX3\");});const onAppear1ch2d2d=activeVariantCallback(async(...args)=>{setVariant(\"mQVtK0ziv\");});const onAppeareeoqqj=activeVariantCallback(async(...args)=>{setVariant(\"h8Rd9IPQg\");});const onAppear8if1jb=activeVariantCallback(async(...args)=>{setVariant(\"eOzkU5o6t\");});const onAppear1id15q=activeVariantCallback(async(...args)=>{setVariant(\"CibGdzgLO\");});const onAppearsiu81s=activeVariantCallback(async(...args)=>{setVariant(\"gskzPl2av\");});const onAppearxzjubv=activeVariantCallback(async(...args)=>{setVariant(\"ehV_aeci2\");});const onAppeari17285=activeVariantCallback(async(...args)=>{setVariant(\"f5uAow0AZ\");});const onAppearghtybe=activeVariantCallback(async(...args)=>{setVariant(\"qcb6XA9vF\");});const onAppear1cg0l0s=activeVariantCallback(async(...args)=>{setVariant(\"lhZoEjZRx\");});const onAppearfm4ba2=activeVariantCallback(async(...args)=>{setVariant(\"g_jKFNDFj\");});const onAppearlp8hps=activeVariantCallback(async(...args)=>{setVariant(\"ktAPPNXf7\");});const onAppearfuvrjp=activeVariantCallback(async(...args)=>{setVariant(\"YnsUw_bPM\");});useOnVariantChange(baseVariant,{BRKYbI9__:onAppearxzjubv,D5lk08nJp:onAppearlp8hps,gT8xZNay9:onAppearsiu81s,l10v931Y_:onAppeari17285,LKWFAqOdQ:onAppeareeoqqj,ln7gLbc8r:onAppearfm4ba2,lqoYfakNo:onAppear1id15q,sG0P8FssP:onAppear1ch2d2d,UFpmrCqK6:onAppear1cg0l0s,WhPvNCVU0:onAppearfuvrjp,Wxf1tCMC5:onAppear8if1jb,XPtowO2vS:onAppearghtybe,ZIe4AIce4:onAppear1re53w6});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();var _jO4qx5iFC_borderBottomWidth,_jO4qx5iFC_borderLeftWidth,_jO4qx5iFC_borderRightWidth,_jO4qx5iFC_borderTopWidth;return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,...addPropertyOverrides({CHzT5FPgz:{value:transition6},CibGdzgLO:{value:transition5},d8G63VHX3:{value:transition2},ehV_aeci2:{value:transition7},eOzkU5o6t:{value:transition4},EwUyMlYgW:{value:transition18},EZQ5yO3L2:{value:transition2},F152chKxH:{value:transition19},f5uAow0AZ:{value:transition8},f8Q7skAPT:{value:transition14},g_jKFNDFj:{value:transition11},GNJHD3irV:{value:transition5},gskzPl2av:{value:transition6},h8Rd9IPQg:{value:transition3},HUqf2DOnE:{value:transition2},ktAPPNXf7:{value:transition12},LHlXshbqs:{value:transition3},lhZoEjZRx:{value:transition10},m4jgG72vU:{value:transition15},mQVtK0ziv:{value:transition2},oQFtLzR4z:{value:transition22},PjYvlS3k9:{value:transition2},qcb6XA9vF:{value:transition9},QH2Y7H6Pr:{value:transition21},S9mKj6085:{value:transition20},TWl2V7Bj5:{value:transition16},vFk7zsU9z:{value:transition17},YnsUw_bPM:{value:transition13},zPvF_9pO9:{value:transition4}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1g3e1p7\",className,classNames),\"data-framer-name\":\"Line Animation\",layoutDependency:layoutDependency,layoutId:\"iUXqqcKqj\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({AgVB9ytQa:{\"data-framer-name\":\"0.7\"},aGYwqRjP5:{\"data-framer-name\":\"1.3\"},BRKYbI9__:{\"data-framer-name\":\"1.4\",\"data-highlight\":true},CHzT5FPgz:{\"data-framer-name\":\"1.1 active\"},CibGdzgLO:{\"data-framer-name\":\"Line Mobile Menu 4 Active\"},cOWTCjBW8:{\"data-framer-name\":\"0.9\"},D5lk08nJp:{\"data-framer-name\":\"1.9\",\"data-highlight\":true},d8G63VHX3:{\"data-framer-name\":\"Line Active\"},ehV_aeci2:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},eOzkU5o6t:{\"data-framer-name\":\"Line Mobile Menu 3 Active\"},EwUyMlYgW:{\"data-framer-name\":\"0.6 active\"},EZQ5yO3L2:{\"data-framer-name\":\"Line Dotted\"},F152chKxH:{\"data-framer-name\":\"0.8 active\"},f5uAow0AZ:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},f8Q7skAPT:{\"data-framer-name\":\"0 active\"},fwuP3GBYz:{\"data-framer-name\":\"1.2\"},g_jKFNDFj:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},GNJHD3irV:{\"data-framer-name\":\"0.9 active\"},gskzPl2av:{\"data-framer-name\":\"Line Mobile Menu 5 Active\"},gT8xZNay9:{\"data-framer-name\":\"Line Mobile Menu 5\",\"data-highlight\":true},h8Rd9IPQg:{\"data-framer-name\":\"Line Mobile Menu 2 Active\"},hI7IO7kB1:{\"data-framer-name\":\"0.5\"},HUqf2DOnE:{\"data-framer-name\":\"Line Animation Active\"},KHhQvq2tM:{\"data-framer-name\":\"0.3\"},ktAPPNXf7:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},l10v931Y_:{\"data-framer-name\":\"1.5\",\"data-highlight\":true},LHlXshbqs:{\"data-framer-name\":\"0.5 active\"},lhZoEjZRx:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},LKWFAqOdQ:{\"data-framer-name\":\"Line Mobile Menu 2\",\"data-highlight\":true},ln7gLbc8r:{\"data-framer-name\":\"1.8\",\"data-highlight\":true},lqoYfakNo:{\"data-framer-name\":\"Line Mobile Menu 4\",\"data-highlight\":true},m4jgG72vU:{\"data-framer-name\":\"0.1 active\"},mCpld_ngq:{\"data-framer-name\":\"1\"},mQVtK0ziv:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},NpsRvqwcy:{\"data-framer-name\":\"0.1\"},oQFtLzR4z:{\"data-framer-name\":\"1.3 active\"},PjYvlS3k9:{\"data-framer-name\":\"0.3 active\"},qcb6XA9vF:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},QCbzfFAB1:{\"data-framer-name\":\"0.8\"},QH2Y7H6Pr:{\"data-framer-name\":\"1.2 active\"},RMVNA0mVV:{\"data-framer-name\":\"0\"},S9mKj6085:{\"data-framer-name\":\"1 active\"},sG0P8FssP:{\"data-framer-name\":\"Line Mobile Menu 1\",\"data-highlight\":true},SlLECbnm0:{\"data-framer-name\":\"1.1\"},TWl2V7Bj5:{\"data-framer-name\":\"0.2 active\"},UFpmrCqK6:{\"data-framer-name\":\"1.7\",\"data-highlight\":true},vFk7zsU9z:{\"data-framer-name\":\"0.4 active\"},WhPvNCVU0:{\"data-framer-name\":\"2\",\"data-highlight\":true},Wxf1tCMC5:{\"data-framer-name\":\"Line Mobile Menu 3\",\"data-highlight\":true},XFG1TbdNa:{\"data-framer-name\":\"0.6\"},XPtowO2vS:{\"data-framer-name\":\"1.6\",\"data-highlight\":true},yI5Da6yJ7:{\"data-framer-name\":\"0.4\"},YnsUw_bPM:{\"data-framer-name\":\"Line Mobile Menu 1 Active\"},zF5K3hnDJ:{\"data-framer-name\":\"0.2\"},ZIe4AIce4:{\"data-framer-name\":\"Line animate on appear\",\"data-highlight\":true},zPvF_9pO9:{\"data-framer-name\":\"0.7 active\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1wbegx1\",\"data-framer-name\":\"Line\",layoutDependency:layoutDependency,layoutId:\"fl58sFuX8\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\",backgroundColor:sjMku05M0},variants:{EZQ5yO3L2:{\"--border-bottom-width\":`${(_jO4qx5iFC_borderBottomWidth=jO4qx5iFC.borderBottomWidth)!==null&&_jO4qx5iFC_borderBottomWidth!==void 0?_jO4qx5iFC_borderBottomWidth:jO4qx5iFC.borderWidth}px`,\"--border-color\":jO4qx5iFC.borderColor,\"--border-left-width\":`${(_jO4qx5iFC_borderLeftWidth=jO4qx5iFC.borderLeftWidth)!==null&&_jO4qx5iFC_borderLeftWidth!==void 0?_jO4qx5iFC_borderLeftWidth:jO4qx5iFC.borderWidth}px`,\"--border-right-width\":`${(_jO4qx5iFC_borderRightWidth=jO4qx5iFC.borderRightWidth)!==null&&_jO4qx5iFC_borderRightWidth!==void 0?_jO4qx5iFC_borderRightWidth:jO4qx5iFC.borderWidth}px`,\"--border-style\":jO4qx5iFC.borderStyle,\"--border-top-width\":`${(_jO4qx5iFC_borderTopWidth=jO4qx5iFC.borderTopWidth)!==null&&_jO4qx5iFC_borderTopWidth!==void 0?_jO4qx5iFC_borderTopWidth:jO4qx5iFC.borderWidth}px`,backgroundColor:\"rgba(0, 0, 0, 0)\"}},...addPropertyOverrides({EZQ5yO3L2:{\"data-border\":true}},baseVariant,gestureVariant)})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-gTFl2.framer-12me429, .framer-gTFl2 .framer-12me429 { display: block; }\",\".framer-gTFl2.framer-1g3e1p7 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 787px; }\",\".framer-gTFl2 .framer-1wbegx1 { flex: none; height: 1px; position: relative; width: 0%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-gTFl2.framer-1g3e1p7 { gap: 0px; } .framer-gTFl2.framer-1g3e1p7 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-gTFl2.framer-1g3e1p7 > :first-child { margin-left: 0px; } .framer-gTFl2.framer-1g3e1p7 > :last-child { margin-right: 0px; } }\",\".framer-gTFl2.framer-v-9iaeik .framer-1wbegx1, .framer-gTFl2.framer-v-sfrgkq .framer-1wbegx1, .framer-gTFl2.framer-v-4m9hbt .framer-1wbegx1, .framer-gTFl2.framer-v-nnam58 .framer-1wbegx1, .framer-gTFl2.framer-v-dczc2q .framer-1wbegx1, .framer-gTFl2.framer-v-r5o5bn .framer-1wbegx1, .framer-gTFl2.framer-v-dpxkyo .framer-1wbegx1, .framer-gTFl2.framer-v-m7nemi .framer-1wbegx1, .framer-gTFl2.framer-v-7kcqdg .framer-1wbegx1, .framer-gTFl2.framer-v-18kvjuu .framer-1wbegx1, .framer-gTFl2.framer-v-fvdv1r .framer-1wbegx1, .framer-gTFl2.framer-v-vx3gdh .framer-1wbegx1, .framer-gTFl2.framer-v-tq8q9y .framer-1wbegx1, .framer-gTFl2.framer-v-jce5ri .framer-1wbegx1, .framer-gTFl2.framer-v-1aq4n7k .framer-1wbegx1, .framer-gTFl2.framer-v-1949rd4 .framer-1wbegx1, .framer-gTFl2.framer-v-tqmxmf .framer-1wbegx1, .framer-gTFl2.framer-v-uzfwsk .framer-1wbegx1, .framer-gTFl2.framer-v-1yundy .framer-1wbegx1, .framer-gTFl2.framer-v-1xk79vz .framer-1wbegx1, .framer-gTFl2.framer-v-3ap6qq .framer-1wbegx1, .framer-gTFl2.framer-v-1o0aicg .framer-1wbegx1, .framer-gTFl2.framer-v-11i5eak .framer-1wbegx1, .framer-gTFl2.framer-v-wgzkdt .framer-1wbegx1, .framer-gTFl2.framer-v-1mci446 .framer-1wbegx1, .framer-gTFl2.framer-v-1e2spr3 .framer-1wbegx1, .framer-gTFl2.framer-v-ntgxn4 .framer-1wbegx1, .framer-gTFl2.framer-v-1yblrcp .framer-1wbegx1, .framer-gTFl2.framer-v-1vlof7q .framer-1wbegx1 { width: 100%; }\",\".framer-gTFl2.framer-v-p5dz9p.framer-1g3e1p7, .framer-gTFl2.framer-v-sfrgkq.framer-1g3e1p7, .framer-gTFl2.framer-v-uulh90.framer-1g3e1p7, .framer-gTFl2.framer-v-4m9hbt.framer-1g3e1p7, .framer-gTFl2.framer-v-14rwqsn.framer-1g3e1p7, .framer-gTFl2.framer-v-nnam58.framer-1g3e1p7, .framer-gTFl2.framer-v-1sz5ju4.framer-1g3e1p7, .framer-gTFl2.framer-v-dczc2q.framer-1g3e1p7, .framer-gTFl2.framer-v-1m4m3a.framer-1g3e1p7, .framer-gTFl2.framer-v-r5o5bn.framer-1g3e1p7, .framer-gTFl2.framer-v-soi7r4.framer-1g3e1p7, .framer-gTFl2.framer-v-dpxkyo.framer-1g3e1p7, .framer-gTFl2.framer-v-m7nemi.framer-1g3e1p7, .framer-gTFl2.framer-v-97xqa2.framer-1g3e1p7, .framer-gTFl2.framer-v-7kcqdg.framer-1g3e1p7, .framer-gTFl2.framer-v-1v1prgv.framer-1g3e1p7, .framer-gTFl2.framer-v-18kvjuu.framer-1g3e1p7, .framer-gTFl2.framer-v-a7dwh3.framer-1g3e1p7, .framer-gTFl2.framer-v-fvdv1r.framer-1g3e1p7, .framer-gTFl2.framer-v-1cryk14.framer-1g3e1p7, .framer-gTFl2.framer-v-vx3gdh.framer-1g3e1p7, .framer-gTFl2.framer-v-q4fuly.framer-1g3e1p7, .framer-gTFl2.framer-v-tq8q9y.framer-1g3e1p7, .framer-gTFl2.framer-v-3rzwie.framer-1g3e1p7, .framer-gTFl2.framer-v-jce5ri.framer-1g3e1p7, .framer-gTFl2.framer-v-65cp5d.framer-1g3e1p7, .framer-gTFl2.framer-v-1aq4n7k.framer-1g3e1p7, .framer-gTFl2.framer-v-11pae1t.framer-1g3e1p7, .framer-gTFl2.framer-v-1949rd4.framer-1g3e1p7, .framer-gTFl2.framer-v-3g06ob.framer-1g3e1p7, .framer-gTFl2.framer-v-tqmxmf.framer-1g3e1p7, .framer-gTFl2.framer-v-1tm3lrl.framer-1g3e1p7, .framer-gTFl2.framer-v-uzfwsk.framer-1g3e1p7, .framer-gTFl2.framer-v-1k1inu9.framer-1g3e1p7, .framer-gTFl2.framer-v-1yundy.framer-1g3e1p7, .framer-gTFl2.framer-v-1tj4xr9.framer-1g3e1p7, .framer-gTFl2.framer-v-1xk79vz.framer-1g3e1p7, .framer-gTFl2.framer-v-1ua3sqb.framer-1g3e1p7, .framer-gTFl2.framer-v-3ap6qq.framer-1g3e1p7, .framer-gTFl2.framer-v-zp8zez.framer-1g3e1p7, .framer-gTFl2.framer-v-1o0aicg.framer-1g3e1p7, .framer-gTFl2.framer-v-p2aidz.framer-1g3e1p7, .framer-gTFl2.framer-v-11i5eak.framer-1g3e1p7, .framer-gTFl2.framer-v-j0wsny.framer-1g3e1p7, .framer-gTFl2.framer-v-wgzkdt.framer-1g3e1p7, .framer-gTFl2.framer-v-1mcrr8m.framer-1g3e1p7, .framer-gTFl2.framer-v-1mci446.framer-1g3e1p7, .framer-gTFl2.framer-v-13rke3s.framer-1g3e1p7, .framer-gTFl2.framer-v-1e2spr3.framer-1g3e1p7, .framer-gTFl2.framer-v-ez45lb.framer-1g3e1p7, .framer-gTFl2.framer-v-ntgxn4.framer-1g3e1p7, .framer-gTFl2.framer-v-dsn7pc.framer-1g3e1p7, .framer-gTFl2.framer-v-1yblrcp.framer-1g3e1p7, .framer-gTFl2.framer-v-19zy5w8.framer-1g3e1p7, .framer-gTFl2.framer-v-1vlof7q.framer-1g3e1p7 { width: 787px; }\",'.framer-gTFl2[data-border=\"true\"]::after, .framer-gTFl2 [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1\n * @framerIntrinsicWidth 787\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"HUqf2DOnE\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZIe4AIce4\":{\"layout\":[\"fixed\",\"fixed\"]},\"d8G63VHX3\":{\"layout\":[\"fixed\",\"fixed\"]},\"sG0P8FssP\":{\"layout\":[\"fixed\",\"fixed\"]},\"mQVtK0ziv\":{\"layout\":[\"fixed\",\"fixed\"]},\"LKWFAqOdQ\":{\"layout\":[\"fixed\",\"fixed\"]},\"h8Rd9IPQg\":{\"layout\":[\"fixed\",\"fixed\"]},\"Wxf1tCMC5\":{\"layout\":[\"fixed\",\"fixed\"]},\"eOzkU5o6t\":{\"layout\":[\"fixed\",\"fixed\"]},\"lqoYfakNo\":{\"layout\":[\"fixed\",\"fixed\"]},\"CibGdzgLO\":{\"layout\":[\"fixed\",\"fixed\"]},\"gT8xZNay9\":{\"layout\":[\"fixed\",\"fixed\"]},\"gskzPl2av\":{\"layout\":[\"fixed\",\"fixed\"]},\"EZQ5yO3L2\":{\"layout\":[\"fixed\",\"fixed\"]},\"BRKYbI9__\":{\"layout\":[\"fixed\",\"fixed\"]},\"ehV_aeci2\":{\"layout\":[\"fixed\",\"fixed\"]},\"l10v931Y_\":{\"layout\":[\"fixed\",\"fixed\"]},\"f5uAow0AZ\":{\"layout\":[\"fixed\",\"fixed\"]},\"XPtowO2vS\":{\"layout\":[\"fixed\",\"fixed\"]},\"qcb6XA9vF\":{\"layout\":[\"fixed\",\"fixed\"]},\"UFpmrCqK6\":{\"layout\":[\"fixed\",\"fixed\"]},\"lhZoEjZRx\":{\"layout\":[\"fixed\",\"fixed\"]},\"ln7gLbc8r\":{\"layout\":[\"fixed\",\"fixed\"]},\"g_jKFNDFj\":{\"layout\":[\"fixed\",\"fixed\"]},\"D5lk08nJp\":{\"layout\":[\"fixed\",\"fixed\"]},\"ktAPPNXf7\":{\"layout\":[\"fixed\",\"fixed\"]},\"WhPvNCVU0\":{\"layout\":[\"fixed\",\"fixed\"]},\"YnsUw_bPM\":{\"layout\":[\"fixed\",\"fixed\"]},\"RMVNA0mVV\":{\"layout\":[\"fixed\",\"fixed\"]},\"f8Q7skAPT\":{\"layout\":[\"fixed\",\"fixed\"]},\"NpsRvqwcy\":{\"layout\":[\"fixed\",\"fixed\"]},\"m4jgG72vU\":{\"layout\":[\"fixed\",\"fixed\"]},\"zF5K3hnDJ\":{\"layout\":[\"fixed\",\"fixed\"]},\"TWl2V7Bj5\":{\"layout\":[\"fixed\",\"fixed\"]},\"KHhQvq2tM\":{\"layout\":[\"fixed\",\"fixed\"]},\"PjYvlS3k9\":{\"layout\":[\"fixed\",\"fixed\"]},\"yI5Da6yJ7\":{\"layout\":[\"fixed\",\"fixed\"]},\"vFk7zsU9z\":{\"layout\":[\"fixed\",\"fixed\"]},\"hI7IO7kB1\":{\"layout\":[\"fixed\",\"fixed\"]},\"LHlXshbqs\":{\"layout\":[\"fixed\",\"fixed\"]},\"XFG1TbdNa\":{\"layout\":[\"fixed\",\"fixed\"]},\"EwUyMlYgW\":{\"layout\":[\"fixed\",\"fixed\"]},\"AgVB9ytQa\":{\"layout\":[\"fixed\",\"fixed\"]},\"zPvF_9pO9\":{\"layout\":[\"fixed\",\"fixed\"]},\"QCbzfFAB1\":{\"layout\":[\"fixed\",\"fixed\"]},\"F152chKxH\":{\"layout\":[\"fixed\",\"fixed\"]},\"cOWTCjBW8\":{\"layout\":[\"fixed\",\"fixed\"]},\"GNJHD3irV\":{\"layout\":[\"fixed\",\"fixed\"]},\"mCpld_ngq\":{\"layout\":[\"fixed\",\"fixed\"]},\"S9mKj6085\":{\"layout\":[\"fixed\",\"fixed\"]},\"SlLECbnm0\":{\"layout\":[\"fixed\",\"fixed\"]},\"CHzT5FPgz\":{\"layout\":[\"fixed\",\"fixed\"]},\"fwuP3GBYz\":{\"layout\":[\"fixed\",\"fixed\"]},\"QH2Y7H6Pr\":{\"layout\":[\"fixed\",\"fixed\"]},\"aGYwqRjP5\":{\"layout\":[\"fixed\",\"fixed\"]},\"oQFtLzR4z\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"sjMku05M0\":\"colour\",\"jO4qx5iFC\":\"border\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerVNUD5DB4s=withCSS(Component,css,\"framer-gTFl2\");export default FramerVNUD5DB4s;FramerVNUD5DB4s.displayName=\"Global / Line Animation Global\";FramerVNUD5DB4s.defaultProps={height:1,width:787};addPropertyControls(FramerVNUD5DB4s,{variant:{options:[\"iUXqqcKqj\",\"HUqf2DOnE\",\"ZIe4AIce4\",\"d8G63VHX3\",\"sG0P8FssP\",\"mQVtK0ziv\",\"LKWFAqOdQ\",\"h8Rd9IPQg\",\"Wxf1tCMC5\",\"eOzkU5o6t\",\"lqoYfakNo\",\"CibGdzgLO\",\"gT8xZNay9\",\"gskzPl2av\",\"EZQ5yO3L2\",\"BRKYbI9__\",\"ehV_aeci2\",\"l10v931Y_\",\"f5uAow0AZ\",\"XPtowO2vS\",\"qcb6XA9vF\",\"UFpmrCqK6\",\"lhZoEjZRx\",\"ln7gLbc8r\",\"g_jKFNDFj\",\"D5lk08nJp\",\"ktAPPNXf7\",\"WhPvNCVU0\",\"YnsUw_bPM\",\"RMVNA0mVV\",\"f8Q7skAPT\",\"NpsRvqwcy\",\"m4jgG72vU\",\"zF5K3hnDJ\",\"TWl2V7Bj5\",\"KHhQvq2tM\",\"PjYvlS3k9\",\"yI5Da6yJ7\",\"vFk7zsU9z\",\"hI7IO7kB1\",\"LHlXshbqs\",\"XFG1TbdNa\",\"EwUyMlYgW\",\"AgVB9ytQa\",\"zPvF_9pO9\",\"QCbzfFAB1\",\"F152chKxH\",\"cOWTCjBW8\",\"GNJHD3irV\",\"mCpld_ngq\",\"S9mKj6085\",\"SlLECbnm0\",\"CHzT5FPgz\",\"fwuP3GBYz\",\"QH2Y7H6Pr\",\"aGYwqRjP5\",\"oQFtLzR4z\"],optionTitles:[\"Line Animation\",\"Line Animation Active\",\"Line animate on appear\",\"Line Active\",\"Line Mobile Menu 1\",\"Line Mobile Menu 1 Active\",\"Line Mobile Menu 2\",\"Line Mobile Menu 2 Active\",\"Line Mobile Menu 3\",\"Line Mobile Menu 3 Active\",\"Line Mobile Menu 4\",\"Line Mobile Menu 4 Active\",\"Line Mobile Menu 5\",\"Line Mobile Menu 5 Active\",\"Line Dotted\",\"1.4\",\"Line Mobile Menu 1 Active\",\"1.5\",\"Line Mobile Menu 1 Active\",\"1.6\",\"Line Mobile Menu 1 Active\",\"1.7\",\"Line Mobile Menu 1 Active\",\"1.8\",\"Line Mobile Menu 1 Active\",\"1.9\",\"Line Mobile Menu 1 Active\",\"2\",\"Line Mobile Menu 1 Active\",\"0\",\"0 active\",\"0.1\",\"0.1 active\",\"0.2\",\"0.2 active\",\"0.3\",\"0.3 active\",\"0.4\",\"0.4 active\",\"0.5\",\"0.5 active\",\"0.6\",\"0.6 active\",\"0.7\",\"0.7 active\",\"0.8\",\"0.8 active\",\"0.9\",\"0.9 active\",\"1\",\"1 active\",\"1.1\",\"1.1 active\",\"1.2\",\"1.2 active\",\"1.3\",\"1.3 active\"],title:\"Variant\",type:ControlType.Enum},sjMku05M0:{defaultValue:'var(--token-98dd2e4b-2534-4771-a0e9-0adcb7a05c7c, rgba(0, 0, 0, 0.2)) /* {\"name\":\"line\"} */',title:\"Colour\",type:ControlType.Color},jO4qx5iFC:{defaultValue:{borderBottomWidth:1,borderColor:\"rgba(0, 0, 0, 0.2)\",borderLeftWidth:1,borderRightWidth:0,borderStyle:\"dashed\",borderTopWidth:2},title:\"Border\",type:ControlType.Border}});addFonts(FramerVNUD5DB4s,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerVNUD5DB4s\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"787\",\"framerVariables\":\"{\\\"sjMku05M0\\\":\\\"colour\\\",\\\"jO4qx5iFC\\\":\\\"border\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"HUqf2DOnE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZIe4AIce4\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"d8G63VHX3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"sG0P8FssP\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"mQVtK0ziv\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"LKWFAqOdQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"h8Rd9IPQg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Wxf1tCMC5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"eOzkU5o6t\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"lqoYfakNo\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"CibGdzgLO\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"gT8xZNay9\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"gskzPl2av\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"EZQ5yO3L2\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"BRKYbI9__\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ehV_aeci2\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"l10v931Y_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"f5uAow0AZ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XPtowO2vS\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"qcb6XA9vF\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"UFpmrCqK6\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"lhZoEjZRx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ln7gLbc8r\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"g_jKFNDFj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"D5lk08nJp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ktAPPNXf7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"WhPvNCVU0\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"YnsUw_bPM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"RMVNA0mVV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"f8Q7skAPT\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"NpsRvqwcy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"m4jgG72vU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"zF5K3hnDJ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"TWl2V7Bj5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"KHhQvq2tM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PjYvlS3k9\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"yI5Da6yJ7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"vFk7zsU9z\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"hI7IO7kB1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"LHlXshbqs\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XFG1TbdNa\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"EwUyMlYgW\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"AgVB9ytQa\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"zPvF_9pO9\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"QCbzfFAB1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"F152chKxH\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"cOWTCjBW8\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"GNJHD3irV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"mCpld_ngq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"S9mKj6085\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SlLECbnm0\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"CHzT5FPgz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"fwuP3GBYz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"QH2Y7H6Pr\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"aGYwqRjP5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"oQFtLzR4z\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VNUD5DB4s.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the