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\",rel:\"noopener noreferrer\",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,...withDefaultFontFamily(settings.font)}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-banner\");function withDefaultFontFamily(style){if(style?.fontFamily)return style;return{...style,fontFamily:style?.fontFamily||DEFAULT_FONT_FAMILY};}\nexport const __FramerMetadata__ = {\"exports\":{\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","// ⚠️⚠️⚠️⚠️⚠️\n// Edit these files in https://github.com/framer/FramerCodeComponents\n// ⚠️⚠️⚠️⚠️⚠️\nimport{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/SElQKSOnUBZOSJtmN84H/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/LdKok3hlO89v4p4R5gq4/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/LMJoQTMJ3dAbGtsVKgtQ/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Puy217ziAIZRqHk4rVRu/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/pK4oThhjjhllFVAwqFls/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/5dbuLOGDrS0SjHVtVyCR/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\",{type:\"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\"?trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{fallback:null,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\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FontProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"DANKE!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"TAK!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"\\xa1GRACIAS!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"GRAZIE!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"BEDANKT!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"DZIĘKUJEMY!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import*as React from\"react\";export const v0=/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"TACK!\"})});\nexport const __FramerMetadata__ = {\"exports\":{\"v0\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (e0809aa)\nimport*as localizedValues from\"./iQX696ztw-0.js\";import*as localizedValues1 from\"./iQX696ztw-1.js\";import*as localizedValues2 from\"./iQX696ztw-2.js\";import*as localizedValues3 from\"./iQX696ztw-3.js\";import*as localizedValues4 from\"./iQX696ztw-4.js\";import*as localizedValues5 from\"./iQX696ztw-5.js\";import*as localizedValues6 from\"./iQX696ztw-6.js\";const valuesByLocaleId={DTyGZhAuz:localizedValues4,Ej9KSWzCo:localizedValues5,FKqRP1J0u:localizedValues3,poeWeJUD6:localizedValues1,RVel0RhaE:localizedValues2,wmZ4I1Wbv:localizedValues,z7GwFHwS3:localizedValues6};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}export function usePreloadLocalizedValues(){}\nexport const __FramerMetadata__ = {\"exports\":{\"usePreloadLocalizedValues\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (e0809aa)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,patchBorderRadiusScaleCorrector,RichText,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import getLocalizedValue from\"https://framerusercontent.com/modules/2UoWGC1DZAFvZAAxApnb/sK0lOs4LFI23VPD2CpQr/iQX696ztw.js\";const MotionDivWithFX=withFX(motion.div);const enabledGestures={JFNkFRSns:{hover:true,pressed:true}};const cycleOrder=[\"JFNkFRSns\",\"NhjKpqmu9\",\"qZdUSmC9l\",\"yV9BZJa3t\",\"GGqpvkOAd\"];const serializationHash=\"framer-dG6Sa\";const variantClassNames={GGqpvkOAd:\"framer-v-1s27kb7\",JFNkFRSns:\"framer-v-10wmzu0\",NhjKpqmu9:\"framer-v-1y8h4wx\",qZdUSmC9l:\"framer-v-6tcu5o\",yV9BZJa3t:\"framer-v-1tqyax6\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const hq73XrGTL=undefined;const patchBorderRadiusScaleCorrector1=patchBorderRadiusScaleCorrector();const transition1={delay:0,duration:.2,ease:[.44,0,.56,1],type:\"tween\"};const transition2={delay:0,duration:1,ease:[0,0,1,1],type:\"tween\"};const animation={opacity:1,rotate:360,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0};const transformTemplate1=(_,t)=>`translateX(-50%) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={Default:\"JFNkFRSns\",Disabled:\"qZdUSmC9l\",Error:\"GGqpvkOAd\",Loading:\"NhjKpqmu9\",Success:\"yV9BZJa3t\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,title,width,...props})=>{return{...props,hq73XrGTL:title??props.hq73XrGTL??\"S'INSCRIRE\",variant:humanReadableVariantMap[props.variant]??props.variant??\"JFNkFRSns\"};};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,hq73XrGTL,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"JFNkFRSns\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"NhjKpqmu9\")return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"NhjKpqmu9\")return true;return false;};const isDisplayed2=()=>{if([\"NhjKpqmu9\",\"GGqpvkOAd\"].includes(baseVariant))return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.button,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-10wmzu0\",className,classNames),\"data-framer-name\":\"Default\",\"data-reset\":\"button\",layoutDependency:layoutDependency,layoutId:\"JFNkFRSns\",ref:refBinding,style:{\"--corner-shape-fallback\":1,backgroundColor:\"var(--token-b934c587-51bc-47ce-ab42-518731e27e1f, rgb(218, 25, 26))\",borderBottomLeftRadius:\"calc(12px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)))\",borderBottomRightRadius:\"calc(12px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)))\",borderTopLeftRadius:\"calc(12px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)))\",borderTopRightRadius:\"calc(12px*var(--one-if-corner-shape-supported,var(--corner-shape-fallback,1)))\",cornerShape:\"superellipse(1)\",opacity:1,...style},variants:{\"JFNkFRSns-hover\":{opacity:1},\"JFNkFRSns-pressed\":{opacity:1},GGqpvkOAd:{backgroundColor:\"rgba(255, 34, 68, 0.15)\",opacity:1},qZdUSmC9l:{opacity:.5},yV9BZJa3t:{opacity:1}},...addPropertyOverrides({\"JFNkFRSns-hover\":{\"data-framer-name\":undefined},\"JFNkFRSns-pressed\":{\"data-framer-name\":undefined},GGqpvkOAd:{\"data-framer-name\":\"Error\"},NhjKpqmu9:{\"data-framer-name\":\"Loading\"},qZdUSmC9l:{\"data-framer-name\":\"Disabled\"},yV9BZJa3t:{\"data-framer-name\":\"Success\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7R29vZCBIZWFkIFBybyBNZWRpdW0=\",\"--framer-font-family\":'\"Good Head Pro Medium\", \"Good Head Pro Medium Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"110%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-d2b32add-5a99-4cff-83ed-1bbf1f6434e5, rgb(255, 255, 255)))\",\"--framer-text-transform\":\"uppercase\"},children:\"S'INSCRIRE\"})}),className:\"framer-cuy9cv\",fonts:[\"CUSTOMV2;Good Head Pro Medium\"],layoutDependency:layoutDependency,layoutId:\"J7109ZukI\",style:{\"--extracted-r6o4lv\":\"var(--token-d2b32add-5a99-4cff-83ed-1bbf1f6434e5, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:hq73XrGTL,variants:{GGqpvkOAd:{\"--extracted-r6o4lv\":\"rgb(255, 34, 68)\"},yV9BZJa3t:{\"--extracted-r6o4lv\":\"rgb(255, 255, 255)\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({GGqpvkOAd:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7R29vZCBIZWFkIFBybyBNZWRpdW0=\",\"--framer-font-family\":'\"Good Head Pro Medium\", \"Good Head Pro Medium Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"110%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 34, 68))\",\"--framer-text-transform\":\"uppercase\"},children:\"SOMETHING WENT WRONG\"})})},qZdUSmC9l:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{dir:\"auto\",style:{\"--font-selector\":\"Q1VTVE9NVjI7R29vZCBIZWFkIFBybyBNZWRpdW0=\",\"--framer-font-family\":'\"Good Head Pro Medium\", \"Good Head Pro Medium Placeholder\", sans-serif',\"--framer-font-open-type-features\":\"'blwf' on, 'cv09' on, 'cv03' on, 'cv04' on, 'cv11' on\",\"--framer-font-weight\":\"500\",\"--framer-line-height\":\"110%\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-d2b32add-5a99-4cff-83ed-1bbf1f6434e5, rgb(255, 255, 255)))\",\"--framer-text-transform\":\"uppercase\"},children:\"ENTER YOUR DETAILS\"})})},yV9BZJa3t:{children:getLocalizedValue(\"v0\",activeLocale)??/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"SW50ZXItU2VtaUJvbGQ=\",\"--framer-font-size\":\"14px\",\"--framer-font-weight\":\"600\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgb(255, 255, 255))\"},children:\"THANK YOU!\"})}),fonts:[\"Inter-SemiBold\"],text:undefined}},baseVariant,gestureVariant)}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-18vtcxw\",\"data-framer-name\":\"Spinner\",layoutDependency:layoutDependency,layoutId:\"yhKlVHf2t\",style:{mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"},children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__loop:animation,__framer__loopEffectEnabled:true,__framer__loopRepeatDelay:0,__framer__loopRepeatType:\"loop\",__framer__loopTransition:transition2,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1ps9ozt\",\"data-framer-name\":\"Conic\",layoutDependency:layoutDependency,layoutId:\"bVL6VlXvL\",style:{background:\"conic-gradient(from 180deg at 50% 50%, rgb(68, 204, 255) 0deg, rgb(68, 204, 255) 360deg)\",backgroundColor:\"rgb(68, 204, 255)\",mask:\"none\",WebkitMask:\"none\"},variants:{NhjKpqmu9:{background:\"conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, 0) 7.208614864864882deg, rgb(255, 255, 255) 342deg)\",backgroundColor:\"rgba(0, 0, 0, 0)\",mask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\",WebkitMask:\"url('https://framerusercontent.com/images/pGiXYozQ3mE4cilNOItfe2L2fUA.svg?width=20&height=20') alpha no-repeat center / cover add\"}},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-kwuk2u\",\"data-framer-name\":\"Rounding\",layoutDependency:layoutDependency,layoutId:\"NhOa3RAaD\",style:{backgroundColor:\"rgb(255, 255, 255)\",borderBottomLeftRadius:1,borderBottomRightRadius:1,borderTopLeftRadius:1,borderTopRightRadius:1},transformTemplate:transformTemplate1})})}),isDisplayed2()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1al26sr\",\"data-framer-name\":\"Icon wrapper\",layoutDependency:layoutDependency,layoutId:\"wJyDjTZs2\",style:{\"--corner-shape-fallback\":1,backgroundColor:\"var(--token-b934c587-51bc-47ce-ab42-518731e27e1f, rgb(218, 25, 26))\",cornerShape:\"superellipse(1)\"},children:[/*#__PURE__*/_jsxs(SVG,{className:\"framer-1lpeqwk\",\"data-framer-name\":\"Icon - placeholder\",layoutDependency:layoutDependency,layoutId:\"vDXru7NFu\",requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-oa22o2\",layoutDependency:layoutDependency,layoutId:\"UIZs73RRO\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-y308pu\",layoutDependency:layoutDependency,layoutId:\"Lsesfz8ed\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-dc5ng3\",layoutDependency:layoutDependency,layoutId:\"R_m7q17nb\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-14t0awg\",layoutDependency:layoutDependency,layoutId:\"daP2wEEBO\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-o6gqpk\",layoutDependency:layoutDependency,layoutId:\"aIZ5tFtAV\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-6yhqty\",layoutDependency:layoutDependency,layoutId:\"LJK2iDY_o\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1d4is2d\",layoutDependency:layoutDependency,layoutId:\"wvBvKVcAt\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-sgy6tp\",layoutDependency:layoutDependency,layoutId:\"Jh0dlwQ0W\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-6d70xf\",layoutDependency:layoutDependency,layoutId:\"GXItiCgAM\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1pdfq9x\",layoutDependency:layoutDependency,layoutId:\"cvFfiGI7T\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1r2zx9c\",layoutDependency:layoutDependency,layoutId:\"ogVVyMRQ1\",requiresOverflowVisible:false,svg:'',withExternalLayout:true})]}),/*#__PURE__*/_jsxs(SVG,{className:\"framer-7ww15g\",\"data-framer-name\":\"Icon - white 1\",layoutDependency:layoutDependency,layoutId:\"AHJj5JJxZ\",requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-1cmux8g\",layoutDependency:layoutDependency,layoutId:\"cUgORd9PC\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-hpt8uz\",layoutDependency:layoutDependency,layoutId:\"fQ5j2zyph\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-h1o25a\",layoutDependency:layoutDependency,layoutId:\"DQO91G2yR\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1rpppag\",layoutDependency:layoutDependency,layoutId:\"zFlk_BAVm\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1nwenqm\",layoutDependency:layoutDependency,layoutId:\"YgneHSz2y\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1b9m0rf\",layoutDependency:layoutDependency,layoutId:\"U_Ph_2XDn\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1bhpxv0\",layoutDependency:layoutDependency,layoutId:\"jWUsk7rlz\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-3wl71v\",layoutDependency:layoutDependency,layoutId:\"cq_0uTpJ6\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-yimojm\",layoutDependency:layoutDependency,layoutId:\"yQyuQEmD8\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-3zhl97\",layoutDependency:layoutDependency,layoutId:\"k5PMSPRyL\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-27pt6g\",layoutDependency:layoutDependency,layoutId:\"A09bo_ZOf\",requiresOverflowVisible:false,svg:'',withExternalLayout:true})]}),/*#__PURE__*/_jsxs(SVG,{className:\"framer-ofhp69\",\"data-framer-name\":\"Icon - white 2\",layoutDependency:layoutDependency,layoutId:\"cPw4oY5Y0\",requiresOverflowVisible:false,svg:'',withExternalLayout:true,children:[/*#__PURE__*/_jsx(SVG,{className:\"framer-uyumrx\",layoutDependency:layoutDependency,layoutId:\"fSUUoZUlG\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1wwu85o\",layoutDependency:layoutDependency,layoutId:\"Pdd0QGbnW\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-5tjbln\",layoutDependency:layoutDependency,layoutId:\"b9WKXZB1N\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-lxyhy\",layoutDependency:layoutDependency,layoutId:\"w6SVglUFn\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1otmysn\",layoutDependency:layoutDependency,layoutId:\"Y232R7ulT\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1bl6uq\",layoutDependency:layoutDependency,layoutId:\"GRkxUKueX\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-151l48p\",layoutDependency:layoutDependency,layoutId:\"Un8mwFE0b\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1edqvyo\",layoutDependency:layoutDependency,layoutId:\"wIW9hUweA\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-1rf06u4\",layoutDependency:layoutDependency,layoutId:\"xwWBItSSc\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-15baufa\",layoutDependency:layoutDependency,layoutId:\"rKaQo70_e\",requiresOverflowVisible:false,svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(SVG,{className:\"framer-zqgxnh\",layoutDependency:layoutDependency,layoutId:\"tW5oCQSds\",requiresOverflowVisible:false,svg:'',withExternalLayout:true})]})]})]})})})});});const css=[\".framer-dG6Sa.framer-ma5mlp, .framer-dG6Sa .framer-ma5mlp { display: block; }\",\".framer-dG6Sa.framer-10wmzu0 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 6px; height: 40px; justify-content: center; overflow: visible; padding: 0px 20px 0px 20px; position: relative; width: min-content; }\",\".framer-dG6Sa .framer-cuy9cv { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-dG6Sa .framer-18vtcxw { aspect-ratio: 1 / 1; flex: none; gap: 10px; height: auto; overflow: hidden; position: relative; width: 20px; }\",\".framer-dG6Sa .framer-1ps9ozt { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; }\",\".framer-dG6Sa .framer-kwuk2u { aspect-ratio: 1 / 1; flex: none; height: auto; left: 50%; overflow: visible; position: absolute; top: 0px; width: 2px; }\",\".framer-dG6Sa .framer-1al26sr { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 16px; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 16px; }\",\".framer-dG6Sa .framer-1lpeqwk { height: 10px; position: relative; width: 10px; }\",\".framer-dG6Sa .framer-oa22o2, .framer-dG6Sa .framer-1cmux8g, .framer-dG6Sa .framer-uyumrx { height: 2px; left: 8px; position: absolute; top: 0px; width: 2px; }\",\".framer-dG6Sa .framer-y308pu, .framer-dG6Sa .framer-hpt8uz, .framer-dG6Sa .framer-1wwu85o { height: 2px; left: 8px; position: absolute; top: 3px; width: 2px; }\",\".framer-dG6Sa .framer-dc5ng3, .framer-dG6Sa .framer-h1o25a, .framer-dG6Sa .framer-5tjbln { height: 2px; left: 6px; position: absolute; top: 0px; width: 2px; }\",\".framer-dG6Sa .framer-14t0awg, .framer-dG6Sa .framer-1rpppag, .framer-dG6Sa .framer-lxyhy { height: 2px; left: 6px; position: absolute; top: 3px; width: 2px; }\",\".framer-dG6Sa .framer-o6gqpk, .framer-dG6Sa .framer-1nwenqm, .framer-dG6Sa .framer-1otmysn { height: 2px; left: 4px; position: absolute; top: 5px; width: 2px; }\",\".framer-dG6Sa .framer-6yhqty, .framer-dG6Sa .framer-1b9m0rf, .framer-dG6Sa .framer-1bl6uq { height: 2px; left: 2px; position: absolute; top: 7px; width: 2px; }\",\".framer-dG6Sa .framer-1d4is2d, .framer-dG6Sa .framer-1bhpxv0, .framer-dG6Sa .framer-151l48p { height: 2px; left: 0px; position: absolute; top: 8px; width: 2px; }\",\".framer-dG6Sa .framer-sgy6tp, .framer-dG6Sa .framer-3wl71v, .framer-dG6Sa .framer-1edqvyo { height: 2px; left: 3px; position: absolute; top: 0px; width: 2px; }\",\".framer-dG6Sa .framer-6d70xf, .framer-dG6Sa .framer-yimojm, .framer-dG6Sa .framer-1rf06u4 { height: 2px; left: 1px; position: absolute; top: 0px; width: 2px; }\",\".framer-dG6Sa .framer-1pdfq9x, .framer-dG6Sa .framer-3zhl97, .framer-dG6Sa .framer-15baufa { height: 2px; left: 8px; position: absolute; top: 5px; width: 2px; }\",\".framer-dG6Sa .framer-1r2zx9c, .framer-dG6Sa .framer-27pt6g, .framer-dG6Sa .framer-zqgxnh { height: 2px; left: 8px; position: absolute; top: 8px; width: 2px; }\",\".framer-dG6Sa .framer-7ww15g { height: 10px; left: 4px; position: absolute; top: 3px; width: 10px; }\",\".framer-dG6Sa .framer-ofhp69 { height: 10px; left: -9px; position: absolute; top: 16px; width: 10px; }\",\".framer-dG6Sa.framer-v-1y8h4wx.framer-10wmzu0, .framer-dG6Sa.framer-v-6tcu5o.framer-10wmzu0, .framer-dG6Sa.framer-v-1tqyax6.framer-10wmzu0, .framer-dG6Sa.framer-v-1s27kb7.framer-10wmzu0 { cursor: unset; }\",\".framer-dG6Sa.framer-v-1y8h4wx .framer-1ps9ozt { overflow: hidden; }\",\".framer-dG6Sa.framer-v-10wmzu0.hover .framer-7ww15g { left: 16px; top: -11px; }\",\".framer-dG6Sa.framer-v-10wmzu0.hover .framer-ofhp69 { left: 4px; top: 3px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 40\n * @framerIntrinsicWidth 130\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"NhjKpqmu9\":{\"layout\":[\"auto\",\"fixed\"]},\"qZdUSmC9l\":{\"layout\":[\"auto\",\"fixed\"]},\"yV9BZJa3t\":{\"layout\":[\"auto\",\"fixed\"]},\"GGqpvkOAd\":{\"layout\":[\"auto\",\"fixed\"]},\"xRhOJhYjB\":{\"layout\":[\"auto\",\"fixed\"]},\"jRxqtCbM6\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"hq73XrGTL\":\"title\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FrameriQX696ztw=withCSS(Component,css,\"framer-dG6Sa\");export default FrameriQX696ztw;FrameriQX696ztw.displayName=\"Form Button 2\";FrameriQX696ztw.defaultProps={height:40,width:130};addPropertyControls(FrameriQX696ztw,{variant:{options:[\"JFNkFRSns\",\"NhjKpqmu9\",\"qZdUSmC9l\",\"yV9BZJa3t\",\"GGqpvkOAd\"],optionTitles:[\"Default\",\"Loading\",\"Disabled\",\"Success\",\"Error\"],title:\"Variant\",type:ControlType.Enum},hq73XrGTL:{defaultValue:\"S'INSCRIRE\",displayTextArea:false,title:\"Title\",type:ControlType.String},onhq73XrGTLChange:{changes:\"hq73XrGTL\",type:ControlType.ChangeHandler}});addFonts(FrameriQX696ztw,[{explicitInter:true,fonts:[{cssFamilyName:\"Good Head Pro Medium\",openType:true,source:\"custom\",style:\"normal\",uiFamilyName:\"Good Head Pro\",url:\"https://framerusercontent.com/assets/YHLgoswfQ3pPSBMOo2MzZjM.woff2\",weight:\"500\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/hyOgCu0Xnghbimh0pE8QTvtt2AU.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/NeGmSOXrPBfEFIy5YZeHq17LEDA.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/oYaAX5himiTPYuN8vLWnqBbfD2s.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/lEJLP4R0yuCaMCjSXYHtJw72M.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/cRJyLNuTJR5jbyKzGi33wU9cqIQ.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/yDtI2UI8XcEg1W2je9XPN3Noo.woff2\",weight:\"600\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/A0Wcc7NgXMjUuFdquHDrIZpzZw0.woff2\",weight:\"600\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameriQX696ztw\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"hq73XrGTL\\\":\\\"title\\\"}\",\"framerIntrinsicHeight\":\"40\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerAutoSizeImages\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerColorSyntax\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"NhjKpqmu9\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"qZdUSmC9l\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"yV9BZJa3t\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"GGqpvkOAd\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"xRhOJhYjB\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"jRxqtCbM6\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"130\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./iQX696ztw.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{useLocaleInfo}from\"framer\";// Shopify's account portal only reads locale from a `?locale=` query param,\n// not from a URL path prefix (tested directly: /da/authentication/login was\n// ignored, ?locale=da correctly rendered the Danish login page). French is\n// the shop's default, so it needs no param at all.\n//\n// Keys here are this project's actual Framer locale codes, confirmed via\n// framer.getLocales() — they carry a region suffix (de-DE, da-DK, ...), not\n// the bare 2-letter codes used elsewhere in the worker/mapping files. Values\n// are the bare 2-letter codes Shopify's account portal actually expects.\nconst LOCALE_QUERY={\"de-DE\":\"de\",\"da-DK\":\"da\",\"es-ES\":\"es\",\"it-IT\":\"it\",\"nl-NL\":\"nl\",\"pl-PL\":\"pl\",\"sv-SE\":\"sv\"};export function withAccountLocaleLink(Component){return props=>{const{activeLocale}=useLocaleInfo();const code=activeLocale?.code;const query=code&&LOCALE_QUERY[code]?`?locale=${LOCALE_QUERY[code]}`:\"\";const link=`https://account.bowling-stars.com/${query}`;return /*#__PURE__*/_jsx(Component,{...props,link:link});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withAccountLocaleLink\":{\"type\":\"reactHoc\",\"name\":\"withAccountLocaleLink\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AccountLocale.map","// Generated by Framer (0da2bc6)\nimport{LazyValue}from\"framer\";const valuesByLocaleId={DTyGZhAuz:new LazyValue(()=>import(\"./QeywqwEk_-4.js\")),Ej9KSWzCo:new LazyValue(()=>import(\"./QeywqwEk_-5.js\")),FKqRP1J0u:new LazyValue(()=>import(\"./QeywqwEk_-3.js\")),poeWeJUD6:new LazyValue(()=>import(\"./QeywqwEk_-1.js\")),RVel0RhaE:new LazyValue(()=>import(\"./QeywqwEk_-2.js\")),wmZ4I1Wbv:new LazyValue(()=>import(\"./QeywqwEk_-0.js\")),z7GwFHwS3:new LazyValue(()=>import(\"./QeywqwEk_-6.js\"))};export default function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values&&values.status===\"fulfilled\"){const value=values.read()[key];if(value)return value;}locale=locale.fallback;}}function preload(locale){const promises=[];while(locale){const values=valuesByLocaleId[locale.id];if(values){const promise=values.preload();if(promise)promises.push(promise);}locale=locale.fallback;}if(promises.length>0)return Promise.all(promises);}export function usePreloadLocalizedValues(locale){const preloadPromise=preload(locale);if(preloadPromise)throw preloadPromise;}\nexport const __FramerMetadata__ = {\"exports\":{\"usePreloadLocalizedValues\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{ControlType}from\"framer\";export function getBorderStyle({color,width=0,widthPerSide=false,widthTop=0,widthRight=0,widthBottom=0,widthLeft=0,style=\"none\"}={}){const result={};if(color){result[\"--framer-border-color\"]=color;result.borderStyle=style;if(widthPerSide){result.borderTopWidth=widthTop;result.borderRightWidth=widthRight;result.borderBottomWidth=widthBottom;result.borderLeftWidth=widthLeft;}else{result.borderTopWidth=width;result.borderRightWidth=width;result.borderBottomWidth=width;result.borderLeftWidth=width;}}else{result.border=\"none\";}return result;}export const borderControls={color:{type:ControlType.Color,defaultValue:\"#444\"},width:{type:ControlType.FusedNumber,toggleKey:\"widthPerSide\",toggleTitles:[\"Width\",\"Width per side\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],defaultValue:1,min:0},style:{type:ControlType.Enum,options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"double\"],defaultValue:\"solid\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"BorderOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getBorderStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./border.map","import{ControlType}from\"framer\";export function getFocusStyle({color,width,style,offset}={}){const result={};if(color){result[\"--framer-focus-outline\"]=`${width}px ${style} ${color}`;result[\"--framer-focus-outline-offset\"]=`${offset}px`;}return result;}export const focusControls={color:{type:ControlType.Color,defaultValue:\"#09f\"},width:{type:ControlType.Number,displayStepper:true,defaultValue:1,min:0},style:{type:ControlType.Enum,options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"double\"],defaultValue:\"solid\"},offset:{type:ControlType.Number,displayStepper:true}};\nexport const __FramerMetadata__ = {\"exports\":{\"focusControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getFocusStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FocusOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./focus.map","import{ControlType}from\"framer\";export function getHoverStyle({fillColor,textColor,borderColor}={}){return{\"--framer-hover-background-color\":fillColor,\"--framer-hover-color\":textColor,\"--framer-hover-border-color\":borderColor};}export const hoverControls={fillColor:{type:ControlType.Color,title:\"Fill\",optional:true},textColor:{type:ControlType.Color,title:\"Text\",optional:true},borderColor:{type:ControlType.Color,title:\"Border\",optional:true}};\nexport const __FramerMetadata__ = {\"exports\":{\"HoverOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getHoverStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"hoverControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hover.map","import{ControlType}from\"framer\";export function getPaddingStyle({padding=0,paddingPerSide=false,paddingTop=0,paddingRight=0,paddingBottom=0,paddingLeft=0}={}){if(paddingPerSide){return{paddingTop:paddingTop,paddingRight:paddingRight,paddingBottom:paddingBottom,paddingLeft:paddingLeft};}else{return{paddingTop:padding,paddingRight:padding,paddingBottom:padding,paddingLeft:padding};}}export const paddingControls={padding:{type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],defaultValue:10,min:0}};\nexport const __FramerMetadata__ = {\"exports\":{\"getPaddingStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./padding.map","import{ControlType}from\"framer\";export function getRadiusStyle({radius=0,radiusPerCorner=false,radiusTopLeft=0,radiusTopRight=0,radiusBottomRight=0,radiusBottomLeft=0}={}){const result={};if(radiusPerCorner){result.borderTopLeftRadius=radiusTopLeft;result.borderTopRightRadius=radiusTopRight;result.borderBottomRightRadius=radiusBottomRight;result.borderBottomLeftRadius=radiusBottomLeft;}else{result.borderTopLeftRadius=radius;result.borderTopRightRadius=radius;result.borderBottomRightRadius=radius;result.borderBottomLeftRadius=radius;}return result;}export const radiusControls={radius:{type:ControlType.FusedNumber,toggleKey:\"radiusPerConrner\",toggleTitles:[\"Radius\",\"Radius per side\"],valueKeys:[\"radiusTopLeft\",\"radiusTopRight\",\"radiusBottomRight\",\"radiusBottomLeft\",],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],defaultValue:10,min:0}};\nexport const __FramerMetadata__ = {\"exports\":{\"getRadiusStyle\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"radiusControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusOptions\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./radius.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,// @ts-ignore Internal function\nuseLocaleInfo,withCSS}from\"framer\";import{useId,useRef,useState}from\"react\";import{getBorderStyle,borderControls}from\"https://framerusercontent.com/modules/cuKUFdzXlhvw8OVOBeAc/VOfaY9LHiTLKveiePI7P/border.js\";import{getFocusStyle,focusControls}from\"https://framerusercontent.com/modules/9muYaW1MvHoRQJ0P7dkP/V2GVvLqiMxXRSxszkCSa/focus.js\";import{getHoverStyle,hoverControls}from\"https://framerusercontent.com/modules/YfmtnpWjJrP37sQ18QUZ/9Y2P24U2SBIbf2fPVsOX/hover.js\";import{getPaddingStyle,paddingControls}from\"https://framerusercontent.com/modules/wjZLfSMaP1TvJDu5PCwr/6SPClu354QJPCp6Xj5C0/padding.js\";import{getRadiusStyle,radiusControls}from\"https://framerusercontent.com/modules/N6MwtHbWoiZJNn1xpqxu/58OHv7BfCzgeBhiv1TYu/radius.js\";const className=\"framer-locale-picker\";function addPixel(value){if(typeof value===\"number\"){return`${value}px`;}return value;}var IconType;(function(IconType){IconType[\"Default\"]=\"default\";IconType[\"Custom\"]=\"custom\";})(IconType||(IconType={}));function Icon({type,color,image,size}){if(type===IconType.Custom&&image){return /*#__PURE__*/ _jsx(\"img\",{...image,width:size,height:size});}return /*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",width:size,height:size,fill:color,children:/*#__PURE__*/ _jsx(\"path\",{d:\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H175.8c-1.41-28.46-10.27-55.47-25.12-77A88.2,88.2,0,0,1,215.63,120ZM128,215.89c-18.73-20.27-30.09-49-31.77-79.89h63.54C158.09,166.87,146.73,195.62,128,215.89ZM96.23,120c1.68-30.87,13-59.62,31.77-79.89,18.73,20.27,30.09,49,31.77,79.89Zm9.09-77C90.47,64.53,81.61,91.54,80.2,120H40.37A88.2,88.2,0,0,1,105.32,43ZM40.37,136H80.2c1.41,28.46,10.27,55.47,25.12,77A88.2,88.2,0,0,1,40.37,136Zm110.31,77c14.85-21.56,23.71-48.57,25.12-77h39.83A88.2,88.2,0,0,1,150.68,213Z\"})});}var CaretType;(function(CaretType){CaretType[\"Default\"]=\"default\";CaretType[\"Custom\"]=\"custom\";})(CaretType||(CaretType={}));function Caret({type,color,image,size}){if(type===CaretType.Custom&&image){return /*#__PURE__*/ _jsx(\"img\",{...image,width:size,height:size});}return /*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 12 12\",width:size,height:size,children:/*#__PURE__*/ _jsx(\"path\",{d:\"M 2 4.5 L 6 8.5 L 10 4.5\",fill:\"none\",stroke:color,strokeWidth:1.5,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});}/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 120\n * @framerIntrinsicHeight 34\n */ const LocaleSelector=withCSS(({font,fillColor,textColor,icon,caret,options:{title,gap,border,hover,focus},style,...props})=>{const id=useId();const{activeLocale,locales,setLocale}=useLocaleInfo();var ref;const activeLocaleId=(ref=activeLocale===null||activeLocale===void 0?void 0:activeLocale.id)!==null&&ref!==void 0?ref:\"default\";const lastActiveLocaleId=useRef(activeLocaleId);// The useLocaleInfo hook updates the activeLocale variable inside\n// a startTransition to load the translations with Suspense. To make\n// the component feel responsive we update our own state without Suspense.\nconst[selectedLocaleId,setSelectedLocaleId]=useState(activeLocaleId);const selectedLocale=locales.find(locale=>locale.id===selectedLocaleId);// The active locale was updated. Ensure we update our internal state as well.\nif(lastActiveLocaleId.current!==activeLocaleId){lastActiveLocaleId.current=activeLocaleId;if(selectedLocaleId!==activeLocaleId){setSelectedLocaleId(activeLocaleId);}}function handleChange(event){const localeId=event.target.value;setSelectedLocaleId(localeId);const locale=locales.find(locale=>locale.id===localeId);setLocale(locale);}var ref1;return /*#__PURE__*/ _jsxs(\"div\",{className:className,style:style,children:[/*#__PURE__*/ _jsx(\"label\",{htmlFor:id,children:\"Select Language\"}),/*#__PURE__*/ _jsx(\"select\",{id:id,value:selectedLocaleId,onChange:handleChange,children:locales.map(locale=>/*#__PURE__*/ _jsx(\"option\",{value:locale.id,children:locale.name},locale.id))}),/*#__PURE__*/ _jsxs(\"div\",{className:\"input\",style:{...font,\"--framer-background-color\":fillColor,\"--framer-color\":textColor,...getPaddingStyle(props),...getRadiusStyle(props),...getBorderStyle(border),...getHoverStyle(hover),...getFocusStyle(focus),gap},children:[icon&&/*#__PURE__*/ _jsx(\"div\",{className:\"icon\",children:/*#__PURE__*/ _jsx(Icon,{...icon})}),title&&/*#__PURE__*/ _jsx(\"div\",{className:\"title\",children:(ref1=selectedLocale===null||selectedLocale===void 0?void 0:selectedLocale.name)!==null&&ref1!==void 0?ref1:\"English\"}),caret&&/*#__PURE__*/ _jsx(\"div\",{className:\"caret\",children:/*#__PURE__*/ _jsx(Caret,{...caret})})]})]});},[`\n .${className} {\n position: relative;\n }\n `,`\n .${className} label {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n overflow: hidden;\n white-space: nowrap;\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n }\n `,`\n .${className} select {\n appearance: none;\n position: absolute;\n opacity: 0;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n `,`\n .${className} .input {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n background-color: var(--framer-background-color);\n color: var(--framer-color);\n border-color: var(--framer-border-color);\n }\n `,`\n .${className} select:focus-visible + .input {\n outline: var(--framer-focus-outline, none);\n outline-offset: var(--framer-focus-outline-offset);\n }\n `,`\n .${className}:hover .input {\n background-color: var(--framer-hover-background-color, var(--framer-background-color));\n color: var(--framer-hover-color, var(--framer-color));\n border-color: var(--framer-hover-border-color, var(--framer-border-color));\n }\n `,`\n .${className} .title {\n flex: 1 1 auto;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n `,`\n .${className} .icon, .${className} .caret {\n display: flex;\n align-items: center;\n }\n `,]);LocaleSelector.displayName=\"Locale Selector\";addPropertyControls(LocaleSelector,{font:{// @ts-ignore\ntype:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:\"1.5em\"}},fillColor:{type:ControlType.Color,title:\"Fill\",optional:true,defaultValue:\"#eee\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#000\"},...paddingControls,...radiusControls,icon:{type:ControlType.Object,buttonTitle:\"Size, Color\",optional:true,controls:{type:{type:ControlType.Enum,title:\"Icon\",options:Object.values(IconType),optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,defaultValue:\"default\"},color:{type:ControlType.Color,displaySegmentedControl:true,defaultValue:\"#000\",hidden:props=>props.type!==IconType.Default},image:{type:ControlType.ResponsiveImage,title:\"File\",allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.type!==IconType.Custom},size:{type:ControlType.Number,displayStepper:true,defaultValue:18}}},caret:{type:ControlType.Object,buttonTitle:\"Size, Color\",optional:true,controls:{type:{type:ControlType.Enum,title:\"Icon\",options:Object.values(CaretType),optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,defaultValue:\"default\"},color:{type:ControlType.Color,displaySegmentedControl:true,defaultValue:\"#000\",hidden:props=>props.type!==CaretType.Default},image:{type:ControlType.ResponsiveImage,title:\"File\",allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.type!==CaretType.Custom},size:{type:ControlType.Number,displayStepper:true,defaultValue:12}},defaultValue:{}},options:{type:ControlType.Object,title:\"Options\",buttonTitle:\"Border, Hover\",controls:{title:{type:ControlType.Boolean,defaultValue:true},gap:{type:ControlType.Number,displayStepper:true,defaultValue:5},border:{type:ControlType.Object,buttonTitle:\"Color, Width\",optional:true,controls:borderControls},hover:{type:ControlType.Object,buttonTitle:\"Fill, Border\",optional:true,controls:hoverControls},focus:{type:ControlType.Object,buttonTitle:\"Color, Width\",controls:focusControls}}}});export default LocaleSelector;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LocaleSelector\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"120\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"34\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./LocaleSelector.map","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n