To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.
\",title:\"Answer 3\",type:ControlType.RichText}});addFonts(Framerw_tEkUEv0,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",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),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerw_tEkUEv0\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"138\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"gHKQKy3SM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"n9YOVtVav\\\":\\\"question\\\",\\\"I6WQqOURu\\\":\\\"transition\\\",\\\"C4OcAfU0Y\\\":\\\"click\\\",\\\"prNe1xlDx\\\":\\\"answer3\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (4e1e732)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Link,RichText,SmartComponentScopedContainer,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/szUBMNu2OwvGtq5U883k/onSyAj6CvPDSUiLBQ4m5/So8RJyNxs.js\";import Question from\"https://framerusercontent.com/modules/751JYmLihXxCmlYGrjNo/uGRcdVOciXgAsenHQAIH/w_tEkUEv0.js\";const RichTextWithFX=withFX(RichText);const QuestionFonts=getFonts(Question);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"dJBoXNDqo\",\"IBbb1Y6Y9\"];const serializationHash=\"framer-6sB6i\";const variantClassNames={dJBoXNDqo:\"framer-v-tqh5tf\",IBbb1Y6Y9:\"framer-v-1fr0p04\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:150};const transition1={bounce:.2,delay:.2,duration:1.8,type:\"spring\"};const transition2={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition3={bounce:.2,delay:.4,duration:1.8,type:\"spring\"};const transition4={bounce:.2,delay:.1,duration:1.8,type:\"spring\"};const transition5={bounce:.2,delay:.3,duration:1.8,type:\"spring\"};const transition6={bounce:.2,delay:.5,duration:1.8,type:\"spring\"};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:\"IBbb1Y6Y9\",Mobile:\"dJBoXNDqo\"};const getProps=({height,id,scrollSection,width,...props})=>{return{...props,NjUgsvMzQ:scrollSection??props.NjUgsvMzQ,variant:humanReadableVariantMap[props.variant]??props.variant??\"dJBoXNDqo\"};};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,NjUgsvMzQ,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"dJBoXNDqo\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"IBbb1Y6Y9\")return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"IBbb1Y6Y9\")return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsxs(MotionDivWithFX,{...restProps,...gestureHandlers,__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:cx(scopingClassNames,\"framer-tqh5tf\",className,classNames),\"data-framer-name\":\"Mobile\",layoutDependency:layoutDependency,layoutId:\"dJBoXNDqo\",ref:refBinding,style:{backgroundColor:\"var(--token-febbeeae-085c-4614-a100-5d92c19741a0, rgb(239, 225, 185))\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,...style},...addPropertyOverrides({IBbb1Y6Y9:{\"data-framer-name\":\"Desktop\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-pw2nlq\",layoutDependency:layoutDependency,layoutId:\"PDkEpsnte\",children:[/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-5ti1mz\",\"data-styles-preset\":\"So8RJyNxs\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:\"FAQ's\"})}),className:\"framer-rt876\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"xJ4DsQHC1\",style:{\"--extracted-1of0zx5\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{style:{\"--font-selector\":\"R0Y7QnJpY29sYWdlIEdyb3Rlc3F1ZS1yZWd1bGFy\",\"--framer-font-family\":'\"Bricolage Grotesque\", \"Bricolage Grotesque Placeholder\", sans-serif',\"--framer-font-size\":\"29px\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42)))\"},children:/*#__PURE__*/_jsx(motion.em,{children:\"Curious about Rawdah? Start here\"})})}),className:\"framer-1byttat\",fonts:[\"GF;Bricolage Grotesque-regular\"],layoutDependency:layoutDependency,layoutId:\"N8XlXW99X\",style:{\"--extracted-a0htzi\":\"var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-qfwwod\",layoutDependency:layoutDependency,layoutId:\"cIPmIhklL\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-xykqu3\",\"data-framer-name\":\"Accordion B\",layoutDependency:layoutDependency,layoutId:\"YY96rffc0\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+0,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition4},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1tw1yel-container\",\"data-framer-name\":\"Question 1\",layoutDependency:layoutDependency,layoutId:\"SCwktHoZW-container\",name:\"Question 1\",nodeId:\"SCwktHoZW\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"SCwktHoZW\",layoutId:\"SCwktHoZW\",n9YOVtVav:\"What is Rawdah?\",name:\"Question 1\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Rawdah is a community space in the DMV area dedicated to fostering spiritual growth, meaningful connection, and holistic well-being through programs inspired by the life and teachings of Prophet Muhammad ﷺ.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+170,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+170}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-13wsmoc-container\",layoutDependency:layoutDependency,layoutId:\"Cd6aT7vY3-container\",nodeId:\"Cd6aT7vY3\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"Cd6aT7vY3\",layoutId:\"Cd6aT7vY3\",n9YOVtVav:\"Who can attend Rawdah programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Our programs are open to all. Some gatherings are tailored for specific age groups—such as Faithful for college students and young professionals, or Dutiful for adults 30+—while others welcome a broader audience.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+340,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+340}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition5},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1i6wa8z-container\",layoutDependency:layoutDependency,layoutId:\"Ve072CzuJ-container\",nodeId:\"Ve072CzuJ\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"Ve072CzuJ\",layoutId:\"Ve072CzuJ\",n9YOVtVav:\"Do I need to register in advance?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Yes, most programs require registration to ensure we have adequate seating, materials, and refreshments. Registration links are provided for each event on our website and social media.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+510,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+510}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-itxfu7-container\",layoutDependency:layoutDependency,layoutId:\"X2yv9Tf42-container\",nodeId:\"X2yv9Tf42\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"X2yv9Tf42\",layoutId:\"X2yv9Tf42\",n9YOVtVav:\"Are Rawdah events free?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Yes, many of our programs are free or donation-based to keep them accessible. Some special events may have a modest fee to cover venue or materials costs.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+680,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+680}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1tnuoam-container\",layoutDependency:layoutDependency,layoutId:\"JHFBin973-container\",nodeId:\"JHFBin973\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"JHFBin973\",layoutId:\"JHFBin973\",n9YOVtVav:\"Where are Rawdah events held?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"We host events at various venues throughout the DMV, including partner community centers, masajid, and rented spaces. Location details are listed in each program announcement.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+850,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-wy1y2v-container\",layoutDependency:layoutDependency,layoutId:\"oPBDPoWce-container\",nodeId:\"oPBDPoWce\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"oPBDPoWce\",layoutId:\"oPBDPoWce\",n9YOVtVav:\"How often are the programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"We offer a mix of bi-weekly and monthly gatherings. Check the program calendar on our website for dates.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+1020,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-k0q7g2-container\",layoutDependency:layoutDependency,layoutId:\"Z9zluGua2-container\",nodeId:\"Z9zluGua2\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"Z9zluGua2\",layoutId:\"Z9zluGua2\",n9YOVtVav:\"Can I volunteer with Rawdah?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Absolutely! Volunteers are essential to our work. You can sign up to assist with event setup, hospitality, media, and more through our \",/*#__PURE__*/_jsx(Link,{href:\"https://forms.fillout.com/t/nfePcmGngXus\",motionChild:true,nodeId:\"Z9zluGua2\",openInNewTab:true,preserveParams:false,relValues:[],smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{children:\"volunteer interest form\"})}),\".\"]})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+1190,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1mi6mst-container\",layoutDependency:layoutDependency,layoutId:\"m9_DXaO45-container\",nodeId:\"m9_DXaO45\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"m9_DXaO45\",layoutId:\"m9_DXaO45\",n9YOVtVav:\"How is Rawdah funded?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Rawdah is funded through community donations, program contributions, and occasional grants. We welcome monthly supporters to help sustain and grow our offerings.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+1360,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1p3ej3o-container\",layoutDependency:layoutDependency,layoutId:\"i4ezUhmLP-container\",nodeId:\"i4ezUhmLP\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"i4ezUhmLP\",layoutId:\"i4ezUhmLP\",n9YOVtVav:\"Is Rawdah affiliated with a specific mosque or organization?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"No, Rawdah is an independent initiative. We collaborate with various scholars, community leaders, and spaces to serve the broader Muslim community.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,width:`max(${componentViewport?.width||\"100vw\"} - 100px, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||919)-100-1849)/2+104+50)+0+0+1530,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-c4z847-container\",layoutDependency:layoutDependency,layoutId:\"JUGQGPS0Y-container\",nodeId:\"JUGQGPS0Y\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"JUGQGPS0Y\",layoutId:\"JUGQGPS0Y\",n9YOVtVav:\"How can I stay updated on upcoming programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Follow us on \",/*#__PURE__*/_jsx(Link,{href:\"https://www.instagram.com/rawdahcommunity\",motionChild:true,nodeId:\"JUGQGPS0Y\",openInNewTab:true,preserveParams:false,relValues:[],smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{children:\"Instagram\"})}),\", subscribe to our newsletter, and check our website regularly for announcements.\"]})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})})]}),isDisplayed1()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1cb1eg8\",\"data-framer-name\":\"Accordion B\",layoutDependency:layoutDependency,layoutId:\"wRFekyokk\",children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition5},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-w43e2y-container\",\"data-framer-name\":\"Question 1\",layoutDependency:layoutDependency,layoutId:\"BbgpGr6V6-container\",name:\"Question 1\",nodeId:\"BbgpGr6V6\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"BbgpGr6V6\",layoutId:\"BbgpGr6V6\",n9YOVtVav:\"What is Rawdah?\",name:\"Question 1\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-k4u47n-container\",layoutDependency:layoutDependency,layoutId:\"TRfUlLwSB-container\",nodeId:\"TRfUlLwSB\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"TRfUlLwSB\",layoutId:\"TRfUlLwSB\",n9YOVtVav:\"Who can attend Rawdah programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1h1o5ad-container\",layoutDependency:layoutDependency,layoutId:\"NcDqluUm1-container\",nodeId:\"NcDqluUm1\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"NcDqluUm1\",layoutId:\"NcDqluUm1\",n9YOVtVav:\"Do I need to register in advance?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-by7kyq-container\",layoutDependency:layoutDependency,layoutId:\"QLcQd3NDj-container\",nodeId:\"QLcQd3NDj\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"QLcQd3NDj\",layoutId:\"QLcQd3NDj\",n9YOVtVav:\"Are Rawdah events free?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1ay4n48-container\",layoutDependency:layoutDependency,layoutId:\"AIchJGTmL-container\",nodeId:\"AIchJGTmL\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"AIchJGTmL\",layoutId:\"AIchJGTmL\",n9YOVtVav:\"Where are Rawdah events held?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"To add a video to your site, click the “Insert” button and navigate to the “Media” section. Then, drag and drop a video component onto the Canvas.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition4},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1r0xyyr-container\",layoutDependency:layoutDependency,layoutId:\"DgQ2tFs2v-container\",nodeId:\"DgQ2tFs2v\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"DgQ2tFs2v\",layoutId:\"DgQ2tFs2v\",n9YOVtVav:\"How often are the programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"We offer a mix of bi-weekly and monthly gatherings. Check the program calendar on our website for dates.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+170}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-10vc5ko-container\",layoutDependency:layoutDependency,layoutId:\"wn1wNr8_q-container\",nodeId:\"wn1wNr8_q\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"wn1wNr8_q\",layoutId:\"wn1wNr8_q\",n9YOVtVav:\"Can I volunteer with Rawdah?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(\"p\",{children:[\"Absolutely! Volunteers are essential to our work. You can sign up to assist with event setup, hospitality, media, and more through our \",/*#__PURE__*/_jsx(Link,{href:\"https://forms.fillout.com/t/nfePcmGngXus\",motionChild:true,nodeId:\"wn1wNr8_q\",openInNewTab:true,preserveParams:false,relValues:[],smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{children:\"volunteer interest form\"})}),\".\"]})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+340}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition5},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-17knj0l-container\",layoutDependency:layoutDependency,layoutId:\"GCTEPlr7J-container\",nodeId:\"GCTEPlr7J\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"GCTEPlr7J\",layoutId:\"GCTEPlr7J\",n9YOVtVav:\"How is Rawdah funded?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Rawdah is funded through community donations, program contributions, and occasional grants. We welcome monthly supporters to help sustain and grow our offerings.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+510}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-b0u101-container\",layoutDependency:layoutDependency,layoutId:\"SflmA2gUh-container\",nodeId:\"SflmA2gUh\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"SflmA2gUh\",layoutId:\"SflmA2gUh\",n9YOVtVav:\"Is Rawdah affiliated with a specific mosque or organization?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"No, Rawdah is an independent initiative. We collaborate with various scholars, community leaders, and spaces to serve the broader Muslim community.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:165,...addPropertyOverrides({IBbb1Y6Y9:{width:`max((${componentViewport?.width||\"100vw\"} - 120px) / 2, 1px)`,y:(componentViewport?.y||0)+50+(((componentViewport?.height||654)-100-1009)/2+104+60)+0+0+680}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition6},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:NjUgsvMzQ,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-fddxt6-container\",layoutDependency:layoutDependency,layoutId:\"EGgCosBls-container\",nodeId:\"EGgCosBls\",rendersWithMotion:true,scopeId:\"LC4yN0dYr\",children:/*#__PURE__*/_jsx(Question,{height:\"100%\",I6WQqOURu:{bounce:.2,delay:0,duration:.4,type:\"spring\"},id:\"EGgCosBls\",layoutId:\"EGgCosBls\",n9YOVtVav:\"How can I stay updated on upcoming programs?\",prNe1xlDx:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(\"p\",{children:\"Follow us on Instagram, subscribe to our newsletter, and check our website regularly for announcements.\"})}),style:{width:\"100%\"},variant:\"gHKQKy3SM\",width:\"100%\"})})})]})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-6sB6i.framer-fqfoy0, .framer-6sB6i .framer-fqfoy0 { display: block; }\",\".framer-6sB6i.framer-tqh5tf { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: center; overflow: visible; padding: 50px; position: relative; width: 1040px; }\",\".framer-6sB6i .framer-pw2nlq { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-6sB6i .framer-rt876, .framer-6sB6i .framer-1byttat { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-6sB6i .framer-qfwwod { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-6sB6i .framer-xykqu3, .framer-6sB6i .framer-1cb1eg8 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-6sB6i .framer-1tw1yel-container, .framer-6sB6i .framer-13wsmoc-container, .framer-6sB6i .framer-1i6wa8z-container, .framer-6sB6i .framer-itxfu7-container, .framer-6sB6i .framer-1tnuoam-container, .framer-6sB6i .framer-wy1y2v-container, .framer-6sB6i .framer-k0q7g2-container, .framer-6sB6i .framer-1mi6mst-container, .framer-6sB6i .framer-1p3ej3o-container, .framer-6sB6i .framer-c4z847-container, .framer-6sB6i .framer-w43e2y-container, .framer-6sB6i .framer-k4u47n-container, .framer-6sB6i .framer-1h1o5ad-container, .framer-6sB6i .framer-by7kyq-container, .framer-6sB6i .framer-1ay4n48-container, .framer-6sB6i .framer-1r0xyyr-container, .framer-6sB6i .framer-10vc5ko-container, .framer-6sB6i .framer-17knj0l-container, .framer-6sB6i .framer-b0u101-container, .framer-6sB6i .framer-fddxt6-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-6sB6i.framer-v-1fr0p04.framer-tqh5tf { gap: 60px; }\",\".framer-6sB6i.framer-v-1fr0p04 .framer-qfwwod { align-content: flex-start; align-items: flex-start; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 919\n * @framerIntrinsicWidth 1040\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"IBbb1Y6Y9\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"NjUgsvMzQ\":\"scrollSection\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerLC4yN0dYr=withCSS(Component,css,\"framer-6sB6i\");export default FramerLC4yN0dYr;FramerLC4yN0dYr.displayName=\"FAQs section\";FramerLC4yN0dYr.defaultProps={height:919,width:1040};addPropertyControls(FramerLC4yN0dYr,{variant:{options:[\"dJBoXNDqo\",\"IBbb1Y6Y9\"],optionTitles:[\"Mobile\",\"Desktop\"],title:\"Variant\",type:ControlType.Enum},NjUgsvMzQ:{title:\"Scroll Section\",type:ControlType.ScrollSectionRef}});addFonts(FramerLC4yN0dYr,[{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\"},{family:\"Bricolage Grotesque\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9U6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiaaD30YfKfjZZoLvRviyMgvs-wJDtw.woff2\",weight:\"400\"}]},...QuestionFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerLC4yN0dYr\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1040\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"IBbb1Y6Y9\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"919\",\"framerVariables\":\"{\\\"NjUgsvMzQ\\\":\\\"scrollSection\\\"}\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","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\"}}}}","/*\n * index (framer/default-utils@0.45.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles}from\"https://framer.com/m/framer/default-utils.js\";/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n *\n * @framerDisableUnlink\n */export default function Embed({type,url,html,zoom,radius,border,style={}}){if(type===\"url\"&&url){return /*#__PURE__*/_jsx(EmbedUrl,{url:url,zoom:zoom,radius:radius,border:border,style:style});}if(type===\"html\"&&html){return /*#__PURE__*/_jsx(EmbedHtml,{html:html,style:style});}return /*#__PURE__*/_jsx(Instructions,{style:style});}addPropertyControls(Embed,{type:{type:ControlType.Enum,defaultValue:\"url\",displaySegmentedControl:true,options:[\"url\",\"html\"],optionTitles:[\"URL\",\"HTML\"]},url:{title:\"URL\",type:ControlType.String,description:\"Some websites don’t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",type:ControlType.String,displayTextArea:true,hidden(props){return props.type!==\"html\";}},border:{title:\"Border\",type:ControlType.Border,optional:true,hidden(props){return props.type!==\"url\";}},radius:{type:ControlType.BorderRadius,title:\"Radius\",hidden(props){return props.type!==\"url\";}},zoom:{title:\"Zoom\",defaultValue:1,type:ControlType.Number,hidden(props){return props.type!==\"url\";},min:.1,max:1,step:.1,displayStepper:true}});function Instructions({style}){return /*#__PURE__*/_jsx(\"div\",{style:{minHeight:getMinHeight(style),...emptyStateStyle,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})});}function EmbedUrl({url,zoom,radius,border,style}){const hasAutoHeight=!style.height;// Add https:// if the URL does not have a protocol.\nif(!/[a-z]+:\\/\\//.test(url)){url=\"https://\"+url;}const onCanvas=useIsOnCanvas();// We need to check if the url is blocked inside an iframe by the X-Frame-Options\n// or Content-Security-Policy headers on the backend.\nconst[state,setState]=useState(onCanvas?undefined:false);useEffect(()=>{// We only want to check on the canvas.\n// On the website we want to avoid the additional delay.\nif(!onCanvas)return;// TODO: We could also use AbortController here.\nlet isLastEffect=true;setState(undefined);async function load(){const response=await fetch(\"https://api.framer.com/functions/check-iframe-url?url=\"+encodeURIComponent(url));if(response.status==200){const{isBlocked}=await response.json();if(isLastEffect){setState(isBlocked);}}else{const message=await response.text();console.error(message);const error=new Error(\"This site can’t be reached.\");setState(error);}}load().catch(error=>{console.error(error);setState(error);});return()=>{isLastEffect=false;};},[url]);if(onCanvas&&hasAutoHeight){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"URL embeds do not support auto height.\",style:style});}if(!url.startsWith(\"https://\")){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Unsupported protocol.\",style:style});}if(state===undefined){return /*#__PURE__*/_jsx(LoadingIndicator,{});}if(state instanceof Error){return /*#__PURE__*/_jsx(ErrorMessage,{message:state.message,style:style});}if(state===true){const message=`Can’t embed ${url} due to its content security policy.`;return /*#__PURE__*/_jsx(ErrorMessage,{message:message,style:style});}return /*#__PURE__*/_jsx(\"iframe\",{src:url,style:{...iframeStyle,...style,...border,zoom:zoom,borderRadius:radius,transformOrigin:\"top center\"},loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas)});}const iframeStyle={width:\"100%\",height:\"100%\",border:\"none\"};function getSandbox(onCanvas){const result=[\"allow-same-origin\",\"allow-scripts\"];if(!onCanvas){result.push(\"allow-downloads\",\"allow-forms\",\"allow-modals\",\"allow-orientation-lock\",\"allow-pointer-lock\",\"allow-popups\",\"allow-popups-to-escape-sandbox\",\"allow-presentation\",\"allow-storage-access-by-user-activation\",\"allow-top-navigation-by-user-activation\");}return result.join(\" \");}function EmbedHtml({html,...props}){const hasScript=html.includes(\"\");if(hasScript){const hasSplineViewer=html.includes(\"\");const hasComment=html.includes(\"\");if(hasSplineViewer||hasComment){return /*#__PURE__*/_jsx(EmbedHtmlWithScripts,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlInsideIframe,{html:html,...props});}return /*#__PURE__*/_jsx(EmbedHtmlWithoutScripts,{html:html,...props});}function EmbedHtmlInsideIframe({html,style}){const ref=useRef();const[iframeHeight,setIframeHeight]=useState(0);// Handle auto sizing\nuseEffect(()=>{const iframeWindow=ref.current?.contentWindow;function handleMessage(event){if(event.source!==iframeWindow)return;const data=event.data;if(typeof data!==\"object\"||data===null)return;const height=data.embedHeight;if(typeof height!==\"number\")return;setIframeHeight(height);}window.addEventListener(\"message\",handleMessage);// After SSG the iframe loads before we attach the event handler,\n// therefore we need to request the latest height from the iframe.\niframeWindow?.postMessage(\"getEmbedHeight\",\"*\");return()=>{window.removeEventListener(\"message\",handleMessage);};},[]);// The CSS is mainly copied from:\n// FramerStudio/src/app/vekter/src/renderer/setDefaultFont.ts\n// FramerStudio/src/app/vekter/src/export/globalStylesForExport.ts\nconst srcDoc=`\n\n \n \n \n \n ${html}\n \n \n\n`;const currentStyle={...iframeStyle,...style};const hasAutoHeight=!style.height;if(hasAutoHeight){currentStyle.height=iframeHeight+\"px\";}return /*#__PURE__*/_jsx(\"iframe\",{ref:ref,style:currentStyle,srcDoc:srcDoc});}function EmbedHtmlWithScripts({html,style}){const ref=useRef();useEffect(()=>{const div=ref.current;if(!div)return;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...htmlStyle,...style}});}function EmbedHtmlWithoutScripts({html,style}){return /*#__PURE__*/_jsx(\"div\",{style:{...htmlStyle,...style},dangerouslySetInnerHTML:{__html:html}});}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// This function replaces scripts with executable ones.\n// https://stackoverflow.com/questions/1197575/can-scripts-be-inserted-with-innerhtml\nfunction executeScripts(node){if(node instanceof Element&&node.tagName===\"SCRIPT\"){const script=document.createElement(\"script\");script.text=node.innerHTML;for(const{name,value}of node.attributes){script.setAttribute(name,value);}node.parentElement.replaceChild(script,node);}else{for(const child of node.childNodes){executeScripts(child);}}}// Generic components\nfunction LoadingIndicator(){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-componentPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"Loading…\"})});}function ErrorMessage({message,style}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{minHeight:getMinHeight(style),...containerStyles,overflow:\"hidden\",...style},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:message})});}const centerTextStyle={textAlign:\"center\",minWidth:140};// Returns a min-height if the component is using auto-height.\nfunction getMinHeight(style){const hasAutoHeight=!style.height;if(hasAutoHeight)return 200;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"400\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerIntrinsicWidth\":\"600\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map","// Generated by Framer (84a2f33)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Noto Naskh Arabic-regular\",\"GF;Noto Naskh Arabic-700\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Noto Naskh Arabic\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/notonaskharabic/v36/RrQ5bpV-9Dd1b1OAGA6M9PkyDuVBePeKNaxcsss0Y7bwvc5kqa0z9_Mnuw.woff2\",weight:\"400\"},{family:\"Noto Naskh Arabic\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/notonaskharabic/v36/RrQ5bpV-9Dd1b1OAGA6M9PkyDuVBePeKNaxcsss0Y7bwWslkqa0z9_Mnuw.woff2\",weight:\"700\"}]}];export const css=['.framer-GkfyQ .framer-styles-preset-1db950y:not(.rich-text-wrapper), .framer-GkfyQ .framer-styles-preset-1db950y.rich-text-wrapper p { --framer-font-family: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-family-bold: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 22px; --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: 0em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, #4a1c1b); --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-GkfyQ .framer-styles-preset-1db950y:not(.rich-text-wrapper), .framer-GkfyQ .framer-styles-preset-1db950y.rich-text-wrapper p { --framer-font-family: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-family-bold: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 19px; --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: 0em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, #4a1c1b); --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-GkfyQ .framer-styles-preset-1db950y:not(.rich-text-wrapper), .framer-GkfyQ .framer-styles-preset-1db950y.rich-text-wrapper p { --framer-font-family: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-family-bold: \"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 17px; --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: 0em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 20px; --framer-text-alignment: left; --framer-text-color: var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, #4a1c1b); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-GkfyQ\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (008e494)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Embed from\"https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/s801VqobGI0Gkh3K9b41/Embed.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/yG0nvl5Uujn1I0O1Oavt/zBsXFnHQIEdszNUcnmDr/AzdCUvEAo.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/d4Qyr7B91EXu5DFPThRa/NXEoRGlXODqDg7prP5Br/M0YsxNNJ0.js\";import*as sharedStyle3 from\"https://framerusercontent.com/modules/fN1OhcJ93LpQaoSp1cOD/jU0yejbgOMGxqMORMloq/PM_i97yGw.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/szUBMNu2OwvGtq5U883k/onSyAj6CvPDSUiLBQ4m5/So8RJyNxs.js\";const RichTextWithFX=withFX(RichText);const ImageWithFX=withFX(Image);const EmbedFonts=getFonts(Embed);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const cycleOrder=[\"NzXemlmAH\",\"AP7DSoaAu\",\"bn4oHX4ML\",\"mouCoTXXF\"];const serializationHash=\"framer-Tx5tK\";const variantClassNames={AP7DSoaAu:\"framer-v-1nhyq3p\",bn4oHX4ML:\"framer-v-cwoerc\",mouCoTXXF:\"framer-v-4k48ll\",NzXemlmAH:\"framer-v-rtmbpy\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const EWy_K74RY=undefined;const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:150};const transition2={bounce:.2,delay:.2,duration:1.8,type:\"spring\"};const transition3={bounce:.2,delay:.4,duration:1.8,type:\"spring\"};const transition4={bounce:.2,delay:.6,duration:1.8,type:\"spring\"};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 no title\":\"bn4oHX4ML\",\"Mobile no title\":\"mouCoTXXF\",\"Variant 1\":\"NzXemlmAH\",Mobile:\"AP7DSoaAu\"};const getProps=({height,id,scrollSection,width,...props})=>{return{...props,EWy_K74RY:scrollSection??props.EWy_K74RY,variant:humanReadableVariantMap[props.variant]??props.variant??\"NzXemlmAH\"};};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,EWy_K74RY,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"NzXemlmAH\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"bn4oHX4ML\",\"mouCoTXXF\"].includes(baseVariant))return false;return true;};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.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-rtmbpy\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"NzXemlmAH\",ref:refBinding,style:{...style},...addPropertyOverrides({AP7DSoaAu:{\"data-framer-name\":\"Mobile\"},bn4oHX4ML:{\"data-framer-name\":\"Desktop no title\"},mouCoTXXF:{\"data-framer-name\":\"Mobile no title\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-k1jmew\",layoutDependency:layoutDependency,layoutId:\"vTDjsTZJp\",children:[/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-5ti1mz\",\"data-styles-preset\":\"So8RJyNxs\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:\"Sustain the Garden\"})}),className:\"framer-q4kv8q\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Zd6NHQyxD\",style:{\"--extracted-1of0zx5\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AP7DSoaAu:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-5ti1mz\",\"data-styles-preset\":\"So8RJyNxs\",style:{\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:\"Sustain the Garden\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{style:{\"--font-selector\":\"R0Y7QnJpY29sYWdlIEdyb3Rlc3F1ZS1yZWd1bGFy\",\"--framer-font-family\":'\"Bricolage Grotesque\", \"Bricolage Grotesque Placeholder\", sans-serif',\"--framer-font-size\":\"29px\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42)))\"},children:/*#__PURE__*/_jsx(motion.em,{children:\"A small act, sustained, nourishes a community\"})})}),className:\"framer-ax9naz\",fonts:[\"GF;Bricolage Grotesque-regular\"],layoutDependency:layoutDependency,layoutId:\"kppJWJ6Ty\",style:{\"--extracted-a0htzi\":\"var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},variants:{AP7DSoaAu:{\"--extracted-1eung3n\":\"var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AP7DSoaAu:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h4,{className:\"framer-styles-preset-1a3ixmk\",\"data-styles-preset\":\"AzdCUvEAo\",style:{\"--framer-text-color\":\"var(--extracted-1eung3n, var(--token-37849b96-d234-4d82-86d1-8c66c07d41a8, rgb(103, 88, 42)))\"},children:/*#__PURE__*/_jsx(motion.em,{children:\"A small act, sustained, nourishes a community\"})})}),fonts:[\"Inter\",\"Inter-Italic\"]}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-b62sd5\",layoutDependency:layoutDependency,layoutId:\"kHHwHYdWx\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1ac7oej\",layoutDependency:layoutDependency,layoutId:\"d56r1Nykw\",children:[/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition3},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Tm90byBOYXNraCBBcmFiaWMtNzAw\",\"--framer-font-family\":'\"Noto Naskh Arabic\", \"Noto Naskh Arabic Placeholder\", serif',\"--framer-font-size\":\"30px\",\"--framer-font-weight\":\"700\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\",direction:\"rtl\"},children:\"أَحَبُّ الأعمالِ إلى اللهِ أدْومُها و إن قَلَّ\"})}),className:\"framer-1my1vqy\",fonts:[\"GF;Noto Naskh Arabic-700\"],layoutDependency:layoutDependency,layoutId:\"M415w5jF6\",style:{\"--extracted-r6o4lv\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AP7DSoaAu:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1db950y\",\"data-styles-preset\":\"M0YsxNNJ0\",style:{direction:\"rtl\"},children:\"أَحَبُّ الأعمالِ إلى اللهِ أدْومُها و إن قَلَّ\"})}),fonts:[\"Inter\"]},mouCoTXXF:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1db950y\",\"data-styles-preset\":\"M0YsxNNJ0\",style:{direction:\"rtl\"},children:\"أَحَبُّ الأعمالِ إلى اللهِ أدْومُها و إن قَلَّ\"})}),fonts:[\"Inter\"]}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichTextWithFX,{__framer__animate:{transition:transition4},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__fromCanvasComponent:true,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1y5imlg\",\"data-styles-preset\":\"PM_i97yGw\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:\"Rawdah is built on the consistent, quiet efforts of a community committed to spiritual growth. Just as the Prophet ﷺ taught,\"}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1y5imlg\",\"data-styles-preset\":\"PM_i97yGw\",style:{\"--framer-text-color\":\"var(--extracted-2gxw0f, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:/*#__PURE__*/_jsx(motion.em,{children:/*#__PURE__*/_jsx(motion.strong,{children:'\"The most beloved actions are those done consistently, even if small\"'})})}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1y5imlg\",\"data-styles-preset\":\"PM_i97yGw\",style:{\"--framer-text-color\":\"var(--extracted-1iakedh, var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27)))\"},children:\"Your ongoing support allows this space to flourish. Whether through monthly contributions, volunteer time, or shared resources, sustaining Rawdah means nurturing a refuge where faith, connection, and Prophetic light can take root and grow for generations to come.\"})]}),className:\"framer-1b1jcki\",fonts:[\"Inter\",\"Inter-Bold\",\"Inter-BoldItalic\",\"Inter-Italic\"],layoutDependency:layoutDependency,layoutId:\"H6KPSOdfM\",style:{\"--extracted-1iakedh\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\",\"--extracted-2gxw0f\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\",\"--extracted-r6o4lv\":\"var(--token-6e0baa22-3e9b-4bbc-b9f2-4a7ea6b6184f, rgb(74, 28, 27))\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(ImageWithFX,{__framer__animate:{transition:transition4},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+(((componentViewport?.height||874)-0-1174)/2+104+80)+0+10+670),pixelHeight:4672,pixelWidth:7008,sizes:`calc(${componentViewport?.width||\"100vw\"} * 0.5644 - 4px)`,src:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672\",srcSet:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=512&width=7008&height=4672 512w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=1024&width=7008&height=4672 1024w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=2048&width=7008&height=4672 2048w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=4096&width=7008&height=4672 4096w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672 7008w\"},className:\"framer-3i2dhn\",layoutDependency:layoutDependency,layoutId:\"w1P6DOiC_\",...addPropertyOverrides({AP7DSoaAu:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+(((componentViewport?.height||766.5)-0-1515)/2+117+15)+0+0+10+633),pixelHeight:4672,pixelWidth:7008,sizes:`calc(${componentViewport?.width||\"100vw\"} - 4px)`,src:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672\",srcSet:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=512&width=7008&height=4672 512w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=1024&width=7008&height=4672 1024w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=2048&width=7008&height=4672 2048w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=4096&width=7008&height=4672 4096w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672 7008w\"}},bn4oHX4ML:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-990)/2+0+0)+0+10+670),pixelHeight:4672,pixelWidth:7008,sizes:`calc(${componentViewport?.width||\"100vw\"} * 0.5644 - 4px)`,src:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672\",srcSet:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=512&width=7008&height=4672 512w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=1024&width=7008&height=4672 1024w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=2048&width=7008&height=4672 2048w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=4096&width=7008&height=4672 4096w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672 7008w\"}},mouCoTXXF:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+0+(((componentViewport?.height||200)-0-1383)/2+0+0)+0+0+10+633),pixelHeight:4672,pixelWidth:7008,sizes:`calc(${componentViewport?.width||\"100vw\"} - 4px)`,src:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672\",srcSet:\"https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=512&width=7008&height=4672 512w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=1024&width=7008&height=4672 1024w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=2048&width=7008&height=4672 2048w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?scale-down-to=4096&width=7008&height=4672 4096w,https://framerusercontent.com/images/34I7cIz7TE403k7z0t4TKw5wG20.jpg?width=7008&height=4672 7008w\"}}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFX,{__framer__animate:{transition:transition4},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__targets:[{ref:EWy_K74RY,target:\"animate\"}],__framer__threshold:1,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-39yly6-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"xnIXZRJ84-container\",nodeId:\"xnIXZRJ84\",rendersWithMotion:true,scopeId:\"lKITtEIdS\",children:/*#__PURE__*/_jsx(Embed,{height:\"100%\",html:'