1"use strict";(self.webpackChunksalespeakLaunchersScript=self.webpackChunksalespeakLaunchersScript||[]).push([[606],{745(q,v,p){p.r(v),p.d(v,{buildChooserLauncher:()=>Te});var $=p(7955),S=p(8488),R=p(7657),se=p(2591),ie=p.n(se),re=p(1740),ae=p.n(re),J=p(8128),le=p.n(J),ne=p(855),Ce=p.n(ne),Le=p(3051),Ee=p.n(Le),Se=p(3656),Fe=p.n(Se),Z=p(9254),N={};N.styleTagTransform=Fe(),N.setAttributes=Ce(),N.insert=le().bind(null,"head"),N.domAPI=ae(),N.insertStyleElement=Ee();var Oe=ie()(Z.A,N);const Be=Z.A&&Z.A.locals?Z.A.locals:void 0,ge={id:"more-information",isMandatory:!1,isRequired:!1,label:"",name:"More information",options:[],placeholder:"",type:"text"},ce=H=>H?.isWizardLastPage===!0||H?.name==="Company"||H?.name?.toLowerCase()==="email",xe=new Set(["gmail.com","googlemail.com","yahoo.com","ymail.com","yahoo.co.uk","hotmail.com","hotmail.co.uk","outlook.com","live.com","msn.com","icloud.com","me.com","mac.com","aol.com","proton.me","protonmail.com","gmx.com","gmx.net","mail.com","zoho.com","pm.me","hey.com","yandex.com","qq.com"]),be=400,Ie=1e4;function Te(){const{campaignId:H,chooser:z,iframe:U,widgetSettings:ee}=this,s=ee?.chooserCampaignMap?.[H]||ee?.chooserCampaignMap?.default||{};
1Object.keys(s).length||Object.entries(R.as).forEach(([e,o])=>{s[e]=ee?.[e]||o});const k=s.chooserIsInline??!1,oe=s.chooserIsSingleLine??!1,Ae=s.chooserFormMode||(oe?"single_line":"multi_line"),F=k&&Ae==="wizard";if(z.id="salespeak-chooser",(0,S.d8)(k).appendChild(z),F){const e=s.chooserWidth||450;z.style.width=`min(${e}px, 100%, calc(100vw - 32px))`,z.style.flex="none"}if(!$.A.get("isAdmin")&&window.innerWidth<=768&&ee?.areLaunchersDisabledForMobile){if(k){const e=document.createElement("div");e.classList.add("chooser-container"),k&&e.classList.add("chooser-container--inline");const o=e.style;o.width=`${s.chooserWidth||450}px`,o.setProperty("--chooser-text-color",s.chooserTextColor??"#989898"),o.setProperty("--chooser-label-color",s.chooserLabelColor??"#7747FF"),!k&&(o.background=s.chooserBackgroundColor??"#FFFFFF"),!k&&(o.boxShadow="0px 4px 15.9px 0px #0000001A");const r=document.createElement("div");if(r.classList.add("chooser-header"),s.chooserTitleIcon){const f=document.createElement("div");f.classList.add("chooser-header-title-icon");const i=document.createElement("img");f.classList.add("chooser-header-title-icon"),i.src=s.chooserTitleIcon,i.alt="chooser title icon",i.width=63,f.appendChild(i),r.appendChild(f)}const c=document.createElement("div");c.classList.add("chooser-header-titles-container"),c.style.setProperty("--chooser-title-font-size",`${s.chooserTitleFontSize??24}px`);const m=document.createElement("div");m.classList.add("chooser-header-title");const h=m.style;h.color=s.chooserTitleTextColor??"#1F1F1F",h.setProperty("--text-background",s.chooserTitleTextColor??"#989898"),m.append("This content is available on desktops and laptops only."),c.appendChild(m),r.appendChild(c),e.appendChild(r),z.appendChild(e)}return}this.onPageReadyStateIs(R.ET,()=>z.appendChild(U));const x=document.createElement("div");x.classList.add("chooser-container"),k&&x.classList.add("chooser-container--inline"),k&&oe&&x.classList.add("chooser-container--inline-single-line"),F&&x.classList.add("chooser-container--wizard"),F&&s.chooserWizardLayout==="horizontal"&&x.classList.add("chooser-container--wizard-horizontal"),F&&s.chooserWizardHideMoreInfo&&x.classList.add("chooser-container--wizard-no-moreinfo");const V=x.style,we=s.chooserWidth||450;V.width=k?`min(${we}px, 100%, calc(100vw - 32px))`:`${we}px`,V.setProperty("--chooser-text-color",s.chooserTextColor??"#989898"),V.setProperty("--chooser-label-color",s.chooserLabelColor??"#7747FF"),!k&&(V.background=s.chooserBackgroundColor??"#FFFFFF"),!k&&(V.boxShadow="0px 4px 15.9px 0px #0000001A");const de=document.createElement("div");de.classList.add("chooser-minimized-icon"),de.appendChild((0,S.QF)(s.chooserTitleTextColor||"#1F1F1F",32)),x.appendChild(de);const K=document.createElement("div");if(K.classList.add("chooser-header"),s.chooserTitleIcon&&!k){const e=document.createElement("div");e.classList.add("chooser-header-title-icon");const o=document.createElement("img");e.classList.add("chooser-header-title-icon"),o.src=s.chooserTitleIcon,o.alt="chooser title icon",o.width=63,e.appendChild(o),K.appendChild(e)}const X=document.createElement("div");X.classList.add("chooser-header-titles-container"),X.style.setProperty("--chooser-title-font-size",`${s.chooserTitleFontSize??24}px`);const te=document.createElement("div");te.classList.add("chooser-header-title");const ke=te.style;if(ke.color=s.chooserTitleTextColor??"#1F1F1F",ke.setProperty("--text-background",s.chooserTitleTextColor??"#989898"),te.append(s.chooserTitle??"Personalized Expert-Level Guidance, Instantly!"),X.appendChild(te),k){const e=document.createElement("div");e.classList.add("chooser-header-subtitle");const o=e.style;o.fontSize=`${s.chooserSubtitleFontSize??16}px`,e.append(s.chooserSubtitle??"Share with us some quick basic details below and get your guidance now"),X.appendChild(e)}if(K.appendChild(X),!k){const e=`${$.A.get("orgId")}-${H}-${R.Nn}`,o=document.createElement("div");o.classList.add("chooser-header-close-button"),o.appendChild((0,S.Yh)(s.chooserTitleTextColor||"#1F1F1F",16));const r=()=>{x.classList.contains("chooser-container--minimized")&&(x.classList.remove("chooser-container--minimized"),window?.localStorage?.removeItem(e),x.removeEventListener("click",r))},c=m=>{m.stopPropagation(),x.classList.add("chooser-container--minimized"),window?.localStorage?.setItem(e,"true"),x.addEventListener("click",r)};o.addEventListener("click",c),K.appendChild(o),window?.localStorage?.getItem(e)==="true"&&(x.classList.add("chooser-container--minimized"),x.addEventListener("click",r))}x.appendChild(K);const d=document.createElement("form");d.classList.add("chooser-fields-form");const ye=d.style;
1if(k&&(ye.background=s.chooserBackgroundColor??"#FFFFFF"),k&&(ye.boxShadow="0px 4px 15.9px 0px #0000001A"),k&&(s.chooserTitleIcon||s.chooserInlineFormTitle||s.chooserInlineFormSubtitle)){const e=document.createElement("div");if(e.classList.add("chooser-form-header"),s.chooserTitleIcon){const o=document.createElement("div");o.classList.add("chooser-header-title-icon");const r=document.createElement("img");o.classList.add("chooser-header-title-icon"),r.src=s.chooserTitleIcon,r.alt="chooser title icon",r.width=63,o.appendChild(r),e.appendChild(o)}if(s.chooserInlineFormTitle||s.chooserInlineFormSubtitle){const o=document.createElement("div");if(o.classList.add("chooser-form-header-title-container"),s.chooserInlineFormTitle){const r=document.createElement("div");r.classList.add("chooser-form-header-title"),r.append(s?.chooserInlineFormTitle??"AI Expert at Your Service"),o.appendChild(r)}if(s.chooserInlineFormSubtitle){const r=document.createElement("div");r.classList.add("chooser-form-header-subtitle"),r.append(s?.chooserInlineFormSubtitle??"Get a personalized report tailored to your exact needs."),o.appendChild(r)}e.appendChild(o)}d.appendChild(e)}const he=e=>{const o=document.createElement("div");if(o.classList.add("chooser-field"),o.classList.add(`chooser-field--${e.type}`),o.setAttribute("data-form-name",e.name),e.label){const h=document.createElement("label");h.classList.add("chooser-field-label");const f=h.style;f.fontSize=`${s.chooserFieldLabelFontSize??14}px`,h.append(e.label),o.appendChild(h)}const r=()=>F?e.name==="Company"?"Add your website to get a personalized report":e.type==="multiselect"?"Select all that apply":"":"",c=e.sublabel||r();if(c){const h=document.createElement("div");h.classList.add("chooser-field-sublabel"),h.append(c),o.appendChild(h)}const g=document.createElement("div");g.classList.add("chooser-field-error-message");const m=F&&e.type==="text";if(m||o.appendChild(g),e.type==="text"){const h=document.createElement("div");if(h.classList.add("chooser-field-input-container"),e.name==="Company"){const t=document.createElement("div");t.classList.add("chooser-field-input-icon"),t.appendChild((0,S.fF)(s.chooserTextColor||"#989898",16)),h.appendChild(t)}const f=e.name==="More information"&&F;if(e.name==="More information"&&(o.classList.add("chooser-field--more-information"),!F)){const t=o.style;t.maxWidth="552px",t.paddingInline="0";const a=document.createElement("div");a.classList.add("chooser-field-input-icon"),a.appendChild((0,S.H_)(s.chooserTextColor||"#989898",16)),h.appendChild(a)}const i=document.createElement(f?"textarea":"input");if(i.classList.add("chooser-field-input"),i.name=e.name,f?i.rows=4:i.type="text",i.value="",i.placeholder=e.placeholder,h.appendChild(i),o.appendChild(h),m&&o.appendChild(g),F&&e.name?.toLowerCase()==="email"&&i.addEventListener("blur",()=>{const t=(i.value||"").trim().toLowerCase(),a=t.includes("@")?(t.split("@")[1]||"").trim():"";if(!a||!a.includes(".")||xe.has(a))return;const l=d.querySelector('[data-form-name="Company"] .chooser-field-input');l&&!l.value.trim()&&(l.value=`https://${a}`)}),F&&e.name?.toLowerCase()==="email"&&e.marketingConsent){const t=document.createElement("div");t.classList.add("chooser-field-consent");const a=document.createElement("input");a.type="checkbox",a.name="marketingConsent",a.value="true",a.id="chooser-field-marketing-consent",a.classList.add("chooser-field-consent-checkbox");const l=document.createElement("label");l.htmlFor=a.id,l.classList.add("chooser-field-consent-text"),l.innerHTML=e.marketingConsentText||"",t.appendChild(a),t.appendChild(l),o.appendChild(t);const b=document.createElement("div");b.classList.add("chooser-field-consent-error"),b.textContent="Please confirm to continue",o.appendChild(b),a.addEventListener("change",()=>{a.checked&&(b.classList.remove("chooser-field-consent-error--show"),t.classList.remove("chooser-field-consent--error"))})}}if(e.type==="select"||e.type==="multiselect"){const h=e.type==="multiselect",f=document.createElement("div");f.classList.add("chooser-field-multiselect-container");const i=document.createElement("div");i.classList.add("chooser-field-multiselect-placeholder"),i.append(e.placeholder),f.appendChild(i);const t=document.createElement("div");t.classList.add("chooser-field-multiselect-selected"),t.addEventListener("change",()=>{const y=Array.from(t.children);t.classList.remove("chooser-field-multiselect-selected--show"),i.classList.remove("chooser-field-multiselect-placeholder--hide"),y.length&&(t.classList.add("chooser-field-multiselect-selected--show"),i.classList.add("chooser-field-multiselect-placeholder--hide"))}),f.appendChild(t);const a=document.createElement("div");a.classList.add("chooser-field-multiselect-icon"),a.appendChild((0,S.TZ)("#191a1b",16)),f.appendChild(a);const l=document.createElement("div");l.classList.add("chooser-field-multiselect-options");const b=document.createElement("div");b.classList.add("chooser-field-multiselect-options-title"),b.append(e.label),l.appendChild(b);const O=document.createElement("div");O.classList.add("chooser-field-multiselect-options-list"),e.options.forEach(y=>{const W=`multiselect-${e.label.replace(/\s/g,"-")}-${y.replace(/\s/g,"-")}`,T=document.createElement("div");T.classList.add("chooser-field-multiselect-option");const n=document.createElement("input");n.classList.add("chooser-field-multiselect-checkbox"),h||n.classList.add("chooser-field-multiselect-checkbox--radio"),n.name=`${e.name}${h?"[]":""}`,n.type=h?"checkbox":"radio",n.value=y,n.id=W;const u=document.createElement("label");u.classList.add("chooser-field-multiselect-label"),u.htmlFor=W,u.append(y),T.appendChild(n),T.appendChild(u),n.addEventListener("change",M=>
1{if(M.stopPropagation(),h||(Array.from(O.children).forEach(A=>{const w=A.querySelector("input.chooser-field-multiselect-checkbox"),E=A.querySelector("label.chooser-field-multiselect-label");w&&w!==n&&(w.checked=!1,E&&E.classList.remove("chooser-field-multiselect-label--checked"))}),Array.from(t.children).find(A=>{A.classList.contains("chooser-field-multiselect-placeholder")||t.removeChild(A)})),n.checked){T.querySelector(`label[for="${n.id}"]`).classList.add("chooser-field-multiselect-label--checked");const w=document.createElement("div");w.classList.add("chooser-field-multiselect-selected-option");const E=document.createElement("span");E.classList.add("chooser-field-multiselect-selected-option-label"),E.textContent=y,w.appendChild(E);const D=document.createElement("button");D.classList.add("chooser-field-multiselect-selected-option-remove-button"),D.appendChild((0,S.Yh)(s.chooserLabelColor||"#000",10)),D.addEventListener("click",Q=>{Q.stopPropagation(),n.checked=!1,T.querySelector(`label[for="${n.id}"]`).classList.remove("chooser-field-multiselect-label--checked"),t.removeChild(w),t.dispatchEvent(new Event("change"))}),w.appendChild(D),t.appendChild(w),h||(l.classList.remove("chooser-field-multiselect-options--show"),a.classList.remove("chooser-field-multiselect-icon--rotate"))}else{T.querySelector(`label[for="${n.id}"]`).classList.remove("chooser-field-multiselect-label--checked");const w=Array.from(t.children).find(E=>E.textContent.includes(y));w&&t.removeChild(w)}t.dispatchEvent(new Event("change"))});const C=M=>M.stopPropagation();n.addEventListener("click",C);const L=M=>M.stopPropagation();T.addEventListener("click",L),O.appendChild(T)}),l.appendChild(O);const B=document.createElement("div");B.classList.add("chooser-field-multiselect-options-close-button"),B.append("Done");const _=y=>{y.stopPropagation(),l.classList.remove("chooser-field-multiselect-options--show"),a.classList.remove("chooser-field-multiselect-icon--rotate")};B.addEventListener("click",_),l.appendChild(B);const j=y=>{y.stopPropagation(),l.classList.contains("chooser-field-multiselect-options--show")?(l.classList.remove("chooser-field-multiselect-options--show"),a.classList.remove("chooser-field-multiselect-icon--rotate")):(Array.from(document.querySelectorAll(".chooser-field-multiselect-options--show")).forEach(W=>{W.classList.remove("chooser-field-multiselect-options--show")}),Array.from(document.querySelectorAll(".chooser-field-multiselect-icon--rotate")).forEach(W=>{W.classList.remove("chooser-field-multiselect-icon--rotate")}),l.classList.add("chooser-field-multiselect-options--show"),a.classList.add("chooser-field-multiselect-icon--rotate"),requestAnimationFrame(()=>{O.scrollTop=0}))};f.addEventListener("click",j);const I=y=>y.stopPropagation();l.addEventListener("click",I);const Y=y=>{const W=l.contains(y.target),T=f.contains(y.target);!W&&!T&&_(y)};this.registerWindowEventListener("click",Y),f.appendChild(l),o.appendChild(f)}if(e.type==="pill"){const h=document.createElement("div");h.classList.add("chooser-field-pills-container"),e.options.forEach(f=>{const i=`pill-${e.label.replace(/\s/g,"-")}-${f.replace(/\s/g,"-")}`,t=document.createElement("div");t.classList.add("chooser-field-pill");const a=document.createElement("input");a.classList.add("chooser-field-pill-checkbox"),a.type="checkbox",a.name=`${e.name}[]`,a.value=f,a.id=i,t.appendChild(a);const l=document.createElement("label");l.classList.add("chooser-field-pill-label"),l.htmlFor=i,l.append(f),t.appendChild(l),h.appendChild(t),a.addEventListener("change",b=>{b.stopPropagation(),a.checked?t.classList.add("chooser-field-pill--checked"):t.classList.remove("chooser-field-pill--checked")})}),o.appendChild(h)}return o};if(s.chooserFields&&s.chooserFields.forEach(e=>{const o=he(e);if(d.appendChild(o),e.type==="pill"&&!F){const r=he({...e,type:"multiselect"}),c=m=>{m<=850&&r.parentElement||m>850&&o.parentElement||(m<=850?d.replaceChild(r,o):d.replaceChild(o,r))};c(window.innerWidth);let g=null;this.registerWindowEventListener("resize",m=>{g&&clearTimeout(g),g=setTimeout(()=>c(m.target.innerWidth),100)})}}),k&&oe){const e=document.createElement("div");e.classList.add("chooser-inline-actions");const o=document.createElement("button");
1o.type="submit",o.classList.add("chooser-submit-button");const r=o.style;r.background=s.chooserButtonBackgroundColor??"#103FFE",r.color=s.chooserButtonTextColor??"#FFFFFF",r.fontSize=`${s.chooserButtonFontSize??16}px`,o.append(">"),e.appendChild(o),d.appendChild(e)}const G=document.createElement("div");G.classList.add("chooser-footer");const pe=document.createElement("div");pe.classList.add("chooser-footer-fields");const ve={...ge,placeholder:s.chooserMoreInformationPlaceholder??"Want to add anything in your own words or talk to us?"},me=he(ve);pe.appendChild(me),G.appendChild(pe);const fe=document.createElement("div");fe.classList.add("chooser-footer-actions");const P=document.createElement("button");P.type="submit",P.classList.add("chooser-submit-button");const ue=P.style;ue.background=s.chooserButtonBackgroundColor??"#103FFE",ue.color=s.chooserButtonTextColor??"#FFFFFF",ue.fontSize=`${s.chooserButtonFontSize??16}px`,P.append(s.chooserButtonText??"Let\u2019s get started"),fe.appendChild(P),G.appendChild(fe),d.appendChild(G),x.appendChild(d);const ze=(e,o=s.chooserFields)=>{let r=!0;return(o||[]).forEach(c=>{d.querySelector(`[data-form-name="${c.name}"] .chooser-field-error-message`)?.classList.remove("chooser-field-error-message--show")}),o?.forEach(c=>{if(k&&oe&&c.name==="Company")return;const g=c.type==="multiselect"?e[c.name]?.length:!!e[c.name],m=c.type==="text"&&(c.name==="Company"||c.name.toLowerCase().includes("url")||c.placeholder.toLowerCase().includes("url")),h=c.isRequired??!0;if(m&&g)if((0,S.gU)(e[c.name])){const t=e[c.name];e[c.name]=t.startsWith("http://")||t.startsWith("https://")?t:`https://${t}`}else{const t=d.querySelector(`[data-form-name="${c.name}"] .chooser-field-error-message`);t.classList.add("chooser-field-error-message--show"),t.innerText="This field is not a valid URL",r=!1}if(F&&c.type==="text"&&c.name?.toLowerCase()==="email"&&g){const i=String(e[c.name]).trim(),t=i.includes("@")?i.split("@")[1]?.toLowerCase():"";if(!(0,S.xf)(i)||!t||xe.has(t)){const a=d.querySelector(`[data-form-name="${c.name}"] .chooser-field-error-message`);a.classList.add("chooser-field-error-message--show"),a.innerText="Please enter your business email",r=!1}}if(h&&!g){const i=d.querySelector(`[data-form-name="${c.name}"] .chooser-field-error-message`);i.classList.add("chooser-field-error-message--show"),i.innerText="This field is required",r=!1}}),r},$e=e=>{localStorage.setItem(`${$.A.get("orgId")}-${H}-${R.Ym}`,JSON.stringify(e))},Me=async e=>{e.preventDefault();const r=[...new FormData(e.target).entries()].reduce((i,[t,a])=>{if(t.includes("[]")){const l=t.replace("[]","");return i[l]?i[l].push(a):i[l]=[a],i}return i[t]=a,i},Object.create(null));if(!ze(r))return;const c=d.querySelector('input[name="marketingConsent"]'),g=(r.email||r.Email||"").toString().trim();if(c&&!c.checked&&g){const i=c.closest(".chooser-field-consent"),t=i?.parentElement?.querySelector(".chooser-field-consent-error");i?.classList.add("chooser-field-consent--error"),t?.classList.add("chooser-field-consent-error--show");return}$e(r);const m=Object.keys(r).find(i=>i.toLowerCase()==="email"),h=m?String(r[m]||"").trim():"";h&&(0,S.xf)(h)&&$.A.set("userInfo",{...$.A.get("userInfo"),email:h}),P.classList.add("chooser-submit-button--loading");const f={cache:!0,company_url:r?.Company||"",metadata:{formValues:r},params:Object.fromEntries((s.chooserSections||[]).map(i=>[i.type,i.prompt])),question:` 2 <user_context> 3 ${Object.entries(r).map(([i,t])=>{const a=s.chooserFields?.find(b=>b.name===i);if(a&&ce(a)&&i!=="Company")return"";const l=a?.label||i;return t?`${l}: ${t}`:i==="Company"?`${l}: No company website shared`:""}).join(` 4`)} 5 </user_context> 6 `,topics_to_search:(s.chooserFields||[]).filter(i=>{const t=i.name?.toLowerCase()||"";return!(t==="company"||t==="email"||t.includes("url"))}).flatMap(i=>{const t=r[i.name];return t==null||t===""||t===!1?[]:(Array.isArray(t)?t:[t]).filter(l=>{if(l==null||l===""||typeof l=="boolean")return!1;const b=String(l).toLowerCase();return b!=="true"&&b!=="false"}
6).map(l=>`${i.label||i.name}: ${l}`)})};this.sendMessageToIframe({chooserAnswer:f}).then(()=>{P.classList.remove("chooser-submit-button--loading"),(0,S.oU)();const i=!!$.A.get("chooserKeepInsidePage");z.classList.add(i?"iframe-visible--inline":"iframe-visible"),z.removeChild(x);const t=z.style;if(t.flex="",t.width="",i)t.width=`${s.chooserWidth||1024}px`,t.height=`${be}px`;else{const l=(0,S.km)(),b=l?l.offsetHeight<=150?l.offsetHeight:150:0;t.height=`calc(100dvh - ${b}px)`,t.top=`${b}px`}const a=U.style;a.height=i?`${be}px`:"100%",U.classList.add("iframe--show"),i||((0,S.d8)().style.overflow="hidden")})};if(d.addEventListener("submit",Me),F){d.classList.add("chooser-fields-form--wizard"),G.classList.add("chooser-footer--hidden"),d.insertBefore(me,G),d.querySelectorAll(".chooser-field-label").forEach(n=>{n.style.fontSize=""});const e=s.chooserFields||[],o=e.filter(n=>ce(n)),c=[...e.filter(n=>!ce(n)),ve],g=c.map(n=>d.querySelector(`:scope > [data-form-name="${n.name}"]`)).filter(Boolean);o.forEach(n=>{const u=d.querySelector(`:scope > [data-form-name="${n.name}"]`);u&&d.insertBefore(u,me)});const m=document.createElement("div");m.classList.add("chooser-wizard-progress");const h=document.createElement("div");h.classList.add("chooser-wizard-eyebrow"),h.append("Progress"),m.appendChild(h);const f=document.createElement("div");f.classList.add("chooser-wizard-progress-row");const i=document.createElement("div");i.classList.add("chooser-wizard-progress-step"),f.appendChild(i);const t=document.createElement("div");t.classList.add("chooser-wizard-progress-percent"),f.appendChild(t),m.appendChild(f);const a=document.createElement("div");a.classList.add("chooser-wizard-progress-bar");const l=document.createElement("div");l.classList.add("chooser-wizard-progress-bar-fill"),a.appendChild(l),m.appendChild(a);const b=document.createElement("div");b.classList.add("chooser-wizard-eyebrow","chooser-wizard-question-eyebrow"),b.append("Question"),d.insertBefore(b,d.firstChild);const O=document.createElement("div");O.classList.add("chooser-wizard-actions");const B=document.createElement("button");B.type="button",B.classList.add("chooser-wizard-back"),B.append("Back");const _=document.createElement("button");_.type="button",_.classList.add("chooser-wizard-skip","chooser-wizard-skip--hidden"),_.append(s.chooserWizardSkipText??"Skip and view results");const j=document.createElement("button");j.type="button",j.classList.add("chooser-wizard-next"),j.style.background=s.chooserButtonBackgroundColor??"#103FFE",j.style.color=s.chooserButtonTextColor??"#FFFFFF",O.appendChild(B),O.appendChild(_),O.appendChild(j),x.insertBefore(m,K),x.appendChild(O);let I=0;const Y=()=>{const n=g.length;g.forEach((D,Q)=>{D.classList.toggle("chooser-field--wizard-active",Q===I)});const u=I===n-1;o.forEach(D=>{const Q=d.querySelector(`:scope > [data-form-name="${D.name}"]`);Q&&Q.classList.toggle("chooser-field--wizard-active",u)});const C=s.chooserWizardSeparateLeadStep===!0,L=s.chooserWizardCountNoun??"Question",M=s.chooserWizardFinalStepLabel??"Get your results",A=C?Math.max(1,n-1):n,w=I+1;let E;C?u?(i.textContent=M,E=100):(i.textContent=`${L} ${w} of ${A}`,E=A>0?Math.round(w/A*100):0):(i.textContent=`Step ${w} of ${n}`,E=n>0?Math.round(w/n*100):0),t.textContent=`${E}%`,l.style.width=`${E}%`,B.classList.toggle("chooser-wizard-back--hidden",I===0),d.classList.toggle("chooser-fields-form--wizard-last",u),_.classList.toggle("chooser-wizard-skip--hidden",!(u&&s.chooserWizardAllowSkip)),j.textContent=u?s.chooserWizardSubmitText??s.chooserButtonText??"Submit":"Next question"},y=()=>[...new FormData(d).entries()].reduce((u,[C,L])=>{if(C.includes("[]")){const M=C.replace("[]","");return u[M]?u[M].push(L):u[M]=[L],u}return u[C]=L,u},Object.create(null));B.addEventListener("click",n=>{n.preventDefault(),I>0&&(I-=1,Y())});const W=()=>{const n=d.querySelector('input[name="marketingConsent"]');if(!n||n.checked)return!0;const u=d.querySelector('[data-form-name="email"] .chooser-field-input, input[name="email"]');if(u&&!u.value.trim())return!0;const C=n.closest(".chooser-field-consent"),L=C?.parentElement?.querySelector(".chooser-field-consent-error");return C?.classList.add("chooser-field-consent--error"),L?.classList.add("chooser-field-consent-error--show"),!1};j.addEventListener("click",n=>{n.preventDefault();const u=y(),C=c[I],L=I===g.length-1,M=L?[C,...o]:[C];if(!ze(u,M)||L&&!W())return;const A=I+1,w=C?.name||"unknown",E=g.length;if(this.trackEvent("salespeak_chooserWizardNext",{campaignId:this.campaignId,fieldName:w,isLastStep:L,stepNumber:A,totalSteps:E}),this.postTrackingEvent({campaignId:this.campaignId,type:"chooser_wizard_next",data:{field_name:w,is_last_step:L,step_number:A,total_steps:E}}),I===g.length-1){typeof d.requestSubmit=="function"?d.requestSubmit(P):P.click();return}I+=1,Y()}),_.addEventListener("click",n=>{n.preventDefault(),o.forEach(C=>{const L=d.querySelector(`[data-form-name="${C.name}"] .chooser-field-input`);L&&(L.value="")}
6);const u=d.querySelector('input[name="marketingConsent"]');u&&(u.checked=!1),typeof d.requestSubmit=="function"?d.requestSubmit(P):P.click()});let T=0;for(let n=0;n<g.length;n+=1)I=n,Y(),T=Math.max(T,d.offsetHeight);I=0,Y(),T>0&&(d.style.minHeight=`${T}px`)}const Pe=e=>{if(e.source===this.iframe?.contentWindow){if(typeof e.data=="object"&&"closeIframe"in e.data){$.A.get("insideIframe")&&window.parent?.postMessage({closeIframe:!0},"*"),U.classList.remove("iframe--show");const o=U.style;o.height="",setTimeout(()=>{z.appendChild(x),z.classList.remove("iframe-visible"),z.classList.remove("iframe-visible--inline");const r=z.style;r.height="",r.top="",r.width=F?`min(${s.chooserWidth||450}px, 100%, calc(100vw - 32px))`:"",r.flex=F?"none":"",(0,S.d8)().style.overflow=""},700)}if(typeof e.data=="object"&&"showSharingMedia"in e.data&&(e.data.showSharingMedia?z.classList.add("full-height"):z.classList.remove("full-height")),typeof e.data=="object"&&typeof e.data.chooserContentHeight=="number"&&$.A.get("chooserKeepInsidePage")){const o=`${Math.min(e.data.chooserContentHeight,Ie)}px`;U.style.height=o,z.style.height=o}}};if(this.registerWindowEventListener("message",Pe),z.appendChild(x),$.A.get("insideIframe")&&window.parent?.postMessage({endFirstRender:!0},"*"),localStorage.getItem(`${$.A.get("orgId")}-${H}-${R.Ym}`)){const e=JSON.parse(localStorage.getItem(`${$.A.get("orgId")}-${H}-${R.Ym}`));if([...s.chooserFields||[],ge].forEach(o=>{o.type==="text"&&e[o.name]&&(d.querySelector(`[data-form-name="${o.name}"] .chooser-field-input`).value=e[o.name]),(o.type==="select"||o.type==="multiselect")&&e[o.name]&&(Array.isArray(e[o.name])?e[o.name]:[e[o.name]]).forEach(c=>{const g=`multiselect-${o.label.replace(/\s/g,"-")}-${c.replace(/\s/g,"-")}`,m=d.querySelector(`[data-form-name="${o.name}"] input[id="${g}"]`);m&&(m.checked=!0,m.dispatchEvent(new Event("change")))}),o.type==="pill"&&e[o.name]&&(Array.isArray(e[o.name])?e[o.name]:[e[o.name]]).forEach(c=>{const g=`pill-${o.label.replace(/\s/g,"-")}-${c.replace(/\s/g,"-")}`,m=d.querySelector(`[data-form-name="${o.name}"] input[id="${g}"]`);m&&(m.checked=!0,m.dispatchEvent(new Event("change")))})}),e.marketingConsent==="true"){const o=d.querySelector('input[name="marketingConsent"]');o&&(o.checked=!0)}}}},9254(q,v,p){p.d(v,{A:()=>ne});var $=p(6758),S=p.n($),R=p(935),se=p.n(R),ie=p(62),re=p.n(ie),ae=new URL(p(8328),p.b),J=se()(S()),le=re()(ae);J.push([q.id,`#salespeak-chooser * { 7 box-sizing: border-box; 8} 9 10#salespeak-chooser.iframe-visible { 11 backdrop-filter: blur(25px); 12 bottom: 0; 13 left: 0; 14 position: fixed; 15 right: 0; 16 z-index: 999999999; 17} 18 19#salespeak-chooser.full-height.iframe-visible { 20 height: 100vh !important; 21 height: 100dvh !important; 22 top: 0 !important; 23} 24 25/* "Keep results inside the page" mode \u2014 width is pinned by JS to the form's 26 width so the block doesn't reflow on submit; height grows from the JS 27 initial value as the inner widget posts its content height. */ 28#salespeak-chooser.iframe-visible--inline { 29 position: relative; 30 animation: salespeak-chooser-inline-fade-in 0.4s ease-out; 31} 32 33@keyframes salespeak-chooser-inline-fade-in { 34 from { 35 opacity: 0; 36 } 37 to { 38 opacity: 1; 39 } 40} 41 42#salespeak-chooser .iframe { 43 border: 0; 44 box-sizing: border-box; 45 height: 0; 46 left: 0; 47 margin: 0; 48 opacity: 0; 49 overflow: hidden; 50 padding: 0; 51 position: absolute; 52 right: 0; 53 transition: 54 height 1s cubic-bezier(0.42, 0, 0.58, 1), 55 opacity 1s cubic-bezier(0.42, 0, 0.58, 1); 56 width: 100%; 57 z-index: 99; 58} 59 60#salespeak-chooser .iframe.iframe--show { 61 opacity: 1; 62} 63 64#salespeak-chooser .chooser-container { 65 border-radius: 12px; 66 bottom: 16px; 67 display: flex; 68 flex-direction: column; 69 max-width: calc(100vw - 32px); 70 padding: 24px; 71 position: fixed; 72 right: 16px; 73 z-index: 999999999; 74 gap: 24px; 75 max-height: calc(100vh - 32px); 76 overflow: auto; 77} 78 79#salespeak-chooser .chooser-container--inline { 80 bottom: initial; 81 max-height: initial; 82 max-width: 100%; 83 overflow: initial; 84 position: relative; 85 right: initial; 86 z-index: initial; 87} 88 89#salespeak-chooser .chooser-header {
90 align-items: flex-start; 91 display: flex; 92 gap: 8px; 93 width: 100%; 94} 95 96#salespeak-chooser .chooser-container--inline-single-line .chooser-header { 97 display: none; 98} 99 100#salespeak-chooser .chooser-container--inline .chooser-header { 101 align-items: center; 102 flex-direction: column; 103 gap: 16px; 104} 105 106#salespeak-chooser .chooser-header-titles-container { 107 align-items: center; 108 display: flex; 109 flex-direction: column; 110 gap: 16px; 111} 112 113#salespeak-chooser .chooser-header-title-icon { 114 align-items: center; 115 display: flex; 116 height: auto; 117 justify-content: center; 118 width: fit-content; 119} 120 121#salespeak-chooser .chooser-header-title-icon .chooser-header-title-icon-image { 122 height: auto; 123 width: 63px; 124} 125 126#salespeak-chooser .chooser-header-title { 127 background: var(--text-background); 128 font-size: clamp(16px, var(--chooser-title-font-size), var(--chooser-title-font-size)); 129 font-weight: 600; 130 min-width: 0; 131 line-height: 1.2; 132 -webkit-background-clip: text; 133 -webkit-text-fill-color: transparent; 134} 135 136#salespeak-chooser .chooser-header-subtitle { 137 color: var(--chooser-text-color); 138 font-size: 14px; 139 font-weight: 400; 140} 141 142#salespeak-chooser .chooser-container--inline .chooser-header-title, 143#salespeak-chooser .chooser-container--inline .chooser-header-subtitle { 144 text-align: center; 145} 146 147#salespeak-chooser .chooser-header-close-button { 148 align-items: center; 149 align-self: flex-start; 150 border-radius: 8px; 151 cursor: pointer; 152 display: flex; 153 height: 24px; 154 justify-content: center; 155 margin-left: auto; 156 width: 24px; 157} 158 159#salespeak-chooser .chooser-header-close-button svg { 160 height: 16px; 161 width: 16px; 162} 163 164#salespeak-chooser .chooser-header-close-button:hover { 165 background-color: #b6b6b6; 166} 167 168#salespeak-chooser .chooser-minimized-icon { 169 align-items: center; 170 display: none; 171 justify-content: center; 172} 173 174#salespeak-chooser .chooser-fields-form { 175 display: flex; 176 flex-direction: column; 177 width: 100%; 178} 179 180#salespeak-chooser .chooser-container--inline .chooser-fields-form { 181 border-radius: 24px; 182 border: 1px solid #d5d6d7; 183 flex-direction: row; 184 flex-wrap: wrap; 185 align-items: flex-end; 186 gap: 16px; 187} 188 189#salespeak-chooser .chooser-container--inline-single-line .chooser-fields-form { 190 flex-wrap: nowrap; 191} 192 193#salespeak-chooser .chooser-fields-divider { 194 border-top: 1px solid #d5d6d7; 195 width: 100%; 196} 197 198#salespeak-chooser .chooser-field { 199 align-items: flex-start; 200 display: flex; 201 flex-direction: column; 202 gap: 4px; 203 justify-content: flex-end; 204 position: relative; 205 width: 100%; 206 padding-inline: 24px; 207 padding-block: 12px; 208 max-width: 600px; 209} 210 211#salespeak-chooser .chooser-field.chooser-field--pill { 212 max-width: unset; 213} 214 215#salespeak-chooser .chooser-container--inline .chooser-field { 216 gap: 16px; 217 flex: 1; 218 min-width: calc(50% - 16px); 219 width: initial; 220} 221 222#salespeak-chooser .chooser-container--inline-single-line .chooser-field { 223 min-width: 0; 224 width: fit-content; 225} 226 227#salespeak-chooser .chooser-container--inline .chooser-field--pill { 228 flex: none; 229 width: 100%; 230} 231 232#salespeak-chooser .chooser-fields-form .chooser-field[data-form-name='Company'] { 233 flex: unset; 234 width: 100%; 235 max-width: 100%; 236} 237 238#salespeak-chooser .chooser-container--inline-single-line .chooser-fields-form .chooser-field[data-form-name='Company'] { 239 display: none; 240} 241 242#salespeak-chooser .chooser-field-label { 243 font-size: 14px; 244 font-weight: 500; 245 color: var(--chooser-label-color); 246} 247 248#salespeak-chooser .chooser-field-input-container, 249#salespeak-chooser .chooser-field-multiselect-container { 250 background: white; 251 border-radius: 8px; 252 border: 1px solid var(--chooser-text-color); 253 color: var(--chooser-text-color); 254 font-weight: 500; 255 min-height: 48px; 256 padding: 12px 8px; 257 width: 100%; 258} 259 260#salespeak-chooser .chooser-field-input-container { 261 display: flex; 262 align-items: center; 263 gap: 8px; 264} 265 266#salespeak-chooser .chooser-field-input { 267 background: transparent; 268 border: 0; 269 color: var(--chooser-label-color); 270 font-weight: 400; 271 flex: 1; 272 margin: 0; 273 min-width: 0; 274 outline: 0; 275 padding: 0; 276} 277 278#salespeak-chooser .chooser-field-input::placeholder { 279 color: var(--chooser-text-color); 280 opacity: 0.5; 281} 282 283#salespeak-chooser .chooser-field-input-icon {
284 align-items: center; 285 display: flex; 286 height: 16px; 287 justify-content: center; 288 opacity: 0.5; 289 width: 16px; 290 color: #191a1b; 291} 292 293#salespeak-chooser .chooser-field-input-container:has(.chooser-field-input:placeholder-shown) .chooser-field-input-icon { 294 color: var(--chooser-text-color); 295} 296 297#salespeak-chooser .chooser-field-multiselect-container { 298 align-items: center; 299 cursor: pointer; 300 display: flex; 301 gap: 8px; 302 padding: 8px; 303 position: relative; 304} 305 306#salespeak-chooser .chooser-field-multiselect-icon { 307 height: 16px; 308 opacity: 0.5; 309 transition: transform 200ms; 310 width: 16px; 311} 312 313#salespeak-chooser .chooser-field-multiselect-icon--rotate { 314 transform: rotate(-180deg); 315} 316 317#salespeak-chooser .chooser-field-multiselect-options { 318 background-color: #ffffff; 319 border-radius: 8px; 320 border: 1px solid #979797; 321 bottom: calc(100% + 4px); 322 display: none; 323 flex-direction: column; 324 gap: 16px; 325 left: 0; 326 min-width: 100%; 327 max-height: 400px; 328 position: absolute; 329 width: fit-content; 330 z-index: 9999; 331 overflow: hidden; 332 padding: 8px 0; 333} 334 335#salespeak-chooser .chooser-field-multiselect-options--show { 336 display: flex; 337} 338 339#salespeak-chooser .chooser-field-multiselect-options-title { 340 font-size: 14px; 341 font-weight: 500; 342 color: var(--chooser-label-color); 343 display: none; 344} 345 346#salespeak-chooser .chooser-field-multiselect-options-list { 347 display: flex; 348 flex-direction: column; 349 gap: 8px; 350 flex: 1; 351 min-height: 0; 352 max-height: 130px; 353 overflow-y: auto; 354 overflow-x: hidden; 355 align-content: flex-start; 356 padding-right: 4px; 357} 358 359/* Scrollbar styling for options list */ 360#salespeak-chooser .chooser-field-multiselect-options-list::-webkit-scrollbar {
361 width: 6px; 362} 363 364#salespeak-chooser .chooser-field-multiselect-options-list::-webkit-scrollbar-track { 365 background: #f1f1f1; 366 border-radius: 3px; 367} 368 369#salespeak-chooser .chooser-field-multiselect-options-list::-webkit-scrollbar-thumb { 370 background: #979797; 371 border-radius: 3px; 372} 373 374#salespeak-chooser .chooser-field-multiselect-options-list::-webkit-scrollbar-thumb:hover { 375 background: #777777; 376} 377 378#salespeak-chooser .chooser-field-multiselect-options-close-button { 379 align-self: center; 380 border-radius: 24px; 381 border: 1px solid var(--chooser-label-color); 382 color: var(--chooser-label-color); 383 cursor: pointer; 384 display: none; 385 font-weight: 600; 386 justify-content: center; 387 padding-block: 8px; 388 padding-inline: 24px; 389} 390 391#salespeak-chooser .chooser-field-multiselect-option { 392 justify-content: center; 393 align-items: center; 394 border-bottom: 1px solid #e4e4e4; 395 padding: 8px; 396 width: 100%; 397 display: flex; 398} 399 400#salespeak-chooser .chooser-field-multiselect-option:last-child { 401 border-bottom: none; 402} 403 404#salespeak-chooser .chooser-field-multiselect-option .chooser-field-multiselect-checkbox { 405 display: none; 406} 407 408#salespeak-chooser .chooser-field-multiselect-option .chooser-field-multiselect-label { 409 color: var(--chooser-text-color); 410 cursor: pointer; 411 flex: 1; 412} 413 414#salespeak-chooser .chooser-field-multiselect-option .chooser-field-multiselect-label--checked { 415 color: var(--chooser-label-color); 416 opacity: 0.5; 417} 418 419#salespeak-chooser .chooser-field-multiselect-placeholder { 420 flex: 1; 421 font-size: 14px; 422 font-weight: 400; 423 height: 100%; 424 min-width: 0; 425 opacity: 0.5; 426 padding-block: 4px; 427} 428 429#salespeak-chooser .chooser-field-multiselect-placeholder--hide { 430 display: none; 431} 432 433#salespeak-chooser .chooser-field-multiselect-selected { 434 display: none; 435 flex-wrap: wrap; 436 flex: 1; 437 gap: 8px; 438 max-height: 100px; 439 min-height: 100%; 440 min-width: 0; 441 overflow-y: auto; 442} 443 444#salespeak-chooser .chooser-field-multiselect-selected--show { 445 display: flex; 446} 447 448#salespeak-chooser .chooser-field-multiselect-selected-option { 449 align-items: center; 450 border-radius: 8px; 451 border: 1px solid var(--chooser-label-color); 452 color: var(--chooser-label-color); 453 display: flex; 454 font-size: 14px; 455 gap: 8px; 456 padding: 4px 8px; 457 max-width: 100%; 458} 459 460#salespeak-chooser .chooser-field-multiselect-selected-option-label { 461 flex: 1; 462 overflow: hidden; 463 text-overflow: ellipsis; 464 white-space: nowrap; 465} 466 467#salespeak-chooser .chooser-field-multiselect-selected-option-remove-button { 468 align-items: center; 469 background-color: transparent; 470 border: 0; 471 color: inherit; 472 cursor: pointer; 473 display: flex; 474 height: fit-content; 475 justify-content: center; 476 padding: 2px; 477 width: fit-content; 478} 479 480#salespeak-chooser .chooser-field-pills-container { 481 display: flex; 482 flex-wrap: wrap; 483 gap: 16px; 484} 485 486#salespeak-chooser .chooser-field-pill { 487 background: white; 488 display: flex; 489 align-items: center; 490 justify-content: center; 491 padding-inline: 16px; 492 padding-block: 4px; 493 border-radius: 8px; 494 border: 1px solid var(--chooser-text-color); 495 cursor: pointer; 496} 497 498#salespeak-chooser .chooser-field-pill-checkbox { 499 display: none; 500} 501 502#salespeak-chooser .chooser-field-pill-label { 503 font-size: 14px; 504 font-weight: 400; 505 cursor: pointer; 506 color: var(--chooser-text-color); 507} 508 509#salespeak-chooser .chooser-field-pill-label:hover { 510 color: var(--chooser-label-color); 511} 512 513#salespeak-chooser .chooser-field-pill--checked { 514 border-color: var(--chooser-label-color); 515} 516 517#salespeak-chooser .chooser-field-pill--checked .chooser-field-pill-label { 518 color: var(--chooser-label-color); 519 font-weight: 500; 520} 521 522#salespeak-chooser .chooser-inline-actions { 523 padding-block: 16px; 524 padding-right: 24px; 525 display: flex; 526 align-items: flex-end; 527} 528 529#salespeak-chooser .chooser-footer { 530 align-items: center; 531 display: flex; 532 flex-direction: column; 533 padding-inline: 24px; 534 padding-bottom: 8px; 535 gap: 24px; 536} 537 538#salespeak-chooser .chooser-container--inline .chooser-footer { 539 width: 100%; 540 flex-direction: row; 541 align-items: center; 542 margin-top: 0; 543 padding-bottom: 0; 544} 545 546#salespeak-chooser .chooser-container--inline-single-line .chooser-footer { 547 display: none; 548} 549 550#salespeak-chooser .chooser-footer-fields { 551 width: 100%; 552} 553 554#salespeak-chooser .chooser-container--inline .chooser-footer-fields { 555 flex: 1; 556} 557 558#salespeak-chooser .chooser-footer-actions { 559 display: flex; 560 width: 100%; 561 justify-content: flex-end; 562} 563 564#salespeak-chooser .chooser-container--inline .chooser-footer-actions { 565 width: fit-content; 566} 567 568#salespeak-chooser .chooser-form-header { 569 display: flex; 570 align-items: center; 571 justify-content: flex-start; 572 gap: 16px; 573 padding-block: 16px; 574 padding-inline: 24px; 575 width: 100%; 576} 577 578#salespeak-chooser .chooser-container--inline-single-line .chooser-form-header { 579 width: fit-content; 580 max-width: 350px; 581} 582 583#salespeak-chooser .chooser-form-header-title-container { 584 display: flex; 585 flex-direction: column; 586 gap: 4px; 587} 588 589#salespeak-chooser .chooser-form-header-title { 590 font-size: 16px; 591 font-weight: 600; 592 color: var(--chooser-text-color); 593} 594 595#salespeak-chooser .chooser-form-header-subtitle { 596 font-size: 12px; 597 font-weight: 400; 598 color: var(--chooser-text-color); 599} 600 601#salespeak-chooser .chooser-submit-button {
602 align-items: center; 603 border-radius: 36px; 604 border: 0; 605 cursor: pointer; 606 display: flex; 607 font-size: 14px; 608 font-weight: 500; 609 justify-content: center; 610 padding-block: 8px; 611 padding-inline: 16px; 612} 613 614#salespeak-chooser .chooser-container--inline-single-line .chooser-submit-button { 615 width: fit-content; 616} 617 618#salespeak-chooser .chooser-submit-button--loading { 619 cursor: not-allowed; 620 overflow: hidden; 621} 622 623#salespeak-chooser .chooser-submit-button--loading::before { 624 animation: loading 1.5s infinite linear; 625 background: linear-gradient(90deg, transparent, rgba(170, 170, 170, 0.8), transparent); 626 content: ''; 627 height: 100%; 628 left: -100%; 629 position: absolute; 630 top: 0; 631 width: 100%; 632} 633 634#salespeak-chooser .chooser-field-error-message { 635 color: #f25431; 636 display: none; 637 font-size: 12px; 638 font-weight: 400; 639 position: absolute; 640 left: 24px; 641 top: calc(100% - 8px); 642} 643 644#salespeak-chooser .chooser-field-error-message--show { 645 display: block; 646} 647 648#salespeak-chooser .chooser-container--minimized { 649 cursor: pointer; 650 width: fit-content !important; 651 padding: 16px; 652} 653 654#salespeak-chooser .chooser-container--minimized .chooser-fields-form { 655 display: none; 656} 657 658#salespeak-chooser .chooser-container--minimized .chooser-header { 659 display: none; 660} 661 662#salespeak-chooser .chooser-container--minimized .chooser-minimized-icon { 663 display: flex; 664} 665 666@media (max-width: 850px) { 667 #salespeak-chooser .chooser-header-title { 668 font-size: clamp(16px, var(--chooser-title-font-size), 24px); 669 } 670 671 #salespeak-chooser .chooser-container--inline .chooser-fields-form { 672 flex-direction: column; 673 } 674 675 #salespeak-chooser .chooser-fields-divider { 676 display: none; 677 } 678 679 #salespeak-chooser .chooser-container--inline .chooser-fields { 680 align-items: flex-start; 681 flex-direction: column; 682 width: 100%; 683 } 684 685 #salespeak-chooser .chooser-container--inline .chooser-field { 686 align-items: flex-start; 687 flex-direction: column; 688 gap: 4px; 689 width: 100%; 690 padding-inline: 16px; 691 } 692 693 #salespeak-chooser .chooser-container--inline .chooser-field-input, 694 #salespeak-chooser .chooser-container--inline .chooser-field-multiselect-container { 695 width: 100%; 696 } 697 698 #salespeak-chooser .chooser-field-multiselect-options { 699 border-radius: 24px; 700 height: calc(100vh - 48px); 701 left: 24px; 702 min-width: unset; 703 padding: 24px; 704 position: fixed; 705 top: 24px; 706 width: calc(100vw - 48px); 707 z-index: 999999999; 708 gap: 16px; 709 overflow: hidden; 710 } 711 712 #salespeak-chooser .chooser-field-multiselect-options-list { 713 max-height: calc(100vh - 200px); 714 overflow-y: auto; 715 } 716 717 #salespeak-chooser .chooser-field-multiselect-option { 718 border-radius: 8px; 719 border: 1px solid var(--chooser-text-color); 720 padding-block: 4px; 721 padding-inline: 16px; 722 width: fit-content; 723 } 724 725 #salespeak-chooser .chooser-field-multiselect-option:last-child { 726 border-bottom: 1px solid var(--chooser-text-color); 727 } 728 729 #salespeak-chooser .chooser-field-multiselect-option:has(.chooser-field-multiselect-label--checked) { 730 border-color: var(--chooser-label-color); 731 } 732 733 #salespeak-chooser .chooser-field-multiselect-option .chooser-field-multiselect-label--checked { 734 color: var(--chooser-label-color); 735 opacity: 1; 736 font-weight: 500; 737 } 738 739 #salespeak-chooser .chooser-field-multiselect-options-title { 740 display: block; 741 } 742 743 #salespeak-chooser .chooser-field-multiselect-options-list { 744 flex-direction: row; 745 flex-wrap: wrap; 746 gap: 16px; 747 } 748 749 #salespeak-chooser .chooser-field-multiselect-options-close-button { 750 display: flex; 751 } 752 753 #salespeak-chooser .chooser-container--inline-single-line .chooser-inline-actions { 754 width: 100%; 755 flex: 1; 756 min-width: 0; 757 justify-content: flex-end; 758 } 759 760 #salespeak-chooser .chooser-container--inline .chooser-footer { 761 width: 100%; 762 flex-direction: column; 763 padding-inline: 16px; 764 gap: 16px; 765 } 766 767 #salespeak-chooser .chooser-footer-fields { 768 width: 100%; 769 } 770 771 #salespeak-chooser .chooser-container--inline .chooser-footer-fields { 772 display: none; 773 } 774 775 #salespeak-chooser .chooser-container--inline .chooser-footer-actions { 776 width: 100%; 777 justify-content: center; 778 padding-top: 8px; 779 } 780 781 #salespeak-chooser .chooser-container--inline .chooser-submit-button { 782 padding-block: 16px; 783 } 784} 785 786/* ============================================================ 787 Wizard mode 788 One question per step. Outer container is a vertical stack of 789 three regions: progress card, question card (the form itself), 790 and a Back/Next action row. Brand color is driven by the
791 existing --chooser-label-color and chooserButtonBackgroundColor 792 so theming continues to work. 793 ============================================================ */ 794 795#salespeak-chooser .chooser-container--wizard { 796 background: transparent; 797 box-shadow: none; 798 gap: 16px; 799 padding: 0; 800} 801 802#salespeak-chooser .chooser-container--wizard .chooser-header, 803#salespeak-chooser .chooser-container--wizard .chooser-form-header { 804 display: none; 805} 806 807#salespeak-chooser .chooser-wizard-progress { 808 background: #ffffff; 809 border: 1px solid #e5e7eb; 810 border-radius: 16px; 811 box-shadow: 0px 4px 15.9px 0px rgba(0, 0, 0, 0.06); 812 display: flex; 813 flex-direction: column; 814 gap: 12px; 815 padding: 20px 24px; 816 width: 100%; 817} 818 819#salespeak-chooser .chooser-wizard-eyebrow { 820 color: var(--chooser-label-color); 821 font-size: 11px; 822 font-weight: 700; 823 letter-spacing: 0.12em; 824 text-transform: uppercase; 825} 826 827#salespeak-chooser .chooser-wizard-progress-row { 828 align-items: center; 829 display: flex; 830 gap: 16px; 831 justify-content: space-between; 832} 833 834#salespeak-chooser .chooser-wizard-progress-step { 835 color: #1f1f1f; 836 font-size: 15px; 837 font-weight: 600; 838} 839 840#salespeak-chooser .chooser-wizard-progress-percent { 841 background: #f3f4f6; 842 border-radius: 999px; 843 color: #1f1f1f; 844 font-size: 13px; 845 font-weight: 600; 846 padding: 4px 12px; 847} 848 849#salespeak-chooser .chooser-wizard-progress-bar { 850 background: #e5e7eb; 851 border-radius: 999px; 852 height: 8px; 853 overflow: hidden; 854 width: 100%; 855} 856 857#salespeak-chooser .chooser-wizard-progress-bar-fill { 858 background: var(--chooser-label-color); 859 border-radius: 999px; 860 height: 100%; 861 transition: width 220ms ease-out; 862 width: 0%; 863} 864 865#salespeak-chooser .chooser-container--wizard .chooser-fields-form { 866 background: #ffffff; 867 border: 1px solid #e5e7eb; 868 border-radius: 16px; 869 box-shadow: 0px 4px 15.9px 0px rgba(0, 0, 0, 0.06); 870 flex-direction: column; 871 flex-wrap: nowrap; 872 gap: 16px; 873 padding: 28px; 874 width: 100%; 875} 876 877#salespeak-chooser .chooser-container--wizard .chooser-wizard-question-eyebrow { 878 margin-bottom: 0; 879} 880 881#salespeak-chooser .chooser-container--wizard .chooser-field { 882 display: none; 883} 884 885#salespeak-chooser .chooser-container--wizard .chooser-field.chooser-field--wizard-active { 886 display: flex; 887 flex-direction: column; 888 gap: 16px; 889 max-width: 100%; 890 padding: 0; 891 width: 100%; 892} 893 894#salespeak-chooser .chooser-container--wizard .chooser-field--select .chooser-field-label, 895#salespeak-chooser .chooser-container--wizard .chooser-field--multiselect .chooser-field-label { 896 color: #111827; 897 font-family: 898 Inter, 899 ui-sans-serif, 900 system-ui, 901 -apple-system, 902 BlinkMacSystemFont, 903 'Segoe UI', 904 Roboto, 905 sans-serif; 906 font-size: 28px; 907 font-weight: 600; 908 line-height: 1.2; 909} 910 911@media (min-width: 700px) { 912 #salespeak-chooser .chooser-container--wizard .chooser-field--select .chooser-field-label, 913 #salespeak-chooser .chooser-container--wizard .chooser-field--multiselect .chooser-field-label { 914 font-size: 36px; 915 } 916} 917 918#salespeak-chooser .chooser-container--wizard .chooser-field-sublabel { 919 color: #6b7280; 920 font-family: 921 Inter, 922 ui-sans-serif, 923 system-ui, 924 -apple-system, 925 BlinkMacSystemFont, 926 'Segoe UI', 927 Roboto, 928 sans-serif; 929 font-size: 14px; 930 font-weight: 400; 931 line-height: 1.4; 932 margin-top: 8px; 933} 934 935@media (min-width: 700px) { 936 #salespeak-chooser .chooser-container--wizard .chooser-field-sublabel { 937 font-size: 15px; 938 } 939} 940 941#salespeak-chooser .chooser-container--wizard .chooser-field-input-container { 942 background: #ffffff; 943 border: 1px solid #d1d5db; 944 border-radius: 12px; 945 min-height: 56px; 946 padding: 14px 16px; 947} 948 949#salespeak-chooser .chooser-container--wizard .chooser-field-input-container:focus-within { 950 border-color: var(--chooser-label-color); 951} 952 953/* Multiselect dropdown becomes an always-open inline list of option rows */ 954#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-container { 955 background: transparent; 956 border: 0; 957 cursor: default; 958 min-height: 0; 959 padding: 0; 960} 961 962#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-placeholder, 963#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-selected, 964#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-icon { 965 display: none !important; 966} 967 968/* \`height: auto\` is intentional \u2014 overrides the mobile-only fullscreen popup 969 rule (\`height: calc(100vh - 48px)\` inside \`@media (max-width: 850px)\`), 970 which otherwise forced this inline options list to viewport height in 971 wizard mode and left a tall empty gap above the Next button. */ 972#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-options { 973 background: transparent; 974 border: 0; 975 bottom: auto; 976 display: flex !important; 977 flex-direction: column; 978 gap: 10px; 979 height: auto; 980 max-height: none; 981 overflow: visible; 982 padding: 0; 983 position: static; 984 width: 100%; 985 z-index: auto; 986} 987 988#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-options-title, 989#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-options-close-button { 990 display: none !important; 991} 992 993#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-options-list { 994 background: transparent; 995 display: flex; 996 flex-direction: column; 997 gap: 10px; 998 max-height: none; 999 overflow: visible; 1000 padding: 0; 1001} 1002 1003#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option {
1004 align-items: center; 1005 background: #ffffff; 1006 border: 1px solid #e5e7eb; 1007 border-radius: 12px; 1008 cursor: pointer; 1009 display: flex; 1010 gap: 12px; 1011 padding: 14px 16px; 1012 transition: 1013 background 150ms ease, 1014 border-color 150ms ease, 1015 color 150ms ease; 1016 width: 100%; 1017} 1018 1019#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option:last-child { 1020 border: 1px solid #e5e7eb; 1021} 1022 1023#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option:hover { 1024 border-color: var(--chooser-label-color); 1025} 1026 1027#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option:has(.chooser-field-multiselect-checkbox:checked) { 1028 background: #f4f5fb; 1029 background: color-mix(in srgb, var(--chooser-label-color) 12%, white); 1030 border-color: var(--chooser-label-color); 1031} 1032 1033#salespeak-chooser 1034 .chooser-container--wizard 1035 .chooser-field-multiselect-option:has(.chooser-field-multiselect-checkbox:checked) 1036 .chooser-field-multiselect-label { 1037 color: var(--chooser-label-color); 1038 font-weight: 500; 1039 opacity: 1; 1040} 1041 1042#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option .chooser-field-multiselect-checkbox { 1043 -webkit-appearance: none; 1044 appearance: none; 1045 align-items: center; 1046 background: #ffffff; 1047 border: 1.5px solid #d1d5db; 1048 border-radius: 4px; 1049 cursor: pointer; 1050 display: flex; 1051 flex-shrink: 0; 1052 height: 18px; 1053 justify-content: center; 1054 margin: 0; 1055 transition: 1056 background 150ms ease, 1057 border-color 150ms ease; 1058 width: 18px; 1059} 1060 1061#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option .chooser-field-multiselect-checkbox:checked { 1062 background: var(--chooser-label-color) 1063 url(${le}) 1064 center / 14px no-repeat; 1065 border-color: var(--chooser-label-color); 1066} 1067 1068#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option .chooser-field-multiselect-label { 1069 color: #1f2937; 1070 flex: 1; 1071 font-size: 14px; 1072 font-weight: 400; 1073 margin: 0; 1074 opacity: 1; 1075} 1076 1077/* Pills stack vertically full-width to match the screenshot row look */ 1078#salespeak-chooser .chooser-container--wizard .chooser-field-pills-container { 1079 flex-direction: column; 1080 flex-wrap: nowrap; 1081 gap: 10px; 1082 width: 100%; 1083} 1084 1085#salespeak-chooser .chooser-container--wizard .chooser-field-pill { 1086 background: #ffffff; 1087 border: 1px solid #e5e7eb; 1088 border-radius: 12px; 1089 cursor: pointer; 1090 justify-content: flex-start; 1091 padding: 14px 16px; 1092 transition: 1093 background 150ms ease, 1094 border-color 150ms ease; 1095 width: 100%; 1096} 1097 1098#salespeak-chooser .chooser-container--wizard .chooser-field-pill:hover { 1099 border-color: var(--chooser-label-color); 1100} 1101 1102#salespeak-chooser .chooser-container--wizard .chooser-field-pill--checked { 1103 background: #f4f5fb; 1104 background: color-mix(in srgb, var(--chooser-label-color) 12%, white); 1105 border-color: var(--chooser-label-color); 1106} 1107 1108#salespeak-chooser .chooser-container--wizard .chooser-field-pill--checked .chooser-field-pill-label { 1109 color: var(--chooser-label-color); 1110 font-weight: 500; 1111} 1112 1113#salespeak-chooser .chooser-footer--hidden { 1114 display: none !important; 1115} 1116 1117#salespeak-chooser .chooser-wizard-actions { 1118 align-items: center; 1119 display: flex; 1120 gap: 12px; 1121 justify-content: space-between; 1122 padding: 4px 4px 0; 1123 width: 100%; 1124} 1125 1126#salespeak-chooser .chooser-wizard-back, 1127#salespeak-chooser .chooser-wizard-next { 1128 border: 0; 1129 border-radius: 999px; 1130 cursor: pointer; 1131 font-size: 14px; 1132 font-weight: 500; 1133 padding: 12px 24px; 1134 transition: 1135 background 150ms ease, 1136 border-color 150ms ease, 1137 color 150ms ease, 1138 opacity 150ms ease; 1139} 1140 1141#salespeak-chooser .chooser-wizard-back { 1142 background: transparent; 1143 border: 1px solid #d1d5db; 1144 color: #1f2937; 1145} 1146 1147#salespeak-chooser .chooser-wizard-back:hover { 1148 border-color: #9ca3af; 1149} 1150 1151#salespeak-chooser .chooser-wizard-back--hidden { 1152 pointer-events: none; 1153 visibility: hidden; 1154} 1155 1156#salespeak-chooser .chooser-wizard-next { 1157 color: #ffffff; 1158} 1159 1160#salespeak-chooser .chooser-wizard-next:hover { 1161 opacity: 0.9; 1162} 1163 1164#salespeak-chooser .chooser-container--wizard .chooser-field-error-message { 1165 left: 0; 1166 margin-top: 4px; 1167 position: relative; 1168 top: 0; 1169} 1170 1171@media (max-width: 700px) { 1172 #salespeak-chooser .chooser-container--wizard .chooser-fields-form, 1173 #salespeak-chooser .chooser-wizard-progress { 1174 padding: 20px; 1175 } 1176 1177 #salespeak-chooser .chooser-wizard-actions { 1178 padding: 4px 0 0; 1179 } 1180} 1181 1182/* WCAG 2.3.3 (AAA) \u2014 respect prefers-reduced-motion */ 1183@media (prefers-reduced-motion: reduce) { 1184 #salespeak-chooser *, 1185 #salespeak-chooser *::before, 1186 #salespeak-chooser *::after { 1187 animation-duration: 0.01ms !important; 1188 animation-iteration-count: 1 !important; 1189 transition-duration: 0.01ms !important; 1190 } 1191} 1192 1193/* Wizard: make the entire option/pill clickable, not just the inner label text. 1194 Strip the parent's padding and stretch the label to fill the card so its 1195 native for= toggles the checkbox from anywhere outside the checkbox itself. */ 1196#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option { 1197 overflow: hidden; 1198 padding: 0; 1199} 1200 1201#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option .chooser-field-multiselect-checkbox { 1202 flex-shrink: 0; 1203 margin-left: 16px; 1204} 1205 1206#salespeak-chooser .chooser-container--wizard .chooser-field-multiselect-option .chooser-field-multiselect-label {
1207 align-items: center; 1208 align-self: stretch; 1209 display: flex; 1210 flex: 1; 1211 margin: 0; 1212 padding: 14px 16px 14px 0; 1213} 1214 1215/* Wizard single-select steps: the option card IS the control. The radio input stays in the 1216 DOM (keyboard focus, arrow-key navigation, native exclusivity) but is visually hidden, so 1217 the card highlight from the :has(:checked) rule above is the only selected state. Without 1218 this, single- and multi-select steps both showed checkboxes and looked interchangeable. */ 1219#salespeak-chooser .chooser-container--wizard .chooser-field--select .chooser-field-multiselect-option { 1220 position: relative; 1221} 1222 1223#salespeak-chooser .chooser-container--wizard .chooser-field--select .chooser-field-multiselect-checkbox--radio { 1224 height: 0; 1225 margin: 0; 1226 opacity: 0; 1227 pointer-events: none; 1228 position: absolute; 1229 width: 0; 1230} 1231 1232#salespeak-chooser .chooser-container--wizard .chooser-field--select .chooser-field-multiselect-label { 1233 padding-left: 16px; 1234} 1235 1236#salespeak-chooser 1237 .chooser-container--wizard 1238 .chooser-field-multiselect-option:has(.chooser-field-multiselect-checkbox--radio:focus-visible) { 1239 outline: 2px solid var(--chooser-label-color); 1240 outline-offset: 2px; 1241} 1242 1243#salespeak-chooser .chooser-container--wizard .chooser-field-pill { 1244 overflow: hidden; 1245 padding: 0; 1246} 1247 1248#salespeak-chooser .chooser-container--wizard .chooser-field-pill .chooser-field-pill-label { 1249 align-items: center; 1250 align-self: stretch; 1251 display: flex; 1252 flex: 1; 1253 margin: 0; 1254 padding: 14px 16px; 1255 width: 100%; 1256} 1257 1258/* Wizard: "More information" / "anything else" step renders as a real textarea \u2014 1259 left-aligned, full-width, multi-line. Override the inline maxWidth applied for 1260 the inline (non-wizard) layout. */ 1261#salespeak-chooser .chooser-container--wizard .chooser-field--more-information { 1262 align-items: stretch; 1263 max-width: 100% !important; 1264 padding-inline: 0 !important; 1265 text-align: left; 1266 width: 100%; 1267} 1268 1269#salespeak-chooser .chooser-container--wizard .chooser-field--more-information .chooser-field-input-container { 1270 align-items: stretch; 1271 min-height: 140px; 1272} 1273 1274#salespeak-chooser .chooser-container--wizard .chooser-field--more-information .chooser-field-input { 1275 font-family: inherit; 1276 font-size: 16px; 1277 line-height: 1.5; 1278 min-height: 100px; 1279 resize: vertical; 1280 text-align: left; 1281 width: 100%; 1282} 1283 1284#salespeak-chooser .chooser-container--wizard .chooser-field-consent { 1285 align-items: flex-start; 1286 display: flex; 1287 gap: 8px; 1288 margin-top: 12px; 1289 /* Indent so the consent visually nests under the email input text (matches the input container's 16px inline padding). */ 1290 padding-inline-start: 16px; 1291 width: 100%; 1292} 1293 1294#salespeak-chooser .chooser-container--wizard .chooser-field-consent-checkbox { 1295 accent-color: var(--chooser-label-color); 1296 flex-shrink: 0; 1297 height: 16px; 1298 margin-top: 2px; 1299 width: 16px; 1300} 1301 1302#salespeak-chooser .chooser-container--wizard .chooser-field-consent-text { 1303 color: var(--chooser-text-color); 1304 cursor: pointer; 1305 font-size: 13px; 1306 line-height: 1.5; 1307} 1308 1309#salespeak-chooser .chooser-container--wizard .chooser-field-consent-text a { 1310 color: var(--chooser-label-color); 1311 text-decoration: underline; 1312} 1313 1314#salespeak-chooser .chooser-container--wizard .chooser-field-consent-text p { 1315 margin: 0; 1316} 1317 1318#salespeak-chooser .chooser-container--wizard .chooser-field-consent--error .chooser-field-consent-checkbox { 1319 accent-color: #dc2626; 1320 outline: 1px solid #dc2626; 1321 outline-offset: 2px; 1322} 1323 1324#salespeak-chooser .chooser-container--wizard .chooser-field-consent-error { 1325 color: #dc2626; 1326 display: none; 1327 font-size: 12px; 1328 line-height: 1.4; 1329 margin-top: 6px; 1330 padding-inline-start: 16px; 1331} 1332 1333#salespeak-chooser .chooser-container--wizard .chooser-field-consent-error--show { 1334 display: block; 1335} 1336 1337/* Horizontal wizard layout (opt-in via chooserWizardLayout: 'horizontal'): question on the 1338 left, options on the right. Applies to select/multiselect question steps only; text/lead 1339 fields keep the default stacked layout. Collapses back to stacked below 760px. */ 1340@media (min-width: 760px) { 1341 #salespeak-chooser .chooser-container--wizard-horizontal .chooser-field--wizard-active.chooser-field--select, 1342 #salespeak-chooser .chooser-container--wizard-horizontal .chooser-field--wizard-active.chooser-field--multiselect { 1343 display: grid; 1344 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); 1345 /* label, sub-head, error stack at the top of col 1; the 1fr spacer absorbs the 1346 extra height so the sub-head sits directly under the question (not floating). */ 1347 grid-template-rows: auto auto auto 1fr; 1348 column-gap: 40px; 1349 row-gap: 0; 1350 align-items: start; 1351 } 1352 1353 #salespeak-chooser .chooser-container--wizard-horizontal .chooser-field--wizard-active.chooser-field--select > .chooser-field-label, 1354 #salespeak-chooser .chooser-container--wizard-horizontal .chooser-field--wizard-active.chooser-field--select > .chooser-field-sublabel, 1355 #salespeak-chooser 1356 .chooser-container--wizard-horizontal 1357 .chooser-field--wizard-active.chooser-field--select 1358 > .chooser-field-error-message, 1359 #salespeak-chooser 1360 .chooser-container--wizard-horizontal 1361 .chooser-field--wizard-active.chooser-field--multiselect 1362 > .chooser-field-label, 1363 #salespeak-chooser 1364 .chooser-container--wizard-horizontal 1365 .chooser-field--wizard-active.chooser-field--multiselect 1366 > .chooser-field-sublabel, 1367 #salespeak-chooser 1368 .chooser-container--wizard-horizontal 1369 .chooser-field--wizard-active.chooser-field--multiselect 1370 > .chooser-field-error-message { 1371 grid-column: 1; 1372 } 1373 1374 #salespeak-chooser 1375 .chooser-container--wizard-horizontal 1376 .chooser-field--wizard-active.chooser-field--select 1377 > .chooser-field-multiselect-container, 1378 #salespeak-chooser 1379 .chooser-container--wizard-horizontal 1380 .chooser-field--wizard-active.chooser-field--multiselect 1381 > .chooser-field-multiselect-container { 1382 grid-column: 2; 1383 grid-row: 1 / -1; 1384 align-self: start; 1385 } 1386} 1387 1388/* The final step is the lead-capture form, not a question \u2014 hide the "Question" eyebrow so it 1389 doesn't occupy the first grid cell and break the 2-column alignment. */ 1390#salespeak-chooser .chooser-container--wizard .chooser-fields-form--wizard-last .chooser-wizard-question-eyebrow { 1391 display: none; 1392} 1393 1394/* Final wizard step groups the lead-capture fields \u2014 lay them out in 2 columns so the form 1395 isn't one long column. Company (website) and the More information textarea span full width. 1396 Gated to >=700px (like the other wizard layout rules) so it stays single-column on phones. */ 1397@media (min-width: 700px) { 1398 #salespeak-chooser .chooser-container--wizard .chooser-fields-form--wizard-last { 1399 display: grid; 1400 grid-template-columns: 1fr 1fr; 1401 column-gap: 24px; 1402 row-gap: 16px; 1403 align-items: start; 1404 } 1405 1406 #salespeak-chooser .chooser-container--wizard .chooser-fields-form--wizard-last .chooser-field--more-information { 1407 grid-column: 1 / -1; 1408 } 1409} 1410 1411/* Opt-out of the "Anything else\u2026" free-text box on the final step. !important beats the 1412 higher-specificity .chooser-field--wizard-active display:flex on the final step. */ 1413#salespeak-chooser .chooser-container--wizard-no-moreinfo .chooser-field--more-information { 1414 display: none !important; 1415} 1416
1417/* "Skip and view results" \u2014 secondary button, grouped to the right next to the submit button. */ 1418#salespeak-chooser .chooser-wizard-skip { 1419 margin-left: auto; 1420 border: 1px solid var(--chooser-label-color); 1421 border-radius: 999px; 1422 background: transparent; 1423 color: var(--chooser-label-color); 1424 cursor: pointer; 1425 font-size: 15px; 1426 font-weight: 600; 1427 padding: 12px 22px; 1428} 1429 1430#salespeak-chooser .chooser-wizard-skip:hover { 1431 background: rgba(0, 0, 0, 0.04); 1432} 1433 1434#salespeak-chooser .chooser-wizard-skip.chooser-wizard-skip--hidden { 1435 display: none; 1436} 1437 1438/* Wizard text fields (e.g. Company website): render the sub-head/hint BELOW the input so it 1439 lines up with the email's consent text and both columns align (label -> input -> note). */ 1440#salespeak-chooser .chooser-container--wizard .chooser-field--text .chooser-field-sublabel { 1441 order: 1; 1442 margin-top: 8px; 1443} 1444`,""]);const ne=J},62(q){q.exports=function(v,p){return p||(p={}),v&&(v=String(v.__esModule?v.default:v),/^['"].*['"]$/.test(v)&&(v=v.slice(1,-1)),p.hash&&(v+=p.hash),/["'() \t\n]|(%20)/.test(v)||p.needQuotes?'"'.concat(v.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):v)}},8328(q){q.exports="data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M3.5 8.5L6.5 11.5L12.5 5.5%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.