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\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"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/6ViXEDlSyuNyc0Na4Rzv/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\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (ff07650)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"FS;Space Grotesk-regular\",\"FS;Space Grotesk-bold\"]);export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"Space Grotesk\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Space Grotesk\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/6DG6HUOGHOB35UGAANBDBVY77OCFNQOA/MX56D7EXTFRCL3EZPNM332VF6D5TDENT/2MGP255ZY2RSFHKW6LNN6W6BWQGC2LUO.woff2\",weight:\"400\"},{cssFamilyName:\"Space Grotesk\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Space Grotesk\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/GFEQC7SZ2XMFHB2INR6RE24JKHO5JNTS/R2HDHPNP7PMXFG5AIIV7PF3KFELSLGKJ/COAKOVM7H37QQIPEFBZNVR5EL4GEPLQU.woff2\",weight:\"700\"}]}];export const css=[\".framer-I7Rtu .framer-styles-preset-bac57l:not(.rich-text-wrapper), .framer-I7Rtu .framer-styles-preset-bac57l.rich-text-wrapper p { --framer-font-family: \\\"Space Grotesk\\\", \\\"Space Grotesk Placeholder\\\", sans-serif; --framer-font-family-bold: \\\"Space Grotesk\\\", \\\"Space Grotesk Placeholder\\\", sans-serif; --framer-font-open-type-features: 'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 16px; --framer-text-alignment: start; --framer-text-color: var(--token-cf2ea016-d5f1-4b4f-ab43-1cf758d1767b, #2b2b2b); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }\"];export const className=\"framer-I7Rtu\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (74099f6)\nimport{fontStore}from\"framer\";fontStore.loadFonts([]);export const fonts=[{explicitInter:true,fonts:[]}];export const css=[\".framer-ekwmS .framer-styles-preset-4jwj4r:not(.rich-text-wrapper), .framer-ekwmS .framer-styles-preset-4jwj4r.rich-text-wrapper a { --framer-link-text-color: var(--token-cf2ea016-d5f1-4b4f-ab43-1cf758d1767b, #2b2b2b); }\"];export const className=\"framer-ekwmS\";\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 (74099f6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Link,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS}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/LJki37UjB5KBVYI60fjt/Cookies.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/LVJCZ8gNEy4R1rG7Dyc3/QGZDDihiLfLjFxhtNSOC/GZ6DTZL4z.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/xWppPYMWckBLO13i2lfq/nqmSjdaP775VYbjlNrVW/rngvt5t4P.js\";const CookieBannerFonts=getFonts(CookieBanner);const cycleOrder=[\"oaJ6MhRIG\",\"j2CnM2OJk\",\"FIq9Urzaa\"];const serializationHash=\"framer-mwqvi\";const variantClassNames={FIq9Urzaa:\"framer-v-pd8sj\",j2CnM2OJk:\"framer-v-1qq1ups\",oaJ6MhRIG:\"framer-v-nicsy4\"};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={Desktop:\"oaJ6MhRIG\",Mobile:\"FIq9Urzaa\",Tablet:\"j2CnM2OJk\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"oaJ6MhRIG\"};};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:\"oaJ6MhRIG\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"j2CnM2OJk\",\"FIq9Urzaa\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"FIq9Urzaa\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"FIq9Urzaa\")return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.footer,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-nicsy4\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"oaJ6MhRIG\",ref:refBinding,style:{backgroundColor:\"rgb(247, 247, 247)\",...style},...addPropertyOverrides({FIq9Urzaa:{\"data-framer-name\":\"Mobile\"},j2CnM2OJk:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-ise3fu\",\"data-border\":true,\"data-framer-name\":\"inner\",layoutDependency:layoutDependency,layoutId:\"WMB0S_UWu\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(209, 209, 209))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1i4vckq\",\"data-border\":true,\"data-framer-name\":\"col-3\",layoutDependency:layoutDependency,layoutId:\"AJx0jRkkk\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(209, 209, 209))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},variants:{FIq9Urzaa:{\"--border-right-width\":\"0px\"}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-14nc3lk\",\"data-framer-name\":\"content\",layoutDependency:layoutDependency,layoutId:\"hj3368lb2\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:\"\\xa9 Studio Felix Ernesti\"})}),className:\"framer-pemf1t\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"PBh7LNDOZ\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})})}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-aw23i6\",\"data-border\":true,\"data-framer-name\":\"col-3\",layoutDependency:layoutDependency,layoutId:\"mGB4Ugyrs\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(209, 209, 209))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"}}),isDisplayed1()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1dk9yqj\",\"data-border\":true,\"data-framer-name\":\"col-3\",layoutDependency:layoutDependency,layoutId:\"HIYk5Z7Ab\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(209, 209, 209))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:\"STUDIO FELIX ERNESTI\"}),/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:[\"Felix Ernesti\",/*#__PURE__*/_jsx(motion.br,{}),\"Gro\\xdfe Hamburger Stra\\xdfe 32\",/*#__PURE__*/_jsx(motion.br,{}),\"10115 Berlin\"]}),/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:[\"+49 173 343 90 41\",/*#__PURE__*/_jsx(motion.br,{}),\"mail@studioernesti.de\"]})]}),className:\"framer-vsso29\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"KFVy1I4r5\",verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"S5FdrbXUc\"},motionChild:true,nodeId:\"KHRqlDAOI\",openInNewTab:false,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"LinkedIn\"})})})]}),className:\"framer-gyyt3u\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"KHRqlDAOI\",verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(Link,{href:\"https://www.instagram.com/studiofelixernesti/\",motionChild:true,nodeId:\"ZpUlx_Zjl\",openInNewTab:true,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Instagram\"})})})}),className:\"framer-b43h2k\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ZpUlx_Zjl\",verticalAlignment:\"top\",withExternalLayout:true})]}),isDisplayed2()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-xsuocp\",\"data-border\":true,\"data-framer-name\":\"col-3\",layoutDependency:layoutDependency,layoutId:\"BbmZaE7by\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(209, 209, 209))\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:\"STUDIO FELIX ERNESTI\"}),/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:[\"Felix Ernesti\",/*#__PURE__*/_jsx(motion.br,{}),\"Gro\\xdfe Hamburger Stra\\xdfe 32\",/*#__PURE__*/_jsx(motion.br,{}),\"10115 Berlin\"]}),/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:[\"+49 173 343 90 41\",/*#__PURE__*/_jsx(motion.br,{}),\"mail@studioernesti.de\"]})]}),className:\"framer-hipdn5\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"UrTgUjK11\",verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:\"LinkedIn\"})]}),className:\"framer-mocx6r\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"d1YmcqiDj\",verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({j2CnM2OJk:{children:/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})}),/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:\"LinkedIn\"})]})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(Link,{href:\"https://www.instagram.com/studiofelixernesti/\",motionChild:true,nodeId:\"iHU1Ntnhm\",openInNewTab:true,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Instagram\"})})})}),className:\"framer-xplk9y\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"iHU1Ntnhm\",verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-16qgwv3\",\"data-framer-name\":\"col-3\",layoutDependency:layoutDependency,layoutId:\"X3MJxzHjR\",style:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"rgba(0, 0, 0, 0)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"0px\"},variants:{FIq9Urzaa:{\"--border-bottom-width\":\"0px\",\"--border-color\":\"var(--token-d002813b-e9c8-4b2b-8903-f08e803ea630, rgb(214, 214, 214))\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"}},...addPropertyOverrides({FIq9Urzaa:{\"data-border\":true}},baseVariant,gestureVariant),children:[isDisplayed2()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",style:{\"--framer-text-alignment\":\"right\"},children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"S5FdrbXUc\"},motionChild:true,nodeId:\"EG1c4NWRx\",openInNewTab:false,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Impressum\"})})})}),className:\"framer-1okm1xq\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"EG1c4NWRx\",verticalAlignment:\"top\",withExternalLayout:true}),isDisplayed1()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"S5FdrbXUc\"},motionChild:true,nodeId:\"dx3JrqMAe\",openInNewTab:false,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Impressum\"})})})}),className:\"framer-ol9dlo\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"dx3JrqMAe\",verticalAlignment:\"top\",withExternalLayout:true}),isDisplayed1()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"OvkgGxw69\"},motionChild:true,nodeId:\"rRzbydp7o\",openInNewTab:false,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Datenschutzerkl\\xe4rung\"})})})}),className:\"framer-3z2go7\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"rRzbydp7o\",verticalAlignment:\"top\",withExternalLayout:true}),isDisplayed2()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-bac57l\",\"data-styles-preset\":\"GZ6DTZL4z\",style:{\"--framer-text-alignment\":\"right\"},children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"OvkgGxw69\"},motionChild:true,nodeId:\"fxA1jNy9v\",openInNewTab:false,relValues:[],scopeId:\"yr6InMr1Z\",smoothScroll:false,children:/*#__PURE__*/_jsx(motion.a,{className:\"framer-styles-preset-4jwj4r\",\"data-styles-preset\":\"rngvt5t4P\",children:\"Datenschutzerkl\\xe4rung\"})})})}),className:\"framer-1cp8v0w\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"fxA1jNy9v\",verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-382nro\",\"data-framer-name\":\"content\",layoutDependency:layoutDependency,layoutId:\"UR_FNNHHA\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1awvk4f-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"ZcTs9Q8fj-container\",nodeId:\"ZcTs9Q8fj\",rendersWithMotion:true,scopeId:\"yr6InMr1Z\",children:/*#__PURE__*/_jsx(CookieBanner,{banner:{animation:{scale:1,transition:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"},x:0,y:10},containerWidth:0,inset:10,insetBottom:10,insetLeft:10,insetPerSide:false,insetRight:10,insetTop:10,padding:24,paddingBottom:24,paddingLeft:24,paddingPerSide:false,paddingRight:24,paddingTop:24,position:\"bottom-center\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"rgba(0, 0, 0, 0.05)\",radius:0,width:0},colorBody:\"rgb(68, 68, 68)\",colorTitle:\"rgb(0, 0, 0)\",fill:\"rgb(255, 255, 255)\",fontBody:{fontFamily:'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},fontTitle:{fontFamily:'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-a6aae1e0-0ad0-43ab-8bb4-bab775e9a746, rgb(0, 255, 170))\"},width:360,zIndex:10},button:{borderRadius:0,direction:\"row\",fluid:true,font:{fontFamily:'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},hoverOpacity:0,labels:{accept:\"Akzeptieren\",acceptAll:\"Accept all\",confirm:\"Verstanden\",customize:\"Customize\",reject:\"Ablehnen\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,primary:{color:\"rgb(255, 255, 255)\",fill:\"rgb(0, 0, 0)\"},secondary:{color:\"rgb(68, 68, 68)\",fill:\"rgb(238, 238, 238)\"},tapOpacity:0},content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"Wir verwenden Cookies, um diese Website technisch bereitzustellen und anonym zu analysieren\",euPolicy:{label:\"\",link:\"https://www.framer.com/legal/policy/\",prefix:\"\"},euShowReject:true,euTitle:\"Cookies\",euType:\"medium\",isEU:true,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:\"Cookie Policy\",prefix:\"Read our\"},worldShowReject:true,worldTitle:\"Cookie Settings\",worldType:\"simple\"},gtmId:\"\",height:\"100%\",id:\"ZcTs9Q8fj\",layoutId:\"ZcTs9Q8fj\",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-cf2ea016-d5f1-4b4f-ab43-1cf758d1767b, rgb(43, 43, 43))\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"Space Grotesk\", \"Space Grotesk Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},type:\"text\"},width:\"100%\"})})})})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-mwqvi.framer-wjv7yi, .framer-mwqvi .framer-wjv7yi { display: block; }\",\".framer-mwqvi.framer-nicsy4 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px 24px 0px 24px; position: relative; width: 1440px; }\",\".framer-mwqvi .framer-ise3fu { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; max-width: 1440px; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 1px; }\",\".framer-mwqvi .framer-1i4vckq, .framer-mwqvi .framer-aw23i6 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: flex-start; overflow: hidden; padding: 24px; position: relative; width: 1px; }\",\".framer-mwqvi .framer-14nc3lk { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-mwqvi .framer-pemf1t { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-mwqvi .framer-1dk9yqj, .framer-mwqvi .framer-xsuocp { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 24px; position: relative; width: 1px; }\",\".framer-mwqvi .framer-vsso29, .framer-mwqvi .framer-gyyt3u, .framer-mwqvi .framer-b43h2k, .framer-mwqvi .framer-hipdn5, .framer-mwqvi .framer-mocx6r, .framer-mwqvi .framer-xplk9y, .framer-mwqvi .framer-1okm1xq, .framer-mwqvi .framer-ol9dlo, .framer-mwqvi .framer-3z2go7, .framer-mwqvi .framer-1cp8v0w { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-mwqvi .framer-16qgwv3 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 5px; height: auto; justify-content: flex-end; overflow: var(--overflow-clip-fallback, clip); padding: 24px; position: relative; width: 1px; }\",\".framer-mwqvi .framer-382nro { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-end; overflow: var(--overflow-clip-fallback, clip); padding: 3px 0px 4px 0px; position: relative; width: 100%; }\",\".framer-mwqvi .framer-1awvk4f-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-mwqvi.framer-v-1qq1ups.framer-nicsy4 { width: 768px; }\",\".framer-mwqvi.framer-v-pd8sj.framer-nicsy4 { padding: 0px; width: 430px; }\",\".framer-mwqvi.framer-v-pd8sj .framer-ise3fu { align-content: flex-start; align-items: flex-start; flex-direction: column; }\",\".framer-mwqvi.framer-v-pd8sj .framer-1i4vckq { align-content: center; align-items: center; align-self: unset; flex: none; height: 80px; justify-content: center; order: 0; padding: 0px 24px 0px 24px; width: 57%; }\",\".framer-mwqvi.framer-v-pd8sj .framer-pemf1t { flex: 2 0 0px; }\",\".framer-mwqvi.framer-v-pd8sj .framer-1dk9yqj { flex: none; order: 1; width: 100%; }\",\".framer-mwqvi.framer-v-pd8sj .framer-16qgwv3 { align-self: unset; flex: none; height: min-content; order: 4; width: 100%; }\",\".framer-mwqvi.framer-v-pd8sj .framer-382nro { align-content: flex-start; align-items: flex-start; justify-content: flex-start; }\",\".framer-mwqvi.framer-v-pd8sj .framer-1awvk4f-container { order: 0; }\",...sharedStyle.css,...sharedStyle1.css,'.framer-mwqvi[data-border=\"true\"]::after, .framer-mwqvi [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 312\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"j2CnM2OJk\":{\"layout\":[\"fixed\",\"auto\"]},\"FIq9Urzaa\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Frameryr6InMr1Z=withCSS(Component,css,\"framer-mwqvi\");export default Frameryr6InMr1Z;Frameryr6InMr1Z.displayName=\"Footer\";Frameryr6InMr1Z.defaultProps={height:312,width:1440};addPropertyControls(Frameryr6InMr1Z,{variant:{options:[\"oaJ6MhRIG\",\"j2CnM2OJk\",\"FIq9Urzaa\"],optionTitles:[\"Desktop\",\"Tablet\",\"Mobile\"],title:\"Variant\",type:ControlType.Enum}});addFonts(Frameryr6InMr1Z,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"},{cssFamilyName:\"Space Grotesk\",source:\"fontshare\",style:\"normal\",uiFamilyName:\"Space Grotesk\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/6DG6HUOGHOB35UGAANBDBVY77OCFNQOA/MX56D7EXTFRCL3EZPNM332VF6D5TDENT/2MGP255ZY2RSFHKW6LNN6W6BWQGC2LUO.woff2\",weight:\"400\"}]},...CookieBannerFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameryr6InMr1Z\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1440\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"j2CnM2OJk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"FIq9Urzaa\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicHeight\":\"312\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./yr6InMr1Z.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,useCallback,startTransition as reactStartTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n\n* Fixed Back to Top Button (icon centered, no extra animation)\n\n*\n\n* @framerIntrinsicWidth 56\n\n* @framerIntrinsicHeight 56\n\n* @framerSupportedLayoutWidth fixed\n\n* @framerSupportedLayoutHeight fixed\n\n*/export default function BackToTopButton(props){const{backgroundColor=\"#FFFFFF\",backgroundColorHover=\"#F8F8F8\",arrowColor=\"#EA5D5F\",arrowColorHover=\"#D64545\",buttonSize=56,buttonPosition=\"bottomRight\",bottomMargin=32,sideMargin=32,scrollThreshold=300,scrollDuration=800,boxShadow=true,iconType=\"arrow\",buttonShape=\"circle\",borderWidth=0,borderColor=\"#E0E0E0\",showProgress=false,progressWidth=3,style}=props;// Ensure minimum size of 5x5 pixels\nconst minSize=5;const effectiveButtonSize=Math.max(buttonSize,minSize);const[visible,setVisible]=useState(false);const[hover,setHover]=useState(false);const[scrollProgress,setScrollProgress]=useState(0);// Throttle for performance\nconst throttle=(func,delay)=>{let timeoutId=null;let lastExecTime=0;return(...args)=>{const currentTime=Date.now();if(currentTime-lastExecTime>delay){func(...args);lastExecTime=currentTime;}else{if(timeoutId)clearTimeout(timeoutId);timeoutId=setTimeout(()=>{func(...args);lastExecTime=Date.now();},delay-(currentTime-lastExecTime));}};};// Button position\nconst getButtonPosition=useCallback(()=>{const basePosition={bottom:`${bottomMargin}px`,zIndex:999};switch(buttonPosition){case\"bottomLeft\":return{...basePosition,left:`${sideMargin}px`,right:\"auto\"};case\"bottomCenter\":return{...basePosition,left:\"50%\",right:\"auto\",transform:\"translateX(-50%)\"};case\"bottomRight\":default:return{...basePosition,right:`${sideMargin}px`,left:\"auto\"};}},[buttonPosition,bottomMargin,sideMargin]);// Scroll progress\nconst calculateScrollProgress=useCallback(()=>{if(typeof window===\"undefined\")return 0;const scrollTop=window.pageYOffset||document.documentElement.scrollTop;const scrollHeight=document.documentElement.scrollHeight-document.documentElement.clientHeight;return scrollHeight>0?scrollTop/scrollHeight*100:0;},[]);// Handle scroll\nconst handleScroll=useCallback(throttle(()=>{if(typeof window===\"undefined\")return;const scrollTop=window.pageYOffset||document.documentElement.scrollTop;const progress=calculateScrollProgress();startTransition(()=>{setVisible(scrollTop>scrollThreshold);setScrollProgress(progress);});},16),[scrollThreshold,calculateScrollProgress]);useEffect(()=>{if(typeof window===\"undefined\")return;window.addEventListener(\"scroll\",handleScroll,{passive:true});handleScroll();return()=>window.removeEventListener(\"scroll\",handleScroll);},[handleScroll]);// Smooth scroll to top\nconst scrollToTop=useCallback(()=>{if(typeof window===\"undefined\")return;const startTime=performance.now();const startScrollTop=window.pageYOffset||document.documentElement.scrollTop;const easeInOutCubic=t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2;const animateScroll=currentTime=>{const elapsedTime=currentTime-startTime;const progress=Math.min(elapsedTime/scrollDuration,1);const easedProgress=easeInOutCubic(progress);window.scrollTo(0,startScrollTop*(1-easedProgress));if(progress<1)window.requestAnimationFrame(animateScroll);};window.requestAnimationFrame(animateScroll);},[scrollDuration]);// Start transition wrapper\nconst startTransition=callback=>{if(typeof window!==\"undefined\"&&typeof reactStartTransition===\"function\"){reactStartTransition(callback);}else{callback();}};const positionStyles=getButtonPosition();const iconColor=hover?arrowColorHover:arrowColor;// Border radius\nconst getBorderRadius=()=>{switch(buttonShape){case\"square\":return\"0px\";case\"rounded\":return\"12px\";case\"circle\":default:return\"50%\";}};// Render icon\nconst renderIcon=()=>{const iconSize=Math.max(buttonSize*.5,20);const strokeWidth=2.5;const iconStyle={display:\"block\",color:iconColor};switch(iconType){case\"chevron\":return /*#__PURE__*/_jsx(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:/*#__PURE__*/_jsx(\"path\",{d:\"M18 15L12 9L6 15\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});case\"caretUp\":return /*#__PURE__*/_jsx(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 14L12 9L17 14\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});case\"rocket\":return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 2C12 2 7 7 7 13C7 15.21 8.79 17 11 17H13C15.21 17 17 15.21 17 13C17 7 12 2 12 2Z\",stroke:\"currentColor\",strokeWidth:2,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 17V21\",stroke:\"currentColor\",strokeWidth:2,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M9 14H15\",stroke:\"currentColor\",strokeWidth:1.5,strokeLinecap:\"round\"})]});case\"doubleArrow\":return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M17 11L12 6L7 11\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M17 18L12 13L7 18\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})]});case\"arrow\":default:return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 19V5\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5 12L12 5L19 12\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})]});}};// Render progress indicator\nconst renderProgressIndicator=()=>{if(!showProgress)return null;const size=buttonSize;const strokeWidth=progressWidth;const radius=(size-strokeWidth)/2;const circumference=2*Math.PI*radius;const dashoffset=circumference*(1-scrollProgress/100);// For rounded and square shapes, we'll use a different approach\nif(buttonShape!==\"circle\"){const rectSize=size-strokeWidth;return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:`0 0 ${size} ${size}`,style:{position:\"absolute\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:strokeWidth/2,y:strokeWidth/2,width:rectSize,height:rectSize,fill:\"none\",stroke:\"rgba(0,0,0,0.1)\",strokeWidth:strokeWidth,rx:buttonShape===\"rounded\"?12:0}),/*#__PURE__*/_jsx(\"rect\",{x:strokeWidth/2,y:strokeWidth/2,width:rectSize,height:rectSize,fill:\"none\",stroke:arrowColor,strokeWidth:strokeWidth,strokeDasharray:2*(rectSize+rectSize),strokeDashoffset:2*(rectSize+rectSize)*(1-scrollProgress/100),rx:buttonShape===\"rounded\"?12:0})]});}// Default circular progress indicator\nreturn /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:`0 0 ${size} ${size}`,style:{position:\"absolute\",transform:\"rotate(-90deg)\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:size/2,cy:size/2,r:radius,fill:\"none\",stroke:\"rgba(0,0,0,0.1)\",strokeWidth:strokeWidth}),/*#__PURE__*/_jsx(\"circle\",{cx:size/2,cy:size/2,r:radius,fill:\"none\",stroke:arrowColor,strokeWidth:strokeWidth,strokeDasharray:circumference,strokeDashoffset:dashoffset,strokeLinecap:\"round\"})]});};// Animations\nconst getAnimationVariants=()=>{return{hidden:{opacity:0},visible:{opacity:1}};};const variants=getAnimationVariants();return /*#__PURE__*/_jsxs(motion.button,{initial:\"hidden\",animate:visible?\"visible\":\"hidden\",variants:variants,transition:{duration:.3,ease:\"easeInOut\"},type:\"button\",onClick:scrollToTop,onMouseEnter:()=>startTransition(()=>setHover(true)),onMouseLeave:()=>startTransition(()=>setHover(false)),\"aria-label\":\"Scroll to top\",tabIndex:visible?0:-1,style:{background:hover?backgroundColorHover:backgroundColor,borderRadius:getBorderRadius(),visibility:visible?\"visible\":\"hidden\",position:\"fixed\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:buttonSize,height:buttonSize,border:borderWidth>0?`${borderWidth}px solid ${borderColor}`:\"none\",boxShadow:visible&&boxShadow?`0px 4px 12px rgba(0,0,0,0.15),0px 2px 4px rgba(0,0,0,0.1)`:\"none\",transition:\"all 0.2s cubic-bezier(0.4,0,0.2,1)\",...positionStyles},whileHover:{scale:1.05,boxShadow:visible&&boxShadow?`0px 6px 16px rgba(0,0,0,0.2),0px 4px 8px rgba(0,0,0,0.15)`:\"none\"},whileTap:{scale:.95},children:[showProgress&&renderProgressIndicator(),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:iconColor},children:renderIcon()})]});}addPropertyControls(BackToTopButton,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\",description:\"Background color of the button\"},backgroundColorHover:{type:ControlType.Color,title:\"Background Hover\",defaultValue:\"#F8F8F8\",description:\"Background color when hovering over the button\"},arrowColor:{type:ControlType.Color,title:\"Icon Color\",defaultValue:\"#EA5D5F\",description:\"Color of the icon in normal state\"},arrowColorHover:{type:ControlType.Color,title:\"Icon Hover\",defaultValue:\"#D64545\",description:\"Color of the icon when hovering\"},iconType:{type:ControlType.Enum,title:\"Icon Type\",options:[\"arrow\",\"chevron\",\"caretUp\",\"rocket\",\"doubleArrow\"],optionTitles:[\"Arrow\",\"Chevron\",\"Caret\",\"Rocket\",\"Double Arrow\"],defaultValue:\"arrow\",description:\"Style of the icon displayed in the button\"},buttonSize:{type:ControlType.Number,title:\"Size\",defaultValue:56,min:40,max:80,step:2,unit:\"px\",description:\"Width and height of the button\"},buttonShape:{type:ControlType.Enum,title:\"Shape\",options:[\"circle\",\"rounded\",\"square\"],optionTitles:[\"Circle\",\"Rounded\",\"Square\"],defaultValue:\"circle\",description:\"Shape of the button and progress indicator\"},buttonPosition:{type:ControlType.Enum,title:\"Position\",options:[\"bottomRight\",\"bottomLeft\",\"bottomCenter\"],optionTitles:[\"Bottom Right\",\"Bottom Left\",\"Bottom Center\"],defaultValue:\"bottomRight\",description:\"Position of the button on the screen\"},bottomMargin:{type:ControlType.Number,title:\"Bottom Margin\",defaultValue:32,min:0,max:100,step:1,unit:\"px\",description:\"Distance from the bottom of the screen\"},sideMargin:{type:ControlType.Number,title:\"Side Margin\",defaultValue:32,min:0,max:100,step:1,unit:\"px\",description:\"Distance from the side of the screen (left or right)\"},scrollThreshold:{type:ControlType.Number,title:\"Show After\",defaultValue:300,min:100,max:1e3,step:50,unit:\"px\",description:\"How far to scroll before the button appears\"},scrollDuration:{type:ControlType.Number,title:\"Scroll Speed\",defaultValue:800,min:300,max:2e3,step:100,unit:\"ms\",description:\"Duration of the scroll-to-top animation\"},boxShadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Add a shadow effect to the button\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:0,min:0,max:4,step:1,unit:\"px\",description:\"Width of the button border\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#E0E0E0\",hidden:({borderWidth})=>borderWidth===0,description:\"Color of the button border\"},showProgress:{type:ControlType.Boolean,title:\"Progress Ring\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"Show a ring indicating scroll progress\"},progressWidth:{type:ControlType.Number,title:\"Progress Width\",defaultValue:3,min:1,max:10,step:1,unit:\"px\",hidden:({showProgress})=>!showProgress,description:\"Thickness of the progress indicator\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BackToTopButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"56\",\"framerIntrinsicHeight\":\"56\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BackToTopButton_1.map","var t,e=Object.create,r=Object.defineProperty,n=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(t,e,n)=>e in t?r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,u=(t,e)=>function(){return e||(0,t[i(t)[0]])((e={exports:{}}).exports,e),e.exports;},l=(t,e,s,o)=>{if(e&&\"object\"==typeof e||\"function\"==typeof e)for(let u of i(e))a.call(t,u)||u===s||r(t,u,{get:()=>e[u],enumerable:!(o=n(e,u))||o.enumerable});return t;},h=(t,n,i)=>(i=null!=t?e(s(t)):{},l(// If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n !n&&t&&t.__esModule?i:r(i,\"default\",{value:t,enumerable:!0}),t)),c=(t,e,r)=>o(t,\"symbol\"!=typeof e?e+\"\":e,r),f=u({\"../../../node_modules/dataloader/index.js\"(t,e){var r,n=/* @__PURE__ */function(){function t(t,e){if(\"function\"!=typeof t)throw TypeError(\"DataLoader must be constructed with a function which accepts Array