{"version":3,"file":"HubSpot_NewsletterForm_CSS.CTjTFKk6.mjs","names":[],"sources":["https:/framerusercontent.com/modules/S6EisN2sFOetWi6d7dOB/uIGTzdpkHchpMxALh3JZ/HubSpot_NewsletterForm_CSS.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";export default function HubSpot_NewsletterForm_CSS(){return /*#__PURE__*/_jsx(\"style\",{children:`\n      /* Ensure Neutral Std font is available - inherits from page */\n      .hs-form,\n      .hs-form * {\n        font-family: inherit;\n      }\n      \n      /* Make form inline (horizontal layout) */\n      .hs-form {\n        display: flex !important;\n        align-items: flex-end !important;\n        gap: 12px !important;\n        width: 100% !important;\n      }\n\n      /* Form field wrapper - allow it to grow */\n      .hs-form .hs-form-field {\n        flex: 1 !important;\n        margin-bottom: 0 !important;\n        padding-bottom: 0 !important;\n      }\n      \n      /* Remove container background */\n      .hbspt-form {\n        background-color: transparent;\n        padding: 0;\n        max-width: 100%;\n        margin: 0;\n        width: 100%;\n      }\n\n      /* Label styling - center aligned */\n      .hs-form-field > label {\n        display: block;\n        margin-bottom: 0px;\n        padding-left: 0 !important;\n        text-align: center !important;\n        color: #464a4c;\n        font-family: \"Neutral Std Regular\", \"Neutral Std\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 150%;\n      }\n\n      /* Input field styling - 17px padding */\n      .hs-input {\n        width: 100% !important;\n        padding: 17px !important;\n        border: 1px solid #8493A4 !important;\n        border-radius: 50px !important;\n        font-family: \"Neutral Std Regular\", \"Neutral Std\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n        font-size: 16px !important;\n        font-weight: 400 !important;\n        line-height: 150% !important;\n        color: #111111 !important;\n        background-color: #ffffff !important;\n        transition: all 0.2s ease !important;\n        box-sizing: border-box !important;\n        max-width: 100% !important;\n      }\n      \n      /* Ensure input wrapper fills width */\n      .hs-form-field .input,\n      .hs-form-field .hs-input,\n      .hs-form-field > .input {\n        width: 100% !important;\n        max-width: 100% !important;\n      }\n      \n      /* Remove any default margins/padding on input wrappers */\n      .hs-form-field .input {\n        margin: 0 !important;\n        padding: 0 !important;\n      }\n\n      .hs-input:focus {\n        outline: none !important;\n        border-color: #464A4C !important;\n        box-shadow: none !important;\n      }\n\n      /* Submit button container */\n      .hs-submit {\n        margin-top: 0 !important;\n        flex-shrink: 0 !important;\n      }\n\n      /* Submit button styling */\n      .hs-button {\n        background-color: #0090FF !important;\n        color: #FFFFFF !important;\n        padding: 22px 48px !important;\n        border: none !important;\n        border-radius: 50px !important;\n        font-family: \"Neutral Std Regular\", \"Neutral Std\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n        font-size: 16px !important;\n        font-weight: 400 !important;\n        line-height: 100% !important;\n        cursor: pointer !important;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n        box-shadow: 0px 1.5px 3.5px 0px rgba(0, 0, 0, 0.25) !important;\n        white-space: nowrap !important;\n      }\n\n      .hs-button:hover {\n        background-color: #0090FF !important;\n        transform: translateY(-3px) !important;\n        box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25) !important;\n      }\n\n      .hs-button:active {\n        transform: translateY(0) !important;\n      }\n\n      /* Error message styling - flows naturally in layout */\n      .hs-error-msgs {\n        list-style: none !important;\n        padding: 0 !important;\n        margin: 8px 0 0 0 !important;\n        width: 100% !important;\n      }\n\n      .hs-error-msg {\n        color: #cf1717 !important;\n        font-family: \"Neutral Std Regular\", \"Neutral Std\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n        font-size: 16px !important;\n        font-weight: 400 !important;\n        line-height: 150% !important;\n        background-color: #FFECEC !important;\n        padding: 16px 20px !important;\n        border-radius: 12px !important;\n        margin: 0 !important;\n        display: block !important;\n        box-sizing: border-box !important;\n      }\n\n      /* General form error message - hide it */\n      .hs_error_rollup {\n        display: none !important;\n      }\n\n      /* Hide reCAPTCHA - aggressive */\n      .hs-recaptcha {\n        display: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        height: 0 !important;\n        visibility: hidden !important;\n        opacity: 0 !important;\n        position: absolute !important;\n        left: -9999px !important;\n      }\n\n      /* Required asterisk styling - same color as label */\n      .hs-form-required {\n        color: #464a4c;\n      }\n\n      /* Remove default fieldset styling */\n      .hs-form fieldset {\n        max-width: 100% !important;\n        border: none !important;\n        padding: 0 !important;\n        margin: 0 !important;\n        flex: 1 !important;\n        width: 100% !important;\n      }\n\n      /* Success message */\n      .submitted-message {\n        color: #2e7d32 !important;\n        font-family: \"Neutral Std Regular\", \"Neutral Std\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n        font-size: 16px !important;\n        font-weight: 400 !important;\n        line-height: 150% !important;\n        background-color: #e8f5e9 !important;\n        padding: 10px 20px !important;\n        border-radius: 18px !important;\n        margin: 0 !important;\n        display: block !important;\n        box-sizing: border-box !important;\n        text-align: left !important;\n      }\n\n      /* Mobile - stack vertically */\n      @media (max-width: 600px) {\n        .hs-form {\n          flex-direction: column !important;\n        }\n        \n        .hs-form .hs-form-field {\n          width: 100% !important;\n        }\n        \n        .hs-submit {\n          width: 100% !important;\n          margin-top: 12px !important;\n        }\n        \n        .hs-button {\n          width: 100% !important;\n        }\n      }\n    `});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HubSpot_NewsletterForm_CSS\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HubSpot_NewsletterForm_CSS.map"],"mappings":"oGAA2C,SAAwB,GAA4B,CAAC,OAAoB,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2MtI,CAAC,CAAE,iBA3MkC"}