{
                let el

                const rootEl = document.getElementById('IspsInjectionRoot')

                

                // Load the custom CSS
                el = document.createElement('link')
                el.rel = 'stylesheet'
                el.href = 'https://signup.ispservices.io/generated/styles.sign-up.css?r=4313'
                document.head.appendChild(el)

                

                // Load the shared library
                const injectorScriptEl = document.createElement('script')
                injectorScriptEl.src = 'https://signup.ispservices.io/injector/isps-injector.js'

                // Load the custom HTML
                let html = "<style>\n                #IspsInjectionRoot {\n                    display: none;\n                }\n            </style><div hx-swap-oob=\"innerHTML:#IspsInjectionRoot\"><div class=\"AddressSearch\"><div class=\"AddressSearchBar\"><div class=\"InputBox TextBox\" onclick=\"event.currentTarget.querySelector(&#34;input&#34;).focus()\"><label>Enter your home or business address</label><div><svg style=\"font-size:1em;\" fill=\"currentColor\" strokeWidth=\"0\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"></path></svg><input name=\"s\" placeholder=\"1234 Anywhere St Apt 123, Springfield MO\" value=\"\" style=\"width:100%;\" autocomplete=\"street-address\" hx-post=\"https://signup.ispservices.io/c/one-stop/sign-up/address/search\" hx-trigger=\"load, input delay:250\" onkeyup=\"\n                if (event.key === 'Escape') {\n                    event.currentTarget.value = ''\n                    htmx.trigger(event.currentTarget, 'input')\n\n                } else if (event.key === 'Enter') {\n                    const el = document.querySelector('#IspsInjectionRoot .AddressFound button')\n                    el?.click()\n\n                }\n                if (event.currentTarget.value === '') {\n                    const el = document.querySelector('#IspsInjectionRoot .Geolocate')\n                    if (el)\n                        el.disabled = false\n                }\n            \"/></div><input tabindex=\"-1\" class=\"InvisibleTextBox\" name=\"address-level2\" autocomplete=\"address-level2\"/><input tabindex=\"-1\" class=\"InvisibleTextBox\" name=\"address-level1\" autocomplete=\"address-level1\" onchange=\"\n                                const streetAddr = document.querySelector('#IspsInjectionRoot input[name=s]').value\n                                const city = document.querySelector('#IspsInjectionRoot input[name=address-level2]').value\n                                const state = document.querySelector('#IspsInjectionRoot input[name=address-level1]').value\n                                if (\n                                    city !== '' && city !== streetAddr &&\n                                    state !== '' && state !== streetAddr\n                                ) {\n                                    document.querySelector('#IspsInjectionRoot input[name=s]').value =\n                                        streetAddr + '; ' + city + ', ' + state\n                                }\n                            \"/></div><button type=\"button\" class=\"Button Hidden Geolocate\" onclick=\"\n                            ispsInjector.shareLocation('#IspsInjectionRoot input[name=s]')\n                            event.currentTarget.disabled = true\n                            document.querySelector('#IspsInjectionRoot input[name=s]').innerHTML = ''\n                        \"><svg style=\"font-size:1em;\" fill=\"currentColor\" strokeWidth=\"0\" viewBox=\"0 0 384 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z\"></path></svg>My location</button></div><div class=\"AddressSearchResults\"></div></div><div hx-swap-oob=\"beforeend:#IspsInjectionRoot\"><script id=\"IspsOneShotScript_145\">\n                \n                ispsInjector.changeQueryParams({\n                    p: undefined,\n                    s: 'undefined',\n                    \n                    r: undefined,\n                    n: undefined,\n                    su: undefined,\n                })\n                if (navigator.geolocation) {\n                    document.body.querySelector('#IspsInjectionRoot .Geolocate')\n                        ?.classList.remove('Hidden')\n                }\n            \n                setTimeout(() => document.getElementById('IspsOneShotScript_145')?.remove(), 1000);\n            </script></div></div>"
                rootEl.innerHTML = html

                
                    // Load prefix HTML
                    html = "<style>:root {\r\n\r\n    --isps-signup-page-background: white;\r\n\r\n    --isps-signup-background: linear-gradient(\r\n        rgb(228, 228, 228) 0%,\r\n        rgb(241, 241, 241) 30%,\r\n        rgb(209, 209, 209) 35%,\r\n        rgb(238, 238, 238) 100%\r\n    );\r\n    --isps-signup-text: #111111;\r\n    --isps-signup-text-soft: #555555;\r\n    --isps-signup-link: #353535;\r\n    --isps-signup-link-hover: #006ed4;\r\n    --isps-signup-hairline: #b0b0b0;\r\n\r\n    --isps-signup-accent-bg: #3b3b3b;\r\n    --isps-signup-accent-background: linear-gradient(\r\n        var(--isps-signup-accent-bg) 50%,\r\n        #686868 90%,\r\n        var(--isps-signup-accent-bg) 100%\r\n    );\r\n    --isps-signup-accent-text: #ffffff;\r\n\r\n    --isps-signup-sentiment-positive-bg: green;\r\n    --isps-signup-sentiment-positive-soft: rgb(240, 255, 240);\r\n    --isps-signup-sentiment-positive-text: white;\r\n\r\n    --isps-signup-sentiment-negative-bg: red;\r\n    --isps-signup-sentiment-negative-soft: rgb(255, 239, 239);\r\n    --isps-signup-sentiment-negative-text: white;\r\n\r\n    --isps-signup-control-bg: #f8f8f8;\r\n    --isps-signup-control-text: var(--isps-signup-text);\r\n    --isps-signup-control-placeholder: var(--isps-signup-text-soft);\r\n    --isps-signup-control-border: #b0b0b0;\r\n    --isps-signup-control-focus-border: #222222;\r\n\r\n    --isps-signup-button-bg: #000000;\r\n    --isps-signup-button-background: linear-gradient(\r\n        var(--isps-signup-button-bg) 0%,\r\n        #686868 30%,\r\n        var(--isps-signup-button-bg) 50%\r\n    );\r\n    --isps-signup-button-text: #ffffff;\r\n    --isps-signup-button-hover-bg: #303030;\r\n    --isps-signup-button-hover-background: linear-gradient(\r\n        #808080 10%,\r\n        #999999 30%,\r\n        var(--isps-signup-button-hover-bg) 50%,\r\n        #505050 70%\r\n    );\r\n    --isps-signup-button-hover-text: #ffffff;\r\n    --isps-signup-button-disabled-bg: #9b9b9b;\r\n    --isps-signup-button-disabled-background: var(--isps-signup-button-disabled-bg);\r\n    --isps-signup-button-disabled-text: #c2c2c2;\r\n\r\n    --isps-signup-plan-bg: var(--isps-signup-background);\r\n    --isps-signup-plan-background: var(--isps-signup-plan-bg);\r\n    --isps-signup-plan-text: var(--isps-signup-text);\r\n    --isps-signup-plan-rim: var(--isps-signup-hairline);\r\n    --isps-signup-plan-link: var(--isps-signup-link);\r\n    --isps-signup-plan-link-hover: var(--isps-signup-link-hover);\r\n\r\n}</style>"
                    el = document.createElement('div')
                    el.id = 'IspsInjectionRoot_Prefix'
                    el.innerHTML = html
                    rootEl.parentElement.insertBefore(el, rootEl)
                

                // Hack. Any <script> elements contained in the HTML are not executed 
                // when introduced via .innerHTML. So we need to extract them and execute 
                // them in some other way. We'll set them aside for now and have them 
                // executed after the injector script is loaded (below).
                let newScriptContent = ''
                Array.from(rootEl.querySelectorAll('script')).forEach(scriptEl => {
                    if (newScriptContent !== '')
                        newScriptContent += '\n\n//-----\n\n'
                    newScriptContent += scriptEl.innerHTML
                    if (
                        scriptEl.parentElement.tagName === 'DIV' &&
                        scriptEl.parentElement.getAttribute('hx-swap-oob') === 'beforeend:#' + 'IspsInjectionRoot'
                    ) {
                        scriptEl.parentElement.remove()
                    } else {
                        scriptEl.remove()
                    }
                })

                injectorScriptEl.onload = () => {
                    // If there was any custom script content in the HTML, execute it now
                    if (newScriptContent !== '') {
                        const customFn = new Function(newScriptContent)
                        customFn()
                    }
                }
                document.head.appendChild(injectorScriptEl)

                

                // Load HTMX library
                el = document.createElement('script')
                el.src = 'https://signup.ispservices.io/htmx.js'
                document.head.appendChild(el)

                

            }