into several smaller ones, which prevents the huge
\n// from becoming an LCP element.\nconst descriptionParagraphs=description?.split(\"\\n\\n\");return description.split(\"\\n\\n\").map((line,index)=>/*#__PURE__*/_jsx(DescriptionParagraph,{line:line,// Only render the policy in the last paragraph\n policy:index===descriptionParagraphs.length-1?policy:null,style:{// Add a spacing between paragraphs\n marginTop:index>0?4:0,...style},linkColor:linkColor},index));}function DescriptionParagraph({line,policy,style,linkColor}){return /*#__PURE__*/_jsxs(\"p\",{style:{lineHeight:1.5,margin:0,padding:0,fontSize:14,...style},children:[line,line&&policy?.link?\" \":null,policy?.link&&/*#__PURE__*/_jsxs(\"span\",{children:[policy?.prefix,\" \",/*#__PURE__*/_jsx(\"a\",{href:policy?.link,target:\"_blank\",style:{color:linkColor,textDecoration:\"none\"},children:policy?.label}),\".\"]})]});}function Buttons({children,direction}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:direction,gap:10,marginTop:16},children:children});}const Button=withCSS(function Button({id,children,primary,settings,onClick}){const paddingValue=settings.paddingPerSide?`${settings.paddingTop}px ${settings.paddingRight}px ${settings.paddingBottom}px ${settings.paddingLeft}px`:`${settings.padding}px`;const theme=primary?settings.primary:settings.secondary;return /*#__PURE__*/_jsx(motion.input,{className:\"__framer-cookie-component-button\",id:`__framer-cookie-component-button-${id}`,onClick:onClick,type:\"button\",value:`${children}`,whileHover:{opacity:settings.hoverOpacity??.6},whileTap:{opacity:settings.tapOpacity??.4},style:{WebkitAppearance:\"none\",appearance:\"none\",width:settings.fluid?\"100%\":\"auto\",height:\"auto\",border:\"none\",padding:paddingValue,borderRadius:settings.borderRadius,boxShadow:getShadow(theme.shadow),background:theme.fill,color:theme.color,fontSize:14,lineHeight:1,cursor:\"pointer\",fontWeight:settings.font?\"unset\":600,...settings.font}});},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\");\nexport const __FramerMetadata__ = {\"exports\":{\"Banner\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"BannerComponentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Banner.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsOnFramerCanvas,withCSS}from\"framer\";import{AnimatePresence,isBrowser,motion}from\"framer-motion\";import{lazy,Suspense,useEffect,useState}from\"react\";import{createPortal}from\"react-dom\";import{defaultConsent,useConsent,useGTMDefaultConsent}from\"https://framerusercontent.com/modules/zvf2WTzc98u6EX2y7YDj/dsQTNWNk09IMnZEHMfzP/consent.js\";import{useRegion}from\"https://framerusercontent.com/modules/0oeZpJVursioGAbwgB9e/atthcI0SmGvO4HAxG9e5/region.js\";import{Banner}from\"https://framerusercontent.com/modules/EkwkxVF9vkTs720qqBC8/L9fJK0tucMOkjZFRszrm/Banner.js\";import{inEU}from\"https://framerusercontent.com/modules/HKzIAGtbudIGLRAteuFH/Nhaar5CYKIbxxEaVvTJs/inEU.js\";import{DEFAULT_FONT_FAMILY,getFlexboxValues,interactionResponse,yieldBeforeCb}from\"https://framerusercontent.com/modules/tfq8EDfrazNLXzc9LJte/hLcdFz4t8UjInDMvzq41/utils.js\";// Keep track of open state between page reloads\nlet initiallyOpen=false;/**\n * COOKIE BANNER\n * By Floris Verloop\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n *\n * @framerDisableUnlink\n *\n */export default function CookieBanner({gtmId,preview,trigger,banner,button,content,options,style,gtmLoadedExternally,onShown,onConsentChange,onAccept,onDismiss,onReject,onSavePreferences}){const isOnFramerCanvas=useIsOnFramerCanvas();const isPreview=preview&&isOnFramerCanvas;const skipLogic=!preview&&isOnFramerCanvas;const isInEU=isBrowser?inEU():false;const gtmDefaults=useGTMDefaultConsent();const region=useRegion({content,useRegionFromProps:isPreview,// skip EU check (expensive) if we are on the canvas and don't want a preview\nskipEUCheck:skipLogic,regionFromGTM:gtmDefaults.region});const consent=useConsent({gtmId,defaultConsent:gtmDefaults.available?gtmDefaults.consent:region.defaults,gtmLoadedExternally,defaultsFromGTM:gtmDefaults.available});const[isOpen,setIsOpen]=useState(initiallyOpen);// On page switch, disable all transitions so the banner shows up as fast as possible.\nconst[instantlyShowOnMount,setInstantlyShowOnMount]=useState(initiallyOpen);useEffect(()=>{if(skipLogic)return;// Save open state between page switches\ninitiallyOpen=isOpen;// Disable instantly show on mount after first open\nif(isOpen){setInstantlyShowOnMount(false);}// Track shown event\nif(isOpen&&!isPreview&&onShown){yieldBeforeCb(()=>onShown({isInEU}),{priority:\"user-blocking\"});}},[isOpen,skipLogic]);// Check if user should be prompted\nuseEffect(()=>{if(skipLogic)return;const noConsentGiven=consent.isInitialized&&!consent.isDismissed;const shouldAutoAccept=region.type===\"simple\"&&!consent.isAutoAccepted;if(noConsentGiven){performance.mark(\"framer-cookie-open\");setIsOpen(true);/** Automatically accept all cookies for simple banner. */if(shouldAutoAccept){consent.autoAccept();// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}}if(consent.isDismissed){setIsOpen(false);}},[consent.isInitialized,consent.isDismissed,skipLogic]);useEffect(()=>{if(skipLogic)return;if(onConsentChange){yieldBeforeCb(()=>onConsentChange({isInEU,consent:consent.modes}));}},[consent.modes,skipLogic]);async function handleDismiss(){await interactionResponse();consent.dismiss();setIsOpen(false);// Fire callback\nif(onDismiss){yieldBeforeCb(()=>onDismiss({isInEU}));}}async function handleAcceptAll(){await interactionResponse();consent.acceptAll();setIsOpen(false);// Fire callback\nif(onAccept){yieldBeforeCb(()=>onAccept({isInEU}));}}async function handleRejectAll(){await interactionResponse();consent.rejectAll();setIsOpen(false);// Fire callback\nif(onReject){yieldBeforeCb(()=>onReject({isInEU}));}}async function handleAcceptCurrent(){await interactionResponse();consent.acceptCurrent();setIsOpen(false);// Fire callbacks\nyieldBeforeCb(()=>{if(onAccept){onAccept({isInEU});}});yieldBeforeCb(()=>{if(onSavePreferences){onSavePreferences({isInEU});}});}if(isPreview){return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:banner.width},children:/*#__PURE__*/_jsx(Banner,{banner:banner,button:button,region:region,options:options,previewOptions:isPreview&&options.preview,consentModes:{...defaultConsent,necessary:true},animateOnMount:false})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Trigger,{style:style,trigger:trigger,onClick:()=>setIsOpen(true)}),!skipLogic&&/*#__PURE__*/_jsx(Overlay,{banner:banner,button:button,region:region,options:options,consentModes:consent.modes,animateOnMount:!instantlyShowOnMount,onAcceptAll:handleAcceptAll,onAcceptCurrent:handleAcceptCurrent,onRejectAll:handleRejectAll,onDismiss:handleDismiss,onToggleConsent:consent.toggleMode,isOpen:isOpen})]});}const IconCookie=/*#__PURE__*/lazy(()=>import(\"https://framerusercontent.com/modules/80EyUU0Nk6u7skW3IlHH/qKhU3oZiLDe4R0LcF3Tp/Icons.js\"));function Overlay(props){const insetValue=props.banner.insetPerSide?`${props.banner.insetTop}px ${props.banner.insetRight}px ${props.banner.insetBottom}px ${props.banner.insetLeft}px`:`${props.banner.inset}px`;const{justifyContent,alignItems}=getFlexboxValues(props.banner.position);const isOpen=props.isOpen;const[shouldRenderPortal,setShouldRenderPortal]=useState(isOpen);// if the portal has previously been rendered, we want to keep rendering the portal, which ensures:\n// - that AnimatePresence works (fade out effect)\n// - we don't cause body style recalc/reflow when the DOM node is removed\nif(!shouldRenderPortal&&isOpen)setShouldRenderPortal(isOpen);if(!shouldRenderPortal)return null;const blocking=props.region.blocking;return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},children:/*#__PURE__*/_jsx(AnimatePresence,{children:isOpen?/*#__PURE__*/_jsxs(motion.div,{style:{// We only need to span to the full viewport width if the overlay is blocking.\n// Otherwise, we optimize for a smaller layer size. see: https://framer-team.slack.com/archives/C05V49Q4NJ2/p1709820207863249\ntop:blocking||alignItems===\"flex-start\"?0:undefined,left:blocking||justifyContent===\"flex-start\"?0:undefined,right:blocking||justifyContent===\"flex-end\"?0:undefined,height:blocking?\"100%\":undefined,width:blocking||justifyContent===\"center\"?\"100%\":undefined,bottom:blocking||alignItems===\"flex-end\"?0:undefined,boxSizing:\"border-box\",position:\"fixed\",touchAction:\"none\",padding:insetValue,zIndex:props.banner.zIndex,display:\"flex\",flexDirection:\"row\",gap:20,justifyContent:\"center\",pointerEvents:blocking?\"all\":\"none\"},children:[blocking&&/*#__PURE__*/_jsx(Backdrop,{color:props.banner.style?.backdrop}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",justifyContent,alignItems,pointerEvents:\"none\",maxWidth:props.banner.containerWidth>0?props.banner.containerWidth:\"unset\"},children:/*#__PURE__*/_jsx(Banner,{...props})})]}):null})}),document.body);}const Trigger=withCSS(({trigger,style,onClick})=>{const isOnFramerCanvas=useIsOnFramerCanvas();if(trigger.type!==\"none\"){return /*#__PURE__*/_jsx(\"button\",{className:\"__framer-cookie-component-button\",\"aria-label\":\"Cookie Trigger\",style:{width:\"100%\",height:\"100%\",background:\"none\",display:\"flex\",border:\"none\",padding:0,color:trigger.color,fontSize:16,cursor:\"pointer\",...trigger.textFont},onClick:onClick,children:trigger.type===\"icon\"?/*#__PURE__*/_jsx(_Fragment,{children:trigger.iconType===\"custom\"&&trigger.iconImage?/*#__PURE__*/_jsx(\"img\",{alt:\"icon entry point for Site Search\",src:trigger.iconImage.src,width:trigger.iconSize,height:trigger.iconSize}):/*#__PURE__*/_jsx(Suspense,{children:/*#__PURE__*/_jsx(IconCookie,{width:trigger.iconSize,height:trigger.iconSize,color:trigger.color})})}):/*#__PURE__*/_jsx(\"span\",{style:{whiteSpace:\"nowrap\"},children:trigger.text})});}if(isOnFramerCanvas){return /*#__PURE__*/_jsxs(\"div\",{style:{borderRadius:8,color:\"#09F\",border:\"1px dashed #09F\",background:\"rgba(0, 153, 255, 0.1)\",padding:20,display:\"flex\",flexDirection:\"column\",gap:5,fontFamily:DEFAULT_FONT_FAMILY,textAlign:\"center\",justifyContent:\"center\",width:164,...style},children:[/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,fontWeight:600,lineHeight:1,margin:0},children:\"Cookie Banner\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:12,lineHeight:1.5,margin:0},children:\"Put on a page to add a Cookie Banner.\"})]});}},\".__framer-cookie-component-button:focus:not(:focus-visible){outline-color:transparent}\",\"framer-lib-cookie-trigger\");function Backdrop({color}){return /*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{position:\"absolute\",top:0,left:0,right:0,bottom:0,width:\"100%\",height:\"100%\",backgroundColor:color,pointerEvents:\"none\"}});}addPropertyControls(CookieBanner,{gtmId:{title:\"GTM ID\",type:ControlType.String,placeholder:\"GTM-AAAAAAA\",description:\"Your GTM container ID.\\n[Learn more](https://www.framer.com/learn/cookie-banner/)\"},preview:{type:ControlType.Boolean,defaultValue:true,description:\"Lets you preview the banner on the Canvas.\"},trigger:{type:ControlType.Object,buttonTitle:\"Icon, Text\",controls:{type:{title:\"Type\",type:ControlType.Enum,options:[\"text\",\"icon\",\"none\"],optionTitles:[\"Text\",\"Icon\",\"None\"],defaultValue:\"text\",displaySegmentedControl:true},iconType:{title:\"Icon\",type:ControlType.Enum,options:[\"default\",\"custom\"],optionTitles:[\"Default\",\"Custom\"],displaySegmentedControl:true,hidden:props=>props.type!==\"icon\"},text:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.type!==\"text\"},textFont:{// @ts-ignore - internal\ntype:ControlType.Font,title:\" \",controls:\"extended\",hidden:props=>props.type!==\"text\"},iconSize:{title:\"Size\",type:ControlType.Number,displayStepper:true,defaultValue:24,hidden:props=>props.type!==\"icon\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#333\",hidden:props=>props.type===\"none\"||props.type===\"icon\"&&props.iconType===\"custom\"},iconImage:{title:\"File\",type:ControlType.ResponsiveImage,allowedFileTypes:[\"jpg\",\"png\",\"svg\"],hidden:props=>props.iconType===\"default\"}}},banner:{title:\"Banner\",type:ControlType.Object,buttonTitle:\"Font, Styles\",controls:{position:{type:ControlType.Enum,title:\"Position\",options:[\"top-left\",\"top-center\",\"top-right\",\"bottom-right\",\"bottom-center\",\"bottom-left\"],optionTitles:[\"Top Left\",\"Top Center\",\"Top Right\",\"Bottom Right\",\"Bottom Center\",\"Bottom Left\"],defaultValue:\"bottom-right\"},zIndex:{title:\"Z Index\",type:ControlType.Number,defaultValue:10,displayStepper:true,min:0,max:10},width:{title:\"Width\",type:ControlType.Number,defaultValue:360,min:200,max:1e3,displayStepper:true,step:5},containerWidth:{title:\"Wrapping\",type:ControlType.Number,defaultValue:0,min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:20,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},inset:{title:\"Inset\",type:ControlType.FusedNumber,toggleKey:\"insetPerSide\",toggleTitles:[\"Inset\",\"Inset per side\"],defaultValue:20,valueKeys:[\"insetTop\",\"insetRight\",\"insetBottom\",\"insetLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors, Shadow\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"extended\"},colorTitle:{title:\" \",type:ControlType.Color,defaultValue:\"#000\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"extended\"},colorBody:{title:\" \",type:ControlType.Color,defaultValue:\"#444\"},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#FFF\"},link:{title:\"Link\",type:ControlType.Color,optional:true,defaultValue:\"#999\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:14},width:{title:\"Width\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:1},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.05)\"}}},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100,defaultValue:0},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100,defaultValue:2},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100,defaultValue:4}}},backdrop:{title:\"Backdrop\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\",hidden:(_,props)=>!props.content.euBlocking&&!props.content.worldBlocking}}},animation:{icon:\"effect\",buttonTitle:\"Options\",type:ControlType.Object,controls:{x:{type:ControlType.Number,displayStepper:true,defaultValue:0},y:{type:ControlType.Number,displayStepper:true,defaultValue:10},scale:{type:ControlType.Number,min:0,step:.1,defaultValue:1},transition:{type:ControlType.Transition}}}}},button:{title:\"Buttons\",type:ControlType.Object,buttonTitle:\"Variants, Style\",controls:{primary:{title:\"Primary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#FFF\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},secondary:{title:\"Secondary\",type:ControlType.Object,buttonTitle:\"Colors, Shadow\",controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EEE\"},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"#444\"},shadow:{type:ControlType.Object,title:\"Shadow\",optional:true,controls:{shadowColor:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.25)\"},shadowX:{title:\"X\",type:ControlType.Number,min:-100,max:100},shadowY:{title:\"Y\",type:ControlType.Number,min:-100,max:100},shadowBlur:{title:\"Blur\",type:ControlType.Number,min:0,max:100}}}}},labels:{type:ControlType.Object,controls:{accept:{type:ControlType.String,defaultValue:\"Accept\"},reject:{type:ControlType.String,defaultValue:\"Reject\"},acceptAll:{type:ControlType.String,defaultValue:\"Accept all\"},rejectAll:{type:ControlType.String,defaultValue:\"Reject all\"},customize:{type:ControlType.String,defaultValue:\"Customize\"},save:{type:ControlType.String,defaultValue:\"Save Preferences\"},confirm:{type:ControlType.String,defaultValue:\"Okay\"}}},font:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Font\",controls:\"extended\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:10,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},tapOpacity:{title:\"Tap Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.4},hoverOpacity:{title:\"Hover Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0,defaultValue:.6},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"row\",\"column\"],// @ts-ignore - internal\noptionIcons:[\"direction-horizontal\",\"direction-vertical\"],defaultValue:\"row\",displaySegmentedControl:true},fluid:{title:\"Fluid\",type:ControlType.Boolean,defaultValue:true}}},content:{title:\"Regions\",type:ControlType.Object,buttonTitle:\"World, EU\",controls:{isEU:{title:\" \",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"EU\",disabledTitle:\"World\"},euType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"medium\",hidden:props=>!props.isEU},euTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.euType===\"simple\"||!props.isEU},euDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",displayTextArea:true,hidden:props=>!props.isEU},euPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link,defaultValue:\"https://www.framer.com/legal/policy/\"},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>!props.isEU},euDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:false,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>!props.isEU},euShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.euType!==\"advanced\"},euBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>!props.isEU},worldType:{title:\"Choices\",type:ControlType.Enum,options:[\"simple\",\"medium\",\"advanced\"],optionTitles:[\"None\",\"Accept/Reject\",\"Customizable\"],defaultValue:\"simple\",hidden:props=>props.isEU},worldTitle:{title:\"Title\",type:ControlType.String,defaultValue:\"Cookie Settings\",hidden:props=>props.worldType===\"simple\"||props.isEU},worldDescription:{title:\"Description\",type:ControlType.String,defaultValue:\"We use cookies to personalize content, run ads, and analyze traffic.\",displayTextArea:true,hidden:props=>props.isEU},worldPolicy:{title:\"Policy\",type:ControlType.Object,buttonTitle:\"Link, Prefix\",controls:{link:{title:\"Link\",type:ControlType.Link},prefix:{title:\"Prefix\",type:ControlType.String,defaultValue:\"Read our\"},label:{title:\"Label\",type:ControlType.String,defaultValue:\"Cookie Policy\"}},hidden:props=>props.isEU},worldDefaults:{title:\"Defaults\",buttonTitle:\"Options\",type:ControlType.Object,controls:{necessary:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},preferences:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},analytics:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true},marketing:{type:ControlType.Boolean,enabledTitle:\"Granted\",disabledTitle:\"Denied\",defaultValue:true,description:\"The default consent when the user hasn’t provided any yet.\"}},hidden:props=>props.isEU},worldShowReject:{title:\"Reject All\",type:ControlType.Boolean,defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",hidden:props=>props.worldType!==\"advanced\"},worldBlocking:{title:\"Blocking\",type:ControlType.Boolean,defaultValue:false,description:\"Renders a content blocking backdrop.\",hidden:props=>props.isEU}}},options:{type:ControlType.Object,buttonTitle:\"Content, Styles\",hidden:(_,props)=>props.content.euType!==\"advanced\"&&props.content.worldType!==\"advanced\",controls:{preview:{type:ControlType.Boolean,defaultValue:false,description:\"Open when previewing banner on the canvas.\",hidden:(_,props)=>!props.preview},necessary:{title:\"Necessary\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Necessary\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables security and basic functionality.\",displayTextArea:true},optional:{title:\"Optional\",type:ControlType.Boolean,defaultValue:true}}},preferences:{title:\"Preferences\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Preferences\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables personalized content and settings.\",displayTextArea:true,optional:true}}},analytics:{title:\"Analytics\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Analytics\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables tracking of performance.\",displayTextArea:true}}},marketing:{title:\"Marketing\",type:ControlType.Object,buttonTitle:\"Content\",controls:{title:{title:\"Title\",type:ControlType.String,defaultValue:\"Marketing\"},description:{title:\"Description\",type:ControlType.String,defaultValue:\"Enables ads personalization and tracking.\",displayTextArea:true}}},style:{type:ControlType.Object,title:\"Style\",buttonTitle:\"Fonts, Colors\",controls:{fontTitle:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Title\",controls:\"basic\"},fontBody:{// @ts-ignore - internal\ntype:ControlType.Font,title:\"Body\",controls:\"basic\"},background:{title:\"Background\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"},border:{type:ControlType.Object,title:\"Border\",buttonTitle:\"Radius, Width\",controls:{radius:{title:\"Radius\",type:ControlType.Number,displayStepper:true,min:0,defaultValue:8},width:{title:\"Width\",type:ControlType.Number,displayStepper:true},color:{title:\"Color\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.02)\"}}},toggleColor:{title:\"On\",type:ControlType.Color,defaultValue:\"#000\"},toggleColorInactive:{title:\"Off\",type:ControlType.Color,defaultValue:\"rgba(0,0,0,0.1)\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:12,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0}}}}}});CookieBanner.displayName=\"Cookie Banner\";\nexport const __FramerMetadata__ = {\"exports\":{\"ContentType\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ContentProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"OptionsStyle\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"ButtonsProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"CookieBanner\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"CookieBannerProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PolicyProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Cookies.map","// Generated by Framer (fdc01c0)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,forwardLoader,getFonts,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image as Image1,ResolveLinks,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useRouter,useVariantState,withCSS,withFX}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/0rbDSfgig0pa1jgTUVPk/Cookies.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/bQdXXWWoMhjwenWWstcQ/s2UaHZxqZPntyBsiVHiz/CVKOs7hgS.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/a1J1kubo7chY0ckqeTmc/y9cjCxGZjxTer9nMbW73/vFXhi0SXd.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/z0z1C28C7zRwct6mHEPL/FLr32HrL7GAaa8R0AglM/WHtAENjuY.js\";import MenuItem from\"https://framerusercontent.com/modules/71oUz4593iWmmv67YAsH/xcWIY5cFyWAcDMlsp3AE/IvC_kN8Vh.js\";const MenuItemFonts=getFonts(MenuItem);const MotionDivWithFX=withFX(motion.div);const CookieBannerFonts=getFonts(CookieBanner);const cycleOrder=[\"yk5llSbsy\",\"P_FDVf606\",\"uHZ9DQ1Fv\"];const serializationHash=\"framer-JiVjy\";const variantClassNames={P_FDVf606:\"framer-v-gitd1y\",uHZ9DQ1Fv:\"framer-v-1yve6ld\",yk5llSbsy:\"framer-v-1hlkdvr\"};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 transition2={bounce:.2,delay:0,duration:.2,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 matchVariant=(...args)=>{for(const arg of args){if(arg&&typeof arg===\"string\")return arg;}return undefined;};const humanReadableVariantMap={Desktop:\"yk5llSbsy\",Phone:\"uHZ9DQ1Fv\",Tablet:\"P_FDVf606\"};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"yk5llSbsy\"};};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:\"yk5llSbsy\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const router=useRouter();const isDisplayed=()=>{if(baseVariant===\"P_FDVf606\")return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"P_FDVf606\")return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.header,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1hlkdvr\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"yk5llSbsy\",ref:refBinding,style:{backgroundColor:\"rgb(0, 0, 0)\",...style},...addPropertyOverrides({P_FDVf606:{\"data-framer-name\":\"Tablet\"},uHZ9DQ1Fv:{\"data-framer-name\":\"Phone\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-18wpeh3\",layoutDependency:layoutDependency,layoutId:\"Ds1MApLuT\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-117x7h9\",\"data-framer-name\":\"container\",layoutDependency:layoutDependency,layoutId:\"x5Zc7QcF7\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1bxoyge\",\"data-border\":true,layoutDependency:layoutDependency,layoutId:\"qg5pAZit8\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.2)\",\"--border-left-width\":\"1px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-hfhx6y\",layoutDependency:layoutDependency,layoutId:\"mjOgOUX25\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-17ffqq9\",layoutDependency:layoutDependency,layoutId:\"lmonkkifh\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1e4xac6\",\"data-framer-name\":\"logo\",layoutDependency:layoutDependency,layoutId:\"c0VMdShRw\",children:/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1098.5,intrinsicWidth:1974,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+80+0+0+0+0+0+0+40+0+0+0),pixelHeight:718,pixelWidth:3080,sizes:\"34.1429px\",src:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718\",srcSet:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=512&width=3080&height=718 512w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=1024&width=3080&height=718 1024w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=2048&width=3080&height=718 2048w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718 3080w\"},className:\"framer-1izk1al\",\"data-framer-name\":\"HOPLYNK LOGOTYPE_01\",fitImageDimension:\"height\",layoutDependency:layoutDependency,layoutId:\"zhbDa0707\",...addPropertyOverrides({P_FDVf606:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1098.5,intrinsicWidth:1974,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+40+0+0+0+0+0+0+40+0+0+0),pixelHeight:718,pixelWidth:3080,sizes:\"34.1429px\",src:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718\",srcSet:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=512&width=3080&height=718 512w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=1024&width=3080&height=718 1024w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=2048&width=3080&height=718 2048w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718 3080w\"}},uHZ9DQ1Fv:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1098.5,intrinsicWidth:1974,pixelHeight:718,pixelWidth:3080,sizes:\"34.1429px\",src:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718\",srcSet:\"https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=512&width=3080&height=718 512w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=1024&width=3080&height=718 1024w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?scale-down-to=2048&width=3080&height=718 2048w,https://framerusercontent.com/images/FJHWFwsRRVr5JccDTln122YPzRs.png?width=3080&height=718 3080w\"}}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-25ct6e\",\"data-styles-preset\":\"CVKOs7hgS\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224)))\"},children:\"Control the disconnected edge.\"})}),className:\"framer-10oorxy\",\"data-framer-name\":\"Text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"VMSYcdQKp\",style:{\"--extracted-1of0zx5\":\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1kuba1m\",\"data-styles-preset\":\"vFXhi0SXd\",dir:\"auto\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-737c6369-85ca-4888-8512-8dd505fd0c6a, rgb(186, 186, 186)))\"},children:\"Hoplynk delivers agents, context, and resilient connectivity for people, platforms, and systems operating beyond reliable infrastructure.\"})}),className:\"framer-zmh5pk\",\"data-framer-name\":\"Text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"oEydMw5G1\",style:{\"--extracted-r6o4lv\":\"var(--token-737c6369-85ca-4888-8512-8dd505fd0c6a, rgb(186, 186, 186))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true})})]})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-16i4qlj\",layoutDependency:layoutDependency,layoutId:\"x_j4a8SqT\",children:[/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:300,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-1pzq4fu\",\"data-border\":true,\"data-framer-name\":\"process-card\",layoutDependency:layoutDependency,layoutId:\"pxwaPs1ir\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.2)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"1px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},variants:{uHZ9DQ1Fv:{\"--border-bottom-width\":\"0px\",\"--border-right-width\":\"0px\"}},children:/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1b4pigy\",\"data-framer-name\":\"Body Text\",layoutDependency:layoutDependency,layoutId:\"yMgkN9UBH\",children:[/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-nih00y\",\"data-styles-preset\":\"WHtAENjuY\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-737c6369-85ca-4888-8512-8dd505fd0c6a, rgb(186, 186, 186)))\"},children:\"NAVIGATION\"})}),className:\"framer-18hefbv\",\"data-framer-name\":\"Text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"FRIuDbzaB\",style:{\"--extracted-r6o4lv\":\"var(--token-737c6369-85ca-4888-8512-8dd505fd0c6a, rgb(186, 186, 186))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1jljsew\",layoutDependency:layoutDependency,layoutId:\"xG0XKOwd0\",children:[/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined},{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined},{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+0,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+0},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-boy14b-container\",layoutDependency:layoutDependency,layoutId:\"heCKNyjmD-container\",nodeId:\"heCKNyjmD\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"heCKNyjmD\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"heCKNyjmD\",mbmUT4tSa:\"HOMEPAGE\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks[2]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"vMwo_Wwp9\"},implicitPathVariables:undefined},{href:{webPageId:\"vMwo_Wwp9\"},implicitPathVariables:undefined},{href:{webPageId:\"vMwo_Wwp9\"},implicitPathVariables:undefined}],children:resolvedLinks1=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+69,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+69},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1e4nt77-container\",layoutDependency:layoutDependency,layoutId:\"kCPhdvZOQ-container\",nodeId:\"kCPhdvZOQ\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"kCPhdvZOQ\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"kCPhdvZOQ\",mbmUT4tSa:\"WHO WE ARE\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks1[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks1[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks1[2]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"WALzrlIFs\"},implicitPathVariables:undefined},{href:{webPageId:\"WALzrlIFs\"},implicitPathVariables:undefined},{href:{webPageId:\"WALzrlIFs\"},implicitPathVariables:undefined}],children:resolvedLinks2=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+138,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+138},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-i7fucz-container\",layoutDependency:layoutDependency,layoutId:\"YggHcCrxI-container\",nodeId:\"YggHcCrxI\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"YggHcCrxI\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"YggHcCrxI\",mbmUT4tSa:\"WHO WE SERVE\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks2[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks2[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks2[2]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"f25Z3ND8Q\"},implicitPathVariables:undefined},{href:{webPageId:\"f25Z3ND8Q\"},implicitPathVariables:undefined},{href:{webPageId:\"f25Z3ND8Q\"},implicitPathVariables:undefined}],children:resolvedLinks3=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+207,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+207},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-8y4bdf-container\",layoutDependency:layoutDependency,layoutId:\"npeiLgSKu-container\",nodeId:\"npeiLgSKu\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"npeiLgSKu\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"npeiLgSKu\",mbmUT4tSa:\"SOLUTIONS\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks3[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks3[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks3[2]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+276,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+276},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1i4m372-container\",layoutDependency:layoutDependency,layoutId:\"z9ctB1N6p-container\",nodeId:\"z9ctB1N6p\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"z9ctB1N6p\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"z9ctB1N6p\",mbmUT4tSa:\"WEBSTORE\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:\"https://hoplynk-webstore.myshopify.com/\",z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\")},uHZ9DQ1Fv:{mbmUT4tSa:\"SHOP\",variant:matchVariant(\"i8cUkZobu\")}},baseVariant,gestureVariant)})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"YIQmTXN8X\"},implicitPathVariables:undefined},{href:{webPageId:\"YIQmTXN8X\"},implicitPathVariables:undefined},{href:{webPageId:\"YIQmTXN8X\"},implicitPathVariables:undefined}],children:resolvedLinks4=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+345,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+345},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-11mkn95-container\",layoutDependency:layoutDependency,layoutId:\"dOGkjtYQe-container\",nodeId:\"dOGkjtYQe\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"dOGkjtYQe\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"dOGkjtYQe\",mbmUT4tSa:\"CAREERS\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks4[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks4[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks4[2]}},baseVariant,gestureVariant)})})})}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"ycZw4M3bI\"},implicitPathVariables:undefined},{href:{webPageId:\"ycZw4M3bI\"},implicitPathVariables:undefined},{href:{webPageId:\"ycZw4M3bI\"},implicitPathVariables:undefined}],children:resolvedLinks5=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+414,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+414},uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1a5dtkq-container\",layoutDependency:layoutDependency,layoutId:\"mFFvoduFz-container\",nodeId:\"mFFvoduFz\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"mFFvoduFz\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"mFFvoduFz\",mbmUT4tSa:\"BLOG\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks5[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks5[1]},uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks5[2]}},baseVariant,gestureVariant)})})})}),isDisplayed()&&/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"v9iuasIng\"},implicitPathVariables:undefined},{href:{webPageId:\"v9iuasIng\"},implicitPathVariables:undefined}],children:resolvedLinks6=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+0+0+129+0+483,...addPropertyOverrides({uHZ9DQ1Fv:{y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1mvscy0-container\",layoutDependency:layoutDependency,layoutId:\"KZBjSFlJ_-container\",nodeId:\"KZBjSFlJ_\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"KZBjSFlJ_\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"KZBjSFlJ_\",mbmUT4tSa:\"CONTACT\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:resolvedLinks6[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({uHZ9DQ1Fv:{variant:matchVariant(\"i8cUkZobu\"),YbESqDNYV:resolvedLinks6[1]}},baseVariant,gestureVariant)})})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"M9yFxoTuB\"},implicitPathVariables:undefined},{href:{webPageId:\"M9yFxoTuB\"},implicitPathVariables:undefined}],children:resolvedLinks7=>/*#__PURE__*/_jsx(ComponentViewportProvider,{...addPropertyOverrides({P_FDVf606:{height:61,y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+0+0+129+0+483}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1w8grjc-container\",layoutDependency:layoutDependency,layoutId:\"liU7683J1-container\",nodeId:\"liU7683J1\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"rgba(255, 255, 255, 0)\",DACGxuA7P:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",dZHfH4sE9:\"0px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"liU7683J1\",jayDLPsOZ:\"var(--token-daa3d2bc-fa2e-433f-a777-177d19dff4b2, rgb(209, 218, 239))\",layoutId:\"liU7683J1\",mbmUT4tSa:\"CONTACT\",N2i58RbXt:false,variant:matchVariant(\"i8cUkZobu\"),width:\"100%\",YbESqDNYV:resolvedLinks7[0],z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({P_FDVf606:{YbESqDNYV:resolvedLinks7[1]}},baseVariant,gestureVariant)})})})})]})]})})}),/*#__PURE__*/_jsxs(MotionDivWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:300,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onInView\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-15qizv2\",\"data-border\":true,\"data-framer-name\":\"process-card\",layoutDependency:layoutDependency,layoutId:\"JvKGGdhUb\",style:{\"--border-bottom-width\":\"1px\",\"--border-color\":\"rgba(255, 255, 255, 0.2)\",\"--border-left-width\":\"0px\",\"--border-right-width\":\"0px\",\"--border-style\":\"solid\",\"--border-top-width\":\"1px\"},variants:{uHZ9DQ1Fv:{\"--border-color\":\"rgb(58, 58, 58)\"}},children:[/*#__PURE__*/_jsx(Image1,{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+80+0+0+0+0+0+315+0+0- -.5),pixelHeight:2120,pixelWidth:3e3,sizes:`max(min(max(${componentViewport?.width||\"100vw\"} - 160px, 1px), 1200px) / 2, 1px)`,src:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120\",srcSet:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=512&width=3000&height=2120 512w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=1024&width=3000&height=2120 1024w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=2048&width=3000&height=2120 2048w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120 3000w\"},className:\"framer-t11myx\",layoutDependency:layoutDependency,layoutId:\"EVob7q3BF\",style:{opacity:.37},...addPropertyOverrides({P_FDVf606:{background:{alt:\"\",fit:\"fill\",loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+40+0+0+0+0+0+315+0+0- -.5),pixelHeight:2120,pixelWidth:3e3,sizes:`max(max(${componentViewport?.width||\"100vw\"} - 80px, 1px) / 2, 1px)`,src:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120\",srcSet:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=512&width=3000&height=2120 512w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=1024&width=3000&height=2120 1024w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=2048&width=3000&height=2120 2048w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120 3000w\"}},uHZ9DQ1Fv:{background:{alt:\"\",fit:\"fill\",pixelHeight:2120,pixelWidth:3e3,sizes:`min(max(${componentViewport?.width||\"100vw\"} - 32px, 1px), 1200px)`,src:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120\",srcSet:\"https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=512&width=3000&height=2120 512w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=1024&width=3000&height=2120 1024w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?scale-down-to=2048&width=3000&height=2120 2048w,https://framerusercontent.com/images/Z8cRqXFMbAWWkrNjG4UyriNph0.png?width=3000&height=2120 3000w\"}}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,y:(componentViewport?.y||0)+80+0+0+0+0+0+315+0+40+-70.5,...addPropertyOverrides({P_FDVf606:{y:(componentViewport?.y||0)+40+0+0+0+0+0+315+0+40+-70.5},uHZ9DQ1Fv:{width:`calc(min(max(${componentViewport?.width||\"100vw\"} - 32px, 1px), 1200px) - 32px)`,y:undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-2zdya7-container\",layoutDependency:layoutDependency,layoutId:\"lVmFomhMr-container\",nodeId:\"lVmFomhMr\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",children:/*#__PURE__*/_jsx(MenuItem,{ChGtPUp3_:\"var(--token-424d83e4-67e3-44a8-8582-76ecd98a858b, rgb(244, 244, 244))\",DACGxuA7P:\"var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, rgb(0, 0, 0))\",dZHfH4sE9:\"12px 24px 12px 24px\",GE24Puu0s:\"0px\",height:\"100%\",Hh_N3naLL:false,id:\"lVmFomhMr\",jayDLPsOZ:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",layoutId:\"lVmFomhMr\",mbmUT4tSa:\"SCHEDULE A DEMO\",N2i58RbXt:false,variant:matchVariant(\"cCXNSM22v\"),width:\"100%\",YbESqDNYV:\"https://meetings-na2.hubspot.com/andrew-paulmeno\",z1UGIrx0d:{borderBottomWidth:0,borderColor:\"var(--token-242166fb-5eb3-4f41-8b6d-47bd303bb9be, rgb(79, 76, 68))\",borderLeftWidth:1,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},...addPropertyOverrides({uHZ9DQ1Fv:{style:{width:\"100%\"}}},baseVariant,gestureVariant)})})})]})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-5kwq6p\",layoutDependency:layoutDependency,layoutId:\"Gaq1P2ltB\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-15nzaku\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"FPOct1pOD\",style:{opacity:.5},children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1kuba1m\",\"data-styles-preset\":\"vFXhi0SXd\",dir:\"auto\",children:\"\\xa9\\xa02026\\xa0Hoplynk. All Rights Reserved.\"})}),className:\"framer-pt6il2\",\"data-framer-name\":\"Footer text\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"BLqwhNRq5\",style:{\"--framer-paragraph-spacing\":\"16px\"},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined},{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined},{href:{webPageId:\"YWOY4vjEl\"},implicitPathVariables:undefined}],children:resolvedLinks8=>/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1wxiz7d-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"OMPGgfpeC-container\",nodeId:\"OMPGgfpeC\",rendersWithMotion:true,scopeId:\"NIOiYdGbH\",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:40,insetBottom:40,insetLeft:40,insetPerSide:false,insetRight:40,insetTop:40,padding:40,paddingBottom:40,paddingLeft:40,paddingPerSide:false,paddingRight:40,paddingTop:40,position:\"bottom-left\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"rgba(0, 0, 0, 0.05)\",radius:0,width:1},colorBody:\"rgb(150, 150, 150)\",colorTitle:\"rgb(0, 0, 0)\",fill:\"rgb(255, 255, 255)\",fontBody:{fontFamily:'\"Acid Grotesk Normal\", \"Acid Grotesk Normal Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},fontTitle:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontSize:\"20px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, rgb(0, 0, 0))\"},width:450,zIndex:10},button:{borderRadius:0,direction:\"row\",fluid:true,font:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},hoverOpacity:.6,labels:{accept:\"Accept\",acceptAll:\"Accept all\",confirm:\"Okay\",customize:\"Customize\",reject:\"Reject\",rejectAll:\"Reject all\",save:\"Save Preferences\"},padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,primary:{color:\"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:true,marketing:true,necessary:true,preferences:true},euDescription:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",euPolicy:{label:\"Cookie Policy\",link:resolvedLinks8[0],prefix:\"Read our\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"advanced\",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:\"advanced\"},gtmId:\"\",height:\"100%\",id:\"OMPGgfpeC\",layoutId:\"OMPGgfpeC\",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:true,style:{background:\"rgba(0, 0, 0, 0.02)\",border:{color:\"rgba(0, 0, 0, 0.02)\",radius:4,width:0},fontBody:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontStyle:\"normal\",fontWeight:400},fontTitle:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontStyle:\"normal\",fontWeight:400},padding:16,paddingBottom:16,paddingLeft:16,paddingPerSide:false,paddingRight:16,paddingTop:16,toggleColor:\"rgb(0, 0, 0)\",toggleColorInactive:\"rgba(0, 0, 0, 0.1)\"}},preview:false,trigger:{color:\"var(--token-5833eca8-39c5-453d-9cae-84944e6b8604, rgb(225, 224, 224))\",iconSize:24,iconType:\"default\",text:\"Cookie Settings\",textFont:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},type:\"none\"},width:\"100%\",...addPropertyOverrides({P_FDVf606:{banner:{animation:{scale:1,transition:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"},x:0,y:10},containerWidth:0,inset:40,insetBottom:40,insetLeft:40,insetPerSide:false,insetRight:40,insetTop:40,padding:40,paddingBottom:40,paddingLeft:40,paddingPerSide:false,paddingRight:40,paddingTop:40,position:\"bottom-left\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"rgba(0, 0, 0, 0.05)\",radius:14,width:1},colorBody:\"rgb(150, 150, 150)\",colorTitle:\"rgb(0, 0, 0)\",fill:\"rgb(255, 255, 255)\",fontBody:{fontFamily:'\"Acid Grotesk Normal\", \"Acid Grotesk Normal Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},fontTitle:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontSize:\"20px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, rgb(0, 0, 0))\"},width:390,zIndex:10},content:{euBlocking:false,euDefaults:{analytics:true,marketing:true,necessary:true,preferences:true},euDescription:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",euPolicy:{label:\"Cookie Policy\",link:resolvedLinks8[1],prefix:\"Read our\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"advanced\",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:\"advanced\"}},uHZ9DQ1Fv:{banner:{animation:{scale:1,transition:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"},x:0,y:10},containerWidth:0,inset:24,insetBottom:24,insetLeft:24,insetPerSide:false,insetRight:24,insetTop:24,padding:24,paddingBottom:24,paddingLeft:24,paddingPerSide:false,paddingRight:24,paddingTop:24,position:\"bottom-left\",style:{backdrop:\"rgba(0, 0, 0, 0.1)\",border:{color:\"rgba(0, 0, 0, 0.05)\",radius:14,width:1},colorBody:\"rgb(150, 150, 150)\",colorTitle:\"rgb(0, 0, 0)\",fill:\"rgb(255, 255, 255)\",fontBody:{fontFamily:'\"Acid Grotesk Normal\", \"Acid Grotesk Normal Placeholder\", sans-serif',fontSize:\"16px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1.2em\"},fontTitle:{fontFamily:'\"Acid Grotesk Regular\", \"Acid Grotesk Regular Placeholder\", sans-serif',fontSize:\"20px\",fontStyle:\"normal\",fontWeight:400,letterSpacing:\"0em\",lineHeight:\"1em\"},link:\"var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, rgb(0, 0, 0))\"},width:325,zIndex:10},content:{euBlocking:false,euDefaults:{analytics:true,marketing:true,necessary:true,preferences:true},euDescription:\"We use cookies to enhance your experience, analyze site traffic and deliver personalized content.\",euPolicy:{label:\"Cookie Policy\",link:resolvedLinks8[2],prefix:\"Read our\"},euShowReject:true,euTitle:\"Cookie Settings\",euType:\"advanced\",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:\"advanced\"}}},baseVariant,gestureVariant)})})})})]})})]})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-JiVjy.framer-10zck81, .framer-JiVjy .framer-10zck81 { display: block; }\",\".framer-JiVjy.framer-1hlkdvr { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 80px; position: relative; width: 1200px; }\",\".framer-JiVjy .framer-18wpeh3 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; max-width: 1200px; overflow: visible; padding: 0px; position: relative; width: 1px; }\",\".framer-JiVjy .framer-117x7h9 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 64px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-1bxoyge { align-content: flex-end; align-items: flex-end; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-end; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 100%; z-index: 1; }\",\".framer-JiVjy .framer-hfhx6y { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: hidden; padding: 40px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-17ffqq9 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; max-width: 600px; overflow: hidden; padding: 0px; position: relative; width: 1px; z-index: 2; }\",\".framer-JiVjy .framer-1e4xac6 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 80px; height: min-content; justify-content: center; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: min-content; }\",\".framer-JiVjy .framer-1izk1al { flex: none; height: auto; overflow: visible; position: relative; width: 81px; }\",\".framer-JiVjy .framer-10oorxy, .framer-JiVjy .framer-zmh5pk { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-JiVjy .framer-16i4qlj { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: sticky; width: 100%; }\",\".framer-JiVjy .framer-1pzq4fu { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: flex-start; overflow: hidden; padding: 40px; position: relative; width: 1px; z-index: 1; }\",\".framer-JiVjy .framer-1b4pigy { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-18hefbv { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; z-index: 1; }\",\".framer-JiVjy .framer-1jljsew { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-boy14b-container, .framer-JiVjy .framer-1e4nt77-container, .framer-JiVjy .framer-i7fucz-container, .framer-JiVjy .framer-8y4bdf-container, .framer-JiVjy .framer-1i4m372-container, .framer-JiVjy .framer-11mkn95-container, .framer-JiVjy .framer-1a5dtkq-container, .framer-JiVjy .framer-1mvscy0-container, .framer-JiVjy .framer-1w8grjc-container, .framer-JiVjy .framer-2zdya7-container, .framer-JiVjy .framer-1wxiz7d-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-JiVjy .framer-15qizv2 { align-content: center; align-items: center; align-self: stretch; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: center; overflow: hidden; padding: 40px; position: relative; width: 1px; z-index: 1; }\",\".framer-JiVjy .framer-t11myx { bottom: 0px; flex: none; height: 100%; left: calc(50.00000000000002% - 100% / 2); overflow: visible; position: absolute; width: 100%; z-index: -1; }\",\".framer-JiVjy .framer-5kwq6p { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 11px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 24px 40px 24px 40px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-15nzaku { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-JiVjy .framer-pt6il2 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-JiVjy.framer-v-gitd1y.framer-1hlkdvr { padding: 40px; width: 810px; }\",\".framer-JiVjy.framer-v-gitd1y .framer-18wpeh3 { max-width: unset; }\",\".framer-JiVjy.framer-v-1yve6ld.framer-1hlkdvr { padding: 16px; width: 390px; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-hfhx6y { flex-direction: column; gap: 32px; justify-content: flex-start; padding: 16px; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-17ffqq9 { flex: none; max-width: unset; width: 100%; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-16i4qlj { flex-direction: column; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1pzq4fu, .framer-JiVjy.framer-v-1yve6ld .framer-15qizv2 { align-self: unset; flex: none; height: min-content; padding: 16px; width: 100%; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1jljsew { flex-direction: row; flex-wrap: wrap; gap: 12px 14px; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-boy14b-container { order: 0; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1e4nt77-container { order: 1; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-i7fucz-container { order: 2; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-8y4bdf-container { order: 3; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1i4m372-container { order: 4; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-11mkn95-container { order: 5; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1a5dtkq-container { order: 6; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-1mvscy0-container { order: 7; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-2zdya7-container { width: 100%; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-5kwq6p { gap: 12px; padding: 16px; }\",\".framer-JiVjy.framer-v-1yve6ld .framer-15nzaku { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 22px; justify-content: flex-start; }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,'.framer-JiVjy[data-border=\"true\"]::after, .framer-JiVjy [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; corner-shape: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 895\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"P_FDVf606\":{\"layout\":[\"fixed\",\"auto\"]},\"uHZ9DQ1Fv\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerNIOiYdGbH=withCSS(Component,css,\"framer-JiVjy\");export default FramerNIOiYdGbH;FramerNIOiYdGbH.displayName=\"footer section\";FramerNIOiYdGbH.defaultProps={height:895,width:1200};addPropertyControls(FramerNIOiYdGbH,{variant:{options:[\"yk5llSbsy\",\"P_FDVf606\",\"uHZ9DQ1Fv\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerNIOiYdGbH,[{explicitInter:true,fonts:[{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{cssFamilyName:\"Inter\",source:\"framer\",style:\"normal\",uiFamilyName:\"Inter\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"},{cssFamilyName:\"Acid Grotesk Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"Acid Grotesk\",url:\"https://framerusercontent.com/assets/tNxXc5M9GmHxgSLPeZZ0G88EWU.woff2\",weight:\"400\"},{cssFamilyName:\"Acid Grotesk Normal\",source:\"custom\",style:\"normal\",uiFamilyName:\"Acid Grotesk\",url:\"https://framerusercontent.com/assets/A3n6dnItJkh0Si01o6mGqRbT2dg.woff2\",weight:\"400\"}]},...MenuItemFonts,...CookieBannerFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});FramerNIOiYdGbH.loader={load:(props,context)=>{const locale=context.locale;return Promise.allSettled([forwardLoader(MenuItem,{},context)]);}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerNIOiYdGbH\",\"slots\":[],\"annotations\":{\"framerColorSyntax\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"P_FDVf606\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"uHZ9DQ1Fv\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"895\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"1200\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NIOiYdGbH.map","// Generated by Framer (19407dd)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,ComponentViewportProvider,Container,cx,GeneratedComponentContext,getFonts,PropertyOverrides,RenderTarget,useCustomCursors,useHydratedBreakpointVariants,useIsOnFramerCanvas,useLocaleInfo,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Navigation from\"#framer/local/canvasComponent/eRyOvWDr5/eRyOvWDr5.js\";import FooterSection from\"#framer/local/canvasComponent/NIOiYdGbH/NIOiYdGbH.js\";const NavigationFonts=getFonts(Navigation);const FooterSectionFonts=getFonts(FooterSection);const breakpoints={BNJQIMNDn:\"(min-width: 1200px)\",K2ypHFxKV:\"(max-width: 809.98px)\",wbqGhoFNy:\"(min-width: 810px) and (max-width: 1199.98px)\"};const isBrowser=()=>typeof document!==\"undefined\";const serializationHash=\"framer-bHqAY\";const variantClassNames={BNJQIMNDn:\"framer-v-1ya4v5b\",K2ypHFxKV:\"framer-v-u8cmnx\",wbqGhoFNy:\"framer-v-1p1ry9o\"};const breakpointRules={K2ypHFxKV:[\".framer-bHqAY .framer-1jjo3tq-container { left: 50%; }\"]};const breakpointKeys=Object.keys(breakpointRules);const selectors={K2ypHFxKV:\".framer-u8cmnx-override\"};const rules=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-bHqAY.framer-16rbtum, .framer-bHqAY .framer-16rbtum { display: block; }\",\".framer-bHqAY.framer-1ya4v5b { align-content: center; align-items: center; background-color: var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, #000000); display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: var(--overflow-clip-fallback, clip); padding: 0px; position: relative; width: 100%; }\",\".framer-bHqAY .framer-1jjo3tq-container { flex: none; height: auto; left: 50%; order: -1000; position: var(--framer-canvas-fixed-position, fixed); top: 0px; transform: translateX(-50%); view-transition-name: framer-bHqAY-1jjo3tq-exclude; width: 100%; z-index: 10; }\",\"::view-transition-group(framer-bHqAY-1jjo3tq-exclude), ::view-transition-new(framer-bHqAY-1jjo3tq-exclude), ::view-transition-old(framer-bHqAY-1jjo3tq-exclude) { animation: none !important; }\",\".framer-bHqAY .framer-1iz1bhz { background: transparent; flex-grow: 1; height: 0px; margin: 0px; margin-bottom: -0px; position: relative; width: 0px; }\",\".framer-bHqAY .framer-1c8y7el-container { flex: none; height: auto; order: 1002; position: relative; width: 100%; }\",'[data-layout-template=\"true\"] > #overlay { margin-bottom: -0px; }'];const mediaQueries={BNJQIMNDn:\"(min-width: 1200px)\",K2ypHFxKV:\"(max-width: 809.98px)\",wbqGhoFNy:\"(min-width: 810px) and (max-width: 1199.98px)\"};const HTMLStyle=({value})=>{const onCanvas=useIsOnFramerCanvas();if(onCanvas)return null;return /*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:value},\"data-framer-html-style\":\"\"});};const humanReadableVariantMap={Desktop:\"BNJQIMNDn\",Phone:\"K2ypHFxKV\",Tablet:\"wbqGhoFNy\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"BNJQIMNDn\"};};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{style,className,layoutId,variant,children,...restProps}=getProps(props);const[baseVariant,hydratedBaseVariant]=useHydratedBreakpointVariants(variant,breakpoints,false);const gestureVariant=undefined;const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);useCustomCursors({});return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider,{value:{isLayoutTemplate:true,primaryVariantId:\"BNJQIMNDn\",variantClassNames},children:/*#__PURE__*/_jsxs(LayoutGroup,{id:layoutId??defaultLayoutId,children:[/*#__PURE__*/_jsx(HTMLStyle,{value:\":root body { background: var(--token-bc25d7a4-b419-4316-8896-01fe395e2e91, rgb(0, 0, 0)); }\"}),/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(scopingClassNames,\"framer-1ya4v5b\",className),\"data-layout-template\":true,ref:refBinding,style:{...style},children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{height:61,width:\"100vw\",y:0,children:/*#__PURE__*/_jsx(Container,{className:\"framer-1jjo3tq-container\",\"data-framer-layout-hint-center-x\":true,layoutScroll:true,nodeId:\"xWfWZEPZU\",scopeId:\"uhgKNuyuR\",children:/*#__PURE__*/_jsx(PropertyOverrides,{breakpoint:baseVariant,overrides:{K2ypHFxKV:{variant:\"hpoRHRWEd\"},wbqGhoFNy:{variant:\"vZ8oduyaZ\"}},children:/*#__PURE__*/_jsx(Navigation,{height:\"100%\",id:\"xWfWZEPZU\",layoutId:\"xWfWZEPZU\",style:{width:\"100%\"},variant:\"UbQExWAc2\",width:\"100%\"})})})}),children,/*#__PURE__*/_jsx(\"div\",{className:\"framer-1iz1bhz\"}),/*#__PURE__*/_jsx(ComponentViewportProvider,{height:861,width:\"100vw\",y:1e3,children:/*#__PURE__*/_jsx(Container,{className:\"framer-1c8y7el-container\",nodeId:\"iq1tqv7Pv\",scopeId:\"uhgKNuyuR\",children:/*#__PURE__*/_jsx(PropertyOverrides,{breakpoint:baseVariant,overrides:{K2ypHFxKV:{variant:\"uHZ9DQ1Fv\"},wbqGhoFNy:{variant:\"P_FDVf606\"}},children:/*#__PURE__*/_jsx(FooterSection,{height:\"100%\",id:\"iq1tqv7Pv\",layoutId:\"iq1tqv7Pv\",style:{width:\"100%\"},variant:\"yk5llSbsy\",width:\"100%\"})})})})]}),/*#__PURE__*/_jsx(\"div\",{id:\"template-overlay\"})]})});});const css=target=>{const isStaticRenderer=target===RenderTarget.canvas||target===RenderTarget.export;if(!isStaticRenderer){return[...rules,...breakpointKeys.map(key=>{const query=mediaQueries[key];return`@media ${query} { ${breakpointRules[key].join(\" \")} }`;})];}return[...rules,...breakpointKeys.flatMap(key=>{const selector=selectors[key];return breakpointRules[key].map(rule=>`${selector} {${rule}}`);})];};/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1000\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"wbqGhoFNy\":{\"layout\":[\"fixed\",\"fixed\"]},\"K2ypHFxKV\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n * @framerHitTargets {\"BNJQIMNDn\":[\".framer-1jjo3tq-container\",\".framer-1c8y7el-container\"],\"wbqGhoFNy\":[\".framer-1jjo3tq-container\",\".framer-1c8y7el-container\"],\"K2ypHFxKV\":[\".framer-1jjo3tq-container\",\".framer-1c8y7el-container\"]}\n * @framerBreakpoints {\"BNJQIMNDn\":{\"min\":1200,\"canvasClassName\":\"framer-1ya4v5b-override\",\"minHeight\":1000,\"name\":\"Desktop\",\"width\":1200,\"rootFontSize\":16},\"wbqGhoFNy\":{\"min\":810,\"max\":1199,\"canvasClassName\":\"framer-1p1ry9o-override\",\"minHeight\":1000,\"viewportHeight\":1080,\"name\":\"Tablet\",\"width\":810,\"rootFontSize\":16},\"K2ypHFxKV\":{\"max\":809,\"canvasClassName\":\"framer-u8cmnx-override\",\"minHeight\":1000,\"viewportHeight\":844,\"name\":\"Phone\",\"width\":390,\"rootFontSize\":16}}\n * @framerDefaultVariant BNJQIMNDn\n * @framerLayoutTemplate\n */const FrameruhgKNuyuR=withCSS(Component,css,\"framer-bHqAY\");export default FrameruhgKNuyuR;FrameruhgKNuyuR.displayName=\"Template\";FrameruhgKNuyuR.defaultProps={height:1e3,width:1200};addFonts(FrameruhgKNuyuR,[{explicitInter:true,fonts:[]},...NavigationFonts,...FooterSectionFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameruhgKNuyuR\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"1200\",\"framerColorSyntax\":\"true\",\"framerComponentViewportWidth\":\"true\",\"framerLayoutTemplate\":\"\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"wbqGhoFNy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"K2ypHFxKV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerHitTargets\":\"{\\\"BNJQIMNDn\\\":[\\\".framer-1jjo3tq-container\\\",\\\".framer-1c8y7el-container\\\"],\\\"wbqGhoFNy\\\":[\\\".framer-1jjo3tq-container\\\",\\\".framer-1c8y7el-container\\\"],\\\"K2ypHFxKV\\\":[\\\".framer-1jjo3tq-container\\\",\\\".framer-1c8y7el-container\\\"]}\",\"framerBreakpoints\":\"{\\\"BNJQIMNDn\\\":{\\\"min\\\":1200,\\\"canvasClassName\\\":\\\"framer-1ya4v5b-override\\\",\\\"minHeight\\\":1000,\\\"name\\\":\\\"Desktop\\\",\\\"width\\\":1200,\\\"rootFontSize\\\":16},\\\"wbqGhoFNy\\\":{\\\"min\\\":810,\\\"max\\\":1199,\\\"canvasClassName\\\":\\\"framer-1p1ry9o-override\\\",\\\"minHeight\\\":1000,\\\"viewportHeight\\\":1080,\\\"name\\\":\\\"Tablet\\\",\\\"width\\\":810,\\\"rootFontSize\\\":16},\\\"K2ypHFxKV\\\":{\\\"max\\\":809,\\\"canvasClassName\\\":\\\"framer-u8cmnx-override\\\",\\\"minHeight\\\":1000,\\\"viewportHeight\\\":844,\\\"name\\\":\\\"Phone\\\",\\\"width\\\":390,\\\"rootFontSize\\\":16}}\",\"framerDisplayContentsDiv\":\"false\",\"framerAutoSizeImages\":\"true\",\"framerIntrinsicHeight\":\"1000\",\"framerDefaultVariant\":\"BNJQIMNDn\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Inter-500\"]);export const fonts=[{family:\"Inter\",moduleAsset:{localModuleIdentifier:\"local-module:css/TIzKiGcOB:default\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf\",weight:\"500\"}];export const css=['.framer-PGxOy .framer-styles-preset-j385k6:not(.rich-text-wrapper), .framer-PGxOy .framer-styles-preset-j385k6.rich-text-wrapper p { --framer-font-family: \"Inter\", sans-serif; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-weight: 500; --framer-letter-spacing: -0.03em; --framer-line-height: 100%; --framer-paragraph-spacing: 16px; --framer-text-alignment: left; --framer-text-color: var(--token-c734a28a-9fe9-4aa2-97ea-e240e7bd3071, #000000); --framer-text-decoration: none; --framer-text-transform: none; }'];export const className=\"framer-PGxOy\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (b084a7c)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/RBhrmJSayFIEr01hpPFn/uknigYuJhd1icsEQ9e0L/TIzKiGcOB.js\";const cycleOrder=[\"q765oO3yC\"];const variantClassNames={q765oO3yC:\"framer-v-kixgj4\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const getProps=({height,id,text,width,...props})=>{var ref;return{...props,U2bckk9Ci:(ref=text!==null&&text!==void 0?text:props.U2bckk9Ci)!==null&&ref!==void 0?ref:\"
$0 USD
\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,U2bckk9Ci,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"q765oO3yC\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-PixXK\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsx(motion.div,{...restProps,className:cx(\"framer-kixgj4\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"q765oO3yC\",ref:ref,style:{...style},children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:U2bckk9Ci,className:\"framer-1iq4zis\",layoutDependency:layoutDependency,layoutId:\"ZBWxU4W6n\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},stylesPresetsClassNames:{p:\"framer-styles-preset-j385k6\"},verticalAlignment:\"top\",withExternalLayout:true})})})})});});const css=['.framer-PixXK [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PixXK .framer-1n4dbv2 { display: block; }\",\".framer-PixXK .framer-kixgj4 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-PixXK .framer-1iq4zis { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PixXK .framer-kixgj4 { gap: 0px; } .framer-PixXK .framer-kixgj4 > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-PixXK .framer-kixgj4 > :first-child { margin-left: 0px; } .framer-PixXK .framer-kixgj4 > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 16\n * @framerIntrinsicWidth 55.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"U2bckk9Ci\":\"text\"}\n */ const FrameratkMxVAKb=withCSS(Component,css,\"framer-PixXK\");export default FrameratkMxVAKb;FrameratkMxVAKb.displayName=\"shopX / cartSubtotal\";FrameratkMxVAKb.defaultProps={height:16,width:55.5};addPropertyControls(FrameratkMxVAKb,{U2bckk9Ci:{defaultValue:\"$0 USD
\",title:\"text\",type:ControlType.RichText}});addFonts(FrameratkMxVAKb,[...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FrameratkMxVAKb\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"U2bckk9Ci\\\":\\\"text\\\"}\",\"framerIntrinsicHeight\":\"16\",\"framerIntrinsicWidth\":\"55.5\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./atkMxVAKb.map","/*\n * shopX / cartSubtotal\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\nexport { default } from \"https://framerusercontent.com/modules/Xz56MXJ2ZtTgFtT1VmZz/jsrZt5LjumizHw76NuWB/atkMxVAKb.js\"\n","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useMemo,useState}from\"react\";import ShopXCartSubtotal from\"https://framer.com/m/shopX-cartSubtotal-pv7y.js\";import{addPropertyControls,ControlType}from\"framer\";import{get}from\"lodash-es\";import{knownCurrenciesWithCodeAsSymbol}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/18cq93eooqM4YmdbL7E2/currencyMaps.js\";import{getLocaleFromCountry}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{RenderTarget}from\"framer\";// Helper function to check if a currency's symbol is the same as its code\nconst isCurrencySymbolSameAsCode=currencyCode=>{// For some currencies like CHF, the browser might use the code as the symbol\nif(!currencyCode)return false;if(knownCurrenciesWithCodeAsSymbol.includes(currencyCode)){return true;}try{const formatted=new Intl.NumberFormat(undefined,{style:\"currency\",currency:currencyCode,currencyDisplay:\"narrowSymbol\"}).format(0);// Remove digits, decimal points, and common formatting characters\nconst cleanFormatted=formatted.replace(/[0-9.,\\s]/g,\"\");// Check if what remains is the currency code\nreturn cleanFormatted===currencyCode;}catch(e){return false;}};/**\n * @framerDisableUnlink\n */export default function FC_CartSubtotal(props){const{format:{showCurrency,showSymbol,showDecimals,currencyCode:previewCurrencyCode}={}}=props;const[subtotal,setSubtotal]=useState(0);const[cart,setCart]=useState(null);const[selectedCurrency,setSelectedCurrency]=useState(\"\");const[selectedCountryCode,setSelectedCountryCode]=useState(\"\");const[selectedCountry,setSelectedCountry]=useState(\"\");const[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){const position=window?.__FcCurrencyConfigs?.currencyPosition||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:window?.__FcCurrencyConfigs?.currencySymbol||\"$\"};//console.log('Initial currency config state:', initialConfig, window?.__FcCurrencyConfigs);\nreturn initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});const isBrowser=typeof window!==\"undefined\";// Initialize currency from localStorage on page load\nuseEffect(()=>{if(!isBrowser)return;const storedCurrency=localStorage.getItem(\"selectedCurrency\");const storedCountryCode=localStorage.getItem(\"selectedCountryCode\");const storedCountry=localStorage.getItem(\"selectedCountry\");setSelectedCurrency(storedCurrency||\"USD\");setSelectedCountryCode(storedCountryCode||\"US\");setSelectedCountry(storedCountry||\"United States\");// console.log(\"[FC_CartSubtotal] Initial Currency State:\", {\n// currency: storedCurrency\n// })\n},[isBrowser]);// Debug current currency config\n// useEffect(() => {\n// console.log('Currency config changed:', currencyConfig);\n// }, [currencyConfig]);\n// Add currency settings listener\nuseEffect(()=>{if(!isBrowser)return;function updateCurrencyConfig(position,symbol){//console.log('Updating currency config with:', { position, symbol });\nconst newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};//console.log('New currency config:', newConfig);\nsetCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{//console.log('Currency update event received:', e.detail);\nif(!e.detail?.current){//console.log('Invalid currency update event:', e);\nreturn;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=window.__FcCurrencyConfigs?.currencyPosition;const currentSymbol=window.__FcCurrencyConfigs?.currencySymbol;//console.log('Initial currency values:', { currentPosition, currentSymbol });\nupdateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);//console.log('Currency event listener added');\n// Listen for currency changes\nconst handleCurrencyChange=event=>{//console.log(\"[FC_CartSubtotal] Currency Change Event:\", event.detail);\nconst{currency,countryCode,country}=event.detail;setSelectedCurrency(currency);setSelectedCountryCode(countryCode);setSelectedCountry(country);};window.addEventListener(\"currency_changed\",handleCurrencyChange);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);window.removeEventListener(\"currency_changed\",handleCurrencyChange);//console.log('Currency event listeners removed');\n};},[isBrowser]);// // Cart calculation effect\nuseEffect(()=>{if(!isBrowser)return;const logCartDetails=()=>{const cart=get(window,\"shopXtools.cart\");// Log the entire cart object\n//console.log('Cart Data:', cart);\nif(cart){setCart(cart);// Log each line item in the cart\nconst cartItems=get(cart,\"lines.edges\",[]);// console.log(\n// 'Cart Items:',\n// cartItems.map((edge) => {\n// const item = edge.node;\n// return {\n// title: get(item, 'merchandise.product.title', 'Unknown'),\n// variantId: get(item, 'merchandise.id', ''),\n// price: get(item, 'cost.totalAmount.amount') ||\n// get(item, 'cost.subtotalAmount.amount') ||\n// get(item, 'merchandise.price.amount', '0'),\n// quantity: get(item, 'quantity', 0),\n// currencyCode: get(item, 'cost.totalAmount.currencyCode') ||\n// get(item, 'merchandise.price.currencyCode', 'USD'),\n// };\n// })\n// );\n// Log the subtotal\nconst subtotal=parseFloat(get(cart,\"cost.subtotalAmount.amount\",\"0\"));//console.log('Parsed Subtotal (to be set in state):', subtotal);\nsetSubtotal(subtotal);}else{// console.log(\"No cart data available.\")\n}};// Log cart details on load\nlogCartDetails();// Re-log cart details on cart update events\nwindow.addEventListener(\"shopXtools-cart-update\",logCartDetails);return()=>window.removeEventListener(\"shopXtools-cart-update\",logCartDetails);},[isBrowser]);const _currencyCode=useMemo(()=>{if(!isBrowser)return\"USD\";// Try different paths to get currency code\nconst cartCurrencyCode=get(window,\"shopXtools.cart.cost.subtotalAmount.currencyCode\",\"USD\");//console.log('Currency Code in _currencyCode:', cartCurrencyCode);\nreturn selectedCurrency||cartCurrencyCode;},[isBrowser,cart,selectedCurrency]);const showMockValues=useMemo(()=>subtotal===0&&isBrowser&&window.location.origin.endsWith(\"framercanvas.com\"),[subtotal,isBrowser]);// Common function to format price based on options\nconst formatPriceWithOptions=(numericPrice,currCode)=>{const symbolSameAsCode=isCurrencySymbolSameAsCode(currCode);// Get locale from selected country code\nconst locale=getLocaleFromCountry(selectedCountryCode);// Log browser user agent for debugging iOS-specific issues\n// if (isBrowser) {\n// console.log(\"[FC_CartSubtotal] Format debug:\", {\n// userAgent: navigator.userAgent,\n// isCurrencySymbolSameAsCode: symbolSameAsCode,\n// currencyCode: currCode,\n// selectedCountryCode,\n// locale,\n// showSymbol,\n// showCurrency,\n// showDecimals,\n// })\n// }\n// Determine if we should show decimals based on the setting\nconst shouldShowDecimals=()=>{if(showDecimals===\"Always show\")return true;if(showDecimals===\"Never show\")return false;if(showDecimals===\"Hide when .00\"){// Check if the decimal part is zero\nreturn numericPrice%1!==0;}return true// Default fallback for boolean value\n;};const decimalDigits=shouldShowDecimals()?2:0;// If showing neither symbol nor code, just format the number\nif(!showSymbol&&!showCurrency){const formattedNumber=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);//console.log('Formatted Number (No Symbol or Currency):', formattedNumber);\nreturn formattedNumber;}// Special case for USD to prevent \"US$\" display in Safari iOS\nif(currCode===\"USD\"&&showSymbol){// Check if running on iOS device\nconst isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;// Format USD manually to avoid the iOS \"US$\" prefix\nif(isIOS){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);if(!showCurrency){return`$${number}`// Just \"$50\" format\n;}else{return`$${number} USD`// \"$50 USD\" format\n;}}else{// For non-iOS devices, continue with normal formatting but use\n// a more controlled approach to ensure consistency\nif(!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}else{const withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} USD`;}}}// For currencies where symbol is same as code (like CHF)\nif(symbolSameAsCode){// If showing currency code, always use code-first format and ignore symbol\nif(showCurrency&&!showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showSymbol&&!showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showCurrency&&showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return`${currCode} ${number}`;}}// For currencies with distinct symbols (like USD with $)\n// If showing only the code (no symbol)\nif(!showSymbol&&showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);// For normal currencies, show code after the number\nreturn`${number} ${currCode}`;}// If showing only the symbol (no code)\nif(showSymbol&&!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}// If showing both symbol and code\nconst withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} ${currCode}`;};const text=useMemo(()=>{if(!isBrowser)return\"\";// For canvas view, handle the display options directly\nif(RenderTarget.current()===RenderTarget.canvas||showMockValues){const mockAmount=150;const currentCurrencyCode=previewCurrencyCode||\"USD\";return formatPriceWithOptions(mockAmount,currentCurrencyCode);}// For live view, use the actual subtotal\nreturn formatPriceWithOptions(subtotal,_currencyCode);},[isBrowser,showMockValues,subtotal,_currencyCode,showCurrency,showSymbol,showDecimals,previewCurrencyCode,props.format]);if(!isBrowser){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\"}});}// For debugging\n// console.log('Rendering FC_CartSubtotal with:', {\n// subtotal,\n// text,\n// currencyConfig,\n// props\n// })\n// Render a basic div if ShopXCartSubtotal is not available\nif(typeof ShopXCartSubtotal===\"undefined\"){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",textAlign:\"right\"},children:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text})});}return /*#__PURE__*/_jsx(ShopXCartSubtotal,{...props,text:/*#__PURE__*/_jsx(\"p\",{style:{...props.font,color:props.color,margin:0},children:text}),style:{width:\"100%\"}});}FC_CartSubtotal.defaultProps={format:{showCurrency:false,showSymbol:true,currencyCode:\"USD\",showDecimals:\"Always show\"}};addPropertyControls(FC_CartSubtotal,{format:{type:ControlType.Object,title:\"Format\",controls:{showSymbol:{type:ControlType.Boolean,title:\"Symbol\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"$, \\xa3, €, etc.\"},showCurrency:{type:ControlType.Boolean,title:\"Code\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"USD, EUR, CHF, etc.\"},showDecimals:{type:ControlType.Enum,title:\"Decimals\",defaultValue:\"Always show\",options:[\"Always show\",\"Never show\",\"Hide when .00\"],optionTitles:[\"Always show\",\"Never show\",\"Hide when .00\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},currencyCode:{type:ControlType.Enum,title:\"Preview\",defaultValue:\"USD\",options:[\"USD\",\"EUR\",\"GBP\",\"CHF\",\"JPY\",\"CAD\",\"AUD\",\"CNY\",\"HKD\",\"NZD\",\"SEK\",\"KRW\",\"SGD\",\"NOK\",\"MXN\",\"INR\",\"RUB\",\"ZAR\",\"TRY\",\"BRL\",\"TWD\",\"DKK\",\"PLN\",\"THB\",\"IDR\",\"HUF\",\"CZK\",\"ILS\",\"CLP\",\"PHP\",\"AED\",\"COP\",\"SAR\",\"MYR\",\"RON\"],description:\"Currency on your site is automatic, this is only shown in canvas preview.\"}}},font:{type:ControlType.Font,controls:\"extended\",title:\"Font\"},color:{type:ControlType.Color,defaultValue:\"#000\",title:\"Color\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartSubtotal\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (5ce16c9)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const enabledGestures={fxAbHq4Cr:{hover:true,pressed:true}};const serializationHash=\"framer-HcG2L\";const variantClassNames={fxAbHq4Cr:\"framer-v-1691l0t\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const convertFromEnum=(value,activeLocale)=>{switch(value){case\"vCkVjSQMz\":return'var(--token-2de60d55-30ed-45f4-87e6-158824b868d3, rgb(0, 0, 0)) /* {\"name\":\"Black\"} */';case\"MzBj6rqrX\":return'var(--token-d35e5398-af28-4f97-8e2e-13717c50156f, rgb(255, 255, 255)) /* {\"name\":\"White\"} */';default:return'var(--token-2de60d55-30ed-45f4-87e6-158824b868d3, rgb(0, 0, 0)) /* {\"name\":\"Black\"} */';}};const toString=value=>{return typeof value===\"string\"?value:String(value);};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 humanReadableEnumMap={Black:\"vCkVjSQMz\",White:\"MzBj6rqrX\"};const getProps=({color,height,id,tap,width,...props})=>{return{...props,sJ3RhKUYy:tap??props.sJ3RhKUYy,wYCFdsUbu:humanReadableEnumMap[color]??color??props.wYCFdsUbu??\"vCkVjSQMz\"};};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,sJ3RhKUYy,wYCFdsUbu,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"fxAbHq4Cr\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap15o4nl0=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(sJ3RhKUYy){const res=await sJ3RhKUYy(...args);if(res===false)return false;}setVariant(\"fxAbHq4Cr\");});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const fillColor=toString(convertFromEnum(wYCFdsUbu,activeLocale));return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1691l0t\",className,classNames),\"data-framer-name\":\"Close\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"fxAbHq4Cr\",onTap:onTap15o4nl0,ref:refBinding,style:{backgroundColor:\"var(--token-d35e5398-af28-4f97-8e2e-13717c50156f, rgb(255, 255, 255))\",borderBottomLeftRadius:80,borderBottomRightRadius:80,borderTopLeftRadius:80,borderTopRightRadius:80,...style},...addPropertyOverrides({\"fxAbHq4Cr-hover\":{\"data-framer-name\":undefined},\"fxAbHq4Cr-pressed\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-lvua9o\",\"data-framer-name\":\"x\",layoutDependency:layoutDependency,layoutId:\"h7W6ItLJF\",style:{rotate:0},variants:{\"fxAbHq4Cr-hover\":{rotate:90},\"fxAbHq4Cr-pressed\":{rotate:90}},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-mb59tm\",layoutDependency:layoutDependency,layoutId:\"bYFM8RFg2\",style:{backgroundColor:fillColor,rotate:-45}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-zrka4f\",layoutDependency:layoutDependency,layoutId:\"j_dlroJtT\",style:{backgroundColor:fillColor,rotate:45}})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-HcG2L.framer-ftwrbp, .framer-HcG2L .framer-ftwrbp { display: block; }\",\".framer-HcG2L.framer-1691l0t { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 32px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 32px; will-change: var(--framer-will-change-override, transform); }\",\".framer-HcG2L .framer-lvua9o { flex: none; height: 14px; overflow: visible; position: relative; width: 14px; }\",\".framer-HcG2L .framer-mb59tm, .framer-HcG2L .framer-zrka4f { flex: none; height: 2px; left: -1px; overflow: visible; position: absolute; right: -1px; top: calc(50.00000000000002% - 2px / 2); z-index: 1; }\",\".framer-HcG2L.framer-v-1691l0t.pressed .framer-lvua9o { height: 10px; width: 10px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 32\n * @framerIntrinsicWidth 32\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"oTbPR2iJ5\":{\"layout\":[\"fixed\",\"fixed\"]},\"evsfOObbx\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"sJ3RhKUYy\":\"tap\",\"wYCFdsUbu\":\"color\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Frameryq3jo0_J6=withCSS(Component,css,\"framer-HcG2L\");export default Frameryq3jo0_J6;Frameryq3jo0_J6.displayName=\"Close\";Frameryq3jo0_J6.defaultProps={height:32,width:32};addPropertyControls(Frameryq3jo0_J6,{sJ3RhKUYy:{title:\"Tap\",type:ControlType.EventHandler},wYCFdsUbu:{defaultValue:\"vCkVjSQMz\",options:[\"vCkVjSQMz\",\"MzBj6rqrX\"],optionTitles:[\"Black\",\"White\"],title:\"Color\",type:ControlType.Enum}});addFonts(Frameryq3jo0_J6,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameryq3jo0_J6\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"oTbPR2iJ5\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"evsfOObbx\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerVariables\":\"{\\\"sJ3RhKUYy\\\":\\\"tap\\\",\\\"wYCFdsUbu\\\":\\\"color\\\"}\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"32\",\"framerAutoSizeImages\":\"true\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"32\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./yq3jo0_J6.map","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{useCallback,useRef,useEffect,useState,cloneElement}from\"react\";// @ts-ignore - Provided by Framer runtime in plugin environment\nimport{addPropertyControls,ControlType,RenderTarget}from\"framer\";/**\n * @framerDisableUnlink\n *//**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicHeight Auto\n */function FC_CartStateController(props){const{Populated,Empty}=props;const[isBrowser,setIsBrowser]=useState(false);const[cartItems,setCartItems]=useState([]);const isFetching=useRef(false);// Set isBrowser to true once component mounts\nuseEffect(()=>{setIsBrowser(true);},[]);const fetchCartFromShopify=useCallback(async cartId=>{if(isFetching.current||!isBrowser)return;isFetching.current=true;try{const cartData=await window?.shopXtools?.fetchCart?.(cartId);if(cartData){setCartItems(cartData.lines?.edges||[]);}else{setCartItems([]);}}catch(error){// Error handling: Failed to fetch cart\nsetCartItems([]);}finally{isFetching.current=false;}},[isBrowser]);const handleCartUpdate=useCallback(async()=>{if(!isBrowser)return;let cartId;try{cartId=window?.shopXtools?.cart?.id;if(!cartId){cartId=localStorage.getItem(\"shopX_cart_id\");}}catch(error){// Error handling: Unable to access cart ID\nreturn;}if(cartId){await fetchCartFromShopify(cartId);}else{setCartItems([]);}},[fetchCartFromShopify,isBrowser]);useEffect(()=>{if(!isBrowser)return;handleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);return()=>window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);},[handleCartUpdate,isBrowser]);let content=null;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const isEmptyView=isCanvas?true:!isBrowser||cartItems.length===0;content=isEmptyView?Empty?.[0]:Populated?.[0];if(!content){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\"}});}const clonedElement=/*#__PURE__*/cloneElement(content,{style:{...content.props?.style||{},width:\"100%\",height:\"100%\"}});return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\"},children:clonedElement},isEmptyView?\"empty\":\"populated\");}FC_CartStateController.defaultProps={Populated:null,Empty:null};addPropertyControls(FC_CartStateController,{Populated:{type:ControlType.ComponentInstance,title:\"Populated State\"},Empty:{type:ControlType.ComponentInstance,title:\"Empty State\"}});export default FC_CartStateController;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_CartStateController\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"Auto\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_CartStateController.map","/*\n * Framer Commerce\n * Confidential and Proprietary - All Rights Reserved\n * Unauthorized use, reproduction, distribution, or disclosure of this\n * source code or any related information is strictly prohibited.\n *\n * This software is the exclusive property of Framer Commerce (\"Company\").\n * It is considered highly confidential and proprietary information.\n *\n * Any use, copying, modification, distribution, or sharing of this software,\n * in whole or in part, without the express written permission of the Company\n * is strictly prohibited and may result in legal action.\n *\n * DISCLAIMER: This software does not provide any express or\n * implied warranties, including, but not limited to, the implied warranties\n * of merchantability and fitness for a particular purpose. In no event shall\n * Framer Commerce be liable for any direct, indirect, incidental, special,\n * exemplary, or consequential damages (including, but not limited to, procurement\n * of substitute goods or services; loss of use, data, or profits; or business\n * interruption) however caused and on any theory of liability, whether in\n * contract, strict liability, or tort (including negligence or otherwise)\n * arising in any way out of the use of this software, even if advised of\n * the possibility of such damage.\n *\n * Any unauthorized possession, use, copying, distribution, or dissemination\n * of this software will be considered a breach of confidentiality and may\n * result in legal action.\n *\n * For inquiries, contact:\n * Framer Commerce\n * Email: hello@framercommerce.com\n *\n * © 2025 Butter Supply Inc. All Rights Reserved.\n */import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React,{useCallback,useRef,useEffect,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{get,throttle}from\"lodash-es\";import{removeLineMutation,updatelineMutation,updatelineMutationNoPlans,removeLineMutationNoPlans,getProductMetafields}from\"https://framerusercontent.com/modules/yiRfl1JCGhIBUL31WVDk/wupS2XmBAHu1kBQNv9pi/mutations_v2.js\";import{knownCurrenciesWithCodeAsSymbol}from\"https://framerusercontent.com/modules/k9s4cejdkBGDjmzudhzM/18cq93eooqM4YmdbL7E2/currencyMaps.js\";import{useIsBrowser}from\"https://framerusercontent.com/modules/ncBs5KPMI9I5GEta13fn/zGXDjuZapa1SGy6D8P5e/IsBrowser.js\";import{getLocaleFromCountry}from\"https://framerusercontent.com/modules/vC6fzbfO83MgBPIhn5zl/DUlbmWuOELzEUenVmv3G/locales.js\";import{trackFacebookPixelRemoveFromCart}from\"https://framerusercontent.com/modules/6Zs9CjkPbKzHjoy8LK08/iqoIwmJw4hztafi4V4IV/Fb_pixel.js\";// Helper function to check if a currency's symbol is the same as its code\nconst isCurrencySymbolSameAsCode=currencyCode=>{// For some currencies like CHF, the browser might use the code as the symbol\nif(!currencyCode)return false;if(knownCurrenciesWithCodeAsSymbol.includes(currencyCode)){return true;}try{const formatted=new Intl.NumberFormat(undefined,{style:\"currency\",currency:currencyCode,currencyDisplay:\"narrowSymbol\"}).format(0);// Remove digits, decimal points, and common formatting characters\nconst cleanFormatted=formatted.replace(/[0-9.,\\s]/g,\"\");// Check if what remains is the currency code\nreturn cleanFormatted===currencyCode;}catch(e){return false;}};/**\n * @framerDisableUnlink\n */export default function FC_CartProductCard(props){const[cart,setCart]=useState({});const[cartItems,setCartItems]=useState([]);const[errorMessage,setErrorMessage]=useState(\"\");const isFetching=useRef(false);const[selectedCurrency,setSelectedCurrency]=useState(\"\");const[selectedCountryCode,setSelectedCountryCode]=useState(\"\");const[selectedCountry,setSelectedCountry]=useState(\"\");// const [subscriptionPrice, setSubscriptionPrice] = useState(null)\n// const [subscriptionPlan, setSubscriptionPlan] = useState(null)\nconst isBrowser=useIsBrowser();// Helper function to calculate current product quantity across all variants\nconst getCurrentProductQuantity=useCallback(productHandle=>{if(!cartItems||!productHandle)return 0;return cartItems.reduce((total,{node})=>{const lineProductHandle=node?.merchandise?.product?.handle;if(lineProductHandle===productHandle){return total+(node.quantity||0);}return total;},0);},[cartItems]);// Initialize currency from localStorage on page load\nuseEffect(()=>{if(!isBrowser)return;const storedCurrency=localStorage.getItem(\"selectedCurrency\");const storedCountryCode=localStorage.getItem(\"selectedCountryCode\");const storedCountry=localStorage.getItem(\"selectedCountry\");setSelectedCurrency(storedCurrency||\"USD\");setSelectedCountryCode(storedCountryCode||\"US\");setSelectedCountry(storedCountry||\"United States\");//console.log(\"[FC_CartProductCard] setting selectedCountryCode and currency\", storedCountryCode, storedCurrency)\n},[isBrowser]);// Listen for currency changes\nuseEffect(()=>{if(!isBrowser)return;const handleCurrencyChange=event=>{const{currency,countryCode,country}=event.detail;setSelectedCurrency(currency);setSelectedCountryCode(countryCode);setSelectedCountry(country);//console.log(\"[FC_CartProductCard] currency changed to\", selectedCountryCode, selectedCurrency)\n};window.addEventListener(\"currency_changed\",handleCurrencyChange);return()=>{window.removeEventListener(\"currency_changed\",handleCurrencyChange);};},[isBrowser,selectedCurrency,selectedCountryCode]);// Add currency config state\nconst[currencyConfig,setCurrencyConfig]=useState(()=>{// Initialize with window values if available\nif(typeof window!==\"undefined\"){const position=window?.__FcCurrencyConfigs?.currencyPosition||\"Before\";const initialConfig={position:position,showCode:position!==\"Hide\",symbol:window?.__FcCurrencyConfigs?.currencySymbol||\"$\"};// console.log(\n// \"Initial currency config state:\",\n// initialConfig,\n// window?.__FcCurrencyConfigs\n// )\nreturn initialConfig;}return{position:\"Before\",showCode:false,symbol:\"$\"};});// Add currency settings listener\nuseEffect(()=>{if(typeof window===\"undefined\")return;function updateCurrencyConfig(position,symbol){//(\"Updating currency config with:\", { position, symbol })\nconst newConfig={position:position||\"Before\",showCode:position!==\"Hide\",symbol:symbol||\"$\"};//console.log(\"New currency config:\", newConfig)\nsetCurrencyConfig(newConfig);}// Handle currency settings updates\nconst handleCurrencySettingsUpdate=e=>{//console.log(\"Currency update event received:\", e.detail)\nif(!e.detail?.current){//console.log(\"Invalid currency update event:\", e)\nreturn;}updateCurrencyConfig(e.detail.current.currencyPosition,e.detail.current.currencySymbol);};// Initial setup\nconst currentPosition=window.__FcCurrencyConfigs?.currencyPosition;const currentSymbol=window.__FcCurrencyConfigs?.currencySymbol;// console.log(\"Initial currency values:\", {\n// currentPosition,\n// currentSymbol,\n// })\nupdateCurrencyConfig(currentPosition,currentSymbol);// Add event listener\ndocument.addEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);return()=>{document.removeEventListener(\"currency__settings-updated\",handleCurrencySettingsUpdate);};},[]);const _showCurrencyCode=props.priceConfigs?.showCurrencyCode;const _showCurrencySymbol=props.priceConfigs?.showSymbol;// // Add subscription price listener\n// useEffect(() => {\n// if (!isBrowser) return\n// const handleSubscriptionPriceUpdate = (e) => {\n// if (e.detail?.price) {\n// setSubscriptionPrice(e.detail.price)\n// setSubscriptionPlan(e.detail.plan.id)\n// } else {\n// setSubscriptionPrice(null)\n// setSubscriptionPlan(null)\n// }\n// }\n// document.addEventListener(\n// \"subscription__price-update\",\n// handleSubscriptionPriceUpdate\n// )\n// return () => {\n// document.removeEventListener(\n// \"subscription__price-update\",\n// handleSubscriptionPriceUpdate\n// )\n// }\n// }, [isBrowser])\nconst[locale,setLocale]=useState(undefined);useEffect(()=>{//console.log(\"[FC_CartProductCard] selectedCountryCode\", selectedCountryCode)\nconst updatedLocale=getLocaleFromCountry(selectedCountryCode);//console.log(\"[FC_CartProductCard] Locale updated:\", updatedLocale);\nsetLocale(updatedLocale);},[selectedCountryCode]);const formatCartPrice=useCallback((amount,currencyCode)=>{// Clean and format amount\nif(typeof amount===\"string\"){amount=amount.replace(/[^0-9.]/g,\"\");const parts=amount.split(\".\");if(parts.length>2){amount=parts[0]+\".\"+parts.slice(1).join(\"\");}}if(typeof amount!==\"number\"){amount=parseFloat(amount);}if(isNaN(amount)){amount=0;}// For canvas view, use canvasPrice with USD\nif(RenderTarget.current()===RenderTarget.canvas){const format=props.priceConfigs?.format||{};return formatPriceWithOptions(amount,format.currencyCode||\"USD\");}// For browser view, use the current currency\nconst format=props.priceConfigs?.format||{};return formatPriceWithOptions(amount,currencyCode||\"USD\");},[props.priceConfigs,locale]);// Common function to format price based on options\nconst formatPriceWithOptions=useCallback((numericPrice,currCode)=>{if(!currCode)currCode=\"USD\";//console.log(\"[FC_CartProductCard] currCode\", currCode)\nconst format=props.priceConfigs?.format||{};// For backward compatibility\nconst showSymbol=format.showSymbol!==undefined?format.showSymbol:props.priceConfigs?.showSymbol!==undefined?props.priceConfigs.showSymbol:true;const showCurrency=format.showCurrency!==undefined?format.showCurrency:props.priceConfigs?.showCurrencyCode!==undefined?props.priceConfigs.showCurrencyCode:false;const showDecimals=format.showDecimals||\"Always show\";const symbolSameAsCode=isCurrencySymbolSameAsCode(currCode);//console.log(\"[FC_CartProductCard] receving locale from getLocaleFromCountry\", locale)\n// console.log(\"[FC_CartProductCard] Format debug:\", {\n// userAgent: navigator.userAgent,\n// isCurrencySymbolSameAsCode: symbolSameAsCode,\n// currencyCode: currCode,\n// selectedCountryCode,\n// locale,\n// })\n// Determine if we should show decimals based on the setting\nconst shouldShowDecimals=()=>{if(showDecimals===\"Always show\")return true;if(showDecimals===\"Never show\")return false;if(showDecimals===\"Hide when .00\"){// Check if the decimal part is zero\nreturn numericPrice%1!==0;}return true// Default fallback\n;};const decimalDigits=shouldShowDecimals()?2:0;// If showing neither symbol nor code, just format the number\nif(!showSymbol&&!showCurrency){const formattedNumber=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return formattedNumber;}// Special case for USD to prevent \"US$\" display in Safari iOS\nif(currCode===\"USD\"&&showSymbol){// Check if running on iOS device\nconst isIOS=isBrowser&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream;// Format USD manually to avoid the iOS \"US$\" prefix\nif(isIOS){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);if(!showCurrency){return`$${number}`// Just \"$50\" format\n;}else{return`$${number} USD`// \"$50 USD\" format\n;}}else{// For non-iOS devices, continue with normal formatting but use\n// a more controlled approach to ensure consistency\nif(!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}else{const withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:\"USD\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} USD`;}}}// For currencies where symbol is same as code (like CHF)\nif(symbolSameAsCode){// If showing currency code, always use code-first format and ignore symbol\nif(showCurrency&&!showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showSymbol&&!showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);const output=`${currCode} ${number}`;return output;}if(showCurrency&&showSymbol){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);return`${currCode} ${number}`;}}// For currencies with distinct symbols (like USD with $)\n// If showing only the code (no symbol)\nif(!showSymbol&&showCurrency){const number=new Intl.NumberFormat(locale,{style:\"decimal\",minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits}).format(numericPrice);// For normal currencies, show code after the number\nreturn`${number} ${currCode}`;}// If showing only the symbol (no code)\nif(showSymbol&&!showCurrency){return new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);}// If showing both symbol and code\nconst withSymbol=new Intl.NumberFormat(locale,{style:\"currency\",currency:currCode,minimumFractionDigits:decimalDigits,maximumFractionDigits:decimalDigits,currencyDisplay:\"narrowSymbol\"}).format(numericPrice);return`${withSymbol} ${currCode}`;},[props.priceConfigs,locale]);const fetchCartFromShopify=useCallback(async cartId=>{if(isFetching.current){return;}isFetching.current=true;try{// Wait until window.shopXtools.fetchCart is available\nawait waitForCondition(()=>window.shopXtools&&window.shopXtools.fetchCart);const cartData=await window.shopXtools.fetchCart(cartId);//console.log(\"[FETCH] Cart data received from Shopify:\", cartData);\nif(cartData){setCart(cartData);//console.log(\"[FETCH] Cart Data after setting state: :\", cartData)\nsetCartItems(cartData.lines?.edges||[]);//console.log(\"[FETCH] Cart items after setting state:\", cartData.lines?.edges);\n// Update the global cart data\nwindow.shopXtools.cart=cartData;// Dispatch cart update event\nwindow.dispatchEvent(new Event(\"shopXtools-cart-update\"));}else{setCart({});setCartItems([]);}}catch(error){setCart({});setCartItems([]);}finally{isFetching.current=false;}},[]);// useEffect(() => {\n// console.log(\"[STATE] Updated cart:\", cart);\n// }, [cart]);\n// useEffect(() => {\n// console.log(\"[STATE] Updated cartItems:\", cartItems);\n// }, [cartItems]);\n// Helper function to wait until a condition is true\nconst waitForCondition=useCallback((conditionFn,checkInterval=100,timeout=1e4)=>{return new Promise((resolve,reject)=>{const startTime=Date.now();const checkCondition=()=>{if(conditionFn()){resolve();}else if(Date.now()-startTime>=timeout){reject(new Error(\"Condition not met within timeout\"));}else{setTimeout(checkCondition,checkInterval);}};checkCondition();});},[]);const handleCartUpdate=useCallback(throttle(async()=>{let cartId=window[\"shopXtools\"]?.cart?.id;// console.log(\"[UPDATE] Checking for cartId:\", cartId);\n// console.log(\"[UPDATE] Checking for cart:\", window[\"shopXtools\"]?.cart);\nif(!cartId){try{cartId=localStorage.getItem(\"shopX_cart_id\");}catch(error){console.error(\"Error loading cart ID from local storage:\",error);}}if(cartId){await fetchCartFromShopify(cartId);//console.log(\"[UPDATE] Fetching cart from Shopify with cartId:\", cartId);\n}else{//console.log(\"[UPDATE] No cartId found, resetting cart state.\");\nsetCart({});setCartItems([]);}},500),[fetchCartFromShopify]);//console.log(\"Cart Data in CartProductCard:\", cart)\nuseEffect(()=>{//console.log(\"[EVENT] shopXtools-cart-update event triggered\");\n// Fetch cart data on component mount\nhandleCartUpdate();window.addEventListener(\"shopXtools-cart-update\",handleCartUpdate);return()=>{window.removeEventListener(\"shopXtools-cart-update\",handleCartUpdate);};},[handleCartUpdate]);//console.log(\"Cart Data in CartProductCard:\", cart)\nconst handleRemoveLine=useCallback(async(cartId,lineId,providedLineItem=null)=>{if(!cartId||!lineId){console.error(\"Missing cartId or lineId for remove operation\");return;}// Find the line item to get analytics data before removing\nconst lineItem=providedLineItem||cartItems.find(({node})=>node.id===lineId)?.node;if(lineItem){// Analytics - remove_from_cart event\nconst currency=lineItem.cost.subtotalAmount.currencyCode||\"USD\";const unitPrice=parseFloat(lineItem.cost?.amountPerQuantity?.amount||\"0\");const value=unitPrice*(lineItem.quantity||1);const item_id=lineItem.merchandise.id?.split(\"/\").pop()||\"\";const item_name=lineItem.merchandise.product?.title||\"\";const item_variant=lineItem.merchandise.title||\"\";const price=unitPrice;const quantity=lineItem.quantity||1;// Google Analytics tracking (remove_from_cart)\nif(typeof window.fcTrackGAEvent===\"function\"&&item_id&&item_name&&price>0){const payload={currency,value,items:[{item_id,item_name,item_variant,price,item_brand:lineItem.merchandise.product?.vendor||null,item_category:lineItem.merchandise.product?.productType||null,quantity,// TagHound compatibility\nSKU:item_id,\"Item Name\":item_name}]};window.fcTrackGAEvent(\"remove_from_cart\",payload);}else{// Skipping remove_from_cart due to missing item data\n}// Meta Pixel tracking\ntrackFacebookPixelRemoveFromCart({lineItem:lineItem,currency:currency});}try{const data=await window.shopXtools?.handleCartMutation(removeLineMutation,{cartId,lineIds:[lineId]});//console.log(\"[REMOVE] Mutation response:\", data);\nif(data?.cartLinesRemove?.cart){//console.log(\"[REMOVE] Cart updated, refetching...\");\nawait fetchCartFromShopify(cartId);// Check quantity limits if product has them\nconst productHandle=lineItem?.merchandise?.product?.handle;const product=window.shopXtools?.products.find(p=>p.node.handle===productHandle);// console.log(\"product\", product)\nif(productHandle){const metafields=await window.shopXtools?.handleCartMutation(getProductMetafields,{handle:productHandle});const orderMax=parseInt(metafields?.product?.metafield_order_max?.value,10);if(!isNaN(orderMax)&&orderMax>0){const currentLineQuantity=lineItem?.quantity||0;// console.log(\"currentLineQuantity\", currentLineQuantity)\n// const quantityChange = quantity - currentLineQuantity\nconst newTotalQuantity=orderMax-currentLineQuantity;if(newTotalQuantity