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 (5ce23eb)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-mIY0j .framer-styles-preset-vq8gpl:not(.rich-text-wrapper), .framer-mIY0j .framer-styles-preset-vq8gpl.rich-text-wrapper a { --framer-link-hover-text-decoration: underline; --framer-link-text-color: var(--token-64b159d3-04ba-4802-be08-e862d24eda69, #737373); }\"];export const className=\"framer-mIY0j\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (8c094e5)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Montserrat-medium\",\"FS;Montserrat-bold\",\"FS;Montserrat-bold italic\",\"FS;Montserrat-medium italic\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Montserrat\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Montserrat\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/G3U4AIP7I5YYMBY4PZ5BNYEWWVH7G7QB/WED2HATCWTE6B4XVIFFTI3EALCE4D6PD/GDZ4LVIJF6WODYKVZK6E2737DCDQPEMZ.woff2\",weight:\"500\"},{cssFamilyName:\"Montserrat\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Montserrat\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/KDZE2GHZ4MXZP7RVHASNN75AFABT2ZB2/G33WYZOWF5RLCYVGCMU5BFGBXH4DMKUK/SHZ3SDA4YUDBQPNRSIGO7XNSCQQUBDYR.woff2\",weight:\"700\"},{cssFamilyName:\"Montserrat\",source:\"fontshare\",style:\"italic\",uiFamilyName:\"Montserrat\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WVRVHC26IF7VQKSULH6U5DSAGCYOIAQ7/CPARYH2DVA55XB4ZSTA7WTMPVZAVMNA5/BOBO2BRVXZQHPXSPDS5WN3IZQ5SL56OZ.woff2\",weight:\"700\"},{cssFamilyName:\"Montserrat\",source:\"fontshare\",style:\"italic\",uiFamilyName:\"Montserrat\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/WPZYV4DKXXGBZ3ZQTWYRVOQPYBIT2AN7/QRQ5OKEEZRQ525K55RLKSI4H3LRN5OP7/YJ3ABP6H4VTWOW6FDQ3W5ZIIGLTU346F.woff2\",weight:\"500\"}]}];export const css=['.framer-hlmDg .framer-styles-preset-dps4yr:not(.rich-text-wrapper), .framer-hlmDg .framer-styles-preset-dps4yr.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.01em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-801172cb-bf10-456d-b6c0-e7ed31654a54, #0a0a0a); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-hlmDg .framer-styles-preset-dps4yr:not(.rich-text-wrapper), .framer-hlmDg .framer-styles-preset-dps4yr.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.01em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-801172cb-bf10-456d-b6c0-e7ed31654a54, #0a0a0a); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-hlmDg .framer-styles-preset-dps4yr:not(.rich-text-wrapper), .framer-hlmDg .framer-styles-preset-dps4yr.rich-text-wrapper p { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.01em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-801172cb-bf10-456d-b6c0-e7ed31654a54, #0a0a0a); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-hlmDg\";\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 (5ce23eb)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-GP503 .framer-styles-preset-1f7a9ir:not(.rich-text-wrapper), .framer-GP503 .framer-styles-preset-1f7a9ir.rich-text-wrapper a { --framer-link-current-text-color: var(--token-64b159d3-04ba-4802-be08-e862d24eda69, #737373); --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-c9883a06-0714-4bde-a248-d9d8eb496918, #404040); --framer-link-hover-text-decoration: underline; --framer-link-text-color: var(--token-801172cb-bf10-456d-b6c0-e7ed31654a54, #0a0a0a); --framer-link-text-decoration: none; }\"];export const className=\"framer-GP503\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (c9d77eb)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"fFPO8I8Ep\",\"dOhHt0Dso\",\"duIYBaE5w\",\"YaZ4_LKu7\",\"zBbxVk1zh\",\"sJ9z8e70v\",\"eeymQa7_d\",\"qvynEmEx1\",\"zalw_Kk1t\",\"tlvyVov0m\",\"tI3kILGrW\"];const serializationHash=\"framer-5hhyL\";const variantClassNames={dOhHt0Dso:\"framer-v-rz9p11\",duIYBaE5w:\"framer-v-1c0atds\",eeymQa7_d:\"framer-v-1h7zzzn\",fFPO8I8Ep:\"framer-v-1tn9crz\",qvynEmEx1:\"framer-v-1vv1a6k\",sJ9z8e70v:\"framer-v-v3ihxx\",tI3kILGrW:\"framer-v-1qaapvw\",tlvyVov0m:\"framer-v-13mv3f0\",YaZ4_LKu7:\"framer-v-18r4lyz\",zalw_Kk1t:\"framer-v-178tw5c\",zBbxVk1zh:\"framer-v-8invbs\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Behance:\"zalw_Kk1t\",Discord:\"sJ9z8e70v\",Dribbble:\"qvynEmEx1\",Facebook:\"dOhHt0Dso\",Framer:\"tlvyVov0m\",Instagram:\"YaZ4_LKu7\",LinkedIn:\"eeymQa7_d\",Slack:\"tI3kILGrW\",TikTok:\"zBbxVk1zh\",X:\"duIYBaE5w\",Youtube:\"fFPO8I8Ep\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"fFPO8I8Ep\"};};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:\"fFPO8I8Ep\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"tI3kILGrW\")return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"tlvyVov0m\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"zalw_Kk1t\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"qvynEmEx1\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"eeymQa7_d\")return true;return false;};const isDisplayed5=()=>{if(baseVariant===\"sJ9z8e70v\")return true;return false;};const isDisplayed6=()=>{if(baseVariant===\"zBbxVk1zh\")return true;return false;};const isDisplayed7=()=>{if(baseVariant===\"YaZ4_LKu7\")return true;return false;};const isDisplayed8=()=>{if(baseVariant===\"duIYBaE5w\")return true;return false;};const isDisplayed9=()=>{if(baseVariant===\"dOhHt0Dso\")return true;return false;};const isDisplayed10=()=>{if([\"dOhHt0Dso\",\"duIYBaE5w\",\"YaZ4_LKu7\",\"zBbxVk1zh\",\"sJ9z8e70v\",\"eeymQa7_d\",\"qvynEmEx1\",\"zalw_Kk1t\",\"tlvyVov0m\",\"tI3kILGrW\"].includes(baseVariant))return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1tn9crz\",className,classNames),\"data-framer-name\":\"Youtube\",layoutDependency:layoutDependency,layoutId:\"fFPO8I8Ep\",ref:refBinding,style:{...style},...addPropertyOverrides({dOhHt0Dso:{\"data-framer-name\":\"Facebook\"},duIYBaE5w:{\"data-framer-name\":\"X\"},eeymQa7_d:{\"data-framer-name\":\"LinkedIn\"},qvynEmEx1:{\"data-framer-name\":\"Dribbble\"},sJ9z8e70v:{\"data-framer-name\":\"Discord\"},tI3kILGrW:{\"data-framer-name\":\"Slack\"},tlvyVov0m:{\"data-framer-name\":\"Framer\"},YaZ4_LKu7:{\"data-framer-name\":\"Instagram\"},zalw_Kk1t:{\"data-framer-name\":\"Behance\"},zBbxVk1zh:{\"data-framer-name\":\"TikTok\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1bo6sxf\",\"data-framer-name\":\"slack\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"NlPVVLk3K\",opacity:1,svg:'',svgContentId:11447951420,withExternalLayout:true,...addPropertyOverrides({tI3kILGrW:{svgContentId:9161929364}},baseVariant,gestureVariant)}),isDisplayed1()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-12jgn6z\",\"data-framer-name\":\"framer\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"WxPapwvjh\",opacity:1,svg:'',svgContentId:9703995822,withExternalLayout:true,...addPropertyOverrides({tlvyVov0m:{svgContentId:12632507739}},baseVariant,gestureVariant)}),isDisplayed2()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1s64x47\",\"data-framer-name\":\"behance\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"hQIbtYTF7\",opacity:1,svg:'',svgContentId:11325312065,withExternalLayout:true,...addPropertyOverrides({zalw_Kk1t:{svgContentId:10379789969}},baseVariant,gestureVariant)}),isDisplayed3()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-18hdut6\",\"data-framer-name\":\"dribbble\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"S_3ALYChb\",opacity:1,svg:'',svgContentId:9533746738,withExternalLayout:true,...addPropertyOverrides({qvynEmEx1:{svgContentId:10362466230}},baseVariant,gestureVariant)}),isDisplayed4()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-h9zztw\",\"data-framer-name\":\"linkedin\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"NOygaWkg7\",opacity:1,svg:'',svgContentId:10923900755,withExternalLayout:true,...addPropertyOverrides({eeymQa7_d:{svgContentId:10033254095}},baseVariant,gestureVariant)}),isDisplayed5()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-fdp2fm\",\"data-framer-name\":\"discord\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"ffgbvSzNc\",opacity:1,svg:'',svgContentId:10269789449,withExternalLayout:true,...addPropertyOverrides({sJ9z8e70v:{svgContentId:8667060278}},baseVariant,gestureVariant)}),isDisplayed6()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-12klg9m\",\"data-framer-name\":\"tiktok\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"haSMuE1hQ\",opacity:1,svg:'',svgContentId:11720851469,withExternalLayout:true,...addPropertyOverrides({zBbxVk1zh:{svgContentId:11774780256}},baseVariant,gestureVariant)}),isDisplayed7()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-jqvg8t\",\"data-framer-name\":\"instagram\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"Rt6bhKXsh\",opacity:1,svg:'',svgContentId:10538971201,withExternalLayout:true,...addPropertyOverrides({YaZ4_LKu7:{svgContentId:9885355613}},baseVariant,gestureVariant)}),isDisplayed8()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-13oaqye\",\"data-framer-name\":\"x\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"keD1KRigL\",opacity:1,svg:'',svgContentId:12454794737,withExternalLayout:true,...addPropertyOverrides({duIYBaE5w:{svgContentId:12038760870}},baseVariant,gestureVariant)}),isDisplayed9()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1dtd8jj\",\"data-framer-name\":\"facebook\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"QKseFlT7W\",opacity:1,svg:'',svgContentId:11833015293,withExternalLayout:true,...addPropertyOverrides({dOhHt0Dso:{svgContentId:12167686615}},baseVariant,gestureVariant)}),isDisplayed10()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1r4xzk\",\"data-framer-name\":\"youtube\",layout:\"position\",layoutDependency:layoutDependency,layoutId:\"js0Zl8dNl\",opacity:1,svg:'',svgContentId:10477912885,withExternalLayout:true})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-5hhyL.framer-nn285, .framer-5hhyL .framer-nn285 { display: block; }\",\".framer-5hhyL.framer-1tn9crz { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-5hhyL .framer-1bo6sxf, .framer-5hhyL .framer-12jgn6z, .framer-5hhyL .framer-1s64x47, .framer-5hhyL .framer-18hdut6, .framer-5hhyL .framer-fdp2fm, .framer-5hhyL .framer-12klg9m, .framer-5hhyL .framer-jqvg8t, .framer-5hhyL .framer-1dtd8jj { flex: none; height: 24px; position: relative; width: 24px; }\",\".framer-5hhyL .framer-h9zztw, .framer-5hhyL .framer-13oaqye, .framer-5hhyL .framer-1r4xzk { flex: none; height: 20px; position: relative; width: 20px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 20\n * @framerIntrinsicWidth 20\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"dOhHt0Dso\":{\"layout\":[\"auto\",\"auto\"]},\"duIYBaE5w\":{\"layout\":[\"auto\",\"auto\"]},\"YaZ4_LKu7\":{\"layout\":[\"auto\",\"auto\"]},\"zBbxVk1zh\":{\"layout\":[\"auto\",\"auto\"]},\"sJ9z8e70v\":{\"layout\":[\"auto\",\"auto\"]},\"eeymQa7_d\":{\"layout\":[\"auto\",\"auto\"]},\"qvynEmEx1\":{\"layout\":[\"auto\",\"auto\"]},\"zalw_Kk1t\":{\"layout\":[\"auto\",\"auto\"]},\"tlvyVov0m\":{\"layout\":[\"auto\",\"auto\"]},\"tI3kILGrW\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerZ7s6cj9g3=withCSS(Component,css,\"framer-5hhyL\");export default FramerZ7s6cj9g3;FramerZ7s6cj9g3.displayName=\"Base / Social Icon\";FramerZ7s6cj9g3.defaultProps={height:20,width:20};addPropertyControls(FramerZ7s6cj9g3,{variant:{options:[\"fFPO8I8Ep\",\"dOhHt0Dso\",\"duIYBaE5w\",\"YaZ4_LKu7\",\"zBbxVk1zh\",\"sJ9z8e70v\",\"eeymQa7_d\",\"qvynEmEx1\",\"zalw_Kk1t\",\"tlvyVov0m\",\"tI3kILGrW\"],optionTitles:[\"Youtube\",\"Facebook\",\"X\",\"Instagram\",\"TikTok\",\"Discord\",\"LinkedIn\",\"Dribbble\",\"Behance\",\"Framer\",\"Slack\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerZ7s6cj9g3,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerZ7s6cj9g3\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"dOhHt0Dso\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"duIYBaE5w\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"YaZ4_LKu7\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"zBbxVk1zh\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"sJ9z8e70v\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"eeymQa7_d\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"qvynEmEx1\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"zalw_Kk1t\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"tlvyVov0m\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"tI3kILGrW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"20\",\"framerAutoSizeImages\":\"true\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicHeight\":\"20\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Z7s6cj9g3.map","// Generated by Framer (747ab96)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,getFonts,getPropertyControls,Link,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import BaseSocialIcon from\"https://framerusercontent.com/modules/s9rQJy8YS1RpoENEbkpK/qjeRbmD8cJ6sF17SUMhu/Z7s6cj9g3.js\";const BaseSocialIconFonts=getFonts(BaseSocialIcon);const BaseSocialIconControls=getPropertyControls(BaseSocialIcon);const enabledGestures={AhavynsOL:{hover:true},Ef6DwyoEf:{hover:true}};const cycleOrder=[\"AhavynsOL\",\"Ef6DwyoEf\",\"djxGM3Xi2\"];const serializationHash=\"framer-NWlwD\";const variantClassNames={AhavynsOL:\"framer-v-12n2wr2\",djxGM3Xi2:\"framer-v-1l2mjnw\",Ef6DwyoEf:\"framer-v-1a8rmvd\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const ze_Ej7HAZ=undefined;const FF6F7DHPp=undefined;const MV_2gg0xX=undefined;const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Flat + Stroke\":\"AhavynsOL\",\"Icon Only\":\"djxGM3Xi2\",Flat:\"Ef6DwyoEf\"};const Variants=motion.create(React.Fragment);const humanReadableEnumMap={Behance:\"zalw_Kk1t\",Discord:\"sJ9z8e70v\",Dribbble:\"qvynEmEx1\",Facebook:\"dOhHt0Dso\",Framer:\"tlvyVov0m\",Instagram:\"YaZ4_LKu7\",LinkedIn:\"eeymQa7_d\",Slack:\"tI3kILGrW\",TikTok:\"zBbxVk1zh\",X:\"duIYBaE5w\",Youtube:\"fFPO8I8Ep\"};const getProps=({height,id,link,radius,socialIcon,width,...props})=>{return{...props,FF6F7DHPp:link??props.FF6F7DHPp,MV_2gg0xX:humanReadableEnumMap[socialIcon]??socialIcon??props.MV_2gg0xX??\"fFPO8I8Ep\",variant:humanReadableVariantMap[props.variant]??props.variant??\"AhavynsOL\",ze_Ej7HAZ:radius??props.ze_Ej7HAZ??8};};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,MV_2gg0xX,ze_Ej7HAZ,FF6F7DHPp,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"AhavynsOL\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:FF6F7DHPp,motionChild:true,nodeId:\"AhavynsOL\",openInNewTab:true,scopeId:\"bi733elJB\",children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,\"aria-label\":\"visit us on instagram and Linkedin\",className:`${cx(scopingClassNames,\"framer-12n2wr2\",className,classNames)} framer-1siczy5`,\"data-border\":true,\"data-framer-name\":\"Flat + Stroke\",layoutDependency:layoutDependency,layoutId:\"AhavynsOL\",ref:refBinding,style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-8333892f-efe4-41b8-b3da-b102a8c97a9f, rgb(229, 229, 229))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"var(--token-1e4de996-fe4b-4667-88fc-284e9577f815, rgb(250, 250, 250))\",borderBottomLeftRadius:radiusForCorner(ze_Ej7HAZ,3),borderBottomRightRadius:radiusForCorner(ze_Ej7HAZ,2),borderTopLeftRadius:radiusForCorner(ze_Ej7HAZ,0),borderTopRightRadius:radiusForCorner(ze_Ej7HAZ,1),...style},variants:{\"AhavynsOL-hover\":{backgroundColor:\"var(--token-cea865e2-a56c-48f4-b031-3e5821c6e8aa, rgb(229, 229, 229))\"},\"Ef6DwyoEf-hover\":{backgroundColor:\"var(--token-cea865e2-a56c-48f4-b031-3e5821c6e8aa, rgb(229, 229, 229))\"},djxGM3Xi2:{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\",backgroundColor:\"rgba(0, 0, 0, 0)\"},Ef6DwyoEf:{\"--border-bottom-width\":\"0px\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-top-width\":\"0px\"}},...addPropertyOverrides({\"AhavynsOL-hover\":{\"data-framer-name\":undefined},\"Ef6DwyoEf-hover\":{\"data-framer-name\":undefined},djxGM3Xi2:{\"data-framer-name\":\"Icon Only\"},Ef6DwyoEf:{\"data-framer-name\":\"Flat\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(ComponentViewportProvider,{height:20,y:(componentViewport?.y||0)+(4+((componentViewport?.height||28)-8-20)/2),...addPropertyOverrides({djxGM3Xi2:{y:(componentViewport?.y||0)+(0+((componentViewport?.height||20)-0-20)/2)}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-s7f4ip-container\",layoutDependency:layoutDependency,layoutId:\"cCDm4Idys-container\",nodeId:\"cCDm4Idys\",rendersWithMotion:true,scopeId:\"bi733elJB\",children:/*#__PURE__*/_jsx(BaseSocialIcon,{height:\"100%\",id:\"cCDm4Idys\",layoutId:\"cCDm4Idys\",variant:matchVariant(MV_2gg0xX),width:\"100%\"})})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-NWlwD.framer-1siczy5, .framer-NWlwD .framer-1siczy5 { display: block; }\",\".framer-NWlwD.framer-12n2wr2 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 4px; position: relative; text-decoration: none; width: min-content; }\",\".framer-NWlwD .framer-s7f4ip-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-NWlwD.framer-v-1l2mjnw.framer-12n2wr2 { cursor: unset; justify-content: flex-start; padding: 0px; }\",'.framer-NWlwD[data-border=\"true\"]::after, .framer-NWlwD [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 28\n * @framerIntrinsicWidth 28\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Ef6DwyoEf\":{\"layout\":[\"auto\",\"auto\"]},\"djxGM3Xi2\":{\"layout\":[\"auto\",\"auto\"]},\"DY7YkRG0_\":{\"layout\":[\"auto\",\"auto\"]},\"lfGxNgfUy\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"MV_2gg0xX\":\"socialIcon\",\"ze_Ej7HAZ\":\"radius\",\"FF6F7DHPp\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Framerbi733elJB=withCSS(Component,css,\"framer-NWlwD\");export default Framerbi733elJB;Framerbi733elJB.displayName=\"Social Icon\";Framerbi733elJB.defaultProps={height:28,width:28};addPropertyControls(Framerbi733elJB,{variant:{options:[\"AhavynsOL\",\"Ef6DwyoEf\",\"djxGM3Xi2\"],optionTitles:[\"Flat + Stroke\",\"Flat\",\"Icon Only\"],title:\"Variant\",type:ControlType.Enum},MV_2gg0xX:BaseSocialIconControls?.[\"variant\"]&&{...BaseSocialIconControls[\"variant\"],defaultValue:\"fFPO8I8Ep\",description:undefined,hidden:undefined,title:\"Social Icon\"},onMV_2gg0xXChange:{changes:\"MV_2gg0xX\",type:ControlType.ChangeHandler},ze_Ej7HAZ:{defaultValue:8,title:\"Radius\",type:ControlType.Number},onze_Ej7HAZChange:{changes:\"ze_Ej7HAZ\",type:ControlType.ChangeHandler},FF6F7DHPp:{title:\"Link\",type:ControlType.Link}});addFonts(Framerbi733elJB,[{explicitInter:true,fonts:[]},...BaseSocialIconFonts],{supportsExplicitInterCodegen:true});Framerbi733elJB.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(BaseSocialIcon,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerbi733elJB\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Ef6DwyoEf\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"djxGM3Xi2\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"DY7YkRG0_\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"lfGxNgfUy\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"28\",\"framerAutoSizeImages\":\"true\",\"framerVariables\":\"{\\\"MV_2gg0xX\\\":\\\"socialIcon\\\",\\\"ze_Ej7HAZ\\\":\\\"radius\\\",\\\"FF6F7DHPp\\\":\\\"link\\\"}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"28\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./bi733elJB.map","// Generated by Framer (c9d77eb)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"uiGI4vxRk\",\"db6vC3zix\"];const serializationHash=\"framer-LZNDC\";const variantClassNames={db6vC3zix:\"framer-v-j4jfde\",uiGI4vxRk:\"framer-v-1jamj6x\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const CXNTUyBRt=undefined;const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Condensed:\"db6vC3zix\",Full:\"uiGI4vxRk\"};const getProps=({height,id,link,width,...props})=>{return{...props,CXNTUyBRt:link??props.CXNTUyBRt,variant:humanReadableVariantMap[props.variant]??props.variant??\"uiGI4vxRk\"};};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,CXNTUyBRt,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"uiGI4vxRk\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Link,{href:CXNTUyBRt,motionChild:true,nodeId:\"uiGI4vxRk\",openInNewTab:false,scopeId:\"hLtMIjZdE\",smoothScroll:true,children:/*#__PURE__*/_jsx(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-1jamj6x\",className,classNames)} framer-3pgjeq`,\"data-framer-name\":\"Full\",layoutDependency:layoutDependency,layoutId:\"uiGI4vxRk\",ref:refBinding,style:{...style},...addPropertyOverrides({db6vC3zix:{\"data-framer-name\":\"Condensed\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(SVG,{className:\"framer-1svh561\",layoutDependency:layoutDependency,layoutId:\"epSIjYQCd\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-aqz5w5\",layoutDependency:layoutDependency,layoutId:\"weifdoA6J\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsxs(SVG,{className:\"framer-1swd6cj\",layoutDependency:layoutDependency,layoutId:\"TZgRXwB4B\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-3h3ffx\",layoutDependency:layoutDependency,layoutId:\"SaGYmWE88\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1k6y0bd\",layoutDependency:layoutDependency,layoutId:\"a0SnV3idm\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1p1uomm\",layoutDependency:layoutDependency,layoutId:\"oCoIwXPWA\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-6ymyt3\",layoutDependency:layoutDependency,layoutId:\"JjTLyZu4F\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-173ovzm\",layoutDependency:layoutDependency,layoutId:\"FCyL_kVz1\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true})]}),/*#__PURE__*/_jsxs(SVG,{className:\"framer-8x1asc\",layoutDependency:layoutDependency,layoutId:\"fY6wX6erP\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-1oubzs8\",layoutDependency:layoutDependency,layoutId:\"Byeh_AKW4\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-zvlv0y\",layoutDependency:layoutDependency,layoutId:\"dlb5SVFSO\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-fc8bvm\",layoutDependency:layoutDependency,layoutId:\"lBz1kUItW\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-covjcg\",layoutDependency:layoutDependency,layoutId:\"QkFtLwg_b\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1khbpa\",layoutDependency:layoutDependency,layoutId:\"cdr2Un8am\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true})]}),/*#__PURE__*/_jsxs(SVG,{className:\"framer-1hpigji\",layoutDependency:layoutDependency,layoutId:\"Bpu0It1ts\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-q8ieex\",layoutDependency:layoutDependency,layoutId:\"gpqlsm_xy\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-fpwvq\",layoutDependency:layoutDependency,layoutId:\"qQj4cF1zf\",opacity:1,requiresOverflowVisible:false,svg:'',withExternalLayout:true})]})]})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-LZNDC.framer-3pgjeq, .framer-LZNDC .framer-3pgjeq { display: block; }\",\".framer-LZNDC.framer-1jamj6x { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-LZNDC .framer-1svh561 { height: 23px; position: relative; width: 160px; }\",\".framer-LZNDC .framer-aqz5w5 { height: 23px; left: 0px; position: absolute; top: 0px; width: 160px; }\",\".framer-LZNDC .framer-1swd6cj { height: 23px; left: 0px; position: absolute; top: 0px; width: 82px; }\",\".framer-LZNDC .framer-3h3ffx { height: 5px; left: 69px; position: absolute; top: 9px; width: 11px; }\",\".framer-LZNDC .framer-1k6y0bd { height: 17px; left: 66px; position: absolute; top: 7px; width: 17px; }\",\".framer-LZNDC .framer-1p1uomm { height: 17px; left: 46px; position: absolute; top: 7px; width: 16px; }\",\".framer-LZNDC .framer-6ymyt3 { height: 23px; left: 38px; position: absolute; top: 0px; width: 3px; }\",\".framer-LZNDC .framer-173ovzm { height: 17px; left: 0px; position: absolute; top: 7px; width: 18px; }\",\".framer-LZNDC .framer-8x1asc { height: 20px; left: 87px; position: absolute; top: 3px; width: 73px; }\",\".framer-LZNDC .framer-1oubzs8 { height: 20px; left: 64px; position: absolute; top: 0px; width: 9px; }\",\".framer-LZNDC .framer-zvlv0y { height: 17px; left: 44px; position: absolute; top: 4px; width: 16px; }\",\".framer-LZNDC .framer-fc8bvm { height: 12px; left: 26px; position: absolute; top: 6px; width: 11px; }\",\".framer-LZNDC .framer-covjcg { height: 17px; left: 23px; position: absolute; top: 4px; width: 17px; }\",\".framer-LZNDC .framer-1khbpa { height: 17px; left: 0px; position: absolute; top: 4px; width: 19px; }\",\".framer-LZNDC .framer-1hpigji { height: 17px; left: 18px; position: absolute; top: 7px; width: 14px; }\",\".framer-LZNDC .framer-q8ieex { height: 5px; left: 3px; position: absolute; top: 9px; width: 9px; }\",\".framer-LZNDC .framer-fpwvq { height: 17px; left: 0px; position: absolute; top: 0px; width: 14px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 23\n * @framerIntrinsicWidth 160\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"db6vC3zix\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"CXNTUyBRt\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerhLtMIjZdE=withCSS(Component,css,\"framer-LZNDC\");export default FramerhLtMIjZdE;FramerhLtMIjZdE.displayName=\"Your Logo\";FramerhLtMIjZdE.defaultProps={height:23,width:160};addPropertyControls(FramerhLtMIjZdE,{variant:{options:[\"uiGI4vxRk\",\"db6vC3zix\"],optionTitles:[\"Full\",\"Condensed\"],title:\"Variant\",type:ControlType.Enum},CXNTUyBRt:{title:\"Link\",type:ControlType.Link}});addFonts(FramerhLtMIjZdE,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerhLtMIjZdE\",\"slots\":[],\"annotations\":{\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"CXNTUyBRt\\\":\\\"link\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"db6vC3zix\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"23\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"160\",\"framerAutoSizeImages\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hLtMIjZdE.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n