{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/OQMvqpWTgqhN84DWaKOK/lgDVs5FL1wr2T7hGfXoY/Hubspot_styling_1.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";// HubSpot Form Component with input, textarea, label, thank you message, and data privacy text styling\nconst Hubspot_styling_1=()=>{useEffect(()=>{// Load HubSpot script to render the form\nconst script=document.createElement(\"script\");script.src=\"https://js.hsforms.net/forms/v2.js\";document.body.appendChild(script);const style=document.createElement(\"style\");style.innerHTML=`\n            @font-face {\n                font-family: 'Greycliff';\n                src: url('https://dev.campfire3d.com/assets/fonts/medium.woff2') format('woff2');\n                font-weight: 500;\n                font-style: normal;\n            }\n            @font-face {\n                font-family: 'Greycliff';\n                src: url('https://dev.campfire3d.com/assets/fonts/demibold.woff2') format('woff2');\n                font-weight: 600;\n                font-style: normal;\n            }\n            @font-face {\n                font-family: 'Greycliff';\n                src: url('https://dev.campfire3d.com/assets/fonts/bold.woff2') format('woff2');\n                font-weight: 700;\n                font-style: normal;\n            }\n            \n        `;document.head.appendChild(style);script.onload=()=>{if(window.hbspt){window.hbspt.forms.create({region:\"na1\",portalId:\"19894063\",formId:\"fb055c3c-5780-44fa-973b-1a063228463a\",target:\"#hubspotForm\",onFormReady:()=>{// Directly style the form once it's loaded\nconst form=document.querySelector(\"#hubspotForm form\");if(form){form.style.fontFamily=\"'Greycliff', sans-serif\";// Apply styles to input fields (excluding buttons)\nconst textInputs=form.querySelectorAll(\"input:not([type='submit'])\");textInputs.forEach(input=>{input.style.backgroundColor=\"rgba(0, 0, 0, .2)\";input.style.borderRadius=\"10px\";input.style.border=\"1px solid hsla(0, 0%, 50%, .1)\";input.style.boxShadow=\"inset 1.46px 2.921px 2.921px -.73px rgba(0,0,0,.25),inset 0 -.73px .73px 0 hsla(0,0%,100%,.2)\";input.style.padding=\"10px\";input.style.fontSize=\"12px\";input.style.color=\"#fff\";});// Apply styles to textarea fields\nconst textareas=form.querySelectorAll(\"textarea\");textareas.forEach(textarea=>{textarea.style.backgroundColor=\"rgba(0, 0, 0, .2)\";textarea.style.borderRadius=\"10px\";textarea.style.border=\"1px solid hsla(0, 0%, 50%, .1)\";textarea.style.boxShadow=\"inset 1.46px 2.921px 2.921px -.73px rgba(0,0,0,.25),inset 0 -.73px .73px 0 hsla(0,0%,100%,.2)\";textarea.style.padding=\"10px\";textarea.style.fontSize=\"12px\";textarea.style.color=\"#fff\";textarea.style.resize=\"vertical\"// Optional: Control resize behavior\n;});// Apply styles to the error messages\nconst applyErrorStyles=()=>{// Inspect the actual error message element and class\n// Example: if error messages are inside a <ul> or <li>\nconst errorLists=form.querySelectorAll(\".hs-error-msg ul, .hs-error-msg li, .hs-error-msg div, .no-list, .hs-error-msgs, .inputs-list\");errorLists.forEach(errorList=>{errorList.style.listStyleType=\"none\"// Remove bullets from lists\n;errorList.style.padding=\"0\"// Remove padding\n;errorList.style.margin=\"0\"// Remove margin\n;});const errorMessages=form.querySelectorAll(\".hs-error-msg li, .hs-error-msg span, .hs-error-msg p, .no-list, .hs-error-msgs, .inputs-list\");errorMessages.forEach(errorMessage=>{errorMessage.style.color=\"#B53333\"// Error text color\n;errorMessage.style.fontSize=\"12px\"// Font size\n;errorMessage.style.marginTop=\"5px\"// Space above error message\n;errorMessage.style.marginBottom=\"5px\"// Space below error message\n;});};// Listen for changes to detect when error messages are added\nconst observer=new MutationObserver(applyErrorStyles);observer.observe(form,{childList:true,subtree:true});// Apply styles to the field labels\nconst labels=form.querySelectorAll(\"label\");labels.forEach(label=>{label.style.fontSize=\"14px\"// Adjust font size\n;label.style.fontWeight=\"500\"// Adjust weight\n;label.style.fontFamily=\"'Greycliff', Calibri\";label.style.color=\"#898b95\"// Adjust color\n;label.style.marginBottom=\"8px\"// Adjust spacing between label and field\n;label.style.display=\"block\"// Ensure labels are block elements\n;label.style.marginTop=\"10px\";});// Apply styles to the submit button\nconst button=form.querySelector(\"input[type='submit'], button\");if(button){button.style.backgroundColor=\"#F84536\";button.style.color=\"white\";button.style.marginTop=\"20px\";button.style.padding=\"12px 20px\";button.style.border=\"none\";button.style.fontWeight=\"600\";button.style.borderRadius=\"12px\";button.style.cursor=\"pointer\";button.style.fontFamily=\"'Greycliff', Calibri\";button.style.boxShadow=\"rgba(0, 0, 0, 0.15) 0px 0.706592px 0.706592px -0.625px, rgba(0, 0, 0, 0.145) 0px 1.80656px 1.80656px -1.25px, rgba(0, 0, 0, 0.137) 0px 3.62176px 3.62176px -1.875px, rgba(0, 0, 0, 0.125) 0px 6.8656px 6.8656px -2.5px, rgba(0, 0, 0, 0.106) 0px 13.6468px 13.6468px -3.125px, rgba(0, 0, 0, 0.05) 0px 30px 30px -3.75px\";// Add hover effect to button\nbutton.onmouseover=()=>{button.style.backgroundColor=\"#FF6A5D\";};button.onmouseout=()=>{button.style.backgroundColor=\"#F84536\";};}// Apply styles to the data privacy text (often a <p> or <small>)\nconst privacyText=form.querySelector(\".hs-richtext p, .hs-richtext small\");if(privacyText){privacyText.style.fontSize=\"12px\";privacyText.style.fontWeight=\"500\"// Adjust weight\n;privacyText.style.color=\"#898b95\"// Adjust color\n;privacyText.style.fontFamily=\"'Greycliff', Calibri\";privacyText.style.marginTop=\"10px\";privacyText.style.textAlign=\"center\";// Style the link in the privacy text\nconst link=privacyText.querySelector(\"a\");if(link){link.style.color=\"#F84536\"// Change link color\n;link.style.textDecoration=\"none\"// Optional: underline the link\n;}}}},onFormSubmit:()=>{// Style the thank you message after the form submission\nsetTimeout(()=>{const thankYouMessage=document.querySelector(\"#hubspotForm .submitted-message\");if(thankYouMessage){thankYouMessage.style.fontSize=\"14px\";thankYouMessage.style.fontWeight=\"600\"// Adjust weight\n;thankYouMessage.style.fontFamily=\"'Greycliff', Calibri\";thankYouMessage.style.color=\"#898b95\"// Adjust color\n;thankYouMessage.style.textAlign=\"center\";}},500)// Delay to ensure the thank you message is rendered\n;}});}};return()=>{document.body.removeChild(script);};},[]);return /*#__PURE__*/_jsx(\"div\",{id:\"hubspotForm\"});};// Export as the default component\nexport default Hubspot_styling_1;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Hubspot_styling_1\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Hubspot_styling_1.map"],
  "mappings": "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",
  "names": ["Hubspot_styling_1", "ue", "script", "style", "window", "form", "input", "textarea", "applyErrorStyles", "errorList", "errorMessage", "label", "button", "privacyText", "link", "thankYouMessage", "p", "Hubspot_styling_1_default"]
}