document.addEventListener("DOMContentLoaded",function(e){function t(e,t){e&&e.validity.valid?(t.value=e.value,document.querySelector(".step-1").style.display="none",document.querySelector(".step-2").style.display="block",document.querySelector(".status-step-1").style.width="100%"):e.reportValidity()}const o=document.querySelector("form[id=conversion-form]");o.classList.add("step-2"),o.style.display="none";const n=o.parentNode,l=o.querySelector("input[type=email]").parentNode;l.style.display="none";const i=l.querySelector("input[type=email]");i.setAttribute.pattern="((?:w|.|)+)@((?:w)+).((?:w|.|)+)";const d=l.querySelector("label"),r=window.getComputedStyle(d).getPropertyValue("color"),a=document.createElement("div");a.classList.add("step-1");const c=l.cloneNode(!0);c.style.display="block";const s=c.querySelector("input[type=email]");s.id="input_email_clone",s.name="input_email_clone",a.appendChild(c);const p=o.querySelector("button"),u=p.cloneNode(!0);u.addEventListener("click",()=>t(s,i)),a.appendChild(u);const y=window.getComputedStyle(p).getPropertyValue("background-color"),m=parseFloat(y.split(",")[3]),g=0==m?y.replace(/[\d\.]+\)$/g,"0.4)"):y,h=window.getComputedStyle(p).getPropertyValue("color");n.appendChild(a),document.querySelector(".step-1").style.display="flex",document.querySelector(".step-1").style.flexDirection="column";const w="https://bsspce.com.br/politica-de-privacidade/",v=document.createElement("div");v.innerHTML=`\n                            <ul style="margin-top:16px; padding: 0 8px; list-style: disc; font-size: 10px; color: ${r}">\n                              <li>Ao preencher o formul&aacute;rio, concordo * em receber comunica&ccedil;&otilde;es de acordo com meus interesses.</li>\n                              <li style="padding: 10px 0;">Ao informar meus dados, eu concordo com a <a style="color: ${r}; font-weight: bold;" href="${w}" target="_blank">Pol&iacute;tica de privacidade.</a></li>\n                            </ul>\n                            `,n.appendChild(v);const f=document.createElement("div");f.innerHTML=`\n                          <div style="display:grid; grid-template-columns: 1fr;\n                              background-color: rgba(200,200,200,0.3);\n                              border-radius: 4px;\n                              overflow: hidden;\n                              text-align: center;\n                              margin-top: 18px;\n                              transition: width 0.5s ease-in-out 0s;\n                              font-weight: bold;">\n                              <div class="status-step-1" style="padding: 4px; width: 50%; transition: width 0.5s ease-in-out 0s; will-change: auto; background: ${g}; color: ${h}"></div>\n                          </div>`,n.appendChild(f);const b=document.createElement("div");b.innerHTML=`\n                                <span style="font-size: 12px; color: ${r}; text-align: center; display: block; margin-top: 16px; text-decoration:none;">© Criado por <a style="font-size: 12px; color: ${r};" href="https://www.bsspce.com.br/" target="_blank">BSSP PÓS-GRADUAÇÃO</a></span>\n                             `,n.appendChild(v),n.appendChild(b)});