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,RenderTarget,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;// we ignore customer's GTM in preview because their specific setups can break the preview currently\n// this can be removed if we remove reliance on globals for react symbols in the preview\n// https://framer-team.slack.com/archives/C01J38GC2SW/p1770826268498759\nconst skipGTMId=isInFramerPreview();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:skipGTMId?\"\":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})]});}function isInFramerPreview(){return RenderTarget.current()===RenderTarget.preview&&typeof window!==\"undefined\"&&window.origin?.endsWith(\"framercanvas.com\");}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\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"*\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","import{jsx as _jsx}from\"react/jsx-runtime\";export function AutoCopyrightYear(Component){return props=>{let text=\"\";const textProps=props.children?.props?.children?.props;if(textProps&&typeof textProps.children==\"string\"){text=textProps.children.replace(\"YYYY\",new Date().getFullYear());}return /*#__PURE__*/_jsx(Component,{...props,text:text});};}\nexport const __FramerMetadata__ = {\"exports\":{\"AutoCopyrightYear\":{\"type\":\"reactHoc\",\"name\":\"AutoCopyrightYear\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Auto_Copyright_Year.map","// Generated by Framer (f0648f9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,Link,RichText,SmartComponentScopedContainer,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import{Icon as Hero}from\"https://framerusercontent.com/modules/hKjtTuWGYB451ckw6eTN/bbq95ZQZ142lE2fXscHd/Hero.js\";const HeroFonts=getFonts(Hero);const cycleOrder=[\"R2PsKSk3F\",\"Me2okxZzZ\"];const serializationHash=\"framer-8gr9g\";const variantClassNames={Me2okxZzZ:\"framer-v-sihhy6\",R2PsKSk3F:\"framer-v-13txefs\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const v3NQzwi9g=undefined;const n_VIF5BQ1=undefined;const transition1={delay:0,duration:.5,ease:[1,.17,.16,.88],type:\"tween\"};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:\"R2PsKSk3F\",Hover:\"Me2okxZzZ\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,label,link,width,...props})=>{return{...props,n_VIF5BQ1:label??props.n_VIF5BQ1??\"START USING FRAMER\",v3NQzwi9g:link??props.v3NQzwi9g,variant:humanReadableVariantMap[props.variant]??props.variant??\"R2PsKSk3F\"};};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,n_VIF5BQ1,v3NQzwi9g,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"R2PsKSk3F\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onMouseEnterc9evcp=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"Me2okxZzZ\");});const onMouseLeave1i6hh12=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"R2PsKSk3F\");});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:v3NQzwi9g,motionChild:true,nodeId:\"R2PsKSk3F\",scopeId:\"bpC1LcvFu\",children:/*#__PURE__*/_jsxs(motion.a,{...restProps,...gestureHandlers,className:`${cx(scopingClassNames,\"framer-13txefs\",className,classNames)} framer-9cpjzy`,\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"R2PsKSk3F\",onMouseEnter:onMouseEnterc9evcp,ref:refBinding,style:{...style},...addPropertyOverrides({Me2okxZzZ:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeave1i6hh12}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1es4pd6\",\"data-framer-name\":\"Label + Circle\",layoutDependency:layoutDependency,layoutId:\"udLkqDuDr\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-14o4x1v\",\"data-border\":true,\"data-framer-name\":\"Circle\",layoutDependency:layoutDependency,layoutId:\"gsnzeuUTY\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-i7qv64-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"m4FwQt3hQ-container\",nodeId:\"m4FwQt3hQ\",rendersWithMotion:true,scopeId:\"bpC1LcvFu\",children:/*#__PURE__*/_jsx(Hero,{color:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",height:\"100%\",iconSearch:\"Home\",iconSelection:\"ArrowRight\",id:\"m4FwQt3hQ\",layoutId:\"m4FwQt3hQ\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"RlM7VXJiYW5pc3Qtc2VtaWJvbGQ=\",\"--framer-font-family\":'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-font-weight\":\"600\",\"--framer-line-height\":\"1.5em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18)))\"},children:\"START USING FRAMER\"})}),className:\"framer-11euxgi\",\"data-framer-name\":\"Label\",fonts:[\"FS;Urbanist-semibold\"],layoutDependency:layoutDependency,layoutId:\"niK5J2ml1\",style:{\"--extracted-r6o4lv\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:n_VIF5BQ1,verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-lz2c6f\",\"data-framer-name\":\"Line Wrapper\",layoutDependency:layoutDependency,layoutId:\"XqkZ6BDXk\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1egbqvt\",\"data-framer-name\":\"Line\",layoutDependency:layoutDependency,layoutId:\"QrNYliyb9\",style:{backgroundColor:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\"}})})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-8gr9g.framer-9cpjzy, .framer-8gr9g .framer-9cpjzy { display: block; }\",\".framer-8gr9g.framer-13txefs { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: 37px; justify-content: center; overflow: visible; padding: 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-8gr9g .framer-1es4pd6 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 20px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-8gr9g .framer-14o4x1v { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 8px); overflow: hidden; position: relative; width: 8px; will-change: var(--framer-will-change-override, transform); }\",\".framer-8gr9g .framer-i7qv64-container { aspect-ratio: 1 / 1; bottom: -5px; flex: none; left: -20px; position: absolute; top: -5px; width: var(--framer-aspect-ratio-supported, 18px); }\",\".framer-8gr9g .framer-11euxgi { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-8gr9g .framer-lz2c6f { align-content: center; align-items: center; align-self: stretch; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: flex-end; overflow: hidden; padding: 0px; position: relative; width: auto; }\",\".framer-8gr9g .framer-1egbqvt { flex: 1 0 0px; height: 1px; overflow: hidden; position: relative; width: 1px; }\",\".framer-8gr9g.framer-v-sihhy6 .framer-1es4pd6 { gap: 12px; }\",\".framer-8gr9g.framer-v-sihhy6 .framer-14o4x1v { height: var(--framer-aspect-ratio-supported, 29px); width: 30px; }\",\".framer-8gr9g.framer-v-sihhy6 .framer-i7qv64-container { aspect-ratio: unset; bottom: unset; height: 18px; left: calc(50.00000000000002% - 18px / 2); top: calc(50.00000000000002% - 18px / 2); width: 18px; }\",\".framer-8gr9g.framer-v-sihhy6 .framer-1egbqvt { bottom: 0px; flex: none; height: unset; position: absolute; right: -1px; top: 0px; width: 1px; z-index: 1; }\",'.framer-8gr9g[data-border=\"true\"]::after, .framer-8gr9g [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 37\n * @framerIntrinsicWidth 223\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"Me2okxZzZ\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"n_VIF5BQ1\":\"label\",\"v3NQzwi9g\":\"link\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerbpC1LcvFu=withCSS(Component,css,\"framer-8gr9g\");export default FramerbpC1LcvFu;FramerbpC1LcvFu.displayName=\"Link Button\";FramerbpC1LcvFu.defaultProps={height:37,width:223};addPropertyControls(FramerbpC1LcvFu,{variant:{options:[\"R2PsKSk3F\",\"Me2okxZzZ\"],optionTitles:[\"Default\",\"Hover\"],title:\"Variant\",type:ControlType.Enum},n_VIF5BQ1:{defaultValue:\"START USING FRAMER\",displayTextArea:false,title:\"Label\",type:ControlType.String},v3NQzwi9g:{title:\"Link\",type:ControlType.Link}});addFonts(FramerbpC1LcvFu,[{explicitInter:true,fonts:[{cssFamilyName:\"Urbanist\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Urbanist\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NWFQAWEPGN3FR4FYMX6PY5M2HVOQSZWU/IIWY67X24KIURE4HBNGWYFMHSEMIVC2G/QAJFELFQRETRXRXDQOALZZUXNPM2U5VX.woff2\",weight:\"600\"}]},...HeroFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerbpC1LcvFu\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"37\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"Me2okxZzZ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"223\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"n_VIF5BQ1\\\":\\\"label\\\",\\\"v3NQzwi9g\\\":\\\"link\\\"}\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./bpC1LcvFu.map","// Generated by Framer (0f6ce29)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Link as Link1,ResolveLinks,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useRouter,useVariantState,withCodeBoundaryForOverrides,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import CookieBanner from\"https://framerusercontent.com/modules/GbX8S6ghmyszcS2GLR2F/7p40RDrpC9PBWkQoJaco/Cookies.js\";import{AutoCopyrightYear}from\"https://framerusercontent.com/modules/rp1DxYnOf3i9LVPW4TG1/vnDokW1r9LEY3twFcymy/Auto_Copyright_Year.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/nzyZWqreNzYCdZtncs61/uqrpPiDllaoPVgWpOtjB/D8llkU2GL.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/Qm50xTP19UdU18fFvsa3/h7rYaQHMoGpwpRSndaPl/PCOKmXHXF.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/W76bsLQzoH69rRZAlcGK/9WXUtzi0bFl293vZA0KC/ZwOKIBOhZ.js\";import LinkButton from\"https://framerusercontent.com/modules/dMWK3BuXIzizonXvxZTN/nqSEfkQ3aXNDgR3dCQ3L/bpC1LcvFu.js\";import Link from\"https://framerusercontent.com/modules/k4JyFlnCO0WmFxs5EEit/MxI3viJdDMDoWjlrosOy/t0sNjaP8K.js\";const LinkButtonFonts=getFonts(LinkButton);const LinkFonts=getFonts(Link);const RichTextAutoCopyrightYearc9c3z8=withCodeBoundaryForOverrides(RichText,{nodeId:\"IBhWiqWJS\",override:AutoCopyrightYear,scopeId:\"StyzLN4BE\"});const CookieBannerFonts=getFonts(CookieBanner);const cycleOrder=[\"g9Uy6XmmS\",\"BwUc2IpEV\"];const serializationHash=\"framer-jwz6j\";const variantClassNames={BwUc2IpEV:\"framer-v-1olravk\",g9Uy6XmmS:\"framer-v-w1ia9e\"};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 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={Desktop:\"g9Uy6XmmS\",Mobile:\"BwUc2IpEV\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"g9Uy6XmmS\"};};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:\"g9Uy6XmmS\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const router=useRouter();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.footer,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-w1ia9e\",className,classNames),\"data-border\":true,\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"g9Uy6XmmS\",ref:refBinding,style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\",backgroundColor:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",...style},...addPropertyOverrides({BwUc2IpEV:{\"data-framer-name\":\"Mobile\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.section,{className:\"framer-17yr8ra\",layoutDependency:layoutDependency,layoutId:\"aB3lLrcjG\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1eg3svp\",\"data-framer-name\":\"Top\",layoutDependency:layoutDependency,layoutId:\"Mz5mX7zfA\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-126xy24\",\"data-framer-name\":\"Right\",layoutDependency:layoutDependency,layoutId:\"uD5aG3n0M\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-12r8s7w\",layoutDependency:layoutDependency,layoutId:\"gB6GnaW_W\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{height:37,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+0+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-7r1fn7-container\",layoutDependency:layoutDependency,layoutId:\"bRR9qnPBG-container\",nodeId:\"bRR9qnPBG\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(LinkButton,{height:\"100%\",id:\"bRR9qnPBG\",layoutId:\"bRR9qnPBG\",n_VIF5BQ1:\"START THE DIALOGUE.\",v3NQzwi9g:\"mailto:qart@qart.gallery\",variant:matchVariant(\"R2PsKSk3F\"),width:\"100%\"})})})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-18q19od\",layoutDependency:layoutDependency,layoutId:\"unznW0e5X\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1xpwuos\",\"data-framer-name\":\"Pages\",layoutDependency:layoutDependency,layoutId:\"B1RSriDXl\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{dir:\"auto\",style:{\"--font-selector\":\"RlM7VXJiYW5pc3QtcmVndWxhcg==\",\"--framer-font-family\":'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',\"--framer-text-color\":\"var(--extracted-1w1cjl5, var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18)))\"},children:\"PAGES\"})}),className:\"framer-1xfvbul\",\"data-framer-name\":\"Title\",fonts:[\"FS;Urbanist-regular\"],layoutDependency:layoutDependency,layoutId:\"ZyIsM2Nor\",style:{\"--extracted-1w1cjl5\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",opacity:.5},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1yg7vku\",\"data-framer-name\":\"Links\",layoutDependency:layoutDependency,layoutId:\"BK_bCoTIt\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1pgvuw4\",\"data-framer-name\":\"1\",layoutDependency:layoutDependency,layoutId:\"HFmRdLH0r\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"QG86SMEku\"},implicitPathVariables:undefined},{href:{webPageId:\"QG86SMEku\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xg8so3-container\",layoutDependency:layoutDependency,layoutId:\"IwfEiH1M7-container\",nodeId:\"IwfEiH1M7\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\".Gallery\",height:\"100%\",id:\"IwfEiH1M7\",layoutId:\"IwfEiH1M7\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-3orjfe\",layoutDependency:layoutDependency,layoutId:\"HxXGctVX5\",children:/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"i4vnFZBcB\"},implicitPathVariables:undefined},{href:{webPageId:\"i4vnFZBcB\"},implicitPathVariables:undefined}],children:resolvedLinks1=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+20+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+20+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-ypqs1y-container\",layoutDependency:layoutDependency,layoutId:\"mlxxv4WK7-container\",nodeId:\"mlxxv4WK7\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Artworks\",height:\"100%\",id:\"mlxxv4WK7\",layoutId:\"mlxxv4WK7\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks1[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks1[1]}},baseVariant,gestureVariant)})})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"T6803zTaw\"},implicitPathVariables:undefined},{href:{webPageId:\"T6803zTaw\"},implicitPathVariables:undefined}],children:resolvedLinks2=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+40,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+40}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1vzdbd5-container\",layoutDependency:layoutDependency,layoutId:\"AaRNJs6lM-container\",nodeId:\"AaRNJs6lM\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\".Studio\",height:\"100%\",id:\"AaRNJs6lM\",layoutId:\"AaRNJs6lM\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks2[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks2[1]}},baseVariant,gestureVariant)})})})})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-rjtm3b\",\"data-framer-name\":\"2\",layoutDependency:layoutDependency,layoutId:\"yOxru4yZK\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"tZuHfqhzn\"},implicitPathVariables:undefined},{href:{webPageId:\"tZuHfqhzn\"},implicitPathVariables:undefined}],children:resolvedLinks3=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-111dnyl-container\",layoutDependency:layoutDependency,layoutId:\"fYMRpFN7T-container\",nodeId:\"fYMRpFN7T\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Giao\",height:\"100%\",id:\"fYMRpFN7T\",layoutId:\"fYMRpFN7T\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks3[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks3[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-130b3b1\",layoutDependency:layoutDependency,layoutId:\"xeqld9IxQ\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"kOhMuIkvJ\"},implicitPathVariables:undefined},{href:{webPageId:\"kOhMuIkvJ\"},implicitPathVariables:undefined}],children:resolvedLinks4=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+20+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+20+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-amxth3-container\",layoutDependency:layoutDependency,layoutId:\"TbYxlD5EV-container\",nodeId:\"TbYxlD5EV\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Giao.News\",height:\"100%\",id:\"TbYxlD5EV\",layoutId:\"TbYxlD5EV\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks4[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks4[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"xDML30f69\"},implicitPathVariables:undefined},{href:{webPageId:\"xDML30f69\"},implicitPathVariables:undefined}],children:resolvedLinks5=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+20+0+17,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+20+0+17}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1yl2uti-container\",layoutDependency:layoutDependency,layoutId:\"PyLgjk4Gr-container\",nodeId:\"PyLgjk4Gr\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Giao.Artists\",height:\"100%\",id:\"PyLgjk4Gr\",layoutId:\"PyLgjk4Gr\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks5[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks5[1]}},baseVariant,gestureVariant)})})})})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-txxvdh\",\"data-framer-name\":\"3\",layoutDependency:layoutDependency,layoutId:\"oVwkTSP9c\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"sXd4tEMln\"},implicitPathVariables:undefined},{href:{webPageId:\"sXd4tEMln\"},implicitPathVariables:undefined}],children:resolvedLinks6=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1pulbgk-container\",layoutDependency:layoutDependency,layoutId:\"kxEwgF5ph-container\",nodeId:\"kxEwgF5ph\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"About\",height:\"100%\",id:\"kxEwgF5ph\",layoutId:\"kxEwgF5ph\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks6[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks6[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"TBslrUWLW\"},implicitPathVariables:undefined},{href:{webPageId:\"TBslrUWLW\"},implicitPathVariables:undefined}],children:resolvedLinks7=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+20,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+20}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1qbvqvq-container\",layoutDependency:layoutDependency,layoutId:\"kxU06bcuh-container\",nodeId:\"kxU06bcuh\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Process\",height:\"100%\",id:\"kxU06bcuh\",layoutId:\"kxU06bcuh\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks7[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks7[1]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"R0biQDKNu\"},implicitPathVariables:undefined},{href:{webPageId:\"R0biQDKNu\"},implicitPathVariables:undefined}],children:resolvedLinks8=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0+40,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0+40}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1pvqxm7-container\",layoutDependency:layoutDependency,layoutId:\"bT88ijep_-container\",nodeId:\"bT88ijep_\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Contact\",height:\"100%\",id:\"bT88ijep_\",layoutId:\"bT88ijep_\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"riD64jBBR\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:resolvedLinks8[0],...addPropertyOverrides({BwUc2IpEV:{yrnG18R0c:resolvedLinks8[1]}},baseVariant,gestureVariant)})})})})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-wh8n4f\",layoutDependency:layoutDependency,layoutId:\"dyG_evr0x\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{dir:\"auto\",style:{\"--font-selector\":\"RlM7VXJiYW5pc3QtcmVndWxhcg==\",\"--framer-font-family\":'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',\"--framer-text-color\":\"var(--extracted-1w1cjl5, var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18)))\"},children:\"SOCIAL\"})}),className:\"framer-mld7lg\",fonts:[\"FS;Urbanist-regular\"],layoutDependency:layoutDependency,layoutId:\"Q7NLPTvYj\",style:{\"--extracted-1w1cjl5\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",opacity:.5},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-my1ov0\",layoutDependency:layoutDependency,layoutId:\"m3GolGu1A\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+0,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-odmup5-container\",layoutDependency:layoutDependency,layoutId:\"DkHc7n6Df-container\",nodeId:\"DkHc7n6Df\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Instagram\",height:\"100%\",id:\"DkHc7n6Df\",layoutId:\"DkHc7n6Df\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"Lz61g5uM3\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:\"https://www.instagram.com/qart_gallery/\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+20,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+20}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1hfm80t-container\",layoutDependency:layoutDependency,layoutId:\"yQFnHsHql-container\",nodeId:\"yQFnHsHql\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Linkedin\",height:\"100%\",id:\"yQFnHsHql\",layoutId:\"yQFnHsHql\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"Lz61g5uM3\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:\"linkedin.com/company/qartgallery/\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:17,y:(componentViewport?.y||0)+20+(((componentViewport?.height||190)-40-326.2)/2+0+0)+0+0+0+0+0+29.2+0+40,...addPropertyOverrides({BwUc2IpEV:{y:(componentViewport?.y||0)+20+(((componentViewport?.height||269)-40-405.7)/2+0+0)+0+0+0+57+0+0+29.2+0+40}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1upcf1f-container\",layoutDependency:layoutDependency,layoutId:\"dDe66QyUi-container\",nodeId:\"dDe66QyUi\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(Link,{fTNBtqqIP:\"Facebook\",height:\"100%\",id:\"dDe66QyUi\",layoutId:\"dDe66QyUi\",sX452IZ4e:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",variant:matchVariant(\"Lz61g5uM3\"),width:\"100%\",WLmvPUe9U:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",yrnG18R0c:\"https://www.facebook.com/61584820658085\"})})})]})]})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-11g0kzt\",\"data-border\":true,\"data-framer-name\":\"Bottom\",layoutDependency:layoutDependency,layoutId:\"zlVKaBItC\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},children:[/*#__PURE__*/_jsx(RichTextAutoCopyrightYearc9c3z8,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-ifmv59\",\"data-styles-preset\":\"D8llkU2GL\",dir:\"auto\",children:\"\\xa9 YYYY QART ONE MEMBER COMPANY LIMITED\"})}),className:\"framer-c9c3z8\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"IBhWiqWJS\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1vrsoq1\",layoutDependency:layoutDependency,layoutId:\"edGKzRihc\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-fej1aq-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"lwDledsoV-container\",nodeId:\"lwDledsoV\",rendersWithMotion:true,scopeId:\"StyzLN4BE\",children:/*#__PURE__*/_jsx(CookieBanner,{banner:{animation:{scale:1,transition:{bounce:0,delay:0,duration:.5,type:\"spring\"},x:0,y:10},containerWidth:0,inset:20,insetBottom:0,insetLeft:0,insetPerSide:false,insetRight:0,insetTop:20,padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,position:\"bottom-left\",style:{backdrop:\"rgba(245, 245, 245, 0)\",border:{color:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",radius:5,width:1},colorBody:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",colorTitle:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",fill:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(54, 69, 79))\",fontBody:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontSize:\"15px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},fontTitle:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontSize:\"15px\",fontStyle:\"normal\",fontWeight:700,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\"},width:410,zIndex:10},button:{borderRadius:5,direction:\"row\",fluid:false,font:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:600,letterSpacing:\"0em\",lineHeight:\"1em\"},hoverOpacity:.5,labels:{accept:\"Accept\",acceptAll:\"Accept all\",confirm:\"Okay\",customize:\"Customize\",reject:\"Reject\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,primary:{color:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(54, 69, 79))\",fill:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\"},secondary:{color:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(54, 69, 79))\",fill:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\"},tapOpacity:.5},content:{euBlocking:false,euDefaults:{analytics:true,marketing:true,necessary:true,preferences:true},euDescription:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",euPolicy:{label:\"Cookie Policy\",link:\"https://www.framer.com/legal/policy/\",prefix:\"Read our\"},euShowReject:false,euTitle:\"Cookie Settings\",euType:\"medium\",isEU:false,worldBlocking:false,worldDefaults:{analytics:true,marketing:true,necessary:true,preferences:true},worldDescription:\"We use cookies to personalize content, run ads, and analyze traffic.\",worldPolicy:{label:\"Privacy Policy\",link:\"/legal/privacy-policy\",prefix:\"Read our\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"},gtmId:\"GTM-TW7WWCV2\",height:\"100%\",id:\"lwDledsoV\",layoutId:\"lwDledsoV\",options:{analytics:{description:\"Enables tracking of performance.\",title:\"Analytics\"},marketing:{description:\"Enables ads personalization and tracking.\",title:\"Marketing\"},necessary:{description:\"Enables security and basic functionality.\",optional:true,title:\"Necessary\"},preferences:{description:\"Enables personalized content and settings.\",title:\"Preferences\"},preview:false,style:{background:\"rgba(0, 0, 0, 0.02)\",border:{color:\"rgba(0, 0, 0, 0.02)\",radius:8,width:0},fontBody:{},fontTitle:{},padding:12,paddingBottom:12,paddingLeft:12,paddingPerSide:false,paddingRight:12,paddingTop:12,toggleColor:\"rgb(0, 0, 0)\",toggleColorInactive:\"rgba(0, 0, 0, 0.1)\"}},preview:false,trigger:{color:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(18, 18, 18))\",iconSize:25,iconType:\"default\",text:\"COOKIES\",textFont:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontFeatureSettings:\"normal\",fontSize:\"15px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},type:\"text\"},width:\"100%\",...addPropertyOverrides({BwUc2IpEV:{banner:{animation:{scale:1,transition:{bounce:0,delay:0,duration:.5,type:\"spring\"},x:0,y:10},containerWidth:0,inset:20,insetBottom:0,insetLeft:0,insetPerSide:false,insetRight:0,insetTop:20,padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,position:\"bottom-center\",style:{backdrop:\"rgba(245, 245, 245, 0)\",border:{color:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",radius:5,width:1},colorBody:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",colorTitle:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\",fill:\"var(--token-0c4d09ae-87a3-4388-848a-ed5e9da2f718, rgb(54, 69, 79))\",fontBody:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontSize:\"12px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.5em\"},fontTitle:{fontFamily:'\"Urbanist\", \"Urbanist Placeholder\", sans-serif',fontSize:\"15px\",fontStyle:\"normal\",fontWeight:700,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-eb398efb-be8d-41cb-8d06-c1e63f17a6fe, rgb(245, 245, 245))\"},width:350,zIndex:10}}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1reirur\",\"data-styles-preset\":\"PCOKmXHXF\",dir:\"auto\",children:/*#__PURE__*/_jsx(Link1,{href:\"/legal/terms-of-service\",motionChild:true,nodeId:\"cZu16mWiz\",openInNewTab:false,relValues:[],scopeId:\"StyzLN4BE\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-koq7qw\",\"data-styles-preset\":\"ZwOKIBOhZ\",children:\"TERMS & CONDITIONS\"})})})}),className:\"framer-1rqqlhs\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"cZu16mWiz\",verticalAlignment:\"top\",withExternalLayout:true})]})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-jwz6j.framer-ekqp4p, .framer-jwz6j .framer-ekqp4p { display: block; }\",\".framer-jwz6j.framer-w1ia9e { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 20px; position: relative; width: 1366px; }\",\".framer-jwz6j .framer-17yr8ra { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-jwz6j .framer-1eg3svp { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-jwz6j .framer-126xy24 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-jwz6j .framer-12r8s7w { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-jwz6j .framer-7r1fn7-container, .framer-jwz6j .framer-1xg8so3-container, .framer-jwz6j .framer-ypqs1y-container, .framer-jwz6j .framer-1vzdbd5-container, .framer-jwz6j .framer-111dnyl-container, .framer-jwz6j .framer-amxth3-container, .framer-jwz6j .framer-1yl2uti-container, .framer-jwz6j .framer-1pulbgk-container, .framer-jwz6j .framer-1qbvqvq-container, .framer-jwz6j .framer-1pvqxm7-container, .framer-jwz6j .framer-odmup5-container, .framer-jwz6j .framer-1hfm80t-container, .framer-jwz6j .framer-1upcf1f-container, .framer-jwz6j .framer-fej1aq-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-jwz6j .framer-18q19od { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: flex-end; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-jwz6j .framer-1xpwuos { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-jwz6j .framer-1xfvbul, .framer-jwz6j .framer-mld7lg, .framer-jwz6j .framer-c9c3z8, .framer-jwz6j .framer-1rqqlhs { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-jwz6j .framer-1yg7vku { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-jwz6j .framer-1pgvuw4, .framer-jwz6j .framer-rjtm3b, .framer-jwz6j .framer-txxvdh { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 3px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-jwz6j .framer-3orjfe { align-content: center; align-items: center; align-self: stretch; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 10px; position: relative; width: auto; }\",\".framer-jwz6j .framer-130b3b1 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 10px; position: relative; width: auto; }\",\".framer-jwz6j .framer-wh8n4f { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-jwz6j .framer-my1ov0 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 3px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: auto; }\",\".framer-jwz6j .framer-11g0kzt { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 20px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-jwz6j .framer-1vrsoq1 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 50px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-jwz6j.framer-v-1olravk.framer-w1ia9e { width: 390px; }\",\".framer-jwz6j.framer-v-1olravk .framer-1eg3svp { flex-direction: column; gap: 20px; justify-content: center; }\",\".framer-jwz6j.framer-v-1olravk .framer-126xy24 { align-content: center; align-items: center; align-self: unset; flex: none; gap: 0px; height: min-content; justify-content: center; width: 100%; }\",\".framer-jwz6j.framer-v-1olravk .framer-12r8s7w { justify-content: center; }\",\".framer-jwz6j.framer-v-1olravk .framer-18q19od { flex: none; gap: unset; justify-content: space-between; width: 100%; }\",\".framer-jwz6j.framer-v-1olravk .framer-11g0kzt { flex-direction: column; }\",\".framer-jwz6j.framer-v-1olravk .framer-c9c3z8 { order: 1; }\",\".framer-jwz6j.framer-v-1olravk .framer-1vrsoq1 { gap: unset; justify-content: space-between; order: 0; width: 100%; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,'.framer-jwz6j[data-border=\"true\"]::after, .framer-jwz6j [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 190\n * @framerIntrinsicWidth 1366\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"BwUc2IpEV\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerStyzLN4BE=withCSS(Component,css,\"framer-jwz6j\");export default FramerStyzLN4BE;FramerStyzLN4BE.displayName=\"Footer\";FramerStyzLN4BE.defaultProps={height:190,width:1366};addPropertyControls(FramerStyzLN4BE,{variant:{options:[\"g9Uy6XmmS\",\"BwUc2IpEV\"],optionTitles:[\"Desktop\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerStyzLN4BE,[{explicitInter:true,fonts:[{cssFamilyName:\"Urbanist\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Urbanist\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/QVSEREMQIHTDJ6PBN6SDKDQRKHAIJM4G/5FQFK3HFEC5ZJORN7EUWWXKPUKR4HDO2/S3LPGNCYQN366TZLSH3ASTPTKANFMFDS.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\"},{cssFamilyName:\"Urbanist\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Urbanist\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/Y3L2ZYYP26QQ73LRHQEGMGHU7HLMLCIE/5WHYQ3VUOWNEN3Y7DIOEXY5R4W6MYIPF/SS2LIWIFT3QZUKOLJ7TGBEFWHF3TFYQD.woff2\",weight:\"700\"},{cssFamilyName:\"Urbanist\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Urbanist\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NWFQAWEPGN3FR4FYMX6PY5M2HVOQSZWU/IIWY67X24KIURE4HBNGWYFMHSEMIVC2G/QAJFELFQRETRXRXDQOALZZUXNPM2U5VX.woff2\",weight:\"600\"}]},...LinkButtonFonts,...LinkFonts,...CookieBannerFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerStyzLN4BE\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1366\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"190\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"BwUc2IpEV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerAutoSizeImages\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./StyzLN4BE.map","// Interactive dots component that appear in proximity to cursor\n// Clean design with subtle gray dots on customizable background\n// Background grid layer always visible, dots become more visible on hover\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useMemo,useRef,startTransition,useCallback}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * Interactive Dots\n *\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 100\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Grid(props){const{backgroundColor=\"#E8F5A8\",dotColor=\"#9CA3AF\",dotSize=4,spacing=60,proximityRadius=150,maxOpacity=1,backgroundOpacity=.15,gridType=\"dots-lines\",fadeDelay=0,thickness=1.5,hoverDarken=.3,showBackground=false,lineHoverOpacity=.6,style}=props;const containerRef=useRef(null);const[mousePos,setMousePos]=useState({x:-1e3,y:-1e3});const[dimensions,setDimensions]=useState({width:800,height:600});const[activeDots,setActiveDots]=useState(new Set);const[fadingDots,setFadingDots]=useState(new Map);const isStatic=useIsStaticRenderer();const lastMouseUpdate=useRef(0);const animationFrameRef=useRef();const resizeObserverRef=useRef();const throttledMouseMove=useCallback(e=>{const now=Date.now();if(now-lastMouseUpdate.current<32)return;// Reduced to ~30fps for better performance\nlastMouseUpdate.current=now;if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();const newX=e.clientX-rect.left;const newY=e.clientY-rect.top;// Only update if mouse moved significantly\nif(Math.abs(newX-mousePos.x)>5||Math.abs(newY-mousePos.y)>5){startTransition(()=>{setMousePos({x:newX,y:newY});});}},[mousePos.x,mousePos.y]);useEffect(()=>{if(isStatic)return;const updateDimensions=()=>{if(containerRef.current){const rect=containerRef.current.getBoundingClientRect();// Always update on mount and when dimensions change\nsetDimensions({width:rect.width,height:rect.height});}};// Use ResizeObserver for better performance than window resize\nif(typeof ResizeObserver!==\"undefined\"){resizeObserverRef.current=new ResizeObserver(updateDimensions);if(containerRef.current){resizeObserverRef.current.observe(containerRef.current);}// Initial update on mount\nupdateDimensions();}else{updateDimensions();window.addEventListener(\"resize\",updateDimensions);}return()=>{if(resizeObserverRef.current){resizeObserverRef.current.disconnect();}else{window.removeEventListener(\"resize\",updateDimensions);}};},[isStatic]);useEffect(()=>{if(isStatic)return;window.addEventListener(\"mousemove\",throttledMouseMove);return()=>{window.removeEventListener(\"mousemove\",throttledMouseMove);};},[isStatic,throttledMouseMove]);// Optimized dots calculation with viewport culling\nconst dots=useMemo(()=>{const dotsArray=[];const cols=Math.ceil(dimensions.width/spacing);const rows=Math.ceil(dimensions.height/spacing);// Calculate visible area with buffer for smooth transitions\nconst buffer=proximityRadius*1.5;const visibleLeft=Math.max(0,mousePos.x-proximityRadius-buffer);const visibleRight=Math.min(dimensions.width,mousePos.x+proximityRadius+buffer);const visibleTop=Math.max(0,mousePos.y-proximityRadius-buffer);const visibleBottom=Math.min(dimensions.height,mousePos.y+proximityRadius+buffer);const startCol=Math.max(0,Math.floor(visibleLeft/spacing));const endCol=Math.min(cols,Math.ceil(visibleRight/spacing));const startRow=Math.max(0,Math.floor(visibleTop/spacing));const endRow=Math.min(rows,Math.ceil(visibleBottom/spacing));// Only create dots in visible area when mouse is present\nif(mousePos.x>-500&&mousePos.y>-500){for(let row=startRow;row