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 (8a62807)\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 JW2ySfJQW=undefined;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=({fill,height,id,width,...props})=>{return{...props,JW2ySfJQW:fill??props.JW2ySfJQW??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,JW2ySfJQW,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-p9UF6\",className),layoutId:layoutId,ref:ref,style:{\"--t829wi\":JW2ySfJQW,...style}});});const css=[`.framer-p9UF6 { -webkit-mask: ${mask}; aspect-ratio: 1.1428571428571428; background-color: var(--t829wi); mask: ${mask}; width: 16px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 16\n * @framerIntrinsicHeight 14\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"JW2ySfJQW\":\"fill\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Anthropic\",\"color\":{\"type\":\"variable\",\"value\":\"t829wi\"},\"set\":{\"localId\":\"vectorSet/uK5ESDkg3\",\"id\":\"uK5ESDkg3\",\"moduleId\":\"rTgCpOIUH6tdiqNh47fL\"}}\n */const Icon=withCSS(Component,css,\"framer-p9UF6\");Icon.displayName=\"Anthropic\";export default Icon;addPropertyControls(Icon,{JW2ySfJQW:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Fill\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"JW2ySfJQW\\\":\\\"fill\\\"}\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Anthropic\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"t829wi\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/uK5ESDkg3\\\",\\\"id\\\":\\\"uK5ESDkg3\\\",\\\"moduleId\\\":\\\"rTgCpOIUH6tdiqNh47fL\\\"}}\",\"framerIntrinsicWidth\":\"16\",\"framerIntrinsicHeight\":\"14\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-FiPhj .framer-styles-preset-urxpug:not(.rich-text-wrapper), .framer-FiPhj .framer-styles-preset-urxpug.rich-text-wrapper a { --framer-link-text-color: var(--token-377a2a14-e17f-44f3-90bb-40b0248cd28b, #8e8e8e); --framer-link-text-decoration: underline; }\"];export const className=\"framer-FiPhj\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{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,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-3uTbA\",className),layoutId:layoutId,ref:ref,style:{...style}});});const css=[`.framer-3uTbA { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, #fafafa); 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 * @framerImmutableVariables true\n * @framerVector {\"name\":\"Group\",\"color\":{\"type\":\"static\",\"value\":\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\"},\"set\":{\"localId\":\"vectorSet/N741Xshhv\",\"id\":\"N741Xshhv\",\"moduleId\":\"IoEVh9IZBMYGjvmoB82h\"}}\n */const Icon=withCSS(Component,css,\"framer-3uTbA\");Icon.displayName=\"Group\";export default Icon;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Group\\\",\\\"color\\\":{\\\"type\\\":\\\"static\\\",\\\"value\\\":\\\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/N741Xshhv\\\",\\\"id\\\":\\\"N741Xshhv\\\",\\\"moduleId\\\":\\\"IoEVh9IZBMYGjvmoB82h\\\"}}\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.img,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"img\",{...rest,ref:ref});});const getProps=({height,id,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,alt:\"\",className:cx(\"framer-VzNe9\",className),layoutId:layoutId,ref:ref,src:'data:image/svg+xml,',style:{...style}});});const css=[`.framer-VzNe9 { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; user-select: none; 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 * @framerImmutableVariables true\n * @framerVector {\"name\":\"linkedin-box-fill\",\"color\":{\"type\":\"static\",\"value\":\"rgb(255,255,255)\"},\"set\":{\"localId\":\"vectorSet/ydnmGuoWS\",\"id\":\"ydnmGuoWS\",\"moduleId\":\"3wuvCv37gwFTeUMbcrNY\"}}\n */const Icon=withCSS(Component,css,\"framer-VzNe9\");Icon.displayName=\"linkedin-box-fill\";export default Icon;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVector\":\"{\\\"name\\\":\\\"linkedin-box-fill\\\",\\\"color\\\":{\\\"type\\\":\\\"static\\\",\\\"value\\\":\\\"rgb(255,255,255)\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/ydnmGuoWS\\\",\\\"id\\\":\\\"ydnmGuoWS\\\",\\\"moduleId\\\":\\\"3wuvCv37gwFTeUMbcrNY\\\"}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{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,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-SVqs8\",className),layoutId:layoutId,ref:ref,style:{...style}});});const css=[`.framer-SVqs8 { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, #fafafa); mask: ${mask}; width: 94px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 94\n * @framerIntrinsicHeight 94\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Group\",\"color\":{\"type\":\"static\",\"value\":\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\"},\"set\":{\"localId\":\"vectorSet/Tah7cU6zA\",\"id\":\"Tah7cU6zA\",\"moduleId\":\"baP8VT1REOeSyABF3NQz\"}}\n */const Icon=withCSS(Component,css,\"framer-SVqs8\");Icon.displayName=\"Group\";export default Icon;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"94\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"94\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerVector\":\"{\\\"name\\\":\\\"Group\\\",\\\"color\\\":{\\\"type\\\":\\\"static\\\",\\\"value\\\":\\\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/Tah7cU6zA\\\",\\\"id\\\":\\\"Tah7cU6zA\\\",\\\"moduleId\\\":\\\"baP8VT1REOeSyABF3NQz\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.img,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"img\",{...rest,ref:ref});});const getProps=({height,id,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,alt:\"\",className:cx(\"framer-OfMl7\",className),layoutId:layoutId,ref:ref,src:'data:image/svg+xml,',style:{...style}});});const css=[`.framer-OfMl7 { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; user-select: none; 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 * @framerImmutableVariables true\n * @framerVector {\"name\":\"Symbol_White_Transparent 1\",\"color\":{\"type\":\"static\",\"value\":\"rgba(255,255,255,0.65)\"},\"set\":{\"localId\":\"vectorSet/X0FQnf7Au\",\"id\":\"X0FQnf7Au\",\"moduleId\":\"g2D95DKUiJDtmoQwSq3R\"}}\n */const Icon=withCSS(Component,css,\"framer-OfMl7\");Icon.displayName=\"Symbol_White_Transparent 1\";export default Icon;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\",\"framerVector\":\"{\\\"name\\\":\\\"Symbol_White_Transparent 1\\\",\\\"color\\\":{\\\"type\\\":\\\"static\\\",\\\"value\\\":\\\"rgba(255,255,255,0.65)\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/X0FQnf7Au\\\",\\\"id\\\":\\\"X0FQnf7Au\\\",\\\"moduleId\\\":\\\"g2D95DKUiJDtmoQwSq3R\\\"}}\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f21d278)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{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,width,...props})=>{return{...props};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-jlrAc\",className),layoutId:layoutId,ref:ref,style:{...style}});});const css=[`.framer-jlrAc { -webkit-mask: ${mask}; aspect-ratio: 1; background-color: var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, #fafafa); 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 * @framerImmutableVariables true\n * @framerVector {\"name\":\"Group\",\"color\":{\"type\":\"static\",\"value\":\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\"},\"set\":{\"localId\":\"vectorSet/felM7bXpo\",\"id\":\"felM7bXpo\",\"moduleId\":\"JxWzuqZ2ivuHCZzvpbvA\"}}\n */const Icon=withCSS(Component,css,\"framer-jlrAc\");Icon.displayName=\"Group\";export default Icon;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Group\\\",\\\"color\\\":{\\\"type\\\":\\\"static\\\",\\\"value\\\":\\\"var(--token-a6382408-3515-4d6b-88b7-56badf98dc9d, rgb(250, 250, 250))\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/felM7bXpo\\\",\\\"id\\\":\\\"felM7bXpo\\\",\\\"moduleId\\\":\\\"JxWzuqZ2ivuHCZzvpbvA\\\"}}\",\"framerIntrinsicWidth\":\"24\",\"framerImmutableVariables\":\"true\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (52e1834)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,getLoadingLazyAtYPosition,Image,Link,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Group2 from\"https://framerusercontent.com/modules/TsrElo1qrWJrjnylI846/vr5yAOQL8aBDPqTxtlv5/bu8PPAAJj.js\";import LinkedinBoxFill from\"https://framerusercontent.com/modules/DYhker9ieGaEk1aP7DHl/hrhgggo0C1enp5cveZa2/fUYFpsOSR.js\";import Group from\"https://framerusercontent.com/modules/rcEPo5qRGZWfq5LYCqjz/jp37jr3Wp9FzZvdrl2OC/TQ3OB9kQS.js\";import Symbol_White_Transparent1 from\"https://framerusercontent.com/modules/cSpCEei9MishibSlkAfi/AtZbO0nnGdSRFAO1FyrK/xEfzVMTVM.js\";import Group1 from\"https://framerusercontent.com/modules/l7d7zCKW1RZc7BzW3FCE/Lzupe4lQVT6yHgEXk8cS/z2dz7e4bd.js\";const Symbol_White_Transparent1Fonts=getFonts(Symbol_White_Transparent1);const GroupFonts=getFonts(Group);const Group1Fonts=getFonts(Group1);const Group2Fonts=getFonts(Group2);const LinkedinBoxFillFonts=getFonts(LinkedinBoxFill);const enabledGestures={AjC6xr3Oj:{hover:true},Cd5b1L7dU:{hover:true},hSv_9irG7:{hover:true},jmnS8B51t:{hover:true},TCM64PxM3:{hover:true},YGah0o8Q6:{hover:true}};const cycleOrder=[\"hSv_9irG7\",\"XRCrFLv8C\",\"AjC6xr3Oj\",\"Cd5b1L7dU\",\"YGah0o8Q6\",\"TCM64PxM3\",\"jmnS8B51t\",\"rTJ3K6K9m\"];const serializationHash=\"framer-qNnUl\";const variantClassNames={AjC6xr3Oj:\"framer-v-cwpg84\",Cd5b1L7dU:\"framer-v-huwlvg\",hSv_9irG7:\"framer-v-1ixlqfi\",jmnS8B51t:\"framer-v-ekquec\",rTJ3K6K9m:\"framer-v-11g4whh\",TCM64PxM3:\"framer-v-1rf6c4g\",XRCrFLv8C:\"framer-v-yap0w3\",YGah0o8Q6:\"framer-v-3jya58\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const Pl4uycnv5=undefined;const transition1={delay:0,duration:.4,ease:[.44,0,.56,1],type:\"tween\"};const transformTemplate1=(_,t)=>`translate(-50%, -50%) ${t}`;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 humanReadableVariantMap={\"Substack card\":\"rTJ3K6K9m\",Activ:\"XRCrFLv8C\",Default:\"hSv_9irG7\",Linkedin:\"Cd5b1L7dU\",Luma:\"YGah0o8Q6\",Other:\"TCM64PxM3\",WhatsAPP:\"jmnS8B51t\",Youtube:\"AjC6xr3Oj\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,link,width,...props})=>{return{...props,Pl4uycnv5:link??props.Pl4uycnv5,variant:humanReadableVariantMap[props.variant]??props.variant??\"hSv_9irG7\"};};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,Pl4uycnv5,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"hSv_9irG7\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(gestureVariant===\"YGah0o8Q6-hover\")return true;if(baseVariant===\"YGah0o8Q6\")return true;return false;};const isDisplayed1=()=>{if([\"AjC6xr3Oj-hover\",\"Cd5b1L7dU-hover\",\"YGah0o8Q6-hover\",\"TCM64PxM3-hover\",\"jmnS8B51t-hover\"].includes(gestureVariant))return false;if([\"AjC6xr3Oj\",\"Cd5b1L7dU\",\"YGah0o8Q6\",\"TCM64PxM3\",\"jmnS8B51t\",\"rTJ3K6K9m\"].includes(baseVariant))return false;return true;};const isDisplayed2=()=>{if(gestureVariant===\"AjC6xr3Oj-hover\")return true;if(baseVariant===\"AjC6xr3Oj\")return true;return false;};const isDisplayed3=()=>{if(gestureVariant===\"Cd5b1L7dU-hover\")return true;if(baseVariant===\"Cd5b1L7dU\")return true;return false;};const isDisplayed4=()=>{if([\"TCM64PxM3-hover\",\"jmnS8B51t-hover\"].includes(gestureVariant))return true;if([\"TCM64PxM3\",\"jmnS8B51t\",\"rTJ3K6K9m\"].includes(baseVariant))return true;return false;};const isDisplayed5=()=>{if(gestureVariant===\"jmnS8B51t-hover\")return true;if(baseVariant===\"jmnS8B51t\")return true;return false;};const isDisplayed6=()=>{if(gestureVariant===\"jmnS8B51t-hover\")return false;if(baseVariant===\"jmnS8B51t\")return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:Pl4uycnv5,motionChild:true,nodeId:\"hSv_9irG7\",openInNewTab:true,scopeId:\"kWi8wVVpp\",...addPropertyOverrides({jmnS8B51t:{href:\"https://chat.whatsapp.com/E8ZyJZ2RMe3IIMKfDEOtnS\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1ixlqfi\",className,classNames)} framer-caiz05`,\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"hSv_9irG7\",ref:refBinding,style:{backgroundColor:\"var(--token-77331359-a635-46ab-ab1c-d8572bc3cff5, rgb(52, 52, 52))\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,...style},variants:{\"jmnS8B51t-hover\":{backgroundColor:\"rgb(77, 200, 138)\"},rTJ3K6K9m:{backgroundColor:\"var(--token-069bd74c-0929-460e-8d1d-a4337fc1da49, rgb(250, 95, 144))\"}},...addPropertyOverrides({\"AjC6xr3Oj-hover\":{\"data-framer-name\":undefined},\"Cd5b1L7dU-hover\":{\"data-framer-name\":undefined},\"hSv_9irG7-hover\":{\"data-framer-name\":undefined},\"jmnS8B51t-hover\":{\"data-framer-name\":undefined},\"TCM64PxM3-hover\":{\"data-framer-name\":undefined},\"YGah0o8Q6-hover\":{\"data-framer-name\":undefined},AjC6xr3Oj:{\"data-framer-name\":\"Youtube\"},Cd5b1L7dU:{\"data-framer-name\":\"Linkedin\"},jmnS8B51t:{\"data-framer-name\":\"WhatsAPP\"},rTJ3K6K9m:{\"data-framer-name\":\"Substack card\"},TCM64PxM3:{\"data-framer-name\":\"Other\"},XRCrFLv8C:{\"data-framer-name\":\"Activ\"},YGah0o8Q6:{\"data-framer-name\":\"Luma\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-10e7lwe\",layoutDependency:layoutDependency,layoutId:\"u_4LAgZlK\",transformTemplate:transformTemplate1,children:/*#__PURE__*/_jsx(Symbol_White_Transparent1,{animated:true,className:\"framer-3qfyj0\",\"data-framer-name\":\"Symbol_White_Transparent 1\",layoutDependency:layoutDependency,layoutId:\"jQBqCoMMs\"})}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-t1l2zu\",\"data-framer-name\":\"instagram-fill\",layoutDependency:layoutDependency,layoutId:\"pF0xkd57n\",children:/*#__PURE__*/_jsx(Group,{animated:true,className:\"framer-1bh0yvq\",\"data-framer-name\":\"Group\",layoutDependency:layoutDependency,layoutId:\"iC7mC4Skb\"})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-13kyiok\",\"data-framer-name\":\"Bg on hover\",layoutDependency:layoutDependency,layoutId:\"keODWZkRR\",style:{backgroundColor:\"rgb(77, 200, 138)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8}}),isDisplayed2()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ozlsq9\",\"data-framer-name\":\"youtube-fill\",layoutDependency:layoutDependency,layoutId:\"gJgyzxyDv\",children:/*#__PURE__*/_jsx(Group1,{animated:true,className:\"framer-ylkht9\",\"data-framer-name\":\"Group\",layoutDependency:layoutDependency,layoutId:\"LYRmweFZj\"})}),isDisplayed3()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1mhf63u\",\"data-framer-name\":\"linkedin-box-fill\",layoutDependency:layoutDependency,layoutId:\"j9Up_uHCw\",transformTemplate:transformTemplate1,children:/*#__PURE__*/_jsx(Group2,{animated:true,className:\"framer-1918mhw\",\"data-framer-name\":\"Group\",layoutDependency:layoutDependency,layoutId:\"sA_o_qFVO\"})}),isDisplayed4()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1w9escn\",layoutDependency:layoutDependency,layoutId:\"hgX4Dwjw3\",transformTemplate:transformTemplate1,children:[isDisplayed5()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:256,intrinsicWidth:256,pixelHeight:256,pixelWidth:256,src:\"https://framerusercontent.com/images/Xs9QgpgSyJSAYGxySfimi6RoJT8.png?width=256&height=256\"},className:\"framer-18rkv85\",\"data-framer-name\":\"Whatsapp-xxl\",layoutDependency:layoutDependency,layoutId:\"LtjOZEX_V\",...addPropertyOverrides({jmnS8B51t:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:256,intrinsicWidth:256,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+((componentViewport?.height||40)*.5000000000000002-12.5)+0),pixelHeight:256,pixelWidth:256,sizes:\"25px\",src:\"https://framerusercontent.com/images/Xs9QgpgSyJSAYGxySfimi6RoJT8.png?width=256&height=256\"}}},baseVariant,gestureVariant)}),isDisplayed6()&&/*#__PURE__*/_jsx(LinkedinBoxFill,{animated:true,className:\"framer-oc346d\",\"data-framer-name\":\"linkedin-box-fill\",layoutDependency:layoutDependency,layoutId:\"PQJwkLWYf\"})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-qNnUl.framer-caiz05, .framer-qNnUl .framer-caiz05 { display: block; }\",\".framer-qNnUl.framer-1ixlqfi { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 40px; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 4px; position: relative; text-decoration: none; width: 40px; will-change: var(--framer-will-change-override, transform); }\",\".framer-qNnUl .framer-10e7lwe { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: var(--framer-aspect-ratio-supported, 200px); justify-content: center; left: 50%; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: absolute; top: 50%; width: 100%; z-index: 1; }\",\".framer-qNnUl .framer-3qfyj0, .framer-qNnUl .framer-oc346d { flex: 0.6 0 0px; height: var(--framer-aspect-ratio-supported, 24px); position: relative; width: 1px; }\",\".framer-qNnUl .framer-t1l2zu { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 100%; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: var(--framer-aspect-ratio-supported, 32px); z-index: 1; }\",\".framer-qNnUl .framer-1bh0yvq { flex: none; height: 60%; position: relative; width: var(--framer-aspect-ratio-supported, 20px); }\",\".framer-qNnUl .framer-13kyiok { bottom: 0px; flex: none; left: -80px; overflow: visible; position: absolute; top: 0px; width: 100%; z-index: 0; }\",\".framer-qNnUl .framer-1ozlsq9 { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: var(--framer-aspect-ratio-supported, 200px); justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-qNnUl .framer-ylkht9 { flex: none; height: 80%; position: relative; width: var(--framer-aspect-ratio-supported, 1px); }\",\".framer-qNnUl .framer-1mhf63u { align-content: center; align-items: center; aspect-ratio: 1 / 1; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: var(--framer-aspect-ratio-supported, 200px); justify-content: center; left: 50%; overflow: hidden; padding: 0px; position: absolute; top: 50%; width: 100%; z-index: 1; }\",\".framer-qNnUl .framer-1918mhw { flex: none; height: 65%; position: relative; width: var(--framer-aspect-ratio-supported, 1px); }\",\".framer-qNnUl .framer-1w9escn { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; left: 50%; overflow: visible; padding: 0px; position: absolute; top: 50%; width: 100%; z-index: 1; }\",\".framer-qNnUl .framer-18rkv85 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 25px); overflow: visible; position: relative; width: 25px; }\",\".framer-qNnUl.framer-v-yap0w3.framer-1ixlqfi, .framer-qNnUl.framer-v-11g4whh.framer-1ixlqfi { cursor: unset; }\",\".framer-qNnUl.framer-v-yap0w3 .framer-13kyiok, .framer-qNnUl.framer-v-1ixlqfi.hover .framer-13kyiok, .framer-qNnUl.framer-v-cwpg84.hover .framer-13kyiok, .framer-qNnUl.framer-v-huwlvg.hover .framer-13kyiok, .framer-qNnUl.framer-v-3jya58.hover .framer-13kyiok, .framer-qNnUl.framer-v-1rf6c4g.hover .framer-13kyiok { left: 0px; }\",\".framer-qNnUl.framer-v-cwpg84 .framer-1ozlsq9 { height: var(--framer-aspect-ratio-supported, 32px); }\",\".framer-qNnUl.framer-v-cwpg84 .framer-ylkht9, .framer-qNnUl.framer-v-huwlvg .framer-1918mhw { width: var(--framer-aspect-ratio-supported, 26px); }\",\".framer-qNnUl.framer-v-huwlvg .framer-1mhf63u, .framer-qNnUl.framer-v-3jya58 .framer-10e7lwe { height: var(--framer-aspect-ratio-supported, 40px); }\",\".framer-qNnUl.framer-v-ekquec .framer-18rkv85 { order: 0; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 40\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"XRCrFLv8C\":{\"layout\":[\"fixed\",\"fixed\"]},\"AjC6xr3Oj\":{\"layout\":[\"fixed\",\"fixed\"]},\"Cd5b1L7dU\":{\"layout\":[\"fixed\",\"fixed\"]},\"YGah0o8Q6\":{\"layout\":[\"fixed\",\"fixed\"]},\"TCM64PxM3\":{\"layout\":[\"fixed\",\"fixed\"]},\"jmnS8B51t\":{\"layout\":[\"fixed\",\"fixed\"]},\"rTJ3K6K9m\":{\"layout\":[\"fixed\",\"fixed\"]},\"z71YSzqxU\":{\"layout\":[\"fixed\",\"fixed\"]},\"HDMqbn7KN\":{\"layout\":[\"fixed\",\"fixed\"]},\"auR9SSEL5\":{\"layout\":[\"fixed\",\"fixed\"]},\"LHFg8zt1g\":{\"layout\":[\"fixed\",\"fixed\"]},\"G0kVB4yIY\":{\"layout\":[\"fixed\",\"fixed\"]},\"ZKT5z9IA5\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"Pl4uycnv5\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerkWi8wVVpp=withCSS(Component,css,\"framer-qNnUl\");export default FramerkWi8wVVpp;FramerkWi8wVVpp.displayName=\"Social\";FramerkWi8wVVpp.defaultProps={height:40,width:40};addPropertyControls(FramerkWi8wVVpp,{variant:{options:[\"hSv_9irG7\",\"XRCrFLv8C\",\"AjC6xr3Oj\",\"Cd5b1L7dU\",\"YGah0o8Q6\",\"TCM64PxM3\",\"jmnS8B51t\",\"rTJ3K6K9m\"],optionTitles:[\"Default\",\"Activ\",\"Youtube\",\"Linkedin\",\"Luma\",\"Other\",\"WhatsAPP\",\"Substack card\"],title:\"Variant\",type:ControlType.Enum},Pl4uycnv5:{title:\"Link\",type:ControlType.Link}});addFonts(FramerkWi8wVVpp,[{explicitInter:true,fonts:[]},...Symbol_White_Transparent1Fonts,...GroupFonts,...Group1Fonts,...Group2Fonts,...LinkedinBoxFillFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerkWi8wVVpp\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"40\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"XRCrFLv8C\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"AjC6xr3Oj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Cd5b1L7dU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"YGah0o8Q6\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"TCM64PxM3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"jmnS8B51t\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"rTJ3K6K9m\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"z71YSzqxU\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"HDMqbn7KN\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"auR9SSEL5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"LHFg8zt1g\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"G0kVB4yIY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ZKT5z9IA5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"Pl4uycnv5\\\":\\\"link\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"40\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./kWi8wVVpp.map","// Generated by Framer (6ca3d35)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/lWwHLfcfpotwHbueR0Cs/sEGViWdSsdo6aIRd6pEK/WKhBAGDzJ.js\";const MotionDivWithFX=withFX(motion.div);const enabledGestures={foatuM1sg:{hover:true,pressed:true}};const cycleOrder=[\"foatuM1sg\",\"Y2HVpiAYQ\",\"EODcXMLwg\",\"QSvvPHKOc\",\"PO6Q60zeR\"];const serializationHash=\"framer-5LMhJ\";const variantClassNames={EODcXMLwg:\"framer-v-s7xyg3\",foatuM1sg:\"framer-v-1uzm3qc\",PO6Q60zeR:\"framer-v-yry3zb\",QSvvPHKOc:\"framer-v-1p3hov0\",Y2HVpiAYQ:\"framer-v-9r36om\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const TplEJ_ASZ=undefined;const E5DZAdc_m=undefined;const transition1={delay:0,duration:.4,ease:[.44,0,.56,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[0,0,1,1],type:\"tween\"};const animation={opacity:1,rotate:360,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const 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 humanReadableVariantMap={Default:\"foatuM1sg\",Disabled:\"EODcXMLwg\",Error:\"PO6Q60zeR\",Loading:\"Y2HVpiAYQ\",Success:\"QSvvPHKOc\"};const Variants=motion.create(React.Fragment);const getProps=({color,fill,height,id,width,...props})=>{return{...props,E5DZAdc_m:color??props.E5DZAdc_m??\"rgb(0, 0, 0)\",TplEJ_ASZ:fill??props.TplEJ_ASZ??\"var(--token-dfd9c566-4b4a-4012-aec2-6010d735bdc7, rgb(95, 250, 172))\",variant:humanReadableVariantMap[props.variant]??props.variant??\"foatuM1sg\"};};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,TplEJ_ASZ,E5DZAdc_m,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"foatuM1sg\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"Y2HVpiAYQ\")return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"Y2HVpiAYQ\")return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.button,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1uzm3qc\",className,classNames),\"data-framer-name\":\"Default\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"foatuM1sg\",ref:refBinding,style:{backgroundColor:TplEJ_ASZ,borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,opacity:1,...style},variants:{\"foatuM1sg-hover\":{opacity:1},\"foatuM1sg-pressed\":{opacity:1},EODcXMLwg:{opacity:.5},PO6Q60zeR:{backgroundColor:\"rgba(255, 34, 68, 0.15)\",opacity:1},QSvvPHKOc:{opacity:1}},...addPropertyOverrides({EODcXMLwg:{\"data-framer-name\":\"Disabled\"},PO6Q60zeR:{\"data-framer-name\":\"Error\"},QSvvPHKOc:{\"data-framer-name\":\"Success\"},Y2HVpiAYQ:{\"data-framer-name\":\"Loading\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-s28pem\",\"data-styles-preset\":\"WKhBAGDzJ\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-E5DZAdc_m-uUDaVO3zc))\"},children:\"Subscribe\"})}),className:\"framer-d9wrzp\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"M2sA8tM6N\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-E5DZAdc_m-uUDaVO3zc)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-E5DZAdc_m-uUDaVO3zc\":E5DZAdc_m},variants:{PO6Q60zeR:{\"--extracted-r6o4lv\":\"rgb(255, 34, 68)\"},QSvvPHKOc:{\"--extracted-r6o4lv\":\"var(--token-e8159394-7179-4106-a538-af773638828d, rgb(30, 30, 30))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({PO6Q60zeR:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 34, 68))\"},children:\"Something went wrong\"})}),fonts:[\"Inter-SemiBold\"]},QSvvPHKOc:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-e8159394-7179-4106-a538-af773638828d, rgb(30, 30, 30)))\"},children:\"Thank you\"})}),fonts:[\"Inter-SemiBold\"]}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-u475re\",\"data-framer-name\":\"Bg on hover\",layoutDependency:layoutDependency,layoutId:\"K_tMY6ZJY\",style:{backgroundColor:\"rgb(77, 200, 138)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8}}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-59kyx7\",\"data-framer-name\":\"Spinner\",layoutDependency:layoutDependency,layoutId:\"NbHZIaIb1\",style:{mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"},children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-akvtej\",\"data-framer-name\":\"Conic\",layoutDependency:layoutDependency,layoutId:\"mJovorInB\",style:{background:\"conic-gradient(from 0deg at 50% 50%, var(--token-e8159394-7179-4106-a538-af773638828d, rgb(30, 30, 30)) 7.208614864864882deg, rgb(255, 255, 255) 342deg)\",mask:\"none\",WebkitMask:\"none\"},variants:{Y2HVpiAYQ:{mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1bfz227\",\"data-framer-name\":\"Rounding\",layoutDependency:layoutDependency,layoutId:\"FmlVirUSj\",style:{backgroundColor:\"var(--token-e8159394-7179-4106-a538-af773638828d, rgb(30, 30, 30))\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1},transformTemplate:transformTemplate1})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-5LMhJ.framer-57vzr0, .framer-5LMhJ .framer-57vzr0 { display: block; }\",\".framer-5LMhJ.framer-1uzm3qc { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 44px; justify-content: center; min-width: 110px; overflow: var(--overflow-clip-fallback, clip); padding: 0px 16px 0px 16px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-5LMhJ .framer-d9wrzp { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; z-index: 2; }\",\".framer-5LMhJ .framer-u475re { bottom: 0px; flex: none; left: -240px; overflow: visible; position: absolute; right: 240px; top: 0px; z-index: 0; }\",\".framer-5LMhJ .framer-59kyx7 { aspect-ratio: 1 / 1; flex: none; gap: 10px; height: var(--framer-aspect-ratio-supported, 20px); overflow: hidden; position: relative; width: 20px; }\",\".framer-5LMhJ .framer-akvtej { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; }\",\".framer-5LMhJ .framer-1bfz227 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 2px); left: 50%; overflow: visible; position: absolute; top: 0px; width: 2px; }\",\".framer-5LMhJ.framer-v-9r36om.framer-1uzm3qc, .framer-5LMhJ.framer-v-s7xyg3.framer-1uzm3qc, .framer-5LMhJ.framer-v-1p3hov0.framer-1uzm3qc, .framer-5LMhJ.framer-v-yry3zb.framer-1uzm3qc { cursor: unset; }\",\".framer-5LMhJ.framer-v-9r36om .framer-akvtej { overflow: hidden; }\",\".framer-5LMhJ.framer-v-1uzm3qc.hover .framer-u475re, .framer-5LMhJ.framer-v-1uzm3qc.pressed .framer-u475re { left: 0px; right: 0px; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 110\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"Y2HVpiAYQ\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"EODcXMLwg\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"QSvvPHKOc\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"PO6Q60zeR\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"uCq6RHdhw\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]},\"AgaDDq_VR\":{\"layout\":[\"auto\",\"fixed\"],\"constraints\":[\"110px\",null,null,null]}}}\n * @framerVariables {\"TplEJ_ASZ\":\"fill\",\"E5DZAdc_m\":\"color\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameruUDaVO3zc=withCSS(Component,css,\"framer-5LMhJ\");export default FrameruUDaVO3zc;FrameruUDaVO3zc.displayName=\"Button 2\";FrameruUDaVO3zc.defaultProps={height:44,width:110};addPropertyControls(FrameruUDaVO3zc,{variant:{options:[\"foatuM1sg\",\"Y2HVpiAYQ\",\"EODcXMLwg\",\"QSvvPHKOc\",\"PO6Q60zeR\"],optionTitles:[\"Default\",\"Loading\",\"Disabled\",\"Success\",\"Error\"],title:\"Variant\",type:ControlType.Enum},TplEJ_ASZ:{defaultValue:'var(--token-dfd9c566-4b4a-4012-aec2-6010d735bdc7, rgb(95, 250, 172)) /* {\"name\":\"Acent\"} */',title:\"Fill\",type:ControlType.Color},E5DZAdc_m:{defaultValue:\"rgb(0, 0, 0)\",title:\"Color\",type:ControlType.Color}});addFonts(FrameruUDaVO3zc,[{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\"},{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/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2\",weight:\"600\"},{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/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/lEJLP4R0yuCaMCjSXYHtJw72M.woff2\",weight:\"600\"},{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/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2\",weight:\"600\"},{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/yDtI2UI8XcEg1W2je9XPN3Noo.woff2\",weight:\"600\"},{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/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2\",weight:\"600\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameruUDaVO3zc\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"TplEJ_ASZ\\\":\\\"fill\\\",\\\"E5DZAdc_m\\\":\\\"color\\\"}\",\"framerIntrinsicWidth\":\"110\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"Y2HVpiAYQ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"EODcXMLwg\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"QSvvPHKOc\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"PO6Q60zeR\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"uCq6RHdhw\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]},\\\"AgaDDq_VR\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"],\\\"constraints\\\":[\\\"110px\\\",null,null,null]}}}\",\"framerIntrinsicHeight\":\"44\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./uUDaVO3zc.map","// Generated by Framer (f21d278)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,FormPlainTextInput,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"Au32_iHBP\",\"wjEr2JhKo\",\"zOeCETexM\"];const serializationHash=\"framer-uFNyT\";const variantClassNames={Au32_iHBP:\"framer-v-1761e62\",wjEr2JhKo:\"framer-v-x8xl9e\",zOeCETexM:\"framer-v-9bovhr\"};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 humanReadableVariantMap={Default:\"Au32_iHBP\",Error:\"zOeCETexM\",Focus:\"wjEr2JhKo\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"Au32_iHBP\"};};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,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Au32_iHBP\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onValid1bsfw4g=activeVariantCallback(async(...args)=>{setVariant(\"wjEr2JhKo\");});const onInvalids2l39d=activeVariantCallback(async(...args)=>{const inputValue=args[0]?.target?.value?.trim();if(inputValue?.length>0){setVariant(\"zOeCETexM\");}});const onInvalid1m3ewzc=activeVariantCallback(async(...args)=>{setVariant(\"zOeCETexM\");});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"zOeCETexM\")return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.label,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1761e62\",className,classNames),\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"Au32_iHBP\",ref:refBinding,style:{...style},...addPropertyOverrides({wjEr2JhKo:{\"data-framer-name\":\"Focus\"},zOeCETexM:{\"data-framer-name\":\"Error\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(FormPlainTextInput,{className:\"framer-1gkjz1u\",inputName:\"Email\",layoutDependency:layoutDependency,layoutId:\"WCR4qxxXB\",onInvalid:onInvalids2l39d,onValid:onValid1bsfw4g,placeholder:\"Email\",style:{\"--framer-input-background\":\"rgba(187, 187, 187, 0.15)\",\"--framer-input-border-radius-bottom-left\":\"10px\",\"--framer-input-border-radius-bottom-right\":\"10px\",\"--framer-input-border-radius-top-left\":\"10px\",\"--framer-input-border-radius-top-right\":\"10px\",\"--framer-input-font-color\":\"var(--token-2ecdbd78-42f5-4d56-8583-78db39b1a40e, rgb(255, 255, 255))\",\"--framer-input-icon-color\":\"rgb(153, 153, 153)\",\"--framer-input-placeholder-color\":\"var(--token-377a2a14-e17f-44f3-90bb-40b0248cd28b, rgb(142, 142, 142))\"},type:\"email\",variants:{zOeCETexM:{\"--framer-input-border-bottom-width\":\"1px\",\"--framer-input-border-color\":\"rgb(215, 58, 58)\",\"--framer-input-border-left-width\":\"1px\",\"--framer-input-border-right-width\":\"1px\",\"--framer-input-border-style\":\"solid\",\"--framer-input-border-top-width\":\"1px\"}},...addPropertyOverrides({wjEr2JhKo:{onInvalid:onInvalid1m3ewzc}},baseVariant,gestureVariant)}),isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(215, 58, 58))\"},children:\"Error\"})}),className:\"framer-1jvaf4l\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"y0T9NO1T9\",style:{\"--extracted-r6o4lv\":\"rgb(215, 58, 58)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-uFNyT.framer-2w1475, .framer-uFNyT .framer-2w1475 { display: block; }\",\".framer-uFNyT.framer-1761e62 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; padding: 0px; position: relative; width: 385px; }\",'.framer-uFNyT .framer-1gkjz1u { --framer-input-font-family: \"FK Grotesk Regular\"; --framer-input-font-letter-spacing: 0em; --framer-input-font-line-height: 1.2em; --framer-input-font-size: 16px; --framer-input-font-weight: 400; --framer-input-padding: 12px; flex: none; height: 44px; position: relative; width: 100%; }',\".framer-uFNyT .framer-1jvaf4l { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 44\n * @framerIntrinsicWidth 385\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"wjEr2JhKo\":{\"layout\":[\"fixed\",\"auto\"]},\"zOeCETexM\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerXF841YJOx=withCSS(Component,css,\"framer-uFNyT\");export default FramerXF841YJOx;FramerXF841YJOx.displayName=\"Input\";FramerXF841YJOx.defaultProps={height:44,width:385};addPropertyControls(FramerXF841YJOx,{variant:{options:[\"Au32_iHBP\",\"wjEr2JhKo\",\"zOeCETexM\"],optionTitles:[\"Default\",\"Focus\",\"Error\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerXF841YJOx,[{explicitInter:true,fonts:[{cssFamilyName:\"FK Grotesk Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"FK Grotesk\",url:\"https://framerusercontent.com/assets/89CL2zZEwc7iM9WdOe1xAEzW94.woff2\",weight:\"400\"},{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\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerXF841YJOx\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"wjEr2JhKo\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"zOeCETexM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"385\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"44\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./XF841YJOx.map","// Generated by Framer (0da2bc6)\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,FormBooleanInput,FormContainer,forwardLoader,getFonts,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,Link,RichText,runTasksWithYield,SmartComponentScopedContainer,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import GoogleGemini from\"https://framerusercontent.com/modules/60yO3eIGxcpxRyUXZurT/7pWAspktI5FvASSX6TiA/hT2lK1V2s.js\";import Openai from\"https://framerusercontent.com/modules/CP6DOqEI15cz2xO1yjf0/2jJO4xdfhuIw7o2cQQbU/AWfJw67x4.js\";import RollingText from\"https://framerusercontent.com/modules/FiiQ0BKlVUNzxXjo8hFs/BDeIULpeB9kBv3zq3U1w/RollingTextHover_Prod.js\";import CookieBanner from\"https://framerusercontent.com/modules/GbX8S6ghmyszcS2GLR2F/0rbDSfgig0pa1jgTUVPk/Cookies.js\";import Perplexity from\"https://framerusercontent.com/modules/lUHozEXZd7hqG1M04kU1/JSTjcXFieu4ynWMKD1Iu/pJaiDSKeK.js\";import Anthropic from\"https://framerusercontent.com/modules/npuS5Y8dxsCKnwzosqo9/q0ftKvYKwmVPGi7V9GCn/VTAY158Zs.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/tFkyr7DTZjYoWsryNOSN/MQvO9RRLDgwE9GEiXw4y/cOAwR82QU.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/sHPVr1FischL6cWY9W4N/Ukh0MmWpS0VUMT2U3LEh/Zf51rRrcD.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/eNmcUqWsT6KI8R8H5Wl6/F5IDSI0vOpAaDlsrA4Cx/zN8AgIMBx.js\";import Social from\"https://framerusercontent.com/modules/B8ix8ybse0BqzxK7qWBS/OEHxkBiT0WaeVvQBJjAF/kWi8wVVpp.js\";import Button2 from\"https://framerusercontent.com/modules/cn8VBFKzUZqurNzWcnNJ/iQRG8wMy3pjhCnmEk5GV/uUDaVO3zc.js\";import Input from\"https://framerusercontent.com/modules/qD5ykinfngRCEvt7Ob1l/SMx5NPp5Q1Mn2jTIIZvP/XF841YJOx.js\";const RollingTextFonts=getFonts(RollingText);const MotionDivWithFX=withFX(motion.div);const RichTextWithFX=withFX(RichText);const InputFonts=getFonts(Input);const Button2Fonts=getFonts(Button2);const FormContainerWithFX=withFX(FormContainer);const SocialFonts=getFonts(Social);const SmartComponentScopedContainerWithFX=withFX(SmartComponentScopedContainer);const Image1WithFX=withFX(Image1);const OpenaiFonts=getFonts(Openai);const GoogleGeminiFonts=getFonts(GoogleGemini);const PerplexityFonts=getFonts(Perplexity);const AnthropicFonts=getFonts(Anthropic);const CookieBannerFonts=getFonts(CookieBanner);const cycleOrder=[\"ztzIEwdiU\",\"a3QeTntfR\",\"NUvWckwKK\",\"YJdcmIDi9\",\"Q9MnNcRUs\",\"PQx3Mrdhx\"];const serializationHash=\"framer-6G7U0\";const variantClassNames={a3QeTntfR:\"framer-v-v1olch\",NUvWckwKK:\"framer-v-cxqonz\",PQx3Mrdhx:\"framer-v-zy1cmz\",Q9MnNcRUs:\"framer-v-1biznhn\",YJdcmIDi9:\"framer-v-r3geoc\",ztzIEwdiU:\"framer-v-17u4ja3\"};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 animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transition2={delay:0,duration:.7,ease:[.44,0,.56,1],type:\"tween\"};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const formVariants=(form,variants,currentVariant)=>{switch(form.state){case\"success\":return variants.success??currentVariant;case\"pending\":return variants.pending??currentVariant;case\"error\":return variants.error??currentVariant;case\"incomplete\":return variants.incomplete??currentVariant;default:return currentVariant;}};const transition3={delay:0,duration:.2,ease:[.44,0,.56,1],type:\"tween\"};const animation1={opacity:.72,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition3};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;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 humanReadableVariantMap={\"Leaders big\":\"YJdcmIDi9\",\"Leaders mid\":\"PQx3Mrdhx\",\"Leaders Mobile \":\"Q9MnNcRUs\",Desktop:\"ztzIEwdiU\",Mobile:\"a3QeTntfR\",Tablet:\"NUvWckwKK\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"ztzIEwdiU\"};};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,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ztzIEwdiU\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"NUvWckwKK\",\"PQx3Mrdhx\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if([\"NUvWckwKK\",\"PQx3Mrdhx\"].includes(baseVariant))return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.section,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-17u4ja3\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"ztzIEwdiU\",ref:refBinding,style:{...style},...addPropertyOverrides({a3QeTntfR:{\"data-framer-name\":\"Mobile\"},NUvWckwKK:{\"data-framer-name\":\"Tablet\"},PQx3Mrdhx:{\"data-framer-name\":\"Leaders mid\"},Q9MnNcRUs:{\"data-framer-name\":\"Leaders Mobile \"},YJdcmIDi9:{\"data-framer-name\":\"Leaders big\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1fb4lje\",\"data-border\":true,\"data-framer-name\":\"Container\",layoutDependency:layoutDependency,layoutId:\"imhKM1MoT\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgb(142, 142, 142)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0.5px\"},children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-kecqh8\",\"data-framer-name\":\"Footer links\",layoutDependency:layoutDependency,layoutId:\"bWpO7xT39\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1n323ob\",\"data-framer-name\":\"footer item\",layoutDependency:layoutDependency,layoutId:\"v68OCNT9Z\",children:[/*#__PURE__*/_jsxs(MotionDivWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-x2ahcm\",\"data-framer-name\":\"First Columns\",layoutDependency:layoutDependency,layoutId:\"JMHuoaVSM\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-pi47lm\",\"data-styles-preset\":\"zN8AgIMBx\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-377a2a14-e17f-44f3-90bb-40b0248cd28b, rgb(142, 142, 142)))\"},children:\"