into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description===null||description===void 0?void 0: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===null||policy===void 0?void 0:policy.link)?\" \":null,(policy===null||policy===void 0?void 0:policy.link)&&/*#__PURE__*/_jsxs(\"span\",{children:[policy===null||policy===void 0?void 0:policy.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy===null||policy===void 0?void 0:policy.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy===null||policy===void 0?void 0: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;var _settings_hoverOpacity,_settings_tapOpacity;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=settings.hoverOpacity)!==null&&_settings_hoverOpacity!==void 0?_settings_hoverOpacity:.6},whileTap:{opacity:(_settings_tapOpacity=settings.tapOpacity)!==null&&_settings_tapOpacity!==void 0?_settings_tapOpacity:.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map", "import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/gvNUph1oNh8l2qQafSUu/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/2J8Vj16bgt14C10mcUex/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/77ZjdIUSoepa5KTwP0oH/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/gnipUJynzv8FJkpTy04V/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 region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic});const consent=useConsent({gtmId,defaultConsent:region.defaults,gtmLoadedExternally});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){var _props_banner_style;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=props.banner.style)===null||_props_banner_style===void 0?void 0:_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}\");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\u2019t 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\u2019t 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\":{\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map", "// Generated by Framer (ae50a0d)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,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/WtTwrQcMhFJpd4DOJv98/Cookies.js\";const CookieBannerFonts=getFonts(CookieBanner);const enabledGestures={MhDbYlxcC:{hover:true}};const cycleOrder=[\"MhDbYlxcC\",\"Lv9xzBkxP\",\"JVwPbC6IJ\",\"q9TyzrXso\",\"smD7sxw4r\"];const serializationHash=\"framer-OczTp\";const variantClassNames={JVwPbC6IJ:\"framer-v-10gpygm\",Lv9xzBkxP:\"framer-v-1gkmh8u\",MhDbYlxcC:\"framer-v-r2mlwh\",q9TyzrXso:\"framer-v-1yajgq0\",smD7sxw4r:\"framer-v-1ssan5y\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"MhDbYlxcC\",\"Variant 2\":\"Lv9xzBkxP\",\"Variant 3\":\"JVwPbC6IJ\",\"Variant 4\":\"q9TyzrXso\",\"Variant 5\":\"smD7sxw4r\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"MhDbYlxcC\"};};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:\"MhDbYlxcC\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-r2mlwh\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"MhDbYlxcC\",ref:refBinding,style:{...style},...addPropertyOverrides({\"MhDbYlxcC-hover\":{\"data-framer-name\":undefined},JVwPbC6IJ:{\"data-framer-name\":\"Variant 3\"},Lv9xzBkxP:{\"data-framer-name\":\"Variant 2\"},q9TyzrXso:{\"data-framer-name\":\"Variant 4\"},smD7sxw4r:{\"data-framer-name\":\"Variant 5\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-hicocc-container\",\"data-framer-name\":\"Cookie\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"RW1sn5YCe-container\",name:\"Cookie\",nodeId:\"RW1sn5YCe\",rendersWithMotion:true,scopeId:\"NQaCeScxv\",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:20,insetBottom:20,insetLeft:20,insetPerSide:false,insetRight:20,insetTop:20,padding:20,paddingBottom:20,paddingLeft:20,paddingPerSide:false,paddingRight:20,paddingTop:20,position:\"bottom-right\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"rgba(0, 0, 0, 0.05)\",radius:0,width:1},colorBody:\"var(--token-fe7398c6-b031-464d-8515-1b0c73f2c46f, rgb(23, 22, 21))\",colorTitle:\"rgb(0, 0, 0)\",fill:\"var(--token-58617911-cdfe-42f6-807c-f87a63404fb6, rgb(222, 185, 149))\",fontBody:{fontFamily:'\"Inter\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",letterSpacing:\"0.02em\",lineHeight:\"1.1em\"},fontTitle:{fontFamily:'\"Bebas Neue\", \"Bebas Neue Placeholder\", sans-serif',fontSize:\"24px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},link:\"var(--token-167aed4c-4295-4395-a249-87522dfd27ce, rgb(255, 255, 255))\"},width:345,zIndex:10},button:{borderRadius:0,direction:\"row\",fluid:true,font:{fontFamily:'\"Manrope\", \"Manrope Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0.1em\",lineHeight:\"100%\"},hoverOpacity:.6,labels:{accept:\"ACCEPT\",acceptAll:\"Accept all\",confirm:\"Okay\",customize:\"Customize\",reject:\"REJECT\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:10,paddingBottom:16,paddingLeft:10,paddingPerSide:true,paddingRight:10,paddingTop:16,primary:{color:\"rgb(255, 255, 255)\",fill:\"rgb(0, 0, 0)\"},secondary:{color:\"rgb(68, 68, 68)\",fill:\"rgb(238, 238, 238)\"},tapOpacity:.4},content:{euBlocking:false,euDefaults:{analytics:false,marketing:false,necessary:true,preferences:false},euDescription:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",euPolicy:{label:\"\",link:\"https://www.framer.com/legal/policy/\",prefix:\"\"},euShowReject:true,euTitle:\"Cookie Settings\",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:\"GTM-MZK6GMRG\",height:\"100%\",id:\"RW1sn5YCe\",layoutId:\"RW1sn5YCe\",name:\"Cookie\",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:\"rgb(51, 51, 51)\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"Manrope\", \"Manrope Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"-0.02em\",lineHeight:\"1.6em\"},type:\"text\"},width:\"100%\",...addPropertyOverrides({q9TyzrXso:{trigger:{color:\"rgb(51, 51, 51)\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"Manrope\", \"Manrope Placeholder\", sans-serif',fontSize:\"14px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"-0.02em\",lineHeight:\"1.6em\"},type:\"text\"}},smD7sxw4r:{trigger:{color:\"rgb(77, 77, 77)\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"Manrope\", \"Manrope Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"-0.02em\",lineHeight:\"1.6em\"},type:\"text\"}}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-gwa9gg\",layoutDependency:layoutDependency,layoutId:\"Op9e80R5L\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-idvhra\",layoutDependency:layoutDependency,layoutId:\"pbqVWcvEJ\",style:{backgroundColor:\"rgb(51, 51, 51)\"}})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-OczTp.framer-1kuzbc9, .framer-OczTp .framer-1kuzbc9 { display: block; }\",\".framer-OczTp.framer-r2mlwh { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 2px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-OczTp .framer-hicocc-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-OczTp .framer-gwa9gg { align-self: stretch; flex: none; height: 1px; overflow: hidden; position: relative; width: auto; }\",\".framer-OczTp .framer-idvhra { bottom: 0px; flex: none; left: -10px; overflow: hidden; position: absolute; top: 0px; width: 10px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-OczTp.framer-r2mlwh { gap: 0px; } .framer-OczTp.framer-r2mlwh > * { margin: 0px; margin-bottom: calc(2px / 2); margin-top: calc(2px / 2); } .framer-OczTp.framer-r2mlwh > :first-child { margin-top: 0px; } .framer-OczTp.framer-r2mlwh > :last-child { margin-bottom: 0px; } }\",\".framer-OczTp.framer-v-1gkmh8u.framer-r2mlwh, .framer-OczTp.framer-v-10gpygm.framer-r2mlwh, .framer-OczTp.framer-v-1yajgq0.framer-r2mlwh, .framer-OczTp.framer-v-1ssan5y.framer-r2mlwh { cursor: unset; }\",\".framer-OczTp.framer-v-r2mlwh.hover .framer-idvhra { right: 0px; width: unset; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 29\n * @framerIntrinsicWidth 113\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"Lv9xzBkxP\":{\"layout\":[\"auto\",\"auto\"]},\"JVwPbC6IJ\":{\"layout\":[\"auto\",\"auto\"]},\"q9TyzrXso\":{\"layout\":[\"auto\",\"auto\"]},\"smD7sxw4r\":{\"layout\":[\"auto\",\"auto\"]},\"SYOgVG_Zk\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerNQaCeScxv=withCSS(Component,css,\"framer-OczTp\");export default FramerNQaCeScxv;FramerNQaCeScxv.displayName=\"Cookie Settings Button\";FramerNQaCeScxv.defaultProps={height:29,width:113};addPropertyControls(FramerNQaCeScxv,{variant:{options:[\"MhDbYlxcC\",\"Lv9xzBkxP\",\"JVwPbC6IJ\",\"q9TyzrXso\",\"smD7sxw4r\"],optionTitles:[\"Variant 1\",\"Variant 2\",\"Variant 3\",\"Variant 4\",\"Variant 5\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerNQaCeScxv,[{explicitInter:true,fonts:[{family:\"Manrope\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/2TYFCBHUANEXS6QGR5EQDUNAFH6LSWM3/AYNOU3VEA4LRTDNKJQUFNVNUTYSGOUOP/UXO4O7K2G3HI3D2VKD7UXVJVJD26P4BQ.woff2\",weight:\"400\"},{family:\"Bebas Neue\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/AWXLDXTI2CYJ5SHK74YUPGPFS5S5BWLL/M6ZJD4UOFNT4DPUXGTK7T46JZ3W3QW64/2TXZKBJMJVP3NQX7K7MGJDQFMD4ZMJR7.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",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\"}]},...CookieBannerFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerNQaCeScxv\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"29\",\"framerComponentViewportWidth\":\"true\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"113\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Lv9xzBkxP\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"JVwPbC6IJ\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"q9TyzrXso\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"smD7sxw4r\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"SYOgVG_Zk\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NQaCeScxv.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{defaultEvents,usePadding,useRadius,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";/**\n * CLIPBOARD\n *\n * @framerIntrinsicWidth 90\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */ export default function Clipboard(props){const{label,content,fill,color,style,onClick,font,hoverOptions,...rest}=props;const deprecatedFont=useFontControls({fontWeight:500,...rest});const borderRadius=useRadius(props);const paddingValue=usePadding(props);const handleClick=useCallback(()=>{var ref;(ref=navigator.clipboard)===null||ref===void 0?void 0:ref.writeText(content);onClick===null||onClick===void 0?void 0:onClick();},[onClick,content]);return /*#__PURE__*/ _jsx(motion.button,{style:{border:\"none\",outline:\"none\",resize:\"none\",width:\"max-content\",wordBreak:\"break-word\",overflowWrap:\"break-word\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",letterSpacing:\"-0.2px\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",background:fill,borderRadius,cursor:\"pointer\",padding:paddingValue,color,...deprecatedFont,...font,...style},onClick:handleClick,...rest,whileHover:hoverOptions,transition:hoverOptions===null||hoverOptions===void 0?void 0:hoverOptions.transition,children:label});};addPropertyControls(Clipboard,{content:{type:ControlType.String,title:\"Content\",displayTextArea:true,description:\"When clicked, this content will be copied to the clipboard.\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Copy to Clipboard\"},fill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#06F\"},color:{type:ControlType.Color,title:\"Text\",defaultValue:\"#fff\"},font:{// @ts-ignore - Internal\ntype:ControlType.Font,controls:\"extended\",defaultValue:{fontSize:16}},hoverOptions:{type:ControlType.Object,title:\"Hover\",buttonTitle:\"Effect\",optional:true,controls:{scale:{type:ControlType.Number,title:\"Scale\",min:0,max:10,displayStepper:true,step:.01,defaultValue:1.1},backgroundColor:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#0088FF\",optional:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#FFF\",optional:true},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"spring\",stiffness:400,damping:30}}}},padding:{type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0,title:\"Padding\",defaultValue:10},borderRadius:{title:\"Radius\",type:ControlType.FusedNumber,toggleKey:\"isMixedBorderRadius\",toggleTitles:[\"Radius\",\"Radius per corner\"],valueKeys:[\"topLeftRadius\",\"topRightRadius\",\"bottomRightRadius\",\"bottomLeftRadius\",],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0,defaultValue:50},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Clipboard\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"50\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"90\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Clipboard.map", "// Generated by Framer (48da836)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,RichText,SVG,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Clipboard from\"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/RfHh9MIwqlgi04HKZ3Qo/Clipboard.js\";const ClipboardFonts=getFonts(Clipboard);const cycleOrder=[\"ux1n6T70p\",\"u2ZvD0OiW\",\"UJ9zjOq_5\",\"WUmUsDezz\"];const serializationHash=\"framer-Ymcaf\";const variantClassNames={u2ZvD0OiW:\"framer-v-14iegi5\",UJ9zjOq_5:\"framer-v-7co044\",ux1n6T70p:\"framer-v-z9h0oy\",WUmUsDezz:\"framer-v-kf6il5\"};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:300,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={\"Mouse off\":\"UJ9zjOq_5\",Confirm:\"WUmUsDezz\",Default:\"ux1n6T70p\",Hover:\"u2ZvD0OiW\"};const getProps=({click,confirmationMessage,contactDetails,copyContact,height,id,width,...props})=>{return{...props,ecNSu4mFx:confirmationMessage??props.ecNSu4mFx??\"Confirmation\",KkgbwGEz1:copyContact??props.KkgbwGEz1??\"Copy Contact\",LFXL_g5Td:contactDetails??props.LFXL_g5Td??\"Contact\",variant:humanReadableVariantMap[props.variant]??props.variant??\"ux1n6T70p\",xKIJpHZtc:click??props.xKIJpHZtc};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,KkgbwGEz1,LFXL_g5Td,ecNSu4mFx,xKIJpHZtc,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"ux1n6T70p\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapzdxqet=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(xKIJpHZtc){const res=await xKIJpHZtc(...args);if(res===false)return false;}setVariant(\"WUmUsDezz\");});const onMouseEnteredjg1d=activeVariantCallback(async(...args)=>{setGestureState({isHovered:true});setVariant(\"u2ZvD0OiW\");});const onMouseLeaven3a6ug=activeVariantCallback(async(...args)=>{setGestureState({isHovered:false});setVariant(\"UJ9zjOq_5\");});const onAppearlbhe81=activeVariantCallback(async(...args)=>{setVariant(\"ux1n6T70p\");});const onTapvsiqdt=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(xKIJpHZtc){const res=await xKIJpHZtc(...args);if(res===false)return false;}});const onAppear1adwjq1=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"ux1n6T70p\"),2e3);});useOnVariantChange(baseVariant,{UJ9zjOq_5:onAppearlbhe81,WUmUsDezz:onAppear1adwjq1});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"WUmUsDezz\")return false;return true;};const isDisplayed1=()=>{if([\"UJ9zjOq_5\",\"WUmUsDezz\"].includes(baseVariant))return false;return true;};const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-z9h0oy\",className,classNames),\"data-framer-name\":\"Default\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"ux1n6T70p\",onMouseEnter:onMouseEnteredjg1d,onTap:onTapzdxqet,ref:ref??ref1,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",...style},...addPropertyOverrides({u2ZvD0OiW:{\"data-framer-name\":\"Hover\",onMouseEnter:undefined,onMouseLeave:onMouseLeaven3a6ug},UJ9zjOq_5:{\"data-framer-name\":\"Mouse off\",onMouseEnter:undefined},WUmUsDezz:{\"data-framer-name\":\"Confirm\",onMouseEnter:undefined,onTap:onTapvsiqdt}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-cbc768-container\",\"data-framer-name\":\"Copy to Clipboard Code\",layoutDependency:layoutDependency,layoutId:\"K6RjtwU53-container\",name:\"Copy to Clipboard Code\",style:{opacity:0},children:/*#__PURE__*/_jsx(Clipboard,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,color:\"rgba(255, 255, 255, 0)\",content:KkgbwGEz1,fill:\"rgb(255, 255, 255)\",font:{fontFamily:'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',fontSize:\"18px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0.02em\",lineHeight:\"1.8em\"},height:\"100%\",hoverOptions:{backgroundColor:\"rgb(0, 136, 255)\",color:\"rgb(255, 255, 255)\",scale:1.1,transition:{damping:30,delay:0,mass:1,stiffness:400,type:\"spring\"}},id:\"K6RjtwU53\",isMixedBorderRadius:false,label:\"Copy\",layoutId:\"K6RjtwU53\",name:\"Copy to Clipboard Code\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,width:\"100%\"})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-sfoz03\",\"data-framer-name\":\"Text Box\",layoutDependency:layoutDependency,layoutId:\"JyUHuLXGz\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-d5e8b09a-bea8-4f5d-a123-404b279daddc, rgb(77, 77, 77)))\"},children:\"Static Text\"})}),className:\"framer-18drs52\",\"data-framer-name\":\"Static text\",fonts:[\"GF;Plus Jakarta Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"UMW1ZS_Qt\",style:{\"--extracted-r6o4lv\":\"var(--token-d5e8b09a-bea8-4f5d-a123-404b279daddc, rgb(77, 77, 77))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:LFXL_g5Td,variants:{u2ZvD0OiW:{\"--extracted-r6o4lv\":\"var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0))\"},UJ9zjOq_5:{\"--extracted-r6o4lv\":\"var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0))\"},WUmUsDezz:{\"--extracted-r6o4lv\":\"var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({u2ZvD0OiW:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0)))\"},children:\"Static Text\"})})},UJ9zjOq_5:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0)))\"},children:\"Static Text\"})})},WUmUsDezz:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0)))\"},children:\"Static Text\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20c39617-617b-4d73-8bc3-15c4334e0d8c, rgb(128, 128, 128)))\"},children:\"Confirm Text\"})}),className:\"framer-1i04m9j\",\"data-framer-name\":\"Confirm text\",fonts:[\"GF;Plus Jakarta Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"Cqn_zg81Q\",style:{\"--extracted-r6o4lv\":\"var(--token-20c39617-617b-4d73-8bc3-15c4334e0d8c, rgb(128, 128, 128))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:0},text:ecNSu4mFx,variants:{u2ZvD0OiW:{opacity:1},UJ9zjOq_5:{opacity:1},WUmUsDezz:{\"--extracted-r6o4lv\":\"var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0))\",opacity:1}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({u2ZvD0OiW:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-20c39617-617b-4d73-8bc3-15c4334e0d8c, rgb(128, 128, 128)))\"},children:\"Confirm Text\"})})},WUmUsDezz:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtcmVndWxhcg==\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-letter-spacing\":\"-0.02em\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0ba61dcc-4c97-46db-aef7-89db5605822d, rgb(0, 0, 0)))\"},children:\"Confirm Text\"})})}},baseVariant,gestureVariant)})]}),isDisplayed1()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ll07w2\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"vA8Frh3b6\",children:/*#__PURE__*/_jsx(SVG,{className:\"framer-mvyd3f\",\"data-framer-name\":\"Copy Icon\",fill:\"black\",intrinsicHeight:32,intrinsicWidth:32,layoutDependency:layoutDependency,layoutId:\"W8_izYBtP\",style:{opacity:.3},svg:'',variants:{u2ZvD0OiW:{opacity:1}},withExternalLayout:true})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-Ymcaf.framer-1i0g57b, .framer-Ymcaf .framer-1i0g57b { display: block; }\",\".framer-Ymcaf.framer-z9h0oy { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 26px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-Ymcaf .framer-cbc768-container { flex: none; height: 26px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 8; }\",\".framer-Ymcaf .framer-sfoz03 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 26px; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: min-content; }\",\".framer-Ymcaf .framer-18drs52 { -webkit-user-select: none; flex: none; height: 26px; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-Ymcaf .framer-1i04m9j { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre; width: auto; }\",\".framer-Ymcaf .framer-1ll07w2 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 26px; justify-content: center; overflow: visible; padding: 2px 0px 0px 10px; position: relative; width: min-content; }\",\".framer-Ymcaf .framer-mvyd3f { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 16px); position: relative; width: 16px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Ymcaf.framer-z9h0oy, .framer-Ymcaf .framer-sfoz03, .framer-Ymcaf .framer-1ll07w2 { gap: 0px; } .framer-Ymcaf.framer-z9h0oy > *, .framer-Ymcaf .framer-1ll07w2 > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-Ymcaf.framer-z9h0oy > :first-child, .framer-Ymcaf .framer-1ll07w2 > :first-child { margin-left: 0px; } .framer-Ymcaf.framer-z9h0oy > :last-child, .framer-Ymcaf .framer-1ll07w2 > :last-child { margin-right: 0px; } .framer-Ymcaf .framer-sfoz03 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-Ymcaf .framer-sfoz03 > :first-child { margin-top: 0px; } .framer-Ymcaf .framer-sfoz03 > :last-child { margin-bottom: 0px; } }\",\".framer-Ymcaf.framer-v-kf6il5 .framer-sfoz03 { height: min-content; }\",\".framer-Ymcaf.framer-v-kf6il5 .framer-18drs52 { order: 1; }\",\".framer-Ymcaf.framer-v-kf6il5 .framer-1i04m9j { order: 0; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 26\n * @framerIntrinsicWidth 134\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"fixed\"]},\"u2ZvD0OiW\":{\"layout\":[\"auto\",\"fixed\"]},\"UJ9zjOq_5\":{\"layout\":[\"auto\",\"fixed\"]},\"WUmUsDezz\":{\"layout\":[\"auto\",\"fixed\"]}}}\n * @framerVariables {\"KkgbwGEz1\":\"copyContact\",\"LFXL_g5Td\":\"contactDetails\",\"ecNSu4mFx\":\"confirmationMessage\",\"xKIJpHZtc\":\"click\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FrameroP5MgQ538=withCSS(Component,css,\"framer-Ymcaf\");export default FrameroP5MgQ538;FrameroP5MgQ538.displayName=\"Buttons/Btn-Copy Content\";FrameroP5MgQ538.defaultProps={height:26,width:134};addPropertyControls(FrameroP5MgQ538,{variant:{options:[\"ux1n6T70p\",\"u2ZvD0OiW\",\"UJ9zjOq_5\",\"WUmUsDezz\"],optionTitles:[\"Default\",\"Hover\",\"Mouse off\",\"Confirm\"],title:\"Variant\",type:ControlType.Enum},KkgbwGEz1:{defaultValue:\"Copy Contact\",displayTextArea:true,placeholder:\"Copy Contact\",title:\"Copy Contact\",type:ControlType.String},LFXL_g5Td:{defaultValue:\"Contact\",displayTextArea:true,placeholder:\"Contact\",title:\"Contact Details\",type:ControlType.String},ecNSu4mFx:{defaultValue:\"Confirmation\",displayTextArea:true,placeholder:\"Confirmation Message\",title:\"Confirmation Message\",type:ControlType.String},xKIJpHZtc:{title:\"Click\",type:ControlType.EventHandler}});addFonts(FrameroP5MgQ538,[{explicitInter:true,fonts:[{family:\"Plus Jakarta Sans\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU7NTxXUEKi4Rw.woff2\",weight:\"400\"}]},...ClipboardFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameroP5MgQ538\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"KkgbwGEz1\\\":\\\"copyContact\\\",\\\"LFXL_g5Td\\\":\\\"contactDetails\\\",\\\"ecNSu4mFx\\\":\\\"confirmationMessage\\\",\\\"xKIJpHZtc\\\":\\\"click\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"u2ZvD0OiW\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"UJ9zjOq_5\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]},\\\"WUmUsDezz\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"134\",\"framerIntrinsicHeight\":\"26\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./oP5MgQ538.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the