{"version":3,"file":"shared-lib.VTfvpoED.mjs","names":["css","v0","v1","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","transition2","t","toResponsiveImage","Transition","Variants","humanReadableVariantMap","getProps","createLayoutDependency","Component","useRef","className","getLocalizedValue","Image","css","useMemo","useMemo","useMemo","getProps","useRef","useCallback","useState","useMemo","t","i","e","s","u","p","o","n","r","l","h","a","c","useRef","getLocalizedValue","valuesByLocaleId","localizedValues","useRef","className","getLocalizedValue","Image"],"sources":["https:/framerusercontent.com/modules/hSY2QLe3SJi1rE6cpbkW/lCSPuNQsoHe3SLtLJZIc/D5RJeWv3s.js","https:/framerusercontent.com/modules/G7iTtzvxW8pcSxJJapds/clIvzSM0Jsde4DW9l2q7/GAmgdOi5A-0.js","https:/framerusercontent.com/modules/G7iTtzvxW8pcSxJJapds/clIvzSM0Jsde4DW9l2q7/GAmgdOi5A.js","https:/framerusercontent.com/modules/nVJNrGPx4raNMCJugrXG/Q5eJquhmuq2ZGcTGXspY/GAmgdOi5A.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:/ga.jspm.io/npm:lenis@1.1.2/dist/lenis.mjs","https:/framerusercontent.com/modules/Yppqt3Cs3Y8TZqvASnXl/PGrowqBrgWCViHduGfsA/SmoothScroll_Prod.js","https:/framerusercontent.com/modules/DA5tFkDnGkx2bh9ZhkMp/iHVqJlheMMj71BBFPOC6/ncrCyvk4t-0.js","https:/framerusercontent.com/modules/DA5tFkDnGkx2bh9ZhkMp/iHVqJlheMMj71BBFPOC6/ncrCyvk4t.js","https:/framerusercontent.com/modules/dHpQJqfFLKG8EM033cqU/2oILBp2u0aD2b6RMegu4/ncrCyvk4t.js","https:/framerusercontent.com/modules/9Dwj8o0IhgaV9wKq5Z1g/jn2n3lf1iztZZitgdAsm/siteMetadata.js"],"sourcesContent":["// Generated by Framer (52a4463)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Manrope-regular\",\"FS;Manrope-bold\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Manrope\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/2TYFCBHUANEXS6QGR5EQDUNAFH6LSWM3/AYNOU3VEA4LRTDNKJQUFNVNUTYSGOUOP/UXO4O7K2G3HI3D2VKD7UXVJVJD26P4BQ.woff2\",weight:\"400\"},{family:\"Manrope\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NGBUP45ES3F7RD5XGKPEDJ6QEPO4TMOK/EXDVWJ2EDDVVV65UENMX33EDDYBX6OF7/6P4FPMFQH7CCC7RZ4UU4NKSGJ2RLF7V5.woff2\",weight:\"700\"}]}];export const css=['.framer-nyX7r .framer-styles-preset-desosi:not(.rich-text-wrapper), .framer-nyX7r .framer-styles-preset-desosi.rich-text-wrapper p { --framer-font-family: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-family-bold: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-letter-spacing: -0.01em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-nyX7r .framer-styles-preset-desosi:not(.rich-text-wrapper), .framer-nyX7r .framer-styles-preset-desosi.rich-text-wrapper p { --framer-font-family: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-family-bold: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-letter-spacing: -0.01em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-nyX7r .framer-styles-preset-desosi:not(.rich-text-wrapper), .framer-nyX7r .framer-styles-preset-desosi.rich-text-wrapper p { --framer-font-family: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-family-bold: \"Manrope\", \"Manrope Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-letter-spacing: -0.01em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 40px; --framer-text-alignment: left; --framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-nyX7r\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)))\"},children:\"Tack s\\xe5 mycket!\"})});export const v1=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)))\"},children:\"Oj d\\xe5!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (972193a)\nimport*as localizedValues from\"./GAmgdOi5A-0.js\";const valuesByLocaleId={Wfs2L9Ws2:localizedValues};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (972193a)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image,Link,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/hSY2QLe3SJi1rE6cpbkW/lCSPuNQsoHe3SLtLJZIc/D5RJeWv3s.js\";import getLocalizedValue from\"https://framerusercontent.com/modules/G7iTtzvxW8pcSxJJapds/clIvzSM0Jsde4DW9l2q7/GAmgdOi5A.js\";const MotionDivWithFX=withFX(motion.div);const enabledGestures={EE6HlrNQQ:{hover:true},Pcm_CyrUI:{hover:true,pressed:true},zFEhJT9PN:{hover:true,pressed:true}};const cycleOrder=[\"zFEhJT9PN\",\"Pcm_CyrUI\",\"EE6HlrNQQ\",\"Ck2j8AHnW\",\"CDmCleIDd\",\"ijyVUydsx\",\"lhxufUq9N\",\"AVZtYRzi0\",\"GbbE19wkL\",\"HEldIv44a\"];const serializationHash=\"framer-sxrKA\";const variantClassNames={AVZtYRzi0:\"framer-v-9qxesz\",CDmCleIDd:\"framer-v-11xdddm\",Ck2j8AHnW:\"framer-v-zx6sxq\",EE6HlrNQQ:\"framer-v-d43qg1\",GbbE19wkL:\"framer-v-b00r57\",HEldIv44a:\"framer-v-14fguq4\",ijyVUydsx:\"framer-v-6cbasi\",lhxufUq9N:\"framer-v-6ecvc4\",Pcm_CyrUI:\"framer-v-y59tqm\",zFEhJT9PN:\"framer-v-1x5mn7m\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={delay:0,duration:.2,ease:[.44,0,.56,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[0,0,1,1],type:\"tween\"};const animation={opacity:1,rotate:360,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Desktop - Blue Mini\":\"EE6HlrNQQ\",\"Desktop - Blue\":\"zFEhJT9PN\",\"Desktop - White\":\"Pcm_CyrUI\",\"Disabled - Blue\":\"AVZtYRzi0\",\"Error - Blue\":\"HEldIv44a\",\"Loading - Blue\":\"lhxufUq9N\",\"Phone - Blue Mini\":\"ijyVUydsx\",\"Phone - Blue\":\"Ck2j8AHnW\",\"Phone - White\":\"CDmCleIDd\",\"Success - Blue\":\"GbbE19wkL\"};const getProps=({click,height,icon,id,link,title,width,...props})=>{return{...props,DS0nQJvZs:link??props.DS0nQJvZs,j3y2t0BNz:icon??props.j3y2t0BNz??{pixelHeight:16,pixelWidth:16,src:\"https://framerusercontent.com/images/KWIQA1fu0j0rgpoUIZjR54Gr7U.svg?width=16&height=16\"},j6yEpGLKE:title??props.j6yEpGLKE??\"Submit\",lmuvbmeTC:click??props.lmuvbmeTC,variant:humanReadableVariantMap[props.variant]??props.variant??\"zFEhJT9PN\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,j6yEpGLKE,DS0nQJvZs,j3y2t0BNz,lmuvbmeTC,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"zFEhJT9PN\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1666lxr=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(lmuvbmeTC){const res=await lmuvbmeTC(...args);if(res===false)return false;}});const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(gestureVariant===\"EE6HlrNQQ-hover\")return false;if([\"EE6HlrNQQ\",\"ijyVUydsx\",\"lhxufUq9N\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"lhxufUq9N\")return true;return false;};const isDisplayed2=()=>{if(gestureVariant===\"EE6HlrNQQ-hover\")return true;if([\"EE6HlrNQQ\",\"ijyVUydsx\"].includes(baseVariant))return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.button,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1x5mn7m\",className,classNames),\"data-framer-name\":\"Desktop - Blue\",\"data-highlight\":true,\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"zFEhJT9PN\",onTap:onTap1666lxr,ref:refBinding,style:{background:\"linear-gradient(123deg, rgb(89, 103, 181) -12%, rgb(144, 142, 237) 88.69031531531532%)\",borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24,boxShadow:\"0px 0.5175247177903657px 0.3105148306742194px -0.75px rgba(136, 138, 227, 0.47), 0px 1.5694289930179366px 0.941657395810762px -1.5px rgba(136, 138, 227, 0.46), 0px 4.1487247889649px 2.48923487337894px -2.25px rgba(136, 138, 227, 0.43), 0px 13px 7.800000000000001px -3px rgba(136, 138, 227, 0.32), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px 0px 2px 0px rgba(30, 33, 115, 0.3)\",opacity:1,...style},variants:{\"EE6HlrNQQ-hover\":{boxShadow:\"0px 0.48174984141951427px 0.2890499048517086px -1px rgba(136, 138, 227, 0.53), 0px 1.8308266425947657px 1.0984959855568597px -2px rgba(136, 138, 227, 0.5), 0px 8px 4.800000000000001px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px -5px 2px 0px rgba(30, 33, 115, 0.3)\",opacity:1},\"Pcm_CyrUI-hover\":{boxShadow:\"0px 0.5971439051427296px 0.35828634308563784px -0.75px rgba(136, 138, 227, 0.59), 0px 1.8108796073283884px 1.0865277643970332px -1.5px rgba(136, 138, 227, 0.58), 0px 4.786990141113346px 2.872194084668008px -2.25px rgba(136, 138, 227, 0.54), 0px 15px 9.000000000000002px -3px rgba(136, 138, 227, 0.4), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px -6px 2px 0px rgba(104, 107, 204, 0.3)\",opacity:1},\"Pcm_CyrUI-pressed\":{boxShadow:\"0px 0.829890004863264px 0.49793400291795853px -0.6000000000000001px rgba(136, 138, 227, 0.53), 0px 2.260010866989614px 1.356006520193769px -1.2000000000000002px rgba(136, 138, 227, 0.53), 0px 4.96216589306132px 2.9772995358367926px -1.7999999999999998px rgba(136, 138, 227, 0.51), 0px 11.014875294190135px 6.608925176514083px -2.4000000000000004px rgba(136, 138, 227, 0.47), 0px 28px 16.800000000000004px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px -8px 2px 0px rgba(104, 107, 204, 0.3)\",opacity:1},\"zFEhJT9PN-hover\":{boxShadow:\"0px 0.7961918735236395px 0.47771512411418376px -0.75px rgba(136, 138, 227, 0.53), 0px 2.414506143104518px 1.448703685862711px -1.5px rgba(136, 138, 227, 0.52), 0px 6.382653521484461px 3.8295921128906776px -2.25px rgba(136, 138, 227, 0.48), 0px 20px 12.000000000000002px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px -7px 2px 0px rgba(30, 33, 115, 0.3)\",opacity:1},\"zFEhJT9PN-pressed\":{boxShadow:\"0px 0.7065919983928324px 0.4239551990356995px -0.5px rgba(136, 138, 227, 0.54), 0px 1.8065619053231785px 1.0839371431939073px -1px rgba(136, 138, 227, 0.53), 0px 3.6217592146567767px 2.1730555287940665px -1.5px rgba(136, 138, 227, 0.52), 0px 6.8655999097303715px 4.119359945838224px -2px rgba(136, 138, 227, 0.5), 0px 13.646761411524492px 8.188056846914698px -2.5px rgba(136, 138, 227, 0.46), 0px 30px 18.000000000000004px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px -8px 2px 0px rgba(30, 33, 115, 0.3)\",opacity:1},AVZtYRzi0:{opacity:.5},CDmCleIDd:{background:\"linear-gradient(123deg, var(--token-6e2a1d11-1aaf-4869-bc4e-4a7c208d8d73, rgb(249, 250, 251)) -12%, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)) 88.69031531531532%)\",boxShadow:\"0px 0.5573343114665477px 0.3344005868799287px -0.75px rgba(136, 138, 227, 0.3), 0px 1.6901543001731625px 1.0140925801038978px -1.5px rgba(136, 138, 227, 0.29), 0px 4.467857465039123px 2.6807144790234747px -2.25px rgba(136, 138, 227, 0.27), 0px 14px 8.400000000000002px -3px rgba(136, 138, 227, 0.2), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px 0px 2px 0px rgba(30, 33, 115, 0.3)\"},EE6HlrNQQ:{background:\"linear-gradient(180deg, rgba(66, 81, 166, 0.92) 0%, rgb(166, 165, 250) 100%)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,boxShadow:\"0px 0.48174984141951427px 0.2890499048517086px -1px rgba(136, 138, 227, 0.53), 0px 1.8308266425947657px 1.0984959855568597px -2px rgba(136, 138, 227, 0.5), 0px 8px 4.800000000000001px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px 0px 2px 0px rgba(30, 33, 115, 0.3)\"},GbbE19wkL:{opacity:1},HEldIv44a:{opacity:1},ijyVUydsx:{background:\"linear-gradient(180deg, rgba(66, 81, 166, 0.92) 0%, rgb(166, 165, 250) 100%)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,boxShadow:\"0px 0.48174984141951427px 0.2890499048517086px -1px rgba(136, 138, 227, 0.53), 0px 1.8308266425947657px 1.0984959855568597px -2px rgba(136, 138, 227, 0.5), 0px 8px 4.800000000000001px -3px rgba(136, 138, 227, 0.36), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px 0px 2px 0px rgba(30, 33, 115, 0.3)\"},Pcm_CyrUI:{background:\"linear-gradient(123deg, var(--token-6e2a1d11-1aaf-4869-bc4e-4a7c208d8d73, rgb(249, 250, 251)) -12%, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)) 88.69031531531532%)\",boxShadow:\"0px 0.5573343114665477px 0.3344005868799287px -0.75px rgba(136, 138, 227, 0.3), 0px 1.6901543001731625px 1.0140925801038978px -1.5px rgba(136, 138, 227, 0.29), 0px 4.467857465039123px 2.6807144790234747px -2.25px rgba(136, 138, 227, 0.27), 0px 14px 8.400000000000002px -3px rgba(136, 138, 227, 0.2), inset 0px 0px 0px -1.875px rgba(255, 255, 255, 0.23), inset 0px 0px 0px -3.75px rgba(255, 255, 255, 0.09), inset 0px 0px 2px 0px rgba(30, 33, 115, 0.3)\"}},...addPropertyOverrides({\"EE6HlrNQQ-hover\":{\"data-framer-name\":undefined},\"Pcm_CyrUI-hover\":{\"data-framer-name\":undefined},\"Pcm_CyrUI-pressed\":{\"data-framer-name\":undefined},\"zFEhJT9PN-hover\":{\"data-framer-name\":undefined},\"zFEhJT9PN-pressed\":{\"data-framer-name\":undefined},AVZtYRzi0:{\"data-framer-name\":\"Disabled - Blue\"},CDmCleIDd:{\"data-framer-name\":\"Phone - White\"},Ck2j8AHnW:{\"data-framer-name\":\"Phone - Blue\"},EE6HlrNQQ:{\"data-framer-name\":\"Desktop - Blue Mini\"},GbbE19wkL:{\"data-framer-name\":\"Success - Blue\"},HEldIv44a:{\"data-framer-name\":\"Error - Blue\"},ijyVUydsx:{\"data-framer-name\":\"Phone - Blue Mini\"},lhxufUq9N:{\"data-framer-name\":\"Loading - Blue\"},Pcm_CyrUI:{\"data-framer-name\":\"Desktop - White\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)))\"},children:\"Submit\"})}),className:\"framer-j7rr70\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"xUlcnR8IT\",style:{\"--extracted-r6o4lv\":\"var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255))\",rotateX:0,transformPerspective:1200},text:j6yEpGLKE,variants:{\"Pcm_CyrUI-hover\":{rotateX:18},\"Pcm_CyrUI-pressed\":{rotateX:24},\"zFEhJT9PN-hover\":{rotateX:18},\"zFEhJT9PN-pressed\":{rotateX:24},CDmCleIDd:{\"--extracted-r6o4lv\":\"var(--token-ac4ad6cb-9810-4691-952f-87a30cbeca2c, rgb(117, 132, 214))\"},Pcm_CyrUI:{\"--extracted-r6o4lv\":\"var(--token-ac4ad6cb-9810-4691-952f-87a30cbeca2c, rgb(117, 132, 214))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({CDmCleIDd:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-ac4ad6cb-9810-4691-952f-87a30cbeca2c, rgb(117, 132, 214)))\"},children:\"Submit\"})})},GbbE19wkL:{children:getLocalizedValue(\"v0\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)))\"},children:\"Thank you!\"})}),text:undefined},HEldIv44a:{children:getLocalizedValue(\"v1\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24, rgb(255, 255, 255)))\"},children:\"Ooops!\"})}),text:undefined},Pcm_CyrUI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-desosi\",\"data-styles-preset\":\"D5RJeWv3s\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-ac4ad6cb-9810-4691-952f-87a30cbeca2c, rgb(117, 132, 214)))\"},children:\"Submit\"})})}},baseVariant,gestureVariant)}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-47y2r9\",\"data-framer-name\":\"Spinner\",layoutDependency:layoutDependency,layoutId:\"LmAiS3ToS\",style:{mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"},children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-77ewj8\",\"data-framer-name\":\"Conic\",layoutDependency:layoutDependency,layoutId:\"Ogg85_WZx\",style:{background:\"conic-gradient(from 180deg at 50% 50%, rgb(68, 204, 255) 0deg, rgb(68, 204, 255) 360deg)\",backgroundColor:\"rgb(68, 204, 255)\",mask:\"none\",WebkitMask:\"none\"},variants:{lhxufUq9N:{background:\"conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, 0) 7.208614864864882deg, rgb(255, 255, 255) 342deg)\",backgroundColor:\"rgba(0, 0, 0, 0)\",mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-11cv2qz\",\"data-framer-name\":\"Rounding\",layoutDependency:layoutDependency,layoutId:\"dOmU5qEQD\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1},transformTemplate:transformTemplate1})})}),isDisplayed2()&&/*#__PURE__*/_jsx(Link,{motionChild:true,nodeId:\"kYppeLa0m\",scopeId:\"GAmgdOi5A\",...addPropertyOverrides({EE6HlrNQQ:{href:DS0nQJvZs,smoothScroll:true},ijyVUydsx:{href:DS0nQJvZs,smoothScroll:true}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-3okyn5 framer-7up3yg\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"kYppeLa0m\",children:isDisplayed2()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:16,pixelWidth:16,...toResponsiveImage(j3y2t0BNz),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-z3l5ve\",\"data-framer-name\":\"Icon L\",layoutDependency:layoutDependency,layoutId:\"zUa0diVpY\",style:{rotateX:0},variants:{\"EE6HlrNQQ-hover\":{rotateX:20}},...addPropertyOverrides({\"EE6HlrNQQ-hover\":{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(14+((componentViewport?.height||40)-28-16)/2)+-1.5),pixelHeight:16,pixelWidth:16,sizes:\"16px\",...toResponsiveImage(j3y2t0BNz),...{positionX:\"center\",positionY:\"center\"}}},EE6HlrNQQ:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(14+((componentViewport?.height||40)-28-16)/2)+0),pixelHeight:16,pixelWidth:16,sizes:\"16px\",...toResponsiveImage(j3y2t0BNz),...{positionX:\"center\",positionY:\"center\"}}},ijyVUydsx:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(14+((componentViewport?.height||40)-28-16)/2)+0),pixelHeight:16,pixelWidth:16,sizes:\"16px\",...toResponsiveImage(j3y2t0BNz),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(Link,{href:DS0nQJvZs,motionChild:true,nodeId:\"Bk6S6tHPU\",scopeId:\"GAmgdOi5A\",smoothScroll:true,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-3u1pt3 framer-7up3yg\",\"data-framer-name\":\"Button fill\",layoutDependency:layoutDependency,layoutId:\"Bk6S6tHPU\",style:{backgroundColor:\"rgba(255, 255, 255, 0)\"}})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-sxrKA.framer-7up3yg, .framer-sxrKA .framer-7up3yg { display: block; }\",\".framer-sxrKA.framer-1x5mn7m { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 48px; justify-content: center; overflow: hidden; padding: 14px 20px 14px 20px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-sxrKA .framer-j7rr70 { -webkit-user-select: none; flex: none; height: auto; pointer-events: none; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-sxrKA .framer-47y2r9 { aspect-ratio: 1 / 1; flex: none; gap: 10px; height: var(--framer-aspect-ratio-supported, 20px); overflow: hidden; position: relative; width: 20px; }\",\".framer-sxrKA .framer-77ewj8 { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; }\",\".framer-sxrKA .framer-11cv2qz { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 2px); left: 50%; overflow: visible; position: absolute; top: 0px; width: 2px; }\",\".framer-sxrKA .framer-3okyn5 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 2px; height: 16px; justify-content: center; overflow: visible; padding: 0px; pointer-events: none; position: relative; width: 16px; }\",\".framer-sxrKA .framer-z3l5ve { -webkit-user-select: none; aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 16px); overflow: visible; position: relative; user-select: none; width: 16px; }\",\".framer-sxrKA .framer-3u1pt3 { flex: none; height: 100%; left: 0px; overflow: hidden; position: absolute; text-decoration: none; top: 0px; width: 100%; z-index: 0; }\",\".framer-sxrKA.framer-v-d43qg1.framer-1x5mn7m, .framer-sxrKA.framer-v-6cbasi.framer-1x5mn7m { height: 40px; width: 40px; }\",\".framer-sxrKA.framer-v-d43qg1 .framer-3okyn5, .framer-sxrKA.framer-v-6cbasi .framer-3okyn5 { gap: 0px; text-decoration: none; }\",\".framer-sxrKA.framer-v-d43qg1 .framer-z3l5ve, .framer-sxrKA.framer-v-6cbasi .framer-z3l5ve { aspect-ratio: unset; height: 16px; }\",\".framer-sxrKA.framer-v-6ecvc4 .framer-77ewj8 { overflow: hidden; }\",\".framer-sxrKA.framer-v-1x5mn7m.hover.framer-1x5mn7m, .framer-sxrKA.framer-v-y59tqm.hover.framer-1x5mn7m { padding: 14px 20px 18px 20px; }\",\".framer-sxrKA.framer-v-1x5mn7m.pressed.framer-1x5mn7m, .framer-sxrKA.framer-v-y59tqm.pressed.framer-1x5mn7m { padding: 14px 20px 20px 20px; }\",\".framer-sxrKA.framer-v-d43qg1.hover .framer-3okyn5 { padding: 0px 0px 3px 0px; }\",\".framer-sxrKA.framer-v-d43qg1.hover .framer-z3l5ve { aspect-ratio: unset; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 48\n * @framerIntrinsicWidth 91.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"Pcm_CyrUI\":{\"layout\":[\"auto\",\"fixed\"]},\"EE6HlrNQQ\":{\"layout\":[\"fixed\",\"fixed\"]},\"Ck2j8AHnW\":{\"layout\":[\"auto\",\"fixed\"]},\"CDmCleIDd\":{\"layout\":[\"auto\",\"fixed\"]},\"ijyVUydsx\":{\"layout\":[\"fixed\",\"fixed\"]},\"lhxufUq9N\":{\"layout\":[\"auto\",\"fixed\"]},\"AVZtYRzi0\":{\"layout\":[\"auto\",\"fixed\"]},\"GbbE19wkL\":{\"layout\":[\"auto\",\"fixed\"]},\"HEldIv44a\":{\"layout\":[\"auto\",\"fixed\"]},\"JpUp6yqnT\":{\"layout\":[\"auto\",\"fixed\"]},\"QdJun1JT7\":{\"layout\":[\"auto\",\"fixed\"]},\"qRqe2DK6d\":{\"layout\":[\"auto\",\"fixed\"]},\"SlUlWiNFB\":{\"layout\":[\"auto\",\"fixed\"]},\"EUdkwASZQ\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"j6yEpGLKE\":\"title\",\"DS0nQJvZs\":\"link\",\"j3y2t0BNz\":\"icon\",\"lmuvbmeTC\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerGAmgdOi5A=withCSS(Component,css,\"framer-sxrKA\");export default FramerGAmgdOi5A;FramerGAmgdOi5A.displayName=\"Buttons/Buttons\";FramerGAmgdOi5A.defaultProps={height:48,width:91.5};addPropertyControls(FramerGAmgdOi5A,{variant:{options:[\"zFEhJT9PN\",\"Pcm_CyrUI\",\"EE6HlrNQQ\",\"Ck2j8AHnW\",\"CDmCleIDd\",\"ijyVUydsx\",\"lhxufUq9N\",\"AVZtYRzi0\",\"GbbE19wkL\",\"HEldIv44a\"],optionTitles:[\"Desktop - Blue\",\"Desktop - White\",\"Desktop - Blue Mini\",\"Phone - Blue\",\"Phone - White\",\"Phone - Blue Mini\",\"Loading - Blue\",\"Disabled - Blue\",\"Success - Blue\",\"Error - Blue\"],title:\"Variant\",type:ControlType.Enum},j6yEpGLKE:{defaultValue:\"Submit\",displayTextArea:false,title:\"Title\",type:ControlType.String},DS0nQJvZs:{title:\"Link\",type:ControlType.Link},j3y2t0BNz:{__defaultAssetReference:\"data:framer/asset-reference,KWIQA1fu0j0rgpoUIZjR54Gr7U.svg?originalFilename=Book-16x16.svg&preferredSize=auto\",title:\"Icon\",type:ControlType.ResponsiveImage},lmuvbmeTC:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FramerGAmgdOi5A,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerGAmgdOi5A\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"Pcm_CyrUI\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"EE6HlrNQQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Ck2j8AHnW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"CDmCleIDd\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"ijyVUydsx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"lhxufUq9N\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"AVZtYRzi0\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"GbbE19wkL\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"HEldIv44a\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"JpUp6yqnT\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"QdJun1JT7\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"qRqe2DK6d\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"SlUlWiNFB\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"EUdkwASZQ\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"j6yEpGLKE\\\":\\\"title\\\",\\\"DS0nQJvZs\\\":\\\"link\\\",\\\"j3y2t0BNz\\\":\\\"icon\\\",\\\"lmuvbmeTC\\\":\\\"click\\\"}\",\"framerIntrinsicWidth\":\"91.5\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"48\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GAmgdOi5A.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