into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/dsQTNWNk09IMnZEHMfzP/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/atthcI0SmGvO4HAxG9e5/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/L9fJK0tucMOkjZFRszrm/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Nhaar5CYKIbxxEaVvTJs/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","// Generated by Framer (1bcc82d)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const serializationHash=\"framer-ZpfHZ\";const variantClassNames={XvqTw0Be9:\"framer-v-jjcw9a\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,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 getProps=({height,id,subtitle,title,width,...props})=>{return{...props,WuF2iG84P:subtitle??props.WuF2iG84P??\"Set up the component by adding background and bouncer elements to the component properties.\",yeAnKbEUZ:title??props.yeAnKbEUZ??\"Screen Saver\"};};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,yeAnKbEUZ,WuF2iG84P,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"XvqTw0Be9\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-jjcw9a\",className,classNames),\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"XvqTw0Be9\",ref:refBinding,style:{backgroundColor:\"rgba(136, 85, 255, 0.1)\",...style},children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-uh2i08\",layoutDependency:layoutDependency,layoutId:\"aM7oiNoFL\",children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-flw0dh\",\"data-framer-name\":\"Logo\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"GthLmGmBt\",opacity:1,svg:'',svgContentId:11036020200,withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-k3ullq\",layoutDependency:layoutDependency,layoutId:\"E3DQBYSAf\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItQm9sZA==\",\"--framer-font-family\":'\"Inter\", \"Inter Placeholder\", sans-serif',\"--framer-font-size\":\"11px\",\"--framer-font-weight\":\"700\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(153, 102, 255))\"},children:\"Screen Saver\"})}),className:\"framer-q0gs4u\",\"data-framer-name\":\"Title\",fonts:[\"Inter-Bold\"],layoutDependency:layoutDependency,layoutId:\"UqJwZqJjg\",style:{\"--extracted-r6o4lv\":\"rgb(153, 102, 255)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:yeAnKbEUZ,verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-font-size\":\"11px\",\"--framer-letter-spacing\":\"-0.03em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(153, 102, 255, 0.7))\"},children:\"Set up the component by adding background and bouncer elements to the component properties.\"})}),className:\"framer-g5dqhc\",\"data-framer-name\":\"Subtitle\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"RJ7UF99m8\",style:{\"--extracted-r6o4lv\":\"rgba(153, 102, 255, 0.7)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:WuF2iG84P,verticalAlignment:\"top\",withExternalLayout:true})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-ZpfHZ.framer-qanqo2, .framer-ZpfHZ .framer-qanqo2 { display: block; }\",\".framer-ZpfHZ.framer-jjcw9a { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 200px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 400px; }\",\".framer-ZpfHZ .framer-uh2i08 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 20px 0px 20px; position: relative; width: 1px; }\",\".framer-ZpfHZ .framer-flw0dh { flex: none; height: 28px; position: relative; width: 28px; }\",\".framer-ZpfHZ .framer-k3ullq { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; max-width: 200px; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-ZpfHZ .framer-q0gs4u, .framer-ZpfHZ .framer-g5dqhc { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 200\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"yeAnKbEUZ\":\"title\",\"WuF2iG84P\":\"subtitle\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerW7oLCU4_B=withCSS(Component,css,\"framer-ZpfHZ\");export default FramerW7oLCU4_B;FramerW7oLCU4_B.displayName=\"Utils/Component Message\";FramerW7oLCU4_B.defaultProps={height:200,width:400};addPropertyControls(FramerW7oLCU4_B,{yeAnKbEUZ:{defaultValue:\"Screen Saver\",displayTextArea:false,title:\"Title\",type:ControlType.String},WuF2iG84P:{defaultValue:\"Set up the component by adding background and bouncer elements to the component properties.\",displayTextArea:false,title:\"Subtitle\",type:ControlType.String}});addFonts(FramerW7oLCU4_B,[{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/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2\",weight:\"700\"},{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/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2\",weight:\"700\"},{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/VgYFWiwsAC5OYxAycRXXvhze58.woff2\",weight:\"700\"},{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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/DXD0Q7LSl7HEvDzucnyLnGBHM.woff2\",weight:\"700\"},{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/GIryZETIX4IFypco5pYZONKhJIo.woff2\",weight:\"700\"},{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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.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\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerW7oLCU4_B\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerIntrinsicHeight\":\"200\",\"framerVariables\":\"{\\\"yeAnKbEUZ\\\":\\\"title\\\",\\\"WuF2iG84P\\\":\\\"subtitle\\\"}\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./W7oLCU4_B.map","import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useMotionValue}from\"framer-motion\";import EmptyState from\"https://framerusercontent.com/modules/fMDE7Cqb2uOvQFAHEP2m/DE91ZNrPshQbFJysFrO4/W7oLCU4_B.js\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth any-prefer-auto\n * @framerSupportedLayoutHeight any-prefer-auto\n */export default function Hover3D(props){const ref=React.useRef(null);const rotateX=useMotionValue(0);const rotateY=useMotionValue(0);React.useEffect(()=>{if(ref.current){ref.current.style.transform=`perspective(${props.perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;}},[props.perspective]);function debounce(func,wait){let timeout;return function executedFunction(...args){const later=()=>{clearTimeout(timeout);func(...args);};clearTimeout(timeout);timeout=setTimeout(later,wait);};}const handleMouseMove=React.useCallback(debounce(e=>{const{width,height,top,left}=ref.current.getBoundingClientRect();const multiplier=props.effect===\"evade\"?-1:1;const tiltX=((e.clientY-top)/height-.5)*(props.tiltLimit*2)*multiplier;const tiltY=((e.clientX-left)/width-.5)*-(props.tiltLimit*2)*multiplier;rotateX.set(tiltX);rotateY.set(tiltY);ref.current.style.transform=`perspective(${props.perspective}px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(${props.scale}, ${props.scale}, ${props.scale})`;},2),[props.tiltLimit,props.scale,props.perspective,props.effect]);const handleMouseLeave=()=>{if(ref.current){rotateX.set(0);rotateY.set(0);ref.current.style.transform=`perspective(${props.perspective}px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;}};if(React.Children.count(props.children)===0){return /*#__PURE__*/_jsx(EmptyState,{title:\"3D Hover Component\",subtitle:\"Connect a frame to the component.\",style:{...props.style}});}return /*#__PURE__*/_jsx(\"div\",{ref:ref,onMouseMove:handleMouseMove,onMouseLeave:handleMouseLeave,style:{width:\"100%\",height:\"100%\",transition:\"transform 0.2s ease-out\",position:\"relative\",overflow:\"visible\",borderRadius:props.borderRadius,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",willChange:\"transform\"},children:props.children});}Hover3D.displayName=\"3D Hover\";Hover3D.defaultProps={tiltLimit:15,effect:\"evade\",scale:1.1,perspective:500,borderRadius:0};addPropertyControls(Hover3D,{children:{type:ControlType.ComponentInstance,title:\"Frame\"},effect:{type:ControlType.Enum,title:\"Effect\",options:[\"gravitate\",\"evade\"],optionTitles:[\"Gravitate\",\"Evade\"],defaultValue:\"evade\",displaySegmentedControl:true},tiltLimit:{type:ControlType.Number,title:\"Tilt Limit\",min:1,max:100,step:1,defaultValue:15,displayStepper:true},scale:{type:ControlType.Number,title:\"Scale\",min:1,max:10,step:.1,defaultValue:1.1,displayStepper:true},perspective:{type:ControlType.Number,title:\"Perspective\",min:500,max:5e3,step:10,defaultValue:500},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:1e3,step:1,defaultValue:0,displayStepper:true,description:\"More components at [Framer University](https://frameruni.link/cc).\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Hover3D\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"any-prefer-auto\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"any-prefer-auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hover3D_Prod.map","// Generated by Framer (dc3a148)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOM;Roobert SemiBold\",\"Inter-Black\",\"Inter-BlackItalic\",\"Inter-BoldItalic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Roobert SemiBold\",source:\"custom\",url:\"https://framerusercontent.com/assets/2d9bRBGrlMR1HdzKo5GZVJw9Ic.woff2\"},{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/mkY5Sgyq51ik0AMrSBwhm9DJg.woff2\",weight:\"900\"},{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/X5hj6qzcHUYv7h1390c8Rhm6550.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/gQhNpS3tN86g8RcVKYUUaKt2oMQ.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cugnVhSraaRyANCaUtI5FV17wk.woff2\",weight:\"900\"},{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/5HcVoGak8k5agFJSaKa4floXVu0.woff2\",weight:\"900\"},{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/rZ5DdENNqIdFTIyQQiP5isO7M.woff2\",weight:\"900\"},{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/P2Bw01CtL0b9wqygO0sSVogWbo.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/05KsVHGDmqXSBXM4yRZ65P8i0s.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/ky8ovPukK4dJ1Pxq74qGhOqCYI.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/vvNSqIj42qeQ2bvCRBIWKHscrc.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/3ZmXbBKToJifDV9gwcifVd1tEY.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/FNfhX3dt4ChuLJq2PwdlxHO7PU.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/gcnfba68tfm7qAyrWRCf9r34jg.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/efTfQcBJ53kM2pB1hezSZ3RDUFs.woff2\",weight:\"900\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/ia3uin3hQWqDrVloC1zEtYHWw.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/2A4Xx7CngadFGlVV4xrO06OBHY.woff2\",weight:\"700\"}]}];export const css=['.framer-r03DL .framer-styles-preset-g0u4wg:not(.rich-text-wrapper), .framer-r03DL .framer-styles-preset-g0u4wg.rich-text-wrapper h1 { --framer-font-family: \"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 112px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.1em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, #000000); --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-r03DL .framer-styles-preset-g0u4wg:not(.rich-text-wrapper), .framer-r03DL .framer-styles-preset-g0u4wg.rich-text-wrapper h1 { --framer-font-family: \"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 72px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.1em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, #000000); --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-r03DL .framer-styles-preset-g0u4wg:not(.rich-text-wrapper), .framer-r03DL .framer-styles-preset-g0u4wg.rich-text-wrapper h1 { --framer-font-family: \"Roobert SemiBold\", \"Roobert SemiBold Placeholder\", sans-serif; --framer-font-family-bold: \"Inter\", sans-serif; --framer-font-family-bold-italic: \"Inter\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 44px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 900; --framer-font-weight-bold-italic: 900; --framer-font-weight-italic: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, #000000); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-r03DL\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=\"https://6097154.fs1.hubspotusercontent-eu1.net/hubfs/6097154/Framer/Swoosh/Sweep%20C.mp4\";export const v1=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h1,{className:\"framer-styles-preset-g0u4wg\",\"data-styles-preset\":\"yGbLBEG15\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gdpscs, var(--token-0cfe8c7e-b000-42f3-aa6a-57b522596574, rgb(248, 179, 254)))\"},children:\"Sag hallo\"})});export const v2=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ihmyug\",\"data-styles-preset\":\"QN606mV5Z\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-70bb1cda-d47f-4829-8ace-611cb7df7715, rgba(255, 255, 255, 0.6)))\"},children:\"Sprechen Sie online mit einem unserer Vertriebsmitarbeiter oder besuchen Sie uns in unserem B\\xfcro.\"})});export const v11=\"Vertrieb kontaktieren\";\nexport const __FramerMetadata__ = {\"exports\":{\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=\"https://6097154.fs1.hubspotusercontent-eu1.net/hubfs/6097154/Framer/Swoosh/Sweep%20C.mp4\";export const v1=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h1,{className:\"framer-styles-preset-g0u4wg\",\"data-styles-preset\":\"yGbLBEG15\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gdpscs, var(--token-0cfe8c7e-b000-42f3-aa6a-57b522596574, rgb(248, 179, 254)))\"},children:\"Dis bonjour\"})});export const v2=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ihmyug\",\"data-styles-preset\":\"QN606mV5Z\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-70bb1cda-d47f-4829-8ace-611cb7df7715, rgba(255, 255, 255, 0.6)))\"},children:\"Discutez en ligne avec un membre de notre \\xe9quipe commerciale ou visitez-nous dans nos bureaux.\"})});export const v3=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",children:\"Rob\"})});export const v4=\"Reza\";export const v5=\"TE\";export const v6=\"Gisella\";export const v7=\"Richard\";export const v8=\"Thierry\";export const v9=\"Yuri\";export const v10=\"Marit\";export const v11=\"Contacter les ventes\";\nexport const __FramerMetadata__ = {\"exports\":{\"v10\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v9\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v5\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v6\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v4\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v8\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v7\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=\"https://6097154.fs1.hubspotusercontent-eu1.net/hubfs/6097154/Framer/Swoosh/Sweep%20C.mp4\";export const v1=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h1,{className:\"framer-styles-preset-g0u4wg\",\"data-styles-preset\":\"yGbLBEG15\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gdpscs, var(--token-0cfe8c7e-b000-42f3-aa6a-57b522596574, rgb(248, 179, 254)))\"},children:\"Zeg hallo\"})});export const v2=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ihmyug\",\"data-styles-preset\":\"QN606mV5Z\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-70bb1cda-d47f-4829-8ace-611cb7df7715, rgba(255, 255, 255, 0.6)))\"},children:\"Praat online met een van onze verkoopteamleden of bezoek ons op ons kantoor.\"})});export const v11=\"Neem contact op met verkoop\";\nexport const __FramerMetadata__ = {\"exports\":{\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v3=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",children:\"Rob\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (03f70c6)\nimport*as localizedValues from\"./A0dKxCXYv-0.js\";import*as localizedValues1 from\"./A0dKxCXYv-1.js\";import*as localizedValues2 from\"./A0dKxCXYv-2.js\";import*as localizedValues3 from\"./A0dKxCXYv-3.js\";const valuesByLocaleId={d0Qp0Zbvr:localizedValues,dWTcT8s8x:localizedValues1,SxFZquMuO:localizedValues3,X2NfBlUnh:localizedValues2};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (18e1885)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({height,id,stroke,width,width1,...props})=>{return{...props,hvzSv2pog:stroke??props.hvzSv2pog??\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\",oofvyPpjZ:width1??props.oofvyPpjZ??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,hvzSv2pog,oofvyPpjZ,...restProps}=getProps(props);const href=useSVGTemplate(\"25944972\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-txPAv\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1o14a4h\":hvzSv2pog,\"--78ovbo\":oofvyPpjZ,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-txPAv { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"hvzSv2pog\":\"stroke\",\"oofvyPpjZ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Mail 02 (line)\",\"color\":{\"type\":\"variable\",\"value\":\"1o14a4h\"},\"set\":{\"localId\":\"vectorSet/Gy5LXSERu\",\"id\":\"Gy5LXSERu\",\"moduleId\":\"CyqsYTLbk8aOrxOLk7if\"}}\n */const Icon=withCSS(Component,css,\"framer-txPAv\");Icon.displayName=\"Mail 02 (line)\";export default Icon;addPropertyControls(Icon,{hvzSv2pog:{defaultValue:'var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)) /* {\"name\":\"Strong\"} */',hidden:false,title:\"Stroke\",type:ControlType.Color},oofvyPpjZ:{defaultValue:2,hidden:false,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Mail 02 (line)\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1o14a4h\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/Gy5LXSERu\\\",\\\"id\\\":\\\"Gy5LXSERu\\\",\\\"moduleId\\\":\\\"CyqsYTLbk8aOrxOLk7if\\\"}}\",\"framerVariables\":\"{\\\"hvzSv2pog\\\":\\\"stroke\\\",\\\"oofvyPpjZ\\\":\\\"width1\\\"}\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (03f70c6)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,Floating,getFonts,getFontsFromSharedStyle,Image,ResolveLinks,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOverlayState,useRouter,useVariantState,withCSS,withFX,withOptimizedAppearEffect}from\"framer\";import{AnimatePresence,LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import DHover from\"https://framerusercontent.com/modules/5iVhojCo17A7sAu0ue9z/3p022q4zKyFZzP7h8LHR/Hover3D_Prod.js\";import{Video}from\"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/LJ6DIvWXCYzCsE1tdSiN/vKuZLy19IwPA101fmqZR/hzz25JzH7.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/xoNMiVmH8AL7qICw2vq9/VukUiKBoEXlCmfqDxpKW/QN606mV5Z.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/TVWYL3NqEu6dVO7FTIqu/sChFKL1ieHf1v1Ad5PFC/yGbLBEG15.js\";import getLocalizedValue from\"https://framerusercontent.com/modules/1AoZYr4VCo7ODKcLBq1z/FB66OjEW7PXTcOdzwFeC/A0dKxCXYv.js\";import ArrowNarrowRightLine from\"https://framerusercontent.com/modules/slE9W1f8gjZLkSCHI6LO/JJY2HezYm1AaZrBrtcxE/nT994R3WQ.js\";import Mail02Line from\"https://framerusercontent.com/modules/XvsV9irvcgaV1suYifUy/dJfr6CCo3PXnsuv6pn1D/PuqLr5Zzs.js\";import DefaultAvatar from\"https://framerusercontent.com/modules/fbyO5W4yR37hTqW2mS4T/QfVNPPp7NFGtqMKWp5vJ/IwiwxA2XX.js\";import Large from\"https://framerusercontent.com/modules/hnMq0mFhYwiz8R3L2xsP/114VSNALRWP4MYO9F7Cp/nSuPAPO0W.js\";const VideoFonts=getFonts(Video);const SmartComponentScopedContainerWithFXWithOptimizedAppearEffect=withOptimizedAppearEffect(withFX(SmartComponentScopedContainer));const MotionDivWithFX=withFX(motion.div);const DHoverFonts=getFonts(DHover);const DefaultAvatarFonts=getFonts(DefaultAvatar);const LargeFonts=getFonts(Large);const cycleOrder=[\"gk08zOffV\",\"tgwRlcLXg\",\"Ds1TNz5gD\"];const serializationHash=\"framer-C4mAP\";const variantClassNames={Ds1TNz5gD:\"framer-v-1y7r64i\",gk08zOffV:\"framer-v-1ok1bou\",tgwRlcLXg:\"framer-v-9q1dq0\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const HsUd9Uwsb=undefined;const mIySdjaK_=undefined;const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:64};const transition1={damping:30,delay:0,mass:1,stiffness:150,type:\"spring\"};const transition2={delay:0,duration:.6,ease:[.12,.23,.5,1],type:\"tween\"};const animation1={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:0};const transition3={bounce:.2,delay:0,duration:.4,type:\"spring\"};const transition4={delay:0,duration:.3,ease:[.12,.23,.5,1],type:\"tween\"};const animation2={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition4,x:0,y:0};const animation3={opacity:.001,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const animation4={opacity:.001,rotate:0,scale:1,skewX:0,skewY:0,x:0,y:10};const transition5={bounce:0,delay:.075,duration:.6,type:\"spring\"};const textEffect={effect:animation4,repeat:false,startDelay:0,threshold:.5,tokenization:\"word\",transition:transition5,trigger:\"onInView\",type:\"appear\"};const transition6={bounce:.25,delay:0,duration:.45,type:\"spring\"};const animation5={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition6,y:-8};const animation6={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition3,x:0,y:0};const animation7={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition3,x:0,y:0};const animation8={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const Overlay=({children,blockDocumentScrolling,dismissWithEsc,enabled=true})=>{const[visible,setVisible]=useOverlayState({blockDocumentScrolling,dismissWithEsc:enabled&&dismissWithEsc});return children({hide:()=>setVisible(false),show:()=>setVisible(true),toggle:()=>setVisible(!visible),visible:enabled&&visible});};const addImageAlt=(image,alt)=>{if(!image||typeof image!==\"object\"){return;}return{...image,alt};};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:\"gk08zOffV\",Phone:\"Ds1TNz5gD\",Tablet:\"tgwRlcLXg\"};const getProps=({height,id,personName,swoosh,width,...props})=>{return{...props,HsUd9Uwsb:swoosh??props.HsUd9Uwsb??true,mIySdjaK_:personName??props.mIySdjaK_??\"Rob\",variant:humanReadableVariantMap[props.variant]??props.variant??\"gk08zOffV\"};};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,HsUd9Uwsb,mIySdjaK_,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"gk08zOffV\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnter13elrgn=({overlay})=>activeVariantCallback(async(...args)=>{overlay.show();});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const ref2=React.useRef(null);const router=useRouter();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition3,children:/*#__PURE__*/_jsxs(MotionDivWithFX,{...restProps,...gestureHandlers,__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:0,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:cx(scopingClassNames,\"framer-1ok1bou\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"gk08zOffV\",ref:refBinding,style:{backgroundColor:\"var(--token-1cd2e0bf-189c-4a05-a1d0-2a0b62f33a85, rgb(23, 23, 23))\",borderBottomLeftRadius:32,borderBottomRightRadius:32,borderTopLeftRadius:32,borderTopRightRadius:32,...style},variants:{Ds1TNz5gD:{borderBottomLeftRadius:0,borderBottomRightRadius:0}},...addPropertyOverrides({Ds1TNz5gD:{\"data-framer-name\":\"Phone\"},tgwRlcLXg:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[HsUd9Uwsb!==false&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainerWithFXWithOptimizedAppearEffect,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation2,className:\"framer-j5wicj-container\",\"data-framer-appear-id\":\"j5wicj\",initial:animation3,isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"ffZ9mUU9k-container\",nodeId:\"ffZ9mUU9k\",optimized:true,rendersWithMotion:true,scopeId:\"A0dKxCXYv\",style:{filter:\"blur(42px)\",WebkitFilter:\"blur(42px)\"},children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgb(0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,controls:false,height:\"100%\",id:\"ffZ9mUU9k\",isMixedBorderRadius:false,layoutId:\"ffZ9mUU9k\",loop:true,muted:true,objectFit:\"cover\",playing:true,posterEnabled:true,srcType:\"URL\",srcUrl:getLocalizedValue(\"v0\",activeLocale)??\"https://www.opp-assets.com/SweepC.mp4\",startTime:62.2,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\"})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1rntqk6\",\"data-framer-name\":\"Inner container\",layoutDependency:layoutDependency,layoutId:\"S7HcyXU7e\",style:{borderBottomLeftRadius:24,borderBottomRightRadius:24,borderTopLeftRadius:24,borderTopRightRadius:24},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1elne8k\",\"data-framer-name\":\"Copy\",layoutDependency:layoutDependency,layoutId:\"vXhEVetVG\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:getLocalizedValue(\"v1\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h1,{className:\"framer-styles-preset-g0u4wg\",\"data-styles-preset\":\"yGbLBEG15\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-gdpscs, var(--token-0cfe8c7e-b000-42f3-aa6a-57b522596574, rgb(248, 179, 254)))\"},children:\"Say hi\"})}),className:\"framer-1xwfmj4\",effect:textEffect,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"dlQzerWJ6\",style:{\"--extracted-gdpscs\":\"var(--token-0cfe8c7e-b000-42f3-aa6a-57b522596574, rgb(248, 179, 254))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:getLocalizedValue(\"v2\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ihmyug\",\"data-styles-preset\":\"QN606mV5Z\",style:{\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-70bb1cda-d47f-4829-8ace-611cb7df7715, rgba(255, 255, 255, 0.6)))\"},children:\"Talk to one of our platform experts to understand how we can help your business.\"})}),className:\"framer-1lauxh0\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"y2l1IM5zB\",style:{\"--extracted-r6o4lv\":\"var(--token-70bb1cda-d47f-4829-8ace-611cb7df7715, rgba(255, 255, 255, 0.6))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-11tpj6n\",\"data-framer-name\":\"Image container\",layoutDependency:layoutDependency,layoutId:\"H21FZZEkk\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1mp4aix-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"aygGsITsm-container\",nodeId:\"aygGsITsm\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DHover,{borderRadius:0,effect:\"evade\",height:\"100%\",id:\"aygGsITsm\",layoutId:\"aygGsITsm\",perspective:500,scale:1.02,tiltLimit:15,width:\"100%\",children:/*#__PURE__*/_jsx(Overlay,{blockDocumentScrolling:false,dismissWithEsc:false,children:overlay=>/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1wcf432\",\"data-framer-name\":\"Image\",\"data-highlight\":true,id:`${layoutId}-1wcf432`,layoutDependency:layoutDependency,layoutId:\"y5mKVK8wu\",onMouseEnter:onMouseEnter13elrgn({overlay}),ref:ref1,style:{borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:[/*#__PURE__*/_jsx(AnimatePresence,{children:overlay.visible&&/*#__PURE__*/_jsx(Floating,{alignment:\"center\",anchorRef:ref1,className:cx(scopingClassNames,classNames),collisionDetection:true,collisionDetectionPadding:20,\"data-framer-portal-id\":`${layoutId}-1wcf432`,offsetX:0,offsetY:-8,onDismiss:overlay.hide,placement:\"top\",safeArea:true,zIndex:11,children:/*#__PURE__*/_jsx(MotionDivWithFX,{__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,animate:animation7,className:\"framer-newyvh\",exit:animation6,initial:animation8,layoutDependency:layoutDependency,layoutId:\"zqzTcElEs\",ref:ref2,role:\"dialog\",style:{backdropFilter:\"blur(5px)\",backgroundColor:\"var(--token-5ce2a65d-9fbf-4dce-a20c-b7eb255d7168, rgba(255, 255, 255, 0.2))\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,boxShadow:\"0px 10px 20px 0px rgba(0, 0, 0, 0.05)\",WebkitBackdropFilter:\"blur(5px)\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:getLocalizedValue(\"v3\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",children:\"Rob\"})}),className:\"framer-1t85csm\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"KFK7hCFH9\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:mIySdjaK_,verticalAlignment:\"center\",withExternalLayout:true})})})}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1020,pixelWidth:732,positionX:\"center\",positionY:\"top\",sizes:\"320px\",src:\"https://framerusercontent.com/images/R4pntHgi02QMzgepzw0K6VBg3yk.png?width=732&height=1020\",srcSet:\"https://framerusercontent.com/images/R4pntHgi02QMzgepzw0K6VBg3yk.png?width=732&height=1020 732w\"},className:\"framer-15n8lc6\",\"data-framer-name\":\"Image\",layoutDependency:layoutDependency,layoutId:\"LNgjxJOcH\",style:{borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16}})]})})})})})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-re7en5\",\"data-framer-name\":\"Avatars\",layoutDependency:layoutDependency,layoutId:\"BCtL8UATa\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-yiyqxn\",\"data-framer-name\":\"Stack\",layoutDependency:layoutDependency,layoutId:\"OwbxKoHkV\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:57,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-13j3jsc-container\",layoutDependency:layoutDependency,layoutId:\"ghIpVCar5-container\",nodeId:\"ghIpVCar5\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/GCe1CGAo7IRxVMPxUQY493ozBAc.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v4\",activeLocale)??\"Reza\",hb3xj5pft:\"\",height:\"100%\",id:\"ghIpVCar5\",layoutId:\"ghIpVCar5\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1jvk92p-container\",layoutDependency:layoutDependency,layoutId:\"Z6m4LwENk-container\",nodeId:\"Z6m4LwENk\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/KHxfoBa3hTzPIudw8MfZkBzBQ.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v6\",activeLocale)??\"Gisella\",hb3xj5pft:\"\",height:\"100%\",id:\"Z6m4LwENk\",layoutId:\"Z6m4LwENk\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8w4r11-container\",layoutDependency:layoutDependency,layoutId:\"WXaSae3fv-container\",nodeId:\"WXaSae3fv\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/Ze6WbqXQ5zIYLBjITKIWXPcsOUA.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v7\",activeLocale)??\"Richard\",hb3xj5pft:\"\",height:\"100%\",id:\"WXaSae3fv\",layoutId:\"WXaSae3fv\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ug1667-container\",layoutDependency:layoutDependency,layoutId:\"Crew3ckzF-container\",nodeId:\"Crew3ckzF\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/hsb1pNSxccIdVAKZ8i0vixYw.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v8\",activeLocale)??\"Thierry\",hb3xj5pft:\"\",height:\"100%\",id:\"Crew3ckzF\",layoutId:\"Crew3ckzF\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-y5e0iz-container\",layoutDependency:layoutDependency,layoutId:\"trLdC3hSc-container\",nodeId:\"trLdC3hSc\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/rbPvom913BcTGfPKwV34CdOZ1sU.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v9\",activeLocale)??\"Yuri\",hb3xj5pft:\"\",height:\"100%\",id:\"trLdC3hSc\",layoutId:\"trLdC3hSc\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,width:\"56px\",y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+635.2+0+0+0,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+635.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-3k10c4-container\",layoutDependency:layoutDependency,layoutId:\"uCzLIF3MX-container\",nodeId:\"uCzLIF3MX\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",whileHover:animation5,children:/*#__PURE__*/_jsx(DefaultAvatar,{aOFQQI9cW:{borderColor:\"var(--token-144bba98-57cd-41b6-9f20-cbddcd634c6f, rgb(255, 255, 255))\",borderStyle:\"solid\",borderWidth:1},BLsAm5ZgR:addImageAlt({pixelHeight:224,pixelWidth:224,src:\"https://framerusercontent.com/images/AexDzhrJ4hRoM58vQdwLgo2zec.png?width=224&height=224\"},\"\"),ewtS3QJFb:getLocalizedValue(\"v10\",activeLocale)??\"Marit\",hb3xj5pft:\"\",height:\"100%\",id:\"uCzLIF3MX\",layoutId:\"uCzLIF3MX\",mPsYIeEtS:false,oo4z037nY:getLocalizedValue(\"v5\",activeLocale)??\"TE\",style:{height:\"100%\",width:\"100%\"},variant:\"F8pONOObi\",width:\"100%\"})})})]})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"ygVBKUQ_t\"},implicitPathVariables:undefined},{href:{webPageId:\"ygVBKUQ_t\"},implicitPathVariables:undefined},{href:{webPageId:\"ygVBKUQ_t\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:42,y:(componentViewport?.y||0)+40+(((componentViewport?.height||1034)-80-869.2)/2+0+0)+40+747.2,...addPropertyOverrides({Ds1TNz5gD:{y:(componentViewport?.y||0)+0+(((componentViewport?.height||200)-80-917.2)/2+0+0)+64+747.2}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1kgbipo-container\",layoutDependency:layoutDependency,layoutId:\"SJ9jvZjyE-container\",nodeId:\"SJ9jvZjyE\",rendersWithMotion:true,scopeId:\"A0dKxCXYv\",children:/*#__PURE__*/_jsx(Large,{bywiNR4Fb:false,height:\"100%\",id:\"SJ9jvZjyE\",JZ7isYXMw:false,layoutId:\"SJ9jvZjyE\",NRYxXrfHz:true,rJEJB3bXv:resolvedLinks[0],TmUHgR4sP:ArrowNarrowRightLine,variant:\"z5nT9Uyrl\",w7Rj1ojLy:Mail02Line,width:\"100%\",yO4ZvBNag:getLocalizedValue(\"v11\",activeLocale)??\"Contact sales\",...addPropertyOverrides({Ds1TNz5gD:{rJEJB3bXv:resolvedLinks[2]},tgwRlcLXg:{rJEJB3bXv:resolvedLinks[1]}},baseVariant,gestureVariant)})})})})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-C4mAP.framer-9hf44i, .framer-C4mAP .framer-9hf44i { display: block; }\",\".framer-C4mAP.framer-1ok1bou { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 80px; height: min-content; justify-content: center; max-width: 1120px; overflow: hidden; padding: 40px; position: relative; width: 1120px; will-change: var(--framer-will-change-override, transform); }\",\".framer-C4mAP .framer-j5wicj-container { flex: none; height: 241%; left: calc(39.01785714285717% - 280.625% / 2); position: absolute; top: calc(55.125725338491314% - 240.9090909090909% / 2); width: 281%; z-index: 0; }\",\".framer-C4mAP .framer-1rntqk6 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 56px; height: min-content; justify-content: center; overflow: hidden; padding: 40px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); z-index: 1; }\",\".framer-C4mAP .framer-1elne8k { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; max-width: 560px; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-C4mAP .framer-1xwfmj4, .framer-C4mAP .framer-1lauxh0 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-C4mAP .framer-11tpj6n, .framer-C4mAP .framer-re7en5 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; max-width: 560px; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-C4mAP .framer-1mp4aix-container { flex: none; height: auto; position: relative; width: auto; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-1wcf432 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-C4mAP .framer-newyvh { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 4px 8px 4px 8px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-C4mAP .framer-1t85csm { flex: none; height: 16px; position: relative; white-space: pre; width: auto; }\",\".framer-C4mAP .framer-15n8lc6 { flex: none; height: 400px; overflow: hidden; position: relative; width: 320px; will-change: var(--framer-will-change-override, transform); }\",\".framer-C4mAP .framer-yiyqxn { flex: none; gap: 0px; height: 56px; overflow: visible; position: relative; width: 257px; }\",\".framer-C4mAP .framer-13j3jsc-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 0px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-1jvk92p-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 40px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-8w4r11-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 80px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-ug1667-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 120px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-y5e0iz-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 160px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-3k10c4-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); left: 200px; position: absolute; top: 0px; width: 56px; will-change: var(--framer-will-change-effect-override, transform); }\",\".framer-C4mAP .framer-1kgbipo-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-C4mAP.framer-v-9q1dq0.framer-1ok1bou { width: 810px; }\",\".framer-C4mAP.framer-v-1y7r64i.framer-1ok1bou { padding: 0px 0px 80px 0px; width: 390px; }\",\".framer-C4mAP.framer-v-1y7r64i .framer-1rntqk6 { padding: 64px 24px 64px 24px; }\",\".framer-C4mAP.framer-v-1y7r64i .framer-13j3jsc-container { height: var(--framer-aspect-ratio-supported, 57px); }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1034\n * @framerIntrinsicWidth 1120\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1120px\",null,null]},\"tgwRlcLXg\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1120px\",null,null]},\"Ds1TNz5gD\":{\"layout\":[\"fixed\",\"auto\"],\"constraints\":[null,\"1120px\",null,null]}}}\n * @framerVariables {\"HsUd9Uwsb\":\"swoosh\",\"mIySdjaK_\":\"personName\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerA0dKxCXYv=withCSS(Component,css,\"framer-C4mAP\");export default FramerA0dKxCXYv;FramerA0dKxCXYv.displayName=\"Say hi\";FramerA0dKxCXYv.defaultProps={height:1034,width:1120};addPropertyControls(FramerA0dKxCXYv,{variant:{options:[\"gk08zOffV\",\"tgwRlcLXg\",\"Ds1TNz5gD\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum},HsUd9Uwsb:{defaultValue:true,title:\"Swoosh\",type:ControlType.Boolean},mIySdjaK_:{defaultValue:\"Rob\",displayTextArea:false,title:\"Person name\",type:ControlType.String}});addFonts(FramerA0dKxCXYv,[{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\"}]},...VideoFonts,...DHoverFonts,...DefaultAvatarFonts,...LargeFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerA0dKxCXYv\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"1120\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"1034\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1120px\\\",null,null]},\\\"tgwRlcLXg\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1120px\\\",null,null]},\\\"Ds1TNz5gD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"],\\\"constraints\\\":[null,\\\"1120px\\\",null,null]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"HsUd9Uwsb\\\":\\\"swoosh\\\",\\\"mIySdjaK_\\\":\\\"personName\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./A0dKxCXYv.map","import{ControlType as e}from\"framer\";export function getBorderStyle({color:e,width:t=0,widthPerSide:o=!1,widthTop:d=0,widthRight:r=0,widthBottom:i=0,widthLeft:l=0,style:h=\"none\"}={}){let b={};return e?(b[\"--framer-border-color\"]=e,b.borderStyle=h,o?(b.borderTopWidth=d,b.borderRightWidth=r,b.borderBottomWidth=i,b.borderLeftWidth=l):(b.borderTopWidth=t,b.borderRightWidth=t,b.borderBottomWidth=t,b.borderLeftWidth=t)):b.border=\"none\",b;}export const borderControls={color:{type:e.Color,defaultValue:\"#444\"},width:{type:e.FusedNumber,toggleKey:\"widthPerSide\",toggleTitles:[\"Width\",\"Width per side\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],defaultValue:1,min:0},style:{type:e.Enum,options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"double\"],defaultValue:\"solid\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"borderControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getBorderStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BorderOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./border.map","import{ControlType}from\"framer\";export function getFocusStyle({color,width,style,offset}={}){const result={};if(color){result[\"--framer-focus-outline\"]=`${width}px ${style} ${color}`;result[\"--framer-focus-outline-offset\"]=`${offset}px`;}return result;}export const focusControls={color:{type:ControlType.Color,defaultValue:\"#09f\"},width:{type:ControlType.Number,displayStepper:true,defaultValue:1,min:0},style:{type:ControlType.Enum,options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"double\"],defaultValue:\"solid\"},offset:{type:ControlType.Number,displayStepper:true}};\nexport const __FramerMetadata__ = {\"exports\":{\"focusControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getFocusStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FocusOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./focus.map","import{ControlType}from\"framer\";export function getHoverStyle({fillColor,textColor,borderColor}={}){return{\"--framer-hover-background-color\":fillColor,\"--framer-hover-color\":textColor,\"--framer-hover-border-color\":borderColor};}export const hoverControls={fillColor:{type:ControlType.Color,title:\"Fill\",optional:true},textColor:{type:ControlType.Color,title:\"Text\",optional:true},borderColor:{type:ControlType.Color,title:\"Border\",optional:true}};\nexport const __FramerMetadata__ = {\"exports\":{\"HoverOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getHoverStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"hoverControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hover.map","import{ControlType}from\"framer\";export function getPaddingStyle({padding=0,paddingPerSide=false,paddingTop=0,paddingRight=0,paddingBottom=0,paddingLeft=0}={}){if(typeof padding===\"string\"){return{padding};}if(paddingPerSide){return{paddingTop:paddingTop,paddingRight:paddingRight,paddingBottom:paddingBottom,paddingLeft:paddingLeft};}else{return{paddingTop:padding,paddingRight:padding,paddingBottom:padding,paddingLeft:padding};}}export const paddingControls={padding:{type:ControlType.Padding,defaultValue:\"10px\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"paddingControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getPaddingStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./padding.map","import{ControlType}from\"framer\";export function getRadiusStyle({radius=0,radiusPerCorner=false,radiusTopLeft=0,radiusTopRight=0,radiusBottomRight=0,radiusBottomLeft=0}={}){if(typeof radius===\"string\"){return{borderRadius:radius};}const result={};if(radiusPerCorner){result.borderTopLeftRadius=radiusTopLeft;result.borderTopRightRadius=radiusTopRight;result.borderBottomRightRadius=radiusBottomRight;result.borderBottomLeftRadius=radiusBottomLeft;}else{result.borderTopLeftRadius=radius;result.borderTopRightRadius=radius;result.borderBottomRightRadius=radius;result.borderBottomLeftRadius=radius;}return result;}export const radiusControls={radius:{type:ControlType.BorderRadius,defaultValue:\"10px\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"getRadiusStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"radiusControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./radius.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,// @ts-ignore Internal function\nuseLocaleInfo,// @ts-ignore Internal function\nuseLocalesForCurrentRoute,withCSS}from\"framer\";import{useId,useState}from\"react\";import{getBorderStyle,borderControls}from\"https://framerusercontent.com/modules/cuKUFdzXlhvw8OVOBeAc/T08RxQJ4qrs7LLc8wx4E/border.js\";import{getFocusStyle,focusControls}from\"https://framerusercontent.com/modules/9muYaW1MvHoRQJ0P7dkP/V2GVvLqiMxXRSxszkCSa/focus.js\";import{getHoverStyle,hoverControls}from\"https://framerusercontent.com/modules/YfmtnpWjJrP37sQ18QUZ/9Y2P24U2SBIbf2fPVsOX/hover.js\";import{getPaddingStyle,paddingControls}from\"https://framerusercontent.com/modules/wjZLfSMaP1TvJDu5PCwr/XQ1GMXuIqYrEN1c0R6E5/padding.js\";import{getRadiusStyle,radiusControls}from\"https://framerusercontent.com/modules/N6MwtHbWoiZJNn1xpqxu/ZEWmVGYDUhL44tluQO5y/radius.js\";const className=\"framer-locale-picker\";function addPixel(value){if(typeof value===\"number\"){return`${value}px`;}return value;}var IconType;(function(IconType){IconType[\"Default\"]=\"default\";IconType[\"Custom\"]=\"custom\";})(IconType||(IconType={}));function Icon({type,color,image,size}){if(type===\"custom\"&&image){return /*#__PURE__*/_jsx(\"img\",{...image,width:size,height:size});}return /*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",width:size,height:size,fill:color,children:/*#__PURE__*/_jsx(\"path\",{d:\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H175.8c-1.41-28.46-10.27-55.47-25.12-77A88.2,88.2,0,0,1,215.63,120ZM128,215.89c-18.73-20.27-30.09-49-31.77-79.89h63.54C158.09,166.87,146.73,195.62,128,215.89ZM96.23,120c1.68-30.87,13-59.62,31.77-79.89,18.73,20.27,30.09,49,31.77,79.89Zm9.09-77C90.47,64.53,81.61,91.54,80.2,120H40.37A88.2,88.2,0,0,1,105.32,43ZM40.37,136H80.2c1.41,28.46,10.27,55.47,25.12,77A88.2,88.2,0,0,1,40.37,136Zm110.31,77c14.85-21.56,23.71-48.57,25.12-77h39.83A88.2,88.2,0,0,1,150.68,213Z\"})});}var CaretType;(function(CaretType){CaretType[\"Default\"]=\"default\";CaretType[\"Custom\"]=\"custom\";})(CaretType||(CaretType={}));function Caret({type,color,image,size}){if(type===\"custom\"&&image){return /*#__PURE__*/_jsx(\"img\",{...image,width:size,height:size});}return /*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 12 12\",width:size,height:size,children:/*#__PURE__*/_jsx(\"path\",{d:\"M 2 4.5 L 6 8.5 L 10 4.5\",fill:\"none\",stroke:color,strokeWidth:1.5,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});}/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n * @framerIntrinsicWidth 120\n * @framerIntrinsicHeight 34\n */const LocaleSelector=withCSS(({font,fillColor,textColor,icon,caret,options:{title,gap,border,hover,focus},style,...props})=>{const id=useId();const{activeLocale,locales,setLocale}=useLocaleInfo();const localesForCurrentRoute=useLocalesForCurrentRoute();const activeLocaleId=activeLocale?.id??\"default\";const[lastActiveLocaleId,setLastActiveLocaleId]=useState(activeLocaleId);// The useLocaleInfo hook updates the activeLocale variable inside\n// a startTransition to load the translations with Suspense. To make\n// the component feel responsive we update our own state without Suspense.\nconst[selectedLocaleId,setSelectedLocaleId]=useState(activeLocaleId);const selectedLocale=locales.find(locale=>locale.id===selectedLocaleId);// The active locale was updated. Ensure we update our internal state as well.\nif(lastActiveLocaleId!==activeLocaleId){setLastActiveLocaleId(activeLocaleId);if(selectedLocaleId!==activeLocaleId){setSelectedLocaleId(activeLocaleId);}}function handleChange(event){const localeId=event.target.value;setSelectedLocaleId(localeId);const locale=locales.find(locale=>locale.id===localeId);setLocale(locale);}return /*#__PURE__*/_jsxs(\"div\",{className:className,style:style,children:[/*#__PURE__*/_jsx(\"label\",{htmlFor:id,children:\"Select Language\"}),/*#__PURE__*/_jsx(\"select\",{id:id,value:selectedLocaleId,onChange:handleChange,// If a navigation occurs from switching locales\n// the browser can attempt to autofill the select to the last value\n// when you use browser back navigation. We don't want that.\nautoComplete:\"off\",children:localesForCurrentRoute.map(locale=>/*#__PURE__*/_jsx(\"option\",{value:locale.id,children:locale.name},locale.id))}),/*#__PURE__*/_jsxs(\"div\",{className:\"input\",style:{...font,\"--framer-background-color\":fillColor,\"--framer-color\":textColor,...getPaddingStyle(props),...getRadiusStyle(props),...getBorderStyle(border),...getHoverStyle(hover),...getFocusStyle(focus),gap},children:[icon&&/*#__PURE__*/_jsx(\"div\",{className:\"icon\",children:/*#__PURE__*/_jsx(Icon,{...icon})}),title&&/*#__PURE__*/_jsx(\"div\",{className:\"title\",children:selectedLocale?.name??\"English\"}),caret&&/*#__PURE__*/_jsx(\"div\",{className:\"caret\",children:/*#__PURE__*/_jsx(Caret,{...caret})})]})]});},[`\n .${className} {\n position: relative;\n }\n `,`\n .${className} label {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n white-space: nowrap;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n }\n `,`\n .${className} select {\n appearance: none;\n position: absolute;\n opacity: 0;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n cursor: inherit;\n width: 100%;\n }\n `,`\n .${className} .input {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n background-color: var(--framer-background-color);\n color: var(--framer-color);\n border-color: var(--framer-border-color);\n }\n `,`\n .${className} select:focus-visible + .input {\n outline: var(--framer-focus-outline, none);\n outline-offset: var(--framer-focus-outline-offset);\n }\n `,`\n .${className}:hover .input {\n background-color: var(--framer-hover-background-color, var(--framer-background-color));\n color: var(--framer-hover-color, var(--framer-color));\n border-color: var(--framer-hover-border-color, var(--framer-border-color));\n }\n `,`\n .${className} .title {\n flex: 1 1 auto;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n `,`\n .${className} .icon, .${className} .caret {\n display: flex;\n align-items: center;\n }\n `],\"framer-library-LocalePicker\");LocaleSelector.displayName=\"Locale Selector\";addPropertyControls(LocaleSelector,{font:{// @ts-ignore\ntype:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:\"1.5em\"}},fillColor:{type:ControlType.Color,title:\"Fill\",optional:true,defaultValue:\"#eee\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#000\"},...paddingControls,...radiusControls,icon:{type:ControlType.Object,buttonTitle:\"Size, Color\",optional:true,controls:{type:{type:ControlType.Enum,title:\"Icon\",options:Object.values(IconType),optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,defaultValue:\"default\"},color:{type:ControlType.Color,defaultValue:\"#000\",hidden:props=>props.type!==\"default\"},image:{type:ControlType.ResponsiveImage,title:\"File\",hidden:props=>props.type!==\"custom\"},size:{type:ControlType.Number,displayStepper:true,defaultValue:18}}},caret:{type:ControlType.Object,buttonTitle:\"Size, Color\",optional:true,controls:{type:{type:ControlType.Enum,title:\"Icon\",options:Object.values(CaretType),optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,defaultValue:\"default\"},color:{type:ControlType.Color,defaultValue:\"#999\",hidden:props=>props.type!==\"default\"},image:{type:ControlType.ResponsiveImage,title:\"File\",hidden:props=>props.type!==\"custom\"},size:{type:ControlType.Number,displayStepper:true,defaultValue:12}},defaultValue:{type:\"default\"}},options:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Border, Hover\",controls:{title:{type:ControlType.Boolean,defaultValue:true},gap:{type:ControlType.Number,displayStepper:true,defaultValue:5},border:{type:ControlType.Object,buttonTitle:\"Color, Width\",optional:true,controls:borderControls},hover:{type:ControlType.Object,buttonTitle:\"Fill, Border\",optional:true,controls:hoverControls},focus:{type:ControlType.Object,buttonTitle:\"Color, Width\",controls:focusControls}}}});export default LocaleSelector;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LocaleSelector\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"34\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 120\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LocaleSelector.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-v6eguz\",\"data-styles-preset\":\"WVxCgpmA0\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"Beginnen Sie noch heute mit Zahlungen\"})});export const v1=\"Vertrieb kontaktieren\";export const v2=\"Unterst\\xfctzung\";export const v3=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"L\\xf6sungen\"})});export const v4=\"Zahlungen\";export const v5=\"Einf\\xfchrung\";export const v6=\"Steuerung\";export const v7=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"F\\xfcr wen\"})});export const v8=\"Startup\";export const v9=\"Marktplatz\";export const v10=\"Scale-up\";export const v11=\"SaaS\";export const v12=\"Unternehmen\";export const v13=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Kontakt\"})});export const v14=\"Vertrieb kontaktieren\";export const v15=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"\\xdcber uns\"})});export const v16=\"Unsere Geschichte\";export const v17=\"Nachrichten\";export const v18=\"Karriere\";export const v19=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Ressourcen\"})});export const v20=\"Preisgestaltung\";export const v21=\"Pressekit\";export const v22=\"Entwicklerdokumentation\";export const v23=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Sprache & Design\"})});export const v24=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"\\xa9 2025 Online Payment Platform\"})});export const v25=\"Rechtliches\";export const v26=\"Bedingungen & Richtlinien\";export const v27=\"Datenschutz\";export const v28=\"Sicherheit\";export const v29=\"Cookies\";export const v30=\"Sorgf\\xe4ltige Pr\\xfcfung\";export const v31=\"Impressum\";export const v32=\"Grundlage\";\nexport const __FramerMetadata__ = {\"exports\":{\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v25\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v18\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v28\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v19\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v13\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v10\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v26\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v27\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v22\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v12\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v16\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v15\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v6\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v24\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v4\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v8\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v7\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v21\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v30\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v5\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v17\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v32\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v20\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v14\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v9\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v23\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v31\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v29\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-v6eguz\",\"data-styles-preset\":\"WVxCgpmA0\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"Commencez aujourd'hui avec les paiements\"})});export const v1=\"Contacter les ventes\";export const v2=\"Assistance\";export const v3=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Solutions\"})});export const v4=\"Paiements\";export const v5=\"Int\\xe9gration\";export const v6=\"Contr\\xf4le\";export const v7=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Pour qui\"})});export const v8=\"Startup\";export const v9=\"March\\xe9\";export const v10=\"Acc\\xe9l\\xe9ration\";export const v11=\"SaaS\";export const v12=\"Entreprise\";export const v13=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Contact\"})});export const v14=\"Contacter les ventes\";export const v15=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"\\xc0 propos de nous\"})});export const v16=\"Notre histoire\";export const v17=\"Actualit\\xe9s\";export const v18=\"Carri\\xe8res\";export const v19=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Ressources\"})});export const v20=\"Tarification\";export const v21=\"Dossier de presse\";export const v22=\"Documentation d\\xe9veloppeur\";export const v23=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Langue & Th\\xe8me\"})});export const v24=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"\\xa9 2025 Online Payment Platform\"})});export const v25=\"Juridique\";export const v26=\"Conditions & Politiques\";export const v27=\"Vie priv\\xe9e\";export const v28=\"S\\xe9curit\\xe9\";export const v29=\"Cookies\";export const v30=\"Due diligence\";export const v31=\"Mentions l\\xe9gales\";export const v32=\"Fondation\";\nexport const __FramerMetadata__ = {\"exports\":{\"v5\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v9\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v12\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v7\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v16\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v27\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v21\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v18\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v20\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v13\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v6\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v8\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v4\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v23\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v17\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v28\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v22\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v14\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v15\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v31\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v25\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v29\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v24\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v32\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v19\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v10\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v26\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v30\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h3,{className:\"framer-styles-preset-v6eguz\",\"data-styles-preset\":\"WVxCgpmA0\",style:{\"--framer-text-color\":\"var(--extracted-a0htzi, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"Begin vandaag nog met betalingen\"})});export const v1=\"Neem contact op met verkoop\";export const v2=\"Ondersteuning\";export const v3=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Oplossingen\"})});export const v4=\"Betalingen\";export const v5=\"Aanmelding\";export const v6=\"Besturing\";export const v7=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Voor wie\"})});export const v8=\"Start-up\";export const v9=\"Marktplaats\";export const v10=\"Opschalen\";export const v11=\"SaaS\";export const v12=\"Onderneming\";export const v13=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Contact\"})});export const v14=\"Verkoopcontact\";export const v15=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Over ons\"})});export const v16=\"Ons verhaal\";export const v17=\"Nieuws\";export const v18=\"Carri\\xe8res\";export const v19=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Hulpmiddelen\"})});export const v20=\"Prijzen\";export const v21=\"Perskit\";export const v22=\"Developer docs\";export const v23=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-o96ip5\",\"data-styles-preset\":\"vKVg0Inxd\",children:\"Taal & Thema\"})});export const v24=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-omm5o0\",\"data-styles-preset\":\"hzz25JzH7\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"\\xa9 2025 Online Payment Platform\"})});export const v25=\"Juridisch\";export const v26=\"Voorwaarden & beleid\";export const v27=\"Privacy\";export const v28=\"Beveiliging\";export const v30=\"Due diligence\";\nexport const __FramerMetadata__ = {\"exports\":{\"v4\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v15\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v26\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v30\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v28\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v10\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v22\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v21\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v17\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v7\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v13\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v16\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v6\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v27\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v23\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v11\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v25\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v19\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v12\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v9\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v20\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v24\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v5\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v18\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v8\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v14\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"v1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (a72a541)\nimport*as localizedValues from\"./DLzkCiZoY-0.js\";import*as localizedValues1 from\"./DLzkCiZoY-1.js\";import*as localizedValues2 from\"./DLzkCiZoY-2.js\";const valuesByLocaleId={d0Qp0Zbvr:localizedValues,dWTcT8s8x:localizedValues1,X2NfBlUnh:localizedValues2};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (18e1885)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({height,id,stroke,width,width1,...props})=>{return{...props,hvzSv2pog:stroke??props.hvzSv2pog??\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\",oofvyPpjZ:width1??props.oofvyPpjZ??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,hvzSv2pog,oofvyPpjZ,...restProps}=getProps(props);const href=useSVGTemplate(\"3341298777\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-fXiiz\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1o14a4h\":hvzSv2pog,\"--78ovbo\":oofvyPpjZ,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-fXiiz { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"hvzSv2pog\":\"stroke\",\"oofvyPpjZ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Youtube (line)\",\"color\":{\"type\":\"variable\",\"value\":\"1o14a4h\"},\"set\":{\"localId\":\"vectorSet/Gy5LXSERu\",\"id\":\"Gy5LXSERu\",\"moduleId\":\"CyqsYTLbk8aOrxOLk7if\"}}\n */const Icon=withCSS(Component,css,\"framer-fXiiz\");Icon.displayName=\"Youtube (line)\";export default Icon;addPropertyControls(Icon,{hvzSv2pog:{defaultValue:'var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)) /* {\"name\":\"Strong\"} */',hidden:false,title:\"Stroke\",type:ControlType.Color},oofvyPpjZ:{defaultValue:2,hidden:false,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"hvzSv2pog\\\":\\\"stroke\\\",\\\"oofvyPpjZ\\\":\\\"width1\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Youtube (line)\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1o14a4h\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/Gy5LXSERu\\\",\\\"id\\\":\\\"Gy5LXSERu\\\",\\\"moduleId\\\":\\\"CyqsYTLbk8aOrxOLk7if\\\"}}\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (18e1885)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask='url(\\'data:image/svg+xml,\\') alpha no-repeat center / auto var(--framer-icon-mask-mode, add), var(--framer-icon-mask, none)';const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({height,id,stroke,width,width1,...props})=>{return{...props,hvzSv2pog:stroke??props.hvzSv2pog??\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\",oofvyPpjZ:width1??props.oofvyPpjZ??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,hvzSv2pog,oofvyPpjZ,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-E4YoD\",className),layoutId:layoutId,ref:ref,style:{\"--1o14a4h\":hvzSv2pog,...style}});});const css=[`.framer-E4YoD { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--1o14a4h); mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"hvzSv2pog\":\"stroke\",\"oofvyPpjZ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Linkedin (line)\",\"color\":{\"type\":\"variable\",\"value\":\"1o14a4h\"},\"set\":{\"localId\":\"vectorSet/Gy5LXSERu\",\"id\":\"Gy5LXSERu\",\"moduleId\":\"CyqsYTLbk8aOrxOLk7if\"}}\n */const Icon=withCSS(Component,css,\"framer-E4YoD\");Icon.displayName=\"Linkedin (line)\";export default Icon;addPropertyControls(Icon,{hvzSv2pog:{defaultValue:'var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)) /* {\"name\":\"Strong\"} */',hidden:false,title:\"Stroke\",type:ControlType.Color},oofvyPpjZ:{defaultValue:2,hidden:true,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Linkedin (line)\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1o14a4h\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/Gy5LXSERu\\\",\\\"id\\\":\\\"Gy5LXSERu\\\",\\\"moduleId\\\":\\\"CyqsYTLbk8aOrxOLk7if\\\"}}\",\"framerIntrinsicWidth\":\"24\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerVariables\":\"{\\\"hvzSv2pog\\\":\\\"stroke\\\",\\\"oofvyPpjZ\\\":\\\"width1\\\"}\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (18e1885)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({height,id,stroke,width,width1,...props})=>{return{...props,hvzSv2pog:stroke??props.hvzSv2pog??\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\",oofvyPpjZ:width1??props.oofvyPpjZ??2};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,hvzSv2pog,oofvyPpjZ,...restProps}=getProps(props);const href=useSVGTemplate(\"3599243192\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-Wpxgx\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1o14a4h\":hvzSv2pog,\"--78ovbo\":oofvyPpjZ,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-Wpxgx { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"hvzSv2pog\":\"stroke\",\"oofvyPpjZ\":\"width1\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Link External 01 (line)\",\"color\":{\"type\":\"variable\",\"value\":\"1o14a4h\"},\"set\":{\"localId\":\"vectorSet/Gy5LXSERu\",\"id\":\"Gy5LXSERu\",\"moduleId\":\"CyqsYTLbk8aOrxOLk7if\"}}\n */const Icon=withCSS(Component,css,\"framer-Wpxgx\");Icon.displayName=\"Link External 01 (line)\";export default Icon;addPropertyControls(Icon,{hvzSv2pog:{defaultValue:'var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)) /* {\"name\":\"Strong\"} */',hidden:false,title:\"Stroke\",type:ControlType.Color},oofvyPpjZ:{defaultValue:2,hidden:false,min:0,title:\"Width\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"Link External 01 (line)\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"1o14a4h\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/Gy5LXSERu\\\",\\\"id\\\":\\\"Gy5LXSERu\\\",\\\"moduleId\\\":\\\"CyqsYTLbk8aOrxOLk7if\\\"}}\",\"framerVariables\":\"{\\\"hvzSv2pog\\\":\\\"stroke\\\",\\\"oofvyPpjZ\\\":\\\"width1\\\"}\",\"framerIntrinsicHeight\":\"24\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (b9489e0)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getFontsFromSharedStyle,Instance,Link,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}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/nzg7wrY3xU2U52AdDZib/ojnE2SGUbx03BXV3bJCr/DZ_wSBmLM.js\";import Icon1 from\"https://framerusercontent.com/modules/x7ZAUAOIGA12chftt2QE/Wf0FR8ShVcj4wryccAme/aooNh33ml.js\";import Icon2 from\"https://framerusercontent.com/modules/slE9W1f8gjZLkSCHI6LO/JJY2HezYm1AaZrBrtcxE/nT994R3WQ.js\";import Icon from\"https://framerusercontent.com/modules/QkoVlhNc94t7RisGmHZj/LyfOUEQxTgfllGoTa7dC/zj28h4QKS.js\";const IconFonts=getFonts(Icon);const enabledGestures={wk9fp9dgv:{hover:true}};const serializationHash=\"framer-GhsL1\";const variantClassNames={wk9fp9dgv:\"framer-v-2iuyrl\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,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 getProps=({height,id,label,leftIcon,link,newTab,rightIcon,trackingID,width,...props})=>{return{...props,fr6kGZmFM:link??props.fr6kGZmFM,jPmXLEVsT:trackingID??props.jPmXLEVsT,PNXDTFXYm:leftIcon??props.PNXDTFXYm??Icon1,Po9ewHavv:rightIcon??props.Po9ewHavv??Icon2,viqmQXbUM:newTab??props.viqmQXbUM,yO4ZvBNag:label??props.yO4ZvBNag??\"Button\"};};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,yO4ZvBNag,fr6kGZmFM,jPmXLEVsT,viqmQXbUM,PNXDTFXYm,Po9ewHavv,NRYxXrfHzFtDE_z5q7,bywiNR4FbFtDE_z5q7,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"wk9fp9dgv\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{clickTrackingId:jPmXLEVsT,href:fr6kGZmFM,motionChild:true,nodeId:\"wk9fp9dgv\",openInNewTab:viqmQXbUM,scopeId:\"qWUConSxg\",smoothScroll:true,children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-2iuyrl\",className,classNames)} framer-1416vcq`,\"data-framer-name\":\"Text\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"wk9fp9dgv\",ref:refBinding,style:{...style},...addPropertyOverrides({\"wk9fp9dgv-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[viqmQXbUM&&/*#__PURE__*/_jsx(Icon,{animated:true,className:\"framer-dv7hz5\",layoutDependency:layoutDependency,layoutId:\"KW1zl1vsy\",style:{\"--1o14a4h\":\"var(--token-8faf3d0b-8200-4a09-a7d6-b1e48b28ea83, rgba(0, 0, 0, 0.6))\"}}),NRYxXrfHzFtDE_z5q7&&/*#__PURE__*/_jsx(Instance,{animated:true,className:\"framer-1709fp9\",Component:PNXDTFXYm,layoutDependency:layoutDependency,layoutId:\"AfswniMWo\",style:{\"--1o14a4h\":\"var(--token-8faf3d0b-8200-4a09-a7d6-b1e48b28ea83, rgba(0, 0, 0, 0.6))\"},variants:{\"wk9fp9dgv-hover\":{\"--1o14a4h\":\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\"}}}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-vndhzv\",\"data-styles-preset\":\"DZ_wSBmLM\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-8faf3d0b-8200-4a09-a7d6-b1e48b28ea83, rgba(0, 0, 0, 0.6)))\"},children:\"Button\"})}),className:\"framer-1yl819h\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Nr753_ZcL\",style:{\"--extracted-r6o4lv\":\"var(--token-8faf3d0b-8200-4a09-a7d6-b1e48b28ea83, rgba(0, 0, 0, 0.6))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:yO4ZvBNag,variants:{\"wk9fp9dgv-hover\":{\"--extracted-r6o4lv\":\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({\"wk9fp9dgv-hover\":{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-vndhzv\",\"data-styles-preset\":\"DZ_wSBmLM\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0)))\"},children:\"Button\"})})}},baseVariant,gestureVariant)}),bywiNR4FbFtDE_z5q7&&/*#__PURE__*/_jsx(Instance,{animated:true,className:\"framer-13mj8g4\",Component:Po9ewHavv,layoutDependency:layoutDependency,layoutId:\"i5sLJDz9i\",style:{\"--1o14a4h\":\"var(--token-8faf3d0b-8200-4a09-a7d6-b1e48b28ea83, rgba(0, 0, 0, 0.6))\"},variants:{\"wk9fp9dgv-hover\":{\"--1o14a4h\":\"var(--token-4e6063b2-3c2e-4783-bd50-17b50bb67b6e, rgb(0, 0, 0))\"}}})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-GhsL1.framer-1416vcq, .framer-GhsL1 .framer-1416vcq { display: block; }\",\".framer-GhsL1.framer-2iuyrl { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 6px; height: min-content; justify-content: center; overflow: hidden; padding: 4px 0px 4px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-GhsL1 .framer-dv7hz5, .framer-GhsL1 .framer-1709fp9, .framer-GhsL1 .framer-13mj8g4 { flex: none; height: var(--framer-aspect-ratio-supported, 24px); position: relative; width: 16px; }\",\".framer-GhsL1 .framer-1yl819h { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 24\n * @framerIntrinsicWidth 86\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Ds1LTU77r\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"yO4ZvBNag\":\"label\",\"fr6kGZmFM\":\"link\",\"jPmXLEVsT\":\"trackingID\",\"viqmQXbUM\":\"newTab\",\"PNXDTFXYm\":\"leftIcon\",\"Po9ewHavv\":\"rightIcon\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n * @framerVectorSets [\"CyqsYTLbk8aOrxOLk7if\"]\n */const FramerqWUConSxg=withCSS(Component,css,\"framer-GhsL1\");export default FramerqWUConSxg;FramerqWUConSxg.displayName=\"Small\";FramerqWUConSxg.defaultProps={height:24,width:86};addPropertyControls(FramerqWUConSxg,{yO4ZvBNag:{defaultValue:\"Button\",displayTextArea:false,title:\"Label\",type:ControlType.String},fr6kGZmFM:{title:\"Link\",type:ControlType.Link},jPmXLEVsT:{title:\"Tracking ID\",type:ControlType.TrackingId},viqmQXbUM:{defaultValue:false,title:\"New Tab\",type:ControlType.Boolean},PNXDTFXYm:{defaultValue:{identifier:\"local-module:vector/aooNh33ml:default\",moduleId:\"x7ZAUAOIGA12chftt2QE\"},setModuleId:\"CyqsYTLbk8aOrxOLk7if\",title:\"Left icon\",type:ControlType.VectorSetItem},Po9ewHavv:{defaultValue:{identifier:\"local-module:vector/nT994R3WQ:default\",moduleId:\"slE9W1f8gjZLkSCHI6LO\"},setModuleId:\"CyqsYTLbk8aOrxOLk7if\",title:\"Right icon\",type:ControlType.VectorSetItem}});addFonts(FramerqWUConSxg,[{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\"}]},...IconFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerqWUConSxg\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Ds1LTU77r\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"yO4ZvBNag\\\":\\\"label\\\",\\\"fr6kGZmFM\\\":\\\"link\\\",\\\"jPmXLEVsT\\\":\\\"trackingID\\\",\\\"viqmQXbUM\\\":\\\"newTab\\\",\\\"PNXDTFXYm\\\":\\\"leftIcon\\\",\\\"Po9ewHavv\\\":\\\"rightIcon\\\"}\",\"framerIntrinsicWidth\":\"86\",\"framerVectorSets\":\"[\\\"CyqsYTLbk8aOrxOLk7if\\\"]\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"24\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","let Component;\nvar House_default = (React) => {\n if (!Component) {\n const weights = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M221.56,100.85,141.61,25.38l-.16-.15a19.93,19.93,0,0,0-26.91,0l-.17.15L34.44,100.85A20.07,20.07,0,0,0,28,115.55V208a20,20,0,0,0,20,20H96a20,20,0,0,0,20-20V164h24v44a20,20,0,0,0,20,20h48a20,20,0,0,0,20-20V115.55A20.07,20.07,0,0,0,221.56,100.85ZM204,204H164V160a20,20,0,0,0-20-20H112a20,20,0,0,0-20,20v44H52V117.28l76-71.75,76,71.75Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\n \"path\",\n {\n d: \"M216,115.54V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.54a8,8,0,0,1,2.62-5.92l80-75.54a8,8,0,0,1,10.77,0l80,75.54A8,8,0,0,1,216,115.54Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ React.createElement(\"path\", { d: \"M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M224,115.55V208a16,16,0,0,1-16,16H168a16,16,0,0,1-16-16V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V115.55a16,16,0,0,1,5.17-11.78l80-75.48.11-.11a16,16,0,0,1,21.53,0,1.14,1.14,0,0,0,.11.11l80,75.48A16,16,0,0,1,224,115.55Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M217.47,105.24l-80-75.5-.09-.08a13.94,13.94,0,0,0-18.83,0l-.09.08-80,75.5A14,14,0,0,0,34,115.55V208a14,14,0,0,0,14,14H96a14,14,0,0,0,14-14V160a2,2,0,0,1,2-2h32a2,2,0,0,1,2,2v48a14,14,0,0,0,14,14h48a14,14,0,0,0,14-14V115.55A14,14,0,0,0,217.47,105.24ZM210,208a2,2,0,0,1-2,2H160a2,2,0,0,1-2-2V160a14,14,0,0,0-14-14H112a14,14,0,0,0-14,14v48a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V115.55a2,2,0,0,1,.65-1.48l.09-.08,79.94-75.48a2,2,0,0,1,2.63,0L209.26,114l.08.08a2,2,0,0,1,.66,1.48Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M216.13,106.72,136.07,31.13a12,12,0,0,0-16.2.05L39.93,106.67A12,12,0,0,0,36,115.54V208a12,12,0,0,0,12,12H96a12,12,0,0,0,12-12V160a4,4,0,0,1,4-4h32a4,4,0,0,1,4,4v48a12,12,0,0,0,12,12h48a12,12,0,0,0,12-12V115.54A12,12,0,0,0,216.13,106.72ZM212,208a4,4,0,0,1-4,4H160a4,4,0,0,1-4-4V160a12,12,0,0,0-12-12H112a12,12,0,0,0-12,12v48a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V115.54a4.09,4.09,0,0,1,1.36-3L125.3,37.05a4,4,0,0,1,5.33,0l80.06,75.58a4,4,0,0,1,1.31,3Z\" }))\n ]\n ]);\n const House = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(\"g\", { ref, ...props }, weights.get(props.weight)));\n House.displayName = \"House\";\n Component = House;\n }\n return Component;\n};\nconst __FramerMetadata__ = {\n exports: {\n default: {\n type: \"reactComponent\",\n slots: [],\n annotations: { framerContractVersion: \"1\" }\n },\n __FramerMetadata__: { type: \"variable\" }\n }\n};\nexport {\n __FramerMetadata__,\n House_default as default\n};\n","/*\n * House (phosphor-icons/House@0.0.53)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/Qc8yuHkQmGO0kFiSWbkX/i6WSiDLftYVS2GvUElTz/House.js\"\nexport { default } from \"https://framerusercontent.com/modules/Qc8yuHkQmGO0kFiSWbkX/i6WSiDLftYVS2GvUElTz/House.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HouseFactory from\"https://framer.com/m/phosphor-icons/House.js@0.0.53\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const iconKeys=[\"AddressBook\",\"AirTrafficControl\",\"Airplane\",\"AirplaneInFlight\",\"AirplaneLanding\",\"AirplaneTakeoff\",\"AirplaneTilt\",\"Airplay\",\"Alarm\",\"Alien\",\"AlignBottom\",\"AlignBottomSimple\",\"AlignCenterVertical\",\"AlignLeft\",\"AlignLeftSimple\",\"AlignRight\",\"AlignRightSimple\",\"AlignTop\",\"AlignTopSimple\",\"AmazonLogo\",\"Anchor\",\"AnchorSimple\",\"AndroidLogo\",\"AngularLogo\",\"Aperture\",\"AppStoreLogo\",\"AppWindow\",\"AppleLogo\",\"ApplePodcastsLogo\",\"Archive\",\"ArchiveBox\",\"ArchiveTray\",\"Armchair\",\"ArrowArcLeft\",\"ArrowArcRight\",\"ArrowBendDownLeft\",\"ArrowBendDownRight\",\"ArrowBendLeftDown\",\"ArrowBendLeftUp\",\"ArrowBendRightDown\",\"ArrowBendRightUp\",\"ArrowBendUpLeft\",\"ArrowBendUpRight\",\"ArrowCircleDown\",\"ArrowCircleDownLeft\",\"ArrowCircleDownRight\",\"ArrowCircleLeft\",\"ArrowCircleRight\",\"ArrowCircleUp\",\"ArrowCircleUpLeft\",\"ArrowCircleUpRight\",\"ArrowClockwise\",\"ArrowDown\",\"ArrowDownLeft\",\"ArrowDownRight\",\"ArrowElbowDownLeft\",\"ArrowElbowDownRight\",\"ArrowElbowLeft\",\"ArrowElbowLeftDown\",\"ArrowElbowLeftUp\",\"ArrowElbowRight\",\"ArrowElbowRightDown\",\"ArrowElbowRightUp\",\"ArrowElbowUpLeft\",\"ArrowElbowUpRight\",\"ArrowFatDown\",\"ArrowFatLeft\",\"ArrowFatLineDown\",\"ArrowFatLineLeft\",\"ArrowFatLineRight\",\"ArrowFatLineUp\",\"ArrowFatLinesDown\",\"ArrowFatLinesLeft\",\"ArrowFatLinesRight\",\"ArrowFatLinesUp\",\"ArrowFatRight\",\"ArrowFatUp\",\"ArrowLeft\",\"ArrowLineDown\",\"ArrowLineDownLeft\",\"ArrowLineDownRight\",\"ArrowLineLeft\",\"ArrowLineRight\",\"ArrowLineUp\",\"ArrowLineUpLeft\",\"ArrowLineUpRight\",\"ArrowRight\",\"ArrowSquareDown\",\"ArrowSquareDownLeft\",\"ArrowSquareDownRight\",\"ArrowSquareIn\",\"ArrowSquareLeft\",\"ArrowSquareOut\",\"ArrowSquareRight\",\"ArrowSquareUp\",\"ArrowSquareUpLeft\",\"ArrowSquareUpRight\",\"ArrowUDownLeft\",\"ArrowUDownRight\",\"ArrowULeftDown\",\"ArrowULeftUp\",\"ArrowURightDown\",\"ArrowURightUp\",\"ArrowUUpLeft\",\"ArrowUUpRight\",\"ArrowUp\",\"ArrowUpLeft\",\"ArrowUpRight\",\"ArrowsClockwise\",\"ArrowsDownUp\",\"ArrowsHorizontal\",\"ArrowsIn\",\"ArrowsInCardinal\",\"ArrowsInLineVertical\",\"ArrowsInSimple\",\"ArrowsLeftRight\",\"ArrowsMerge\",\"ArrowsOut\",\"ArrowsOutCardinal\",\"ArrowsOutSimple\",\"ArrowsSplit\",\"ArrowsVertical\",\"Article\",\"ArticleMedium\",\"ArticleNyTimes\",\"Asterisk\",\"AsteriskSimple\",\"At\",\"Atom\",\"Baby\",\"Backpack\",\"Backspace\",\"Bag\",\"BagSimple\",\"Balloon\",\"Bandaids\",\"Bank\",\"Barbell\",\"Barcode\",\"Barricade\",\"Baseball\",\"BaseballCap\",\"Basket\",\"Basketball\",\"Bathtub\",\"BatteryCharging\",\"BatteryEmpty\",\"BatteryFull\",\"BatteryHigh\",\"BatteryLow\",\"BatteryMedium\",\"BatteryPlus\",\"BatteryPlusVertical\",\"BatteryVerticalEmpty\",\"BatteryVerticalFull\",\"BatteryVerticalHigh\",\"BatteryVerticalLow\",\"BatteryWarning\",\"Bed\",\"BeerBottle\",\"BeerStein\",\"BehanceLogo\",\"Bell\",\"BellRinging\",\"BellSimple\",\"BellSimpleRinging\",\"BellSimpleSlash\",\"BellSimpleZ\",\"BellSlash\",\"BellZ\",\"BezierCurve\",\"Bicycle\",\"Binoculars\",\"Bird\",\"Bluetooth\",\"BluetoothConnected\",\"BluetoothSlash\",\"BluetoothX\",\"Boat\",\"Bone\",\"Book\",\"BookBookmark\",\"BookOpen\",\"BookOpenText\",\"Bookmark\",\"BookmarkSimple\",\"Bookmarks\",\"BookmarksSimple\",\"Books\",\"Boot\",\"BoundingBox\",\"BowlFood\",\"BracketsAngle\",\"BracketsCurly\",\"BracketsRound\",\"BracketsSquare\",\"Brain\",\"Brandy\",\"Bridge\",\"Briefcase\",\"BriefcaseMetal\",\"Broadcast\",\"Broom\",\"Browser\",\"Browsers\",\"Bug\",\"BugBeetle\",\"BugDroid\",\"Buildings\",\"Bus\",\"Butterfly\",\"Cactus\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarBlank\",\"CalendarCheck\",\"CalendarPlus\",\"CalendarX\",\"CallBell\",\"Camera\",\"CameraPlus\",\"CameraRotate\",\"CameraSlash\",\"Campfire\",\"Car\",\"CarProfile\",\"CarSimple\",\"Cardholder\",\"Cards\",\"CaretCircleDoubleUp\",\"CaretCircleDown\",\"CaretCircleLeft\",\"CaretCircleRight\",\"CaretCircleUp\",\"CaretCircleUpDown\",\"CaretDoubleDown\",\"CaretDoubleLeft\",\"CaretDoubleRight\",\"CaretDoubleUp\",\"CaretDown\",\"CaretLeft\",\"CaretRight\",\"CaretUp\",\"CaretUpDown\",\"Carrot\",\"CassetteTape\",\"CastleTurret\",\"Cat\",\"CellSignalFull\",\"CellSignalHigh\",\"CellSignalLow\",\"CellSignalMedium\",\"CellSignalNone\",\"CellSignalSlash\",\"CellSignalX\",\"Certificate\",\"Chair\",\"Chalkboard\",\"ChalkboardSimple\",\"ChalkboardTeacher\",\"Champagne\",\"ChargingStation\",\"ChartBar\",\"ChartBarHorizontal\",\"ChartDonut\",\"ChartLine\",\"ChartLineDown\",\"ChartLineUp\",\"ChartPie\",\"ChartPieSlice\",\"ChartPolar\",\"ChartScatter\",\"Chat\",\"ChatCentered\",\"ChatCenteredDots\",\"ChatCenteredText\",\"ChatCircle\",\"ChatCircleDots\",\"ChatCircleText\",\"ChatDots\",\"ChatTeardrop\",\"ChatTeardropDots\",\"ChatTeardropText\",\"ChatText\",\"Chats\",\"ChatsCircle\",\"ChatsTeardrop\",\"Check\",\"CheckCircle\",\"CheckFat\",\"CheckSquare\",\"CheckSquareOffset\",\"Checks\",\"Church\",\"Circle\",\"CircleDashed\",\"CircleHalf\",\"CircleHalfTilt\",\"CircleNotch\",\"CirclesFour\",\"CirclesThree\",\"CirclesThreePlus\",\"Circuitry\",\"Clipboard\",\"ClipboardText\",\"Clock\",\"ClockAfternoon\",\"ClockClockwise\",\"ClockCounterClockwise\",\"ClockCountdown\",\"ClosedCaptioning\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CloudCheck\",\"CloudFog\",\"CloudLightning\",\"CloudMoon\",\"CloudRain\",\"CloudSlash\",\"CloudSnow\",\"CloudSun\",\"CloudWarning\",\"CloudX\",\"Club\",\"CoatHanger\",\"CodaLogo\",\"Code\",\"CodeBlock\",\"CodeSimple\",\"CodepenLogo\",\"CodesandboxLogo\",\"Coffee\",\"Coin\",\"CoinVertical\",\"Coins\",\"Columns\",\"Command\",\"Compass\",\"CompassTool\",\"ComputerTower\",\"Confetti\",\"ContactlessPayment\",\"Control\",\"Cookie\",\"CookingPot\",\"Copy\",\"CopySimple\",\"Copyleft\",\"Copyright\",\"CornersIn\",\"CornersOut\",\"Couch\",\"Cpu\",\"CreditCard\",\"Crop\",\"Cross\",\"Crosshair\",\"CrosshairSimple\",\"Crown\",\"CrownSimple\",\"Cube\",\"CubeFocus\",\"CubeTransparent\",\"CurrencyBtc\",\"CurrencyCircleDollar\",\"CurrencyCny\",\"CurrencyDollar\",\"CurrencyDollarSimple\",\"CurrencyEth\",\"CurrencyEur\",\"CurrencyGbp\",\"CurrencyInr\",\"CurrencyJpy\",\"CurrencyKrw\",\"CurrencyKzt\",\"CurrencyNgn\",\"CurrencyRub\",\"Cursor\",\"CursorClick\",\"CursorText\",\"Cylinder\",\"Database\",\"Desktop\",\"DesktopTower\",\"Detective\",\"DevToLogo\",\"DeviceMobile\",\"DeviceMobileCamera\",\"DeviceMobileSpeaker\",\"DeviceTablet\",\"DeviceTabletCamera\",\"DeviceTabletSpeaker\",\"Devices\",\"Diamond\",\"DiamondsFour\",\"DiceFive\",\"DiceFour\",\"DiceOne\",\"DiceSix\",\"DiceThree\",\"DiceTwo\",\"Disc\",\"DiscordLogo\",\"Divide\",\"Dna\",\"Dog\",\"Door\",\"DoorOpen\",\"Dot\",\"DotOutline\",\"DotsNine\",\"DotsSix\",\"DotsSixVertical\",\"DotsThree\",\"DotsThreeCircle\",\"DotsThreeOutline\",\"DotsThreeVertical\",\"Download\",\"DownloadSimple\",\"Dress\",\"DribbbleLogo\",\"Drop\",\"DropHalf\",\"DropHalfBottom\",\"DropboxLogo\",\"Ear\",\"EarSlash\",\"Egg\",\"EggCrack\",\"Eject\",\"EjectSimple\",\"Elevator\",\"Engine\",\"Envelope\",\"EnvelopeOpen\",\"EnvelopeSimple\",\"EnvelopeSimpleOpen\",\"Equalizer\",\"Equals\",\"Eraser\",\"EscalatorDown\",\"EscalatorUp\",\"Exam\",\"Exclude\",\"ExcludeSquare\",\"Export\",\"Eye\",\"EyeClosed\",\"EyeSlash\",\"Eyedropper\",\"EyedropperSample\",\"Eyeglasses\",\"FaceMask\",\"FacebookLogo\",\"Factory\",\"Faders\",\"FadersHorizontal\",\"Fan\",\"FastForward\",\"FastForwardCircle\",\"Feather\",\"FigmaLogo\",\"File\",\"FileArchive\",\"FileArrowDown\",\"FileArrowUp\",\"FileAudio\",\"FileCloud\",\"FileCode\",\"FileCss\",\"FileCsv\",\"FileDashed\",\"FileDoc\",\"FileHtml\",\"FileImage\",\"FileJpg\",\"FileJs\",\"FileJsx\",\"FileLock\",\"FileMagnifyingGlass\",\"FileMinus\",\"FilePdf\",\"FilePlus\",\"FilePng\",\"FilePpt\",\"FileRs\",\"FileSql\",\"FileSvg\",\"FileText\",\"FileTs\",\"FileTsx\",\"FileVideo\",\"FileVue\",\"FileX\",\"FileXls\",\"FileZip\",\"Files\",\"FilmReel\",\"FilmScript\",\"FilmSlate\",\"FilmStrip\",\"Fingerprint\",\"FingerprintSimple\",\"FinnTheHuman\",\"Fire\",\"FireExtinguisher\",\"FireSimple\",\"FirstAid\",\"FirstAidKit\",\"Fish\",\"FishSimple\",\"Flag\",\"FlagBanner\",\"FlagCheckered\",\"FlagPennant\",\"Flame\",\"Flashlight\",\"Flask\",\"FloppyDisk\",\"FloppyDiskBack\",\"FlowArrow\",\"Flower\",\"FlowerLotus\",\"FlowerTulip\",\"FlyingSaucer\",\"Folder\",\"FolderDashed\",\"FolderLock\",\"FolderMinus\",\"FolderNotch\",\"FolderNotchMinus\",\"FolderNotchOpen\",\"FolderNotchPlus\",\"FolderOpen\",\"FolderPlus\",\"FolderSimple\",\"FolderSimpleDashed\",\"FolderSimpleLock\",\"FolderSimpleMinus\",\"FolderSimplePlus\",\"FolderSimpleStar\",\"FolderSimpleUser\",\"FolderStar\",\"FolderUser\",\"Folders\",\"Football\",\"Footprints\",\"ForkKnife\",\"FrameCorners\",\"FramerLogo\",\"Function\",\"Funnel\",\"FunnelSimple\",\"GameController\",\"Garage\",\"GasCan\",\"GasPump\",\"Gauge\",\"Gavel\",\"Gear\",\"GearFine\",\"GearSix\",\"GenderFemale\",\"GenderIntersex\",\"GenderMale\",\"GenderNeuter\",\"GenderNonbinary\",\"GenderTransgender\",\"Ghost\",\"Gif\",\"Gift\",\"GitBranch\",\"GitCommit\",\"GitDiff\",\"GitFork\",\"GitMerge\",\"GitPullRequest\",\"GithubLogo\",\"GitlabLogo\",\"GitlabLogoSimple\",\"Globe\",\"GlobeHemisphereEast\",\"GlobeHemisphereWest\",\"GlobeSimple\",\"GlobeStand\",\"Goggles\",\"GoodreadsLogo\",\"GoogleCardboardLogo\",\"GoogleChromeLogo\",\"GoogleDriveLogo\",\"GoogleLogo\",\"GooglePhotosLogo\",\"GooglePlayLogo\",\"GooglePodcastsLogo\",\"Gradient\",\"GraduationCap\",\"Grains\",\"GrainsSlash\",\"Graph\",\"GridFour\",\"GridNine\",\"Guitar\",\"Hamburger\",\"Hammer\",\"Hand\",\"HandCoins\",\"HandEye\",\"HandFist\",\"HandGrabbing\",\"HandHeart\",\"HandPalm\",\"HandPointing\",\"HandSoap\",\"HandSwipeLeft\",\"HandSwipeRight\",\"HandTap\",\"HandWaving\",\"Handbag\",\"HandbagSimple\",\"HandsClapping\",\"HandsPraying\",\"Handshake\",\"HardDrive\",\"HardDrives\",\"Hash\",\"HashStraight\",\"Headlights\",\"Headphones\",\"Headset\",\"Heart\",\"HeartBreak\",\"HeartHalf\",\"HeartStraight\",\"HeartStraightBreak\",\"Heartbeat\",\"Hexagon\",\"HighHeel\",\"HighlighterCircle\",\"Hoodie\",\"Horse\",\"Hourglass\",\"HourglassHigh\",\"HourglassLow\",\"HourglassMedium\",\"HourglassSimple\",\"HourglassSimpleHigh\",\"HourglassSimpleLow\",\"House\",\"HouseLine\",\"HouseSimple\",\"IceCream\",\"IdentificationBadge\",\"IdentificationCard\",\"Image\",\"ImageSquare\",\"Images\",\"ImagesSquare\",\"Infinity\",\"Info\",\"InstagramLogo\",\"Intersect\",\"IntersectSquare\",\"IntersectThree\",\"Jeep\",\"Kanban\",\"Key\",\"KeyReturn\",\"Keyboard\",\"Keyhole\",\"Knife\",\"Ladder\",\"LadderSimple\",\"Lamp\",\"Laptop\",\"Layout\",\"Leaf\",\"Lifebuoy\",\"Lightbulb\",\"LightbulbFilament\",\"Lighthouse\",\"Lightning\",\"LightningA\",\"LightningSlash\",\"LineSegment\",\"LineSegments\",\"Link\",\"LinkBreak\",\"LinkSimple\",\"LinkSimpleBreak\",\"LinkSimpleHorizontal\",\"LinkedinLogo\",\"LinuxLogo\",\"List\",\"ListBullets\",\"ListChecks\",\"ListDashes\",\"ListMagnifyingGlass\",\"ListNumbers\",\"ListPlus\",\"Lock\",\"LockKey\",\"LockKeyOpen\",\"LockLaminated\",\"LockLaminatedOpen\",\"LockOpen\",\"LockSimple\",\"LockSimpleOpen\",\"Lockers\",\"MagicWand\",\"Magnet\",\"MagnetStraight\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"MapPin\",\"MapPinLine\",\"MapTrifold\",\"MarkerCircle\",\"Martini\",\"MaskHappy\",\"MaskSad\",\"MathOperations\",\"Medal\",\"MedalMilitary\",\"MediumLogo\",\"Megaphone\",\"MegaphoneSimple\",\"MessengerLogo\",\"MetaLogo\",\"Metronome\",\"Microphone\",\"MicrophoneSlash\",\"MicrophoneStage\",\"MicrosoftExcelLogo\",\"MicrosoftOutlookLogo\",\"MicrosoftTeamsLogo\",\"MicrosoftWordLogo\",\"Minus\",\"MinusCircle\",\"MinusSquare\",\"Money\",\"Monitor\",\"MonitorPlay\",\"Moon\",\"MoonStars\",\"Moped\",\"MopedFront\",\"Mosque\",\"Motorcycle\",\"Mountains\",\"Mouse\",\"MouseSimple\",\"MusicNote\",\"MusicNoteSimple\",\"MusicNotes\",\"MusicNotesPlus\",\"MusicNotesSimple\",\"NavigationArrow\",\"Needle\",\"Newspaper\",\"NewspaperClipping\",\"Notches\",\"Note\",\"NoteBlank\",\"NotePencil\",\"Notebook\",\"Notepad\",\"Notification\",\"NotionLogo\",\"NumberCircleEight\",\"NumberCircleFive\",\"NumberCircleFour\",\"NumberCircleNine\",\"NumberCircleOne\",\"NumberCircleSeven\",\"NumberCircleSix\",\"NumberCircleThree\",\"NumberCircleTwo\",\"NumberCircleZero\",\"NumberEight\",\"NumberFive\",\"NumberFour\",\"NumberNine\",\"NumberOne\",\"NumberSeven\",\"NumberSix\",\"NumberSquareEight\",\"NumberSquareFive\",\"NumberSquareFour\",\"NumberSquareNine\",\"NumberSquareOne\",\"NumberSquareSeven\",\"NumberSquareSix\",\"NumberSquareThree\",\"NumberSquareTwo\",\"NumberSquareZero\",\"NumberThree\",\"NumberTwo\",\"NumberZero\",\"Nut\",\"NyTimesLogo\",\"Octagon\",\"OfficeChair\",\"Option\",\"OrangeSlice\",\"Package\",\"PaintBrush\",\"PaintBrushBroad\",\"PaintBrushHousehold\",\"PaintBucket\",\"PaintRoller\",\"Palette\",\"Pants\",\"PaperPlane\",\"PaperPlaneRight\",\"PaperPlaneTilt\",\"Paperclip\",\"PaperclipHorizontal\",\"Parachute\",\"Paragraph\",\"Parallelogram\",\"Park\",\"Password\",\"Path\",\"PatreonLogo\",\"Pause\",\"PauseCircle\",\"PawPrint\",\"PaypalLogo\",\"Peace\",\"Pen\",\"PenNib\",\"PenNibStraight\",\"Pencil\",\"PencilCircle\",\"PencilLine\",\"PencilSimple\",\"PencilSimpleLine\",\"PencilSimpleSlash\",\"PencilSlash\",\"Pentagram\",\"Pepper\",\"Percent\",\"Person\",\"PersonArmsSpread\",\"PersonSimple\",\"PersonSimpleBike\",\"PersonSimpleRun\",\"PersonSimpleThrow\",\"PersonSimpleWalk\",\"Perspective\",\"Phone\",\"PhoneCall\",\"PhoneDisconnect\",\"PhoneIncoming\",\"PhoneOutgoing\",\"PhonePlus\",\"PhoneSlash\",\"PhoneX\",\"PhosphorLogo\",\"Pi\",\"PianoKeys\",\"PictureInPicture\",\"PiggyBank\",\"Pill\",\"PinterestLogo\",\"Pinwheel\",\"Pizza\",\"Placeholder\",\"Planet\",\"Plant\",\"Play\",\"PlayCircle\",\"PlayPause\",\"Playlist\",\"Plug\",\"PlugCharging\",\"Plugs\",\"PlugsConnected\",\"Plus\",\"PlusCircle\",\"PlusMinus\",\"PlusSquare\",\"PokerChip\",\"PoliceCar\",\"Polygon\",\"Popcorn\",\"PottedPlant\",\"Power\",\"Prescription\",\"Presentation\",\"PresentationChart\",\"Printer\",\"Prohibit\",\"ProhibitInset\",\"ProjectorScreen\",\"ProjectorScreenChart\",\"Pulse\",\"PushPin\",\"PushPinSimple\",\"PushPinSimpleSlash\",\"PushPinSlash\",\"PuzzlePiece\",\"QrCode\",\"Question\",\"Queue\",\"Quotes\",\"Radical\",\"Radio\",\"RadioButton\",\"Radioactive\",\"Rainbow\",\"RainbowCloud\",\"ReadCvLogo\",\"Receipt\",\"ReceiptX\",\"Record\",\"Rectangle\",\"Recycle\",\"RedditLogo\",\"Repeat\",\"RepeatOnce\",\"Rewind\",\"RewindCircle\",\"RoadHorizon\",\"Robot\",\"Rocket\",\"RocketLaunch\",\"Rows\",\"Rss\",\"RssSimple\",\"Rug\",\"Ruler\",\"Scales\",\"Scan\",\"Scissors\",\"Scooter\",\"Screencast\",\"ScribbleLoop\",\"Scroll\",\"Seal\",\"SealCheck\",\"SealQuestion\",\"SealWarning\",\"Selection\",\"SelectionAll\",\"SelectionBackground\",\"SelectionForeground\",\"SelectionInverse\",\"SelectionPlus\",\"SelectionSlash\",\"Shapes\",\"Share\",\"ShareFat\",\"ShareNetwork\",\"Shield\",\"ShieldCheck\",\"ShieldCheckered\",\"ShieldChevron\",\"ShieldPlus\",\"ShieldSlash\",\"ShieldStar\",\"ShieldWarning\",\"ShirtFolded\",\"ShootingStar\",\"ShoppingBag\",\"ShoppingBagOpen\",\"ShoppingCart\",\"ShoppingCartSimple\",\"Shower\",\"Shrimp\",\"Shuffle\",\"ShuffleAngular\",\"ShuffleSimple\",\"Sidebar\",\"SidebarSimple\",\"Sigma\",\"SignIn\",\"SignOut\",\"Signature\",\"Signpost\",\"SimCard\",\"Siren\",\"SketchLogo\",\"SkipBack\",\"SkipBackCircle\",\"SkipForward\",\"SkipForwardCircle\",\"Skull\",\"SlackLogo\",\"Sliders\",\"SlidersHorizontal\",\"Slideshow\",\"Smiley\",\"SmileyAngry\",\"SmileyBlank\",\"SmileyMeh\",\"SmileyNervous\",\"SmileySad\",\"SmileySticker\",\"SmileyWink\",\"SmileyXEyes\",\"SnapchatLogo\",\"Sneaker\",\"SneakerMove\",\"Snowflake\",\"SoccerBall\",\"SortAscending\",\"SortDescending\",\"SoundcloudLogo\",\"Spade\",\"Sparkle\",\"SpeakerHifi\",\"SpeakerHigh\",\"SpeakerLow\",\"SpeakerNone\",\"SpeakerSimpleHigh\",\"SpeakerSimpleLow\",\"SpeakerSimpleNone\",\"SpeakerSimpleSlash\",\"SpeakerSimpleX\",\"SpeakerSlash\",\"SpeakerX\",\"Spinner\",\"SpinnerGap\",\"Spiral\",\"SplitHorizontal\",\"SplitVertical\",\"SpotifyLogo\",\"Square\",\"SquareHalf\",\"SquareHalfBottom\",\"SquareLogo\",\"SquareSplitVertical\",\"SquaresFour\",\"Stack\",\"StackOverflowLogo\",\"StackSimple\",\"Stairs\",\"Stamp\",\"Star\",\"StarAndCrescent\",\"StarFour\",\"StarHalf\",\"StarOfDavid\",\"SteeringWheel\",\"Steps\",\"Stethoscope\",\"Sticker\",\"Stool\",\"Stop\",\"StopCircle\",\"Storefront\",\"Strategy\",\"StripeLogo\",\"Student\",\"Subtitles\",\"Subtract\",\"SubtractSquare\",\"Suitcase\",\"SuitcaseRolling\",\"SuitcaseSimple\",\"Sun\",\"SunDim\",\"SunHorizon\",\"Sunglasses\",\"Swap\",\"Swatches\",\"SwimmingPool\",\"Sword\",\"Synagogue\",\"Syringe\",\"TShirt\",\"Table\",\"Tabs\",\"Tag\",\"TagChevron\",\"TagSimple\",\"Target\",\"Taxi\",\"TelegramLogo\",\"Television\",\"TelevisionSimple\",\"TennisBall\",\"Tent\",\"Terminal\",\"TerminalWindow\",\"TestTube\",\"TextAUnderline\",\"TextAa\",\"TextAlignCenter\",\"TextAlignJustify\",\"TextAlignLeft\",\"TextAlignRight\",\"TextB\",\"TextColumns\",\"TextH\",\"TextHFive\",\"TextHFour\",\"TextHOne\",\"TextHSix\",\"TextHThree\",\"TextHTwo\",\"TextIndent\",\"TextItalic\",\"TextOutdent\",\"TextStrikethrough\",\"TextT\",\"TextUnderline\",\"Textbox\",\"Thermometer\",\"ThermometerCold\",\"ThermometerHot\",\"ThermometerSimple\",\"ThumbsDown\",\"ThumbsUp\",\"Ticket\",\"TidalLogo\",\"TiktokLogo\",\"Timer\",\"Tipi\",\"ToggleLeft\",\"ToggleRight\",\"Toilet\",\"ToiletPaper\",\"Toolbox\",\"Tooth\",\"Tote\",\"ToteSimple\",\"Trademark\",\"TrademarkRegistered\",\"TrafficCone\",\"TrafficSign\",\"TrafficSignal\",\"Train\",\"TrainRegional\",\"TrainSimple\",\"Tram\",\"Translate\",\"Trash\",\"TrashSimple\",\"Tray\",\"Tree\",\"TreeEvergreen\",\"TreePalm\",\"TreeStructure\",\"TrendDown\",\"TrendUp\",\"Triangle\",\"Trophy\",\"Truck\",\"TwitchLogo\",\"TwitterLogo\",\"Umbrella\",\"UmbrellaSimple\",\"Unite\",\"UniteSquare\",\"Upload\",\"UploadSimple\",\"Usb\",\"User\",\"UserCircle\",\"UserCircleGear\",\"UserCircleMinus\",\"UserCirclePlus\",\"UserFocus\",\"UserGear\",\"UserList\",\"UserMinus\",\"UserPlus\",\"UserRectangle\",\"UserSquare\",\"UserSwitch\",\"Users\",\"UsersFour\",\"UsersThree\",\"Van\",\"Vault\",\"Vibrate\",\"Video\",\"VideoCamera\",\"VideoCameraSlash\",\"Vignette\",\"VinylRecord\",\"VirtualReality\",\"Virus\",\"Voicemail\",\"Volleyball\",\"Wall\",\"Wallet\",\"Warehouse\",\"Warning\",\"WarningCircle\",\"WarningDiamond\",\"WarningOctagon\",\"Watch\",\"WaveSawtooth\",\"WaveSine\",\"WaveSquare\",\"WaveTriangle\",\"Waveform\",\"Waves\",\"Webcam\",\"WebcamSlash\",\"WebhooksLogo\",\"WechatLogo\",\"WhatsappLogo\",\"Wheelchair\",\"WheelchairMotion\",\"WifiHigh\",\"WifiLow\",\"WifiMedium\",\"WifiNone\",\"WifiSlash\",\"WifiX\",\"Wind\",\"WindowsLogo\",\"Wine\",\"Wrench\",\"X\",\"XCircle\",\"XSquare\",\"YinYang\",\"YoutubeLogo\",];const moduleBaseUrl=\"https://framer.com/m/phosphor-icons/\";const weightOptions=[\"thin\",\"light\",\"regular\",\"bold\",\"fill\",\"duotone\",];const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * PHOSPHOR\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,weight,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HouseFactory(React):null);async function importModule(){// Get the selected module\ntry{const version=\"0.0.53\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@${version}`;const module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch(err){if(isMounted.current)setSelectedIcon(null);}}useEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined},focusable:\"false\",color:color,children:/*#__PURE__*/ _jsx(SelectedIcon,{color:color,weight:weight})}):emptyState});}Icon.displayName=\"Phosphor\";Icon.defaultProps={width:24,height:24,iconSelection:\"House\",iconSearch:\"House\",color:\"#66F\",selectByList:true,weight:\"regular\",mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Phosphor site](https://phosphoricons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box…\",hidden:({selectByList})=>selectByList},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},weight:{type:ControlType.Enum,title:\"Weight\",optionTitles:weightOptions.map(piece=>piece.charAt(0).toUpperCase()+piece.slice(1)),options:weightOptions,defaultValue:Icon.defaultProps.weight},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phosphor.map","// Generated by Framer (2a8efd8)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getPropertyControls,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/CAjjxbTJBxHwH1MagCef/Phosphor.js\";const PhosphorFonts=getFonts(Phosphor);const PhosphorControls=getPropertyControls(Phosphor);const cycleOrder=[\"nwk9_16fU\",\"fTmWKR9rn\",\"qH6aVuVIA\",\"VYX6ihBN1\"];const serializationHash=\"framer-0Q0Mi\";const variantClassNames={fTmWKR9rn:\"framer-v-1gnynql\",nwk9_16fU:\"framer-v-10gs0tg\",qH6aVuVIA:\"framer-v-vob7dn\",VYX6ihBN1:\"framer-v-1gptdm4\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableEnumMap={Bold:\"bold\",Duotone:\"duotone\",Fill:\"fill\",Light:\"light\",Regular:\"regular\",Thin:\"thin\"};const humanReadableVariantMap={\"16\":\"nwk9_16fU\",\"20\":\"fTmWKR9rn\",\"24\":\"qH6aVuVIA\",\"32\":\"VYX6ihBN1\"};const getProps=({baseIcon,baseIconColor,baseWeight,height,id,width,...props})=>{var _ref,_humanReadableEnumMap_baseWeight,_ref1,_ref2,_ref3,_humanReadableVariantMap_props_variant,_ref4;return{...props,H2EdQSxaV:(_ref=baseIcon!==null&&baseIcon!==void 0?baseIcon:props.H2EdQSxaV)!==null&&_ref!==void 0?_ref:\"Sun\",pH3SlNbTG:(_ref2=(_ref1=(_humanReadableEnumMap_baseWeight=humanReadableEnumMap[baseWeight])!==null&&_humanReadableEnumMap_baseWeight!==void 0?_humanReadableEnumMap_baseWeight:baseWeight)!==null&&_ref1!==void 0?_ref1:props.pH3SlNbTG)!==null&&_ref2!==void 0?_ref2:\"bold\",teu7AQ8vB:(_ref3=baseIconColor!==null&&baseIconColor!==void 0?baseIconColor:props.teu7AQ8vB)!==null&&_ref3!==void 0?_ref3:\"var(--token-fa6255fa-1747-4bc3-894a-8375bc25f0bd, rgb(28, 28, 28))\",variant:(_ref4=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref4!==void 0?_ref4:\"nwk9_16fU\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,H2EdQSxaV,teu7AQ8vB,pH3SlNbTG,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"nwk9_16fU\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-10gs0tg\",className,classNames),\"data-framer-name\":\"16\",layoutDependency:layoutDependency,layoutId:\"nwk9_16fU\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({fTmWKR9rn:{\"data-framer-name\":\"20\"},qH6aVuVIA:{\"data-framer-name\":\"24\"},VYX6ihBN1:{\"data-framer-name\":\"32\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1cgypo2-container\",layoutDependency:layoutDependency,layoutId:\"mPqXOuP7V-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:teu7AQ8vB,height:\"100%\",iconSearch:\"House\",iconSelection:H2EdQSxaV,id:\"mPqXOuP7V\",layoutId:\"mPqXOuP7V\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:pH3SlNbTG,width:\"100%\"})})})})})});});const css=['.framer-0Q0Mi[data-border=\"true\"]::after, .framer-0Q0Mi [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-0Q0Mi.framer-1rsxs5w, .framer-0Q0Mi .framer-1rsxs5w { display: block; }\",\".framer-0Q0Mi.framer-10gs0tg { height: 16px; overflow: hidden; position: relative; width: 16px; }\",\".framer-0Q0Mi .framer-1cgypo2-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }\",\".framer-0Q0Mi.framer-v-1gnynql.framer-10gs0tg { height: 20px; width: 20px; }\",\".framer-0Q0Mi.framer-v-vob7dn.framer-10gs0tg { height: 24px; width: 24px; }\",\".framer-0Q0Mi.framer-v-1gptdm4.framer-10gs0tg { height: 32px; width: 32px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 16\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"fTmWKR9rn\":{\"layout\":[\"fixed\",\"fixed\"]},\"qH6aVuVIA\":{\"layout\":[\"fixed\",\"fixed\"]},\"VYX6ihBN1\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"H2EdQSxaV\":\"baseIcon\",\"teu7AQ8vB\":\"baseIconColor\",\"pH3SlNbTG\":\"baseWeight\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n */const FramerZhuVmTTqy=withCSS(Component,css,\"framer-0Q0Mi\");export default FramerZhuVmTTqy;FramerZhuVmTTqy.displayName=\"IconSize\";FramerZhuVmTTqy.defaultProps={height:16,width:16};addPropertyControls(FramerZhuVmTTqy,{variant:{options:[\"nwk9_16fU\",\"fTmWKR9rn\",\"qH6aVuVIA\",\"VYX6ihBN1\"],optionTitles:[\"16\",\"20\",\"24\",\"32\"],title:\"Variant\",type:ControlType.Enum},H2EdQSxaV:(PhosphorControls===null||PhosphorControls===void 0?void 0:PhosphorControls[\"iconSelection\"])&&{...PhosphorControls[\"iconSelection\"],defaultValue:\"Sun\",description:undefined,hidden:undefined,title:\"BaseIcon\"},teu7AQ8vB:{defaultValue:'var(--token-fa6255fa-1747-4bc3-894a-8375bc25f0bd, rgb(28, 28, 28)) /* {\"name\":\"font/active\"} */',title:\"BaseIconColor\",type:ControlType.Color},pH3SlNbTG:(PhosphorControls===null||PhosphorControls===void 0?void 0:PhosphorControls[\"weight\"])&&{...PhosphorControls[\"weight\"],defaultValue:\"bold\",description:undefined,hidden:undefined,title:\"BaseWeight\"}});addFonts(FramerZhuVmTTqy,[...PhosphorFonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerZhuVmTTqy\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"16\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"fTmWKR9rn\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"qH6aVuVIA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"VYX6ihBN1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"H2EdQSxaV\\\":\\\"baseIcon\\\",\\\"teu7AQ8vB\\\":\\\"baseIconColor\\\",\\\"pH3SlNbTG\\\":\\\"baseWeight\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"16\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ZhuVmTTqy.map","// Generated by Framer (2a8efd8)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getPropertyControls,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import IconSize from\"https://framerusercontent.com/modules/jwAuvxBXOX4zjmocUki8/6iC3RFYNV5qlqWJShKva/ZhuVmTTqy.js\";const IconSizeFonts=getFonts(IconSize);const IconSizeControls=getPropertyControls(IconSize);const cycleOrder=[\"KZIK7rfVg\",\"udnmimFYL\"];const serializationHash=\"framer-NtVhy\";const variantClassNames={KZIK7rfVg:\"framer-v-1eogpue\",udnmimFYL:\"framer-v-17ka4qg\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableEnumMap={\"16\":\"nwk9_16fU\",\"20\":\"fTmWKR9rn\",\"24\":\"qH6aVuVIA\",\"32\":\"VYX6ihBN1\"};const humanReadableEnumMap1={Bold:\"bold\",Duotone:\"duotone\",Fill:\"fill\",Light:\"light\",Regular:\"regular\",Thin:\"thin\"};const humanReadableVariantMap={Dark:\"KZIK7rfVg\",Light:\"udnmimFYL\"};const getProps=({height,iconColor,iconDark2,iconLight2,iconSize,id,weight,width,...props})=>{var _ref,_humanReadableEnumMap_iconSize,_ref1,_ref2,_humanReadableEnumMap1_weight,_ref3,_ref4,_humanReadableVariantMap_props_variant,_ref5,_ref6,_ref7;return{...props,AeO5PLd9q:(_ref=iconColor!==null&&iconColor!==void 0?iconColor:props.AeO5PLd9q)!==null&&_ref!==void 0?_ref:\"var(--token-fa6255fa-1747-4bc3-894a-8375bc25f0bd, rgb(28, 28, 28))\",ddWa08mZD:(_ref2=(_ref1=(_humanReadableEnumMap_iconSize=humanReadableEnumMap[iconSize])!==null&&_humanReadableEnumMap_iconSize!==void 0?_humanReadableEnumMap_iconSize:iconSize)!==null&&_ref1!==void 0?_ref1:props.ddWa08mZD)!==null&&_ref2!==void 0?_ref2:\"fTmWKR9rn\",QNUIABbS6:(_ref4=(_ref3=(_humanReadableEnumMap1_weight=humanReadableEnumMap1[weight])!==null&&_humanReadableEnumMap1_weight!==void 0?_humanReadableEnumMap1_weight:weight)!==null&&_ref3!==void 0?_ref3:props.QNUIABbS6)!==null&&_ref4!==void 0?_ref4:\"bold\",variant:(_ref5=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref5!==void 0?_ref5:\"KZIK7rfVg\",WfbOFlO0c:(_ref6=iconDark2!==null&&iconDark2!==void 0?iconDark2:props.WfbOFlO0c)!==null&&_ref6!==void 0?_ref6:\"Moon\",zcws0PLsu:(_ref7=iconLight2!==null&&iconLight2!==void 0?iconLight2:props.zcws0PLsu)!==null&&_ref7!==void 0?_ref7:\"Sun\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,AeO5PLd9q,ddWa08mZD,QNUIABbS6,zcws0PLsu,WfbOFlO0c,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"KZIK7rfVg\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1eogpue\",className,classNames),\"data-framer-name\":\"Dark\",layoutDependency:layoutDependency,layoutId:\"KZIK7rfVg\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({udnmimFYL:{\"data-framer-name\":\"Light\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1lcjwir-container\",layoutDependency:layoutDependency,layoutId:\"NZvNweLd5-container\",children:/*#__PURE__*/_jsx(IconSize,{H2EdQSxaV:WfbOFlO0c,height:\"100%\",id:\"NZvNweLd5\",layoutId:\"NZvNweLd5\",pH3SlNbTG:QNUIABbS6,teu7AQ8vB:AeO5PLd9q,variant:ddWa08mZD,width:\"100%\",...addPropertyOverrides({udnmimFYL:{H2EdQSxaV:zcws0PLsu}},baseVariant,gestureVariant)})})})})})});});const css=['.framer-NtVhy[data-border=\"true\"]::after, .framer-NtVhy [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-NtVhy.framer-n0rqea, .framer-NtVhy .framer-n0rqea { display: block; }\",\".framer-NtVhy.framer-1eogpue { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-NtVhy .framer-1lcjwir-container { flex: none; height: auto; position: relative; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-NtVhy.framer-1eogpue { gap: 0px; } .framer-NtVhy.framer-1eogpue > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-NtVhy.framer-1eogpue > :first-child { margin-left: 0px; } .framer-NtVhy.framer-1eogpue > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 20\n * @framerIntrinsicWidth 20\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"udnmimFYL\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"AeO5PLd9q\":\"iconColor\",\"ddWa08mZD\":\"iconSize\",\"QNUIABbS6\":\"weight\",\"zcws0PLsu\":\"iconLight2\",\"WfbOFlO0c\":\"iconDark2\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n */const FramerZbmf7W7C5=withCSS(Component,css,\"framer-NtVhy\");export default FramerZbmf7W7C5;FramerZbmf7W7C5.displayName=\"Single\";FramerZbmf7W7C5.defaultProps={height:20,width:20};addPropertyControls(FramerZbmf7W7C5,{variant:{options:[\"KZIK7rfVg\",\"udnmimFYL\"],optionTitles:[\"Dark\",\"Light\"],title:\"Variant\",type:ControlType.Enum},AeO5PLd9q:{defaultValue:'var(--token-fa6255fa-1747-4bc3-894a-8375bc25f0bd, rgb(28, 28, 28)) /* {\"name\":\"font/active\"} */',title:\"IconColor\",type:ControlType.Color},ddWa08mZD:(IconSizeControls===null||IconSizeControls===void 0?void 0:IconSizeControls[\"variant\"])&&{...IconSizeControls[\"variant\"],defaultValue:\"fTmWKR9rn\",description:undefined,hidden:undefined,title:\"IconSize\"},QNUIABbS6:(IconSizeControls===null||IconSizeControls===void 0?void 0:IconSizeControls[\"pH3SlNbTG\"])&&{...IconSizeControls[\"pH3SlNbTG\"],defaultValue:\"bold\",description:undefined,hidden:undefined,title:\"Weight\"},zcws0PLsu:(IconSizeControls===null||IconSizeControls===void 0?void 0:IconSizeControls[\"H2EdQSxaV\"])&&{...IconSizeControls[\"H2EdQSxaV\"],defaultValue:\"Sun\",description:undefined,hidden:undefined,title:\"IconLight-2\"},WfbOFlO0c:(IconSizeControls===null||IconSizeControls===void 0?void 0:IconSizeControls[\"H2EdQSxaV\"])&&{...IconSizeControls[\"H2EdQSxaV\"],defaultValue:\"Moon\",description:undefined,hidden:undefined,title:\"IconDark-2\"}});addFonts(FramerZbmf7W7C5,[...IconSizeFonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerZbmf7W7C5\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"AeO5PLd9q\\\":\\\"iconColor\\\",\\\"ddWa08mZD\\\":\\\"iconSize\\\",\\\"QNUIABbS6\\\":\\\"weight\\\",\\\"zcws0PLsu\\\":\\\"iconLight2\\\",\\\"WfbOFlO0c\\\":\\\"iconDark2\\\"}\",\"framerIntrinsicWidth\":\"20\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"udnmimFYL\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"20\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Zbmf7W7C5.map","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","/*\n * createStore (framer/store@1.0.1)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/vj7bFUjvEQFgEzNBkdoG/vf3CKm378wlVcBk7IhSU/createStore.js\"\n","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";const useStore=createStore({// Start with system as the default theme\ntheme:\"system\"});const changeTheme=theme=>{const htmlElement=document.getElementsByTagName(\"html\")[0];const bodyElement=document.getElementsByTagName(\"body\")[0];htmlElement.setAttribute(\"toggle-theme\",`${theme}`);bodyElement.setAttribute(\"toggle-theme\",`${theme}`);localStorage.setItem(\"theme\",`${theme}`);// Trigger event that is compatible with Framestack Theme Image Component\nconst event=new Event(\"themeChange\");window.dispatchEvent(event);return;};export function withSingleToggle(Component){return props=>{const[store,setStore]=useStore();const[initialThemeSet,setInitialThemeSet]=useState(false);useEffect(()=>{// Detect system theme\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");// Function to set initial theme\nconst setInitialTheme=e=>{// First check if user has already saved a preference\nconst savedTheme=localStorage.getItem(\"theme\");// Only use system theme if no saved preference exists\n// OR if this is a system preference change event (e exists)\nconst themeToApply=!e&&savedTheme?savedTheme:e?.matches||mediaQuery.matches?\"dark\":\"light\";// Update store and localStorage\nsetStore({theme:themeToApply});localStorage.setItem(\"theme\",themeToApply);// Apply theme attributes\nconst htmlElement=document.getElementsByTagName(\"html\")[0];const bodyElement=document.getElementsByTagName(\"body\")[0];htmlElement?.setAttribute(\"toggle-theme\",themeToApply);bodyElement?.setAttribute(\"toggle-theme\",themeToApply);setInitialThemeSet(true);};// Set initial theme\nsetInitialTheme();// Listen for system theme changes\nmediaQuery.addEventListener(\"change\",setInitialTheme);// Create sets of light and dark mode tokens\nlet lightThemeTokens=[];let darkThemeTokens=[];for(let i=0;i