{"version":3,"file":"NewsletterSignupFormComponent.PxbvpFH2.mjs","names":[],"sources":["https:/framerusercontent.com/modules/aLXS2GOXFqtGvz6hzvBw/vJ6G57SrPTu1Km877YVM/NewsletterSignupFormComponent.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n */export default function NewsletterSignupFormCo(props){useEffect(()=>{const script=document.createElement(\"script\");script.src=\"//js.hsforms.net/forms/embed/v2.js\";script.async=true;script.onload=()=>{if(window.hbspt){window.hbspt.forms.create({region:\"na1\",portalId:\"41240838\",formId:\"b08fa34e-2457-4827-9240-218da7b172a1\",target:\"#hubspot-form\"});}};document.body.appendChild(script);return()=>{document.body.removeChild(script);};},[]);return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"div\",{id:\"hubspot-form\",style:formContainerStyle})});}// Styles\nconst containerStyle={//backgroundColor: \"#FFEB3B\",\npadding:\"0px\",fontFamily:\"'Figtree', sans-serif\",display:\"flex\",flexDirection:\"row\",alignItems:\"center\",width:\"100%\",margin:\"0 auto\",minHeihgt:\"48px\"};const headingStyle={fontWeight:\"700\",marginBottom:\"20px\"};const formContainerStyle={width:\"100%\"};// CSS to be injected\nconst formStyles=`\n    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');\n\n    #hubspot-form .hs-form {\n        flex-direction: row;\n        display: flex;\n        gap: 8px;\n        background-color: #FAFAF9 ;\n        height: auto;\n        padding: 4px !important ;\n        border-radius: 100px;\n        border: 1px solid rgba(16, 16, 16, .06) !important;\n        overflow: hidden !important;\n        max-height:44px !important;\n\n    }\n    #hubspot-form .hs-form-field {\n        flex-grow: 1;\n        gap: 0px !important;\n    }\n    #hubspot-form .hs-form-field label {\n        display: none;\n    }\n    #hubspot-form .hs-input {\n        width: 100%;\n        padding: 8px 8px 8px 16px !important;\n        border: none !important;\n        border-radius: 20px !important;\n        font-size: 15px !important;\n        font-family: 'Figtree', sans-serif !important;\n        font-weight: 400 !important;\n        background-color: #FAFAF9 !important;\n    }\n    #hubspot-form .hs-button {\n        background-color: #ffe924 !important;\n        color: #000 !important;\n        border: none;\n        padding: 8px 16px !important;\n        border-radius: 50px !important;\n        cursor: pointer !important;\n        font-size: 16px;\n        font-family: 'Figtree', sans-serif;\n        font-weight: 700;\n        font-size: 15px !important;\n\n        }\n`;// Inject the CSS\nif(typeof document!==\"undefined\"){const style=document.createElement(\"style\");style.textContent=formStyles;document.head.appendChild(style);}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NewsletterSignupFormCo\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NewsletterSignupFormComponent.map"],"mappings":"gIAKG,SAAwB,EAAuB,EAAM,CAAiY,OAAhY,MAAc,CAAC,IAAM,EAAO,SAAS,cAAc,SAAS,CAA+Q,MAA9Q,GAAO,IAAI,qCAAqC,EAAO,MAAM,GAAK,EAAO,WAAW,CAAI,EAAO,OAAO,EAAO,MAAM,MAAM,OAAO,CAAC,OAAO,MAAM,SAAS,WAAW,OAAO,uCAAuC,OAAO,gBAAgB,CAAC,EAAI,SAAS,KAAK,YAAY,EAAO,KAAW,CAAC,SAAS,KAAK,YAAY,EAAO,GAAK,EAAE,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,EAAe,SAAsB,EAAK,MAAM,CAAC,GAAG,eAAe,MAAM,EAAmB,CAAC,CAAC,CAAC,qBAkD9jB,UArD2C,IAA6B,CAIlE,EAAe,CACrB,QAAQ,MAAM,WAAW,wBAAwB,QAAQ,OAAO,cAAc,MAAM,WAAW,SAAS,MAAM,OAAO,OAAO,SAAS,UAAU,OAAO,CAAiE,EAAmB,CAAC,MAAM,OAAO,CAClP,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+Cd,OAAO,SAAW,IAAY,CAAC,IAAM,EAAM,SAAS,cAAc,QAAQ,CAAC,EAAM,YAAY,EAAW,SAAS,KAAK,YAAY,EAAM"}