@hhgtech/hhg-components 1.22.9 → 1.22.10

package/build/esm/index.js

@@ -1 +1 @@
-export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-2cf746a8.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-7b7b3406.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-649fc75a.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-681be88e.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-c44ed8d3.js";export{u as useHealthToolsCache}from"./useHealthToolCache-4416dcd1.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-c27099c7.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-2b84314e.js";export{B as BookingSearchBar,t as CareTypes}from"./types-d1fd7d11.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-ed780131.js";import"./core-8c1d445f.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"react-dom";import"./index-d20231b7.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
+export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-2cf746a8.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-5a0d36de.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-6f851157.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-fcd90b74.js";export{H as Heading}from"./index-0c0ea915.js";export{I as Input}from"./index-8b13ba47.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-018c49c5.js";export{P as PureInput}from"./index-f59fd5b3.js";export{T as Text}from"./index-b39dee28.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-e2638b17.js";export{C as Container}from"./index-f8c330c6.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-681be88e.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-5c74c566.js";export{u as useHealthToolsCache}from"./useHealthToolCache-4416dcd1.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-c27099c7.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-a219eed8.js";export{B as BookingSearchBar,t as CareTypes}from"./types-5dc38a6e.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"date-fns";import"react-range";import"./types-f57c9932.js";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-ed780131.js";import"./core-8c1d445f.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"react-dom";import"./index-d20231b7.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";

package/build/esm/lead.js

@@ -0,0 +1 @@
+import{d as n,e,b as t,_ as o,a}from"./tslib.es6-2fa94e2c.js";import l,{createContext as i,useContext as r,useState as d,useEffect as c,useMemo as p,useRef as s}from"react";import m from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as h}from"./translationsContext-e7808c8f.js";import{g as b,s as g}from"./cookieHelper-8c12973e.js";import{a as f}from"./utils-11febb09.js";import{v1 as x}from"uuid";import{u as _}from"./useTranslations-b3eb31ef.js";import k from"styled-components";import"string-format";var w=function(n){var e=n.onClose,t=n.containerClassName,o=n.svgClassName;return l.createElement("button",{onClick:e,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},l.createElement("svg",{className:"le-newbuilder-close-svg ".concat(o||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},l.createElement("defs",null,l.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},l.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),l.createElement("feFlood",{floodOpacity:".4"}),l.createElement("feComposite",{in2:"blur",operator:"in"}),l.createElement("feComposite",{in:"SourceGraphic"})),l.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),l.createElement("g",{filter:"url(#Ellipse_482)"},l.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),l.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),l.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},v=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.imageDestkop,i=n.imageMobile,r=n.onClose,d=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},l.createElement("div",{className:"le-center-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{className:"js-popup-other-submit",href:t,target:o?"blank":"_parent",onClick:d},l.createElement("img",{className:"le-only-mobile",src:i}),l.createElement("img",{className:"le-only-desktop",src:a})),l.createElement(w,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},y=function(n){var e=n.popupId,t=n.url,o=n.title,a=n.urlText,i=n.titleAlign,r=n.subtitle,d=n.subtitleAlign,c=n.newTab,p=n.imageDesktop,s=n.imageMobile,m=n.onClose,u=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},l.createElement("aside",{className:"le-only-desktop"},l.createElement("div",{className:"le-floating-desktop"},l.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},p?l.createElement("div",null,l.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:p})):null,l.createElement("div",{style:{padding:20}},l.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(d)},r)),l.createElement("a",{target:c?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a)),l.createElement(w,{onClose:m,containerClassName:"le-abs-outer-top-right"})))),l.createElement("aside",{className:"le-only-mobile"},l.createElement("div",{className:"le-floating-mobile"},l.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},l.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},l.createElement("div",null,l.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},o),l.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(d)},r)),s?l.createElement("div",null,l.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:s})):null),l.createElement("div",{style:{textAlign:"center",marginTop:10}},l.createElement("a",{target:c?"blank":"_parent",href:t,style:{textDecoration:"none"}},l.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},a))),l.createElement(w,{onClose:m,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},E=1,N=2,C="https://dev.leadgen.hellobacsi.com/",B=1,S=2,z="";C.includes("localhost")&&(C="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(z="pink");var T="https://"+location.hostname+location.pathname+location.search;T=T.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var L={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},j=L[document.documentElement.lang]||L["vi-VN"];var O=i({}),I=function(t){var o,a,i,s=t.popupId,m=t.extraFields,u=t.onClose,h=t.onOtherSubmit,b=t.imageMobile,g=t.imageDesktop,f=t.imageBackground,x=t.currentLayout,k=t.title,w=t.onSubmit,v=_().t,y=JSON.parse(m.listBlockAdded),E=JSON.parse(m.actionBlocks),N=JSON.parse(m.textBlocks),C=r(O).apiUrl,B=E.submitBlock.data.url,S=E.submitBlock.data.text,T=E.submitBlock.data.text2,L=E.submitBlock.data.value,I=location.pathname,A=x.includes("Inline"),D=x.includes("Inline")||"Sidebar"===x,M="Slider"===x,P=d(!0),F=P[0],R=P[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(x))return console.log("😎 Not show fullscreen, slider on mobile "),null;c((function(){(x.includes("LightBox")||"Fullscreen"==x)&&document.body.classList.add("noscroll")}),[]);var V=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?[3,1]:(o.target.setCustomValidity(v("validator.required")),[3,5]);case 1:return o.target.validity.valid?[3,2]:("tel"===t?o.target.setCustomValidity(v("validator.phone")):"date"===t?o.target.setCustomValidity(v("validator.date")):"email"===t&&o.target.setCustomValidity(v("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(v("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},q=p((function(){var n={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return y.map((function(e,t){var o,a;if("TitleBlock"==e.name)return l.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(o=e.data)||void 0===o?void 0:o.align)||"")," ").concat(z)},e.data.value);if("SubtitleBlock"==e.name)return l.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(a=e.data)||void 0===a?void 0:a.align)||"")," ").concat(z)},e.data.value);if("TextBlock"==e.name)return n.TextBlock+=1,l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"text"+(n.TextBlock>1?n.TextBlock:""),spellCheck:!1,type:"text",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("text",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/text.svg")})));if("NumberBlock"==e.name){var i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"number"+(n.NumberBlock?n.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("number",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/number.svg")})));return n.NumberBlock+=1,i}if("EmailBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"email"+(n.EmailBlock?n.EmailBlock:""),spellCheck:!1,type:"email",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("email",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/email.svg")})));return n.EmailBlock+=1,i}if("PhoneBlock"==e.name){i=l.createElement("div",{key:t},l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":e.data.value,name:"tel"+(n.PhoneBlock?n.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:e.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(n){return V("tel",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/tel.svg")})));return n.PhoneBlock+=1,i}if("DateBlock"==e.name){i=l.createElement("div",null,l.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":e.data.value,name:"date"+(n.DateBlock?n.DateBlock:""),placeholder:e.data.placeholder,onClick:function(n){n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){n.currentTarget.value||n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return V("date",n)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/date.svg")})));return n.DateBlock+=1,i}if("LinkButtonBlock"==e.name)return l.createElement("div",{key:t},l.createElement("a",{target:e.data.newtab?"blank":"parrent",href:e.data.url,style:{textDecoration:"none"}},l.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(z),onClick:function(){null==u||u(),null==h||h()}},e.data.value)));if("CheckboxBlock"==e.name){var r=e.data,d=r.listQuestion,c=r.isSendMailChimp,p=void 0!==c&&c;i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"mailchimp-".concat(e.data.value),"data-mailchimp":p}),d.map((function(t,o){return l.createElement("label",{key:o,className:"lead-checkbox-container"},l.createElement("input",{"data-key":e.data.value,name:"checkbox"+(n.CheckboxBlock?n.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(n){return V("checkbox",n)}}),l.createElement("span",{className:"lead-checkbox-checkmark"}),"$",t.placeholder)})));return n.CheckboxBlock+=1,i}if("RadioBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),d.map((function(t,o){return l.createElement("label",{className:"lead-radio-container",key:o},l.createElement("input",{"data-key":e.data.value,name:"radio"+(n.RadioBlock?n.RadioBlock:""),value:t.value,type:"radio",onChange:function(n){return V("radio",n)}}),l.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return n.RadioBlock+=1,i}if("DropdownBlock"==e.name){d=e.data.listQuestion,i=l.createElement("div",{key:t,style:{margin:"5px 0"}},l.createElement("div",{className:"le-checkbox-title"},e.data.placeholder),l.createElement("div",{className:"le-newbuilder-select-wrapper"},l.createElement("select",{className:"le-newbuilder-select","data-key":e.data.value,name:"dropdown"+(n.DropdownBlock?n.DropdownBlock:"")},d.forEach((function(n,e){return l.createElement("option",{key:e,value:n.value},n.placeholder)})))));return n.DropdownBlock+=1,i}}))}),[]);return x.includes("LightBox")||"Fullscreen"==x||"Slider"==x?l.createElement(l.Fragment,null,l.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n          background: url(".concat(b,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n        @media screen and (min-width:768px) {\n          .le-newbuilder-overlay {\n            background: url(").concat(g,") ;\n            background-repeat: no-repeat;\n            background-size: cover;\n          }\n        }")}}),l.createElement("div",{id:s,"data-popup-url":I,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(D?"le-buider-inline":""," ").concat(M?"le-buider-slider":"")},"Fullscreen"==x?l.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:f||""}):null,l.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(x)},l.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(x)},l.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(x)?b?l.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:b,alt:""}):null:l.createElement(l.Fragment,null,g?l.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:g,alt:""}):null,b?l.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:b,alt:""}):null)),l.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},l.createElement("form",{className:"lead-modal__form ".concat(s),onSubmit:w},l.createElement("div",{style:{marginBottom:20}},l.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(o=N.titleBlock.data)||void 0===o?void 0:o.align)," ").concat(z)},k),l.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(a=N.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(z)},N.subtitleBlock.data.value)),l.createElement("div",null,q),(null===(i=null==E?void 0:E.submitBlock)||void 0===i?void 0:i.isHide)?null:l.createElement(l.Fragment,null,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(z)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(z),type:"checkbox","aria-label":"Checkbox label",checked:F,onChange:function(n){return R(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},S," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:B||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},T)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(z),disabled:!F}," ",L))))),"$",A?l.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==x?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(z),onClick:u},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))):null))):null},A=function(n){var e=n.popupId,t=n.url,o=n.newTab,a=n.image,i=n.onClose,r=n.onOtherSubmit;return l.createElement("div",{id:e,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},l.createElement("div",{className:"le-tab-popup"},l.createElement("div",{style:{position:"relative"}},l.createElement("a",{href:t,target:o?"blank":"_parent",onClick:r},l.createElement("img",{className:"js-popup-other-submit",src:a})),l.createElement(w,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var D,M=function(n){var e,t,o=n.campaign,a=n.action,i=n.onSubmit,d=n.onClose;_().t;var p=r(O),m=p.apiUrl,u=p.siteDomain;c((function(){var n=b("_ga")||null;fetch("".concat(m,"api/campaign/").concat(w,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a,url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),ga_client_id:n})})}),[]);var h=o.extra_fields,f=o.image,k=o.image_desktop,w=o.code,E=o.image_background,N=h.currentLayout,C=h.imageBlocks?JSON.parse(h.imageBlocks):{},B=JSON.parse(h.actionBlocks),S=JSON.parse(h.textBlocks),z=(null===(t=null===(e=null==S?void 0:S.titleBlock)||void 0===e?void 0:e.data)||void 0===t?void 0:t.value)||"",T={1:{},2:{},3:{}},L=s("lead-modal-"+x()),j=function(n){if(void 0===n&&(n="Xin chao {{category_2}} extra"),n.includes("{{category_")){var e="{{category_".length,t=n.search("{{category_");return+n.charAt(e+t)}return null}(z);if(j){console.log("⚡️ Has categoryLevel",j);var D=Array.from(document.getElementsByTagName("META")),M=D.find((function(n){return n.name==="content_category_".concat(j)})),P=D.find((function(n){return n.name==="content_category_en_".concat(j)}));if(!M||!P)return console.log("⚡️ No META TAG for categoryLevel, not show popup",j),null;T[j]={value:M.content,value_en:P.content},z=z.replace("{{category_".concat(j,"}}"),M.content),console.log("⚡️ Set categoryData ",j)}else console.log("⚡️ No categoryLevel",j);var F=function(){var n,e,t,a;if(console.log("👌 Other submit click"),null==d||d(),document.body.classList.remove("noscroll"),h.currentLayout.includes("Skin")){var l=document.querySelector("#masthead");l&&(l.style.top="0px !important;")}var i=Number(null!==(e=null===(n=o.rules.find((function(n){return"days_to_show_again"==n.rule})))||void 0===n?void 0:n.value)&&void 0!==e?e:7),r=Number(null!==(a=null===(t=o.rules.find((function(n){return"show_again_after_submit"==n.rule})))||void 0===t?void 0:t.value)&&void 0!==a?a:0);0===r&&(console.log("⛔ Popup never show again!"),g("lead_submited_".concat(w),"target_".concat(h.popupVersion),{domain:"."+u,path:"/"})),1==r&&(console.log("⌛ Popup will show again after ".concat(i," days!")),g("lead_submited_".concat(w),"target_".concat(h.popupVersion),{domain:"."+u,days:i,path:"/"}));var c=b("_ga")||null,p={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:b("hhg-id"),ga_client_id:c};j&&(p.category=T[j].value_en),fetch("".concat(m,"api/campaign/").concat(w,"/lead"),{method:"POST",body:JSON.stringify(p),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(n){return n.json()})).then((function(n){"error"===n.status&&console.log(n)})).catch((function(n){console.error("Error:",n)}))};return"CenterTab"===N?l.createElement(v,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,imageMobile:f,imageDestkop:k,onClose:d,onOtherSubmit:F}):"Tab"===N?l.createElement(A,{popupId:L.current,url:C.imageMobile.data.url,newTab:C.imageMobile.data.newtab,image:f,onClose:d,onOtherSubmit:F}):"Floating"===N?l.createElement(y,{popupId:L.current,title:z,titleAlign:S.titleBlock.data.align,subtitle:S.subtitleBlock.data.value,subtitleAlign:S.subtitleBlock.data.align,url:B.linkButtonBlock.data.url,urlText:B.linkButtonBlock.data.value,newTab:B.linkButtonBlock.data.newtab,imageMobile:f,imageDesktop:k,onClose:d,onOtherSubmit:F}):N.includes("LightBox")||N.includes("Inline")||"Fullscreen"==N||"Sidebar"==N||"Slider"==N?l.createElement(I,{popupId:L.current,extraFields:h,onClose:d,onOtherSubmit:F,imageMobile:f,imageDesktop:k,imageBackground:E,currentLayout:N,title:z,onSubmit:function(n){return i(n,j,T,L.current)}}):null},P=function(t){var o=t.campaign,a=t.action,i=t.onSubmit,p=t.onClose,s=_().t,m=d(!0),u=m[0],h=m[1];c((function(){document.body.classList.add("noscroll");var n=b("_ga")||null;fetch("".concat(C,"api/campaign/").concat(x,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:a||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),ga_client_id:n})})}),[]);var g=o.extra_fields,f=o.image,x=o.code,k=g.title,w=g.desc,v=g.submit,y=g.popUpTermURL,E=g.popUpTermAgreeText,N=g.popUpTermText,C=r(O).apiUrl,B=g.fields?JSON.parse(g.fields):[],S={tel:0,text:0,date:0,email:0},T=function(t,o){return n(void 0,void 0,void 0,(function(){return e(this,(function(n){switch(n.label){case 0:return o.target.validity.valueMissing?[3,1]:(o.target.setCustomValidity(s("validator.required")),[3,5]);case 1:return o.target.validity.valid?[3,2]:("tel"===t?o.target.setCustomValidity(s("validator.phone")):"date"===t?o.target.setCustomValidity(s("validator.date")):"email"===t&&o.target.setCustomValidity(s("validator.email")),[3,5]);case 2:return"tel"!==t?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(o.target.value),j.countryCode)?o.target.setCustomValidity(""):o.target.setCustomValidity(s("validator.phone")),[3,5];case 4:o.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},L=B.map((function(n,e){var t=l.createElement(l.Fragment,null);return t="date"==n.control?l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,type:"date","data-key":n.listEdit[0].value,name:S.date?n.control+S.date:n.control,placeholder:n.listEdit[1].value||"...",onClick:function(n){return n.currentTarget.classList.remove("placeholderclass")},onBlur:function(n){return!n.currentTarget.value&&n.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})):l.createElement("div",{key:e,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},l.createElement("input",{required:!0,"data-key":n.listEdit[0].value,name:S[n.control]?n.control+S[n.control]:n.control,spellCheck:!1,type:n.control,placeholder:n.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(e){return T(n.control,e)}}),l.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(C,"admin/img/builder/").concat(n.name,".svg")})),"date"==n.control&&(S.date+=1),"text"==n.control&&(S.text+=1),"tel"==n.control&&(S.tel+=1),"email"==n.control&&(S.email+=1),t}));return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__content"},l.createElement("header",{className:"lead-modal__header"},!!f&&l.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:f,alt:""})),l.createElement("div",{className:"lead-modal__body"},l.createElement("h2",{className:"lead-modal__title ".concat(z)},k),l.createElement("p",{className:"lead-modal__description ".concat(z)},w),l.createElement("form",{className:"lead-modal__form",onSubmit:function(n){n.preventDefault(),i(n)}},L,l.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(z)},l.createElement("div",{className:"lead-modal__checkbox"},l.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(z),type:"checkbox","aria-label":"Checkbox label",checked:u,onChange:function(n){return h(n.currentTarget.checked)}}),l.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),l.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},E," ",l.createElement("span",{style:{fontWeight:"bold"}},l.createElement("a",{target:"blank",href:y||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},N)))),l.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(z),disabled:!u},v)))),l.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(z),onClick:p},l.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},l.createElement("title",null,"Close modal window"),l.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},l.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),l.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},F=function(n){var e=n.campaign,t=n.action,o=n.onSubmit,a=n.onClose;return e.extra_fields?"2.1"==e.extra_fields.popupVersion?l.createElement(M,{campaign:e,action:t,onSubmit:o,onClose:a}):l.createElement(P,{campaign:e,action:t,onSubmit:o,onClose:a}):null},R=k.div(D||(D=t(["\n  /* lead-modal : start */\n  .lead-modal {\n    font-family: 'Open sans', sans-serif !important;\n    position: fixed;\n    z-index: 99999;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    opacity: 1;\n    visibility: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: transparent;\n    padding: 10px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    white-space: normal !important;\n  }\n\n  .lead-modal__wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    background-color: #fff;\n    border-radius: 6px;\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  }\n\n  .lead-modal__content {\n    width: inherit;\n    overflow: auto;\n    /* min-height: 400px; */\n    max-height: calc(100vh - 125px);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .lead-modal__header {\n    padding: 0px 0px;\n  }\n\n  .lead-modal__image {\n    display: block;\n    margin: 0 auto;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  .lead-modal-image-logo {\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  .lead-modal-image-cover {\n    width: 100% !important;\n    padding: 0 0px;\n    border-top-left-radius: 4px;\n    border: none !important;\n    box-shadow: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    /* margin-top: 10px; */\n    /* border-radius: 4px; */\n  }\n\n  .lead-modal__body {\n    font-family: 'Open sans', sans-serif !important;\n    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.4px !important;\n    color: #2a4975 !important;\n    box-shadow: none !important;\n    padding-bottom: 0 !important;\n  }\n\n  .lead-modal__title.pink {\n    color: #2661ad !important;\n  }\n\n  .lead-modal__description {\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: normal !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.62 !important;\n    letter-spacing: 0.14px !important;\n    color: #2c87f3 !important;\n    margin-top: 10px !important;\n  }\n\n  .lead-modal__description.pink {\n    color: #3e3f58 !important;\n  }\n\n  .lead-modal__form-control-wrapper {\n    margin-top: 10px;\n    margin-left: 0px !important;\n    position: relative;\n  }\n\n  .lead-modal__form-control {\n    box-shadow: none !important;\n    height: 40px !important;\n    width: 100%;\n    padding-left: calc(15px + 1.5em + 15px) !important;\n    background-color: #fff !important;\n    padding-top: 10px !important;\n    padding-bottom: 10px !important;\n    padding-right: 15px !important;\n    border: solid 1px #dddddd !important;\n    color: #2a4975 !important;\n    line-height: 1.7em !important;\n    border-radius: 0 !important;\n    font-family: 'Open Sans', sans-serif !important;\n    background-image: linear-gradient(transparent, transparent) !important;\n    margin-left: 0px !important;\n    font-size: 14px !important;\n    line-height: 14px !important;\n  }\n\n  .lead-modal__form-control {\n    &:focus {\n      border-color: var(--color-primary);\n      box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n      outline: none;\n    }\n\n    &::-webkit-input-placeholder {\n      /* Chrome, Firefox, Opera, Safari 10.1+ */\n      color: #b5b5b5;\n    }\n\n    &::-moz-placeholder {\n      color: #b5b5b5;\n    }\n\n    &:-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::placeholder {\n      color: #b5b5b5;\n    }\n  }\n\n  img.lead-modal__form-control-icon {\n    display: inline-block !important;\n    color: #b5b5b5 !important;\n    fill: #b5b5b5 !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n    max-width: initial !important;\n    display: block !important;\n    position: absolute !important;\n    pointer-events: none !important;\n    left: 15px !important;\n    top: 10px !important;\n    height: 20px !important;\n    width: 20px !important;\n    border: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__checkbox-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    margin-top: 15px;\n    a {\n      color: #2c87f3 !important;\n      text-decoration: none !important;\n    }\n\n    a:visited {\n      color: #2c87f3 !important;\n    }\n    &.pink a,\n    &.pink a:visited {\n      color: #e55c8a !important;\n    }\n  }\n\n  .lead-modal__checkbox {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    font-size: 20px;\n  }\n\n  .lead-modal__checkbox__input {\n    position: relative;\n    margin: 0 !important;\n    padding: 0;\n    opacity: 0;\n    height: 1em !important;\n    width: 1em !important;\n    display: block;\n    z-index: 1;\n    font-size: 1em !important;\n  }\n\n  .lead-modal__checkbox__control {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    pointer-events: none;\n    transition: transform 0.2s;\n    color: #dddddd;\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n    }\n\n    &::before {\n      width: 120%;\n      height: 120%;\n      background-color: currentColor;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0);\n      opacity: 0;\n      border-radius: 50%;\n      will-change: transform;\n      transition: transform 0.2s;\n    }\n\n    &::after {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: #fff;\n      border-radius: 6px;\n      -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n      box-shadow: inset 0 0 0 1px #dddddd;\n    }\n\n    &:focus::after {\n      box-shadow: inset 0 0 0 1px #2c87f3;\n    }\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-color: currentColor;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 18px;\n    box-shadow: none;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n    color: #2c87f3;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n    color: var(--custom-checkbox-color-disabled);\n  }\n\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n    transform: scale(0.9);\n  }\n\n  .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n  .lead-modal__checkbox__input:indeterminate:active\n    ~ .lead-modal__checkbox__control {\n    transform: scale(1);\n  }\n\n  .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n    opacity: 0.2;\n    transform: translate(-50%, -50%) scale(1);\n  }\n\n  .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n    border-radius: 50% !important;\n  }\n\n  .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n    color: #2661ad;\n  }\n\n  .lead-modal__checkbox__input.pink:checked\n    ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input.pink:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-size: 12px;\n  }\n\n  .lead-modal__checkbox__label {\n    /* font-family: OpenSans; */\n    font-size: 13px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.14px;\n    color: #969696;\n    margin-left: 10px;\n    margin-bottom: 0 !important;\n  }\n\n  .lead-modal__btn {\n    display: block;\n    width: 100%;\n    border: none;\n    color: #fff;\n    padding: 12px 10px;\n    font-weight: 700;\n    text-align: center;\n    margin-top: 15px;\n    border-radius: 4px;\n    background-color: #2699fb;\n    transition: all 0.2s ease-in-out;\n    text-shadow: none !important;\n    box-shadow: none !important;\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 14px;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #e55c8a;\n    }\n\n    &.pink:hover {\n      background-color: #b4466a;\n    }\n  }\n\n  .lead-modal__close-btn {\n    position: absolute;\n    padding-top: 5px;\n    top: -15px;\n    right: -10px;\n    width: 35px;\n    height: 35px;\n    box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n    text-shadow: none !important;\n    background-color: #005cfd;\n    border-radius: 50%;\n    line-height: inherit;\n    appearance: none;\n    border: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease-in-out;\n    outline: none;\n    z-index: 1;\n    padding: 5px 13px !important;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #fff;\n    }\n\n    &.pink .lead-modal__close-icon {\n      color: #000;\n    }\n\n    &.pink:hover .lead-modal__close-icon {\n      color: #e55c8a;\n      transition: 0.3s all ease;\n    }\n  }\n\n  .lead-modal__close-icon {\n    display: inline-block;\n    color: #fff;\n    fill: #fff;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n    flex-shrink: 0;\n    max-width: initial;\n    transition: 0.3s all ease;\n  }\n\n  .lead-modal__thank-you {\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    text-align: center;\n    min-height: 400px;\n    h1 {\n      margin-top: 10px;\n      font-size: 32px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.23px;\n      color: #1b3250;\n    }\n\n    p {\n      margin-top: 5px;\n      font-size: 16px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.11px;\n      color: #1b3250;\n    }\n    img {\n      max-width: 100% !important;\n      border: none !important;\n      width: auto !important;\n      margin: 0 auto !important;\n    }\n\n    &.hidden {\n      display: none;\n    }\n  }\n\n  /* lead-modal : end */\n\n  .modal__container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000000000000;\n    pointer-events: none;\n    overflow-y: scroll;\n  }\n\n  .modal__content {\n    position: relative;\n    width: 80vw;\n    margin: auto 0;\n  }\n\n  /* Make clicks pass-through */\n  #nprogress {\n    pointer-events: none;\n  }\n\n  #nprogress .bar {\n    background: #223bdd;\n\n    position: fixed;\n    z-index: 1031;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n  }\n\n  /* Fancy blur effect */\n  #nprogress .peg {\n    display: block;\n    position: absolute;\n    right: 0px;\n    width: 100px;\n    height: 100%;\n    box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n    opacity: 1;\n    transform: rotate(3deg) translate(0px, -4px);\n  }\n\n  /* Remove these to get rid of the spinner */\n  #nprogress .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  #nprogress .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-top-color: #29d;\n    border-left-color: #29d;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .nprogress-custom-parent {\n    overflow: hidden;\n    position: relative;\n  }\n\n  .nprogress-custom-parent #nprogress .spinner,\n  .nprogress-custom-parent #nprogress .bar {\n    position: absolute;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n  @keyframes nprogress-spinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lead-modal__btn:disabled {\n    background: #d5d5d5 !important;\n  }\n\n  .dateclass {\n    width: 100%;\n  }\n\n  .dateclass.placeholderclass::before {\n    width: 100%;\n    content: attr(placeholder);\n    color: #b8b8b8;\n  }\n\n  .dateclass.placeholderclass:hover::before {\n    width: 0%;\n    content: '';\n  }\n\n  /* Change Autocomplete styles in Chrome*/\n  .lead-modal input:-webkit-autofill,\n  .lead-modal input:-webkit-autofill:hover,\n  .lead-modal input:-webkit-autofill:focus,\n  .lead-modal textarea:-webkit-autofill,\n  .lead-modal textarea:-webkit-autofill:hover,\n  .lead-modal textarea:-webkit-autofill:focus,\n  .lead-modal select:-webkit-autofill,\n  .lead-modal select:-webkit-autofill:hover,\n  .lead-modal select:-webkit-autofill:focus {\n    -webkit-box-shadow: 0 0 0 1000px white inset !important;\n    -webkit-text-fill-color: #2a4975;\n  }\n\n  .lead-modal label.error {\n    font-size: 13px;\n    color: #fa140f;\n    margin-bottom: 0;\n    margin-left: 0px !important;\n    line-height: 1.65 !important;\n    width: 100%;\n    display: block;\n  }\n\n  /* === Lead gen wrapper === */\n  .le-text-align-center {\n    text-align: center !important;\n  }\n  .le-text-align-left {\n    text-align: left !important;\n  }\n  .le-text-align-right {\n    text-align: right !important;\n  }\n\n  .le-only-desktop {\n    display: none !important;\n  }\n  .le-only-mobile {\n    display: block !important;\n  }\n\n  .le-only-desktop a {\n    text-decoration: none !important;\n  }\n\n  .le-only-mobile a {\n    text-decoration: none !important;\n  }\n\n  @media screen and (min-width: 992px) {\n    .le-newbuilder-LightBoxB,\n    .le-newbuilder-InlineB {\n      display: flex !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__header,\n    .le-newbuilder-InlineB .lead-modal__header {\n      max-width: 50%;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .le-only-desktop {\n      display: block !important;\n    }\n\n    .le-only-mobile {\n      display: none !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__body,\n    .le-newbuilder-InlineB .lead-modal__body {\n      flex: 1;\n    }\n\n    .le-newbuilder-wrap-LightBoxB {\n      max-width: 720px !important;\n    }\n    .le-newbuilder-wrap-InlineB {\n      max-width: 100% !important;\n    }\n    .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n      max-width: 400px !important;\n    }\n  }\n\n  .lead-modal__title {\n    margin: 7px 0 !important;\n  }\n\n  .lead-modal__description {\n    margin: 0;\n  }\n\n  .lead-modal-image-cover,\n  .lead-modal__wrapper {\n    border-radius: 0px !important;\n  }\n\n  .lead-modal__form {\n    margin: 0;\n    display: block !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    margin-top: 0px;\n  }\n\n  .lead-modal__thank-you {\n    width: 100%;\n  }\n\n  /* Skins */\n  .le-skin-a-desktop {\n    position: fixed;\n    z-index: 99999;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-skin-b-desktop {\n  }\n\n  .le-join-now {\n  }\n\n  .le-joinbow-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 16px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    cursor: pointer !important;\n  }\n  .le-joinbow-btn:hover {\n    border: 1px solid white !important;\n  }\n\n  .le-joinbow-btn-mobile {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n  }\n\n  .le-newbuilder-close-svg {\n    border-radius: 50%;\n    width: 35px;\n    height: 35px;\n    background: #005cfd;\n    cursor: pointer !important;\n  }\n  .le-mobile-btn {\n    width: 24px;\n    height: 24px;\n  }\n\n  .le-newbuilder-close-button {\n    padding: 0;\n    background: transparent;\n    box-shadow: none;\n    border: none;\n    width: auto !important;\n    cursor: pointer !important;\n  }\n  .le-abs-top-right {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .le-abs-outer-top-right {\n    position: absolute;\n    right: 0px;\n    top: -45px;\n  }\n\n  /* Skin floating */\n  .le-floating-desktop {\n    position: fixed;\n    bottom: 40px;\n    left: 25px;\n    z-index: 9999;\n  }\n\n  .le-floating-desktop-wrap {\n    background: #fff;\n    backdrop-filter: blur(30px);\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 0px;\n    padding-right: 30px;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-floating-desktop-title {\n    font-size: 20px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    max-width: 530px;\n  }\n  .le-floating-desktop-desc {\n    font-size: 13px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n    max-width: 530px;\n  }\n\n  .le-joinbow-floating-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 40px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    font-weight: 500;\n    cursor: pointer !important;\n  }\n\n  /* // Floating mobile */\n  .le-floating-mobile {\n    position: fixed;\n    bottom: 0px;\n    left: 0px;\n    width: 100%;\n    z-index: 9999;\n  }\n  .le-abs-outer-mobile-top-right {\n    position: absolute;\n    right: 2px;\n    top: -30px;\n  }\n\n  .le-floating-mobile-wrap {\n    background: #fff;\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 10px 15px;\n  }\n  .le-floating-mobile-title {\n    font-size: 18px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    font-weight: 600;\n  }\n  .le-floating-mobile-desc {\n    font-size: 12px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n  }\n\n  /* // Tab popup */\n  .le-tab-popup {\n    position: fixed;\n    bottom: 15px;\n    left: 15px;\n    max-width: 150px;\n  }\n  .le-abs-outer-mobile-top-right-2 {\n    position: absolute;\n    right: -12px;\n    top: -15px;\n  }\n\n  .le-center-tab-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99999999 !important;\n    width: calc(100% - 40px);\n    max-width: 400px;\n  }\n\n  .le-center-tab-popup img {\n    max-width: 100% !important;\n  }\n\n  /* // Popup */\n  .le-checkbox-title {\n    font-size: 15px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    color: #2a4975;\n    margin: 13px 0 !important;\n    /* line-height: 1.65 !important; */\n  }\n\n  /* Checkbox */\n  .lead-checkbox-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-checkbox-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 4px;\n    flex: 0 0 24px;\n  }\n\n  .lead-checkbox-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-checkbox-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n    left: 8px;\n    top: 3px;\n    width: 7px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  /* End checkbox */\n\n  .le-fullscreen-img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  @media screen and (min-width: 768px) {\n    .lead-fullscreen-desktop-close-btn {\n      position: fixed;\n      top: 27px;\n      right: 23px;\n    }\n  }\n\n  /* // Inline */\n  .lead-modal.le-buider-inline {\n    position: static;\n    display: block;\n    padding: 20px 0;\n    height: initial !important;\n    padding-top: 10px;\n  }\n\n  .lead-modal.le-buider-inline .lead-modal__wrapper {\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content {\n    max-height: initial !important;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n    /* height: auto !important; */\n    object-fit: fill;\n  }\n\n  .le-thankyou-title {\n    font-size: 24px !important;\n    margin-bottom: 8px !important;\n    color: #2a4975 !important;\n  }\n\n  .le-thankyou-subtitle {\n    font-size: 14px !important;\n    color: #2699fb !important;\n    margin: 0 !important;\n  }\n\n  /* Radio */\n  .lead-radio-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-radio-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 50%;\n    flex: 0 0 24px;\n  }\n\n  .lead-radio-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-radio-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n    left: 50%;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n  }\n  /* End Radio */\n\n  /* Dropdown */\n  .le-newbuilder-select {\n    width: 100%;\n    padding: 12px;\n    border-radius: 4px;\n    border: solid 1px #d0d0d0;\n    outline: none;\n    appearance: none;\n    font-size: 15px;\n    padding-right: 35px;\n  }\n  .le-newbuilder-select-wrapper {\n    position: relative;\n  }\n  .le-newbuilder-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 15px;\n    top: 18px;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 2px solid #616060;\n    border-left: transparent;\n    border-top: transparent;\n  }\n  /* End Dropdown */\n\n  .le-buider-slider {\n    width: 420px;\n    height: auto;\n    bottom: 15px;\n    top: unset;\n    left: -200px;\n    animation: le-builder-slide 0.5s forwards;\n  }\n\n  @keyframes le-builder-slide {\n    100% {\n      left: 15px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .le-buider-slider,\n    .le-buider-fullscreen {\n      display: none !important;\n    }\n  }\n\n  .le-skin-mobile {\n    margin-top: 64px;\n  }\n"],["\n  /* lead-modal : start */\n  .lead-modal {\n    font-family: 'Open sans', sans-serif !important;\n    position: fixed;\n    z-index: 99999;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    opacity: 1;\n    visibility: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: transparent;\n    padding: 10px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    white-space: normal !important;\n  }\n\n  .lead-modal__wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    background-color: #fff;\n    border-radius: 6px;\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  }\n\n  .lead-modal__content {\n    width: inherit;\n    overflow: auto;\n    /* min-height: 400px; */\n    max-height: calc(100vh - 125px);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .lead-modal__header {\n    padding: 0px 0px;\n  }\n\n  .lead-modal__image {\n    display: block;\n    margin: 0 auto;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  .lead-modal-image-logo {\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  .lead-modal-image-cover {\n    width: 100% !important;\n    padding: 0 0px;\n    border-top-left-radius: 4px;\n    border: none !important;\n    box-shadow: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    /* margin-top: 10px; */\n    /* border-radius: 4px; */\n  }\n\n  .lead-modal__body {\n    font-family: 'Open sans', sans-serif !important;\n    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 20px !important;\n    font-weight: bold !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.4px !important;\n    color: #2a4975 !important;\n    box-shadow: none !important;\n    padding-bottom: 0 !important;\n  }\n\n  .lead-modal__title.pink {\n    color: #2661ad !important;\n  }\n\n  .lead-modal__description {\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: normal !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.62 !important;\n    letter-spacing: 0.14px !important;\n    color: #2c87f3 !important;\n    margin-top: 10px !important;\n  }\n\n  .lead-modal__description.pink {\n    color: #3e3f58 !important;\n  }\n\n  .lead-modal__form-control-wrapper {\n    margin-top: 10px;\n    margin-left: 0px !important;\n    position: relative;\n  }\n\n  .lead-modal__form-control {\n    box-shadow: none !important;\n    height: 40px !important;\n    width: 100%;\n    padding-left: calc(15px + 1.5em + 15px) !important;\n    background-color: #fff !important;\n    padding-top: 10px !important;\n    padding-bottom: 10px !important;\n    padding-right: 15px !important;\n    border: solid 1px #dddddd !important;\n    color: #2a4975 !important;\n    line-height: 1.7em !important;\n    border-radius: 0 !important;\n    font-family: 'Open Sans', sans-serif !important;\n    background-image: linear-gradient(transparent, transparent) !important;\n    margin-left: 0px !important;\n    font-size: 14px !important;\n    line-height: 14px !important;\n  }\n\n  .lead-modal__form-control {\n    &:focus {\n      border-color: var(--color-primary);\n      box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n      outline: none;\n    }\n\n    &::-webkit-input-placeholder {\n      /* Chrome, Firefox, Opera, Safari 10.1+ */\n      color: #b5b5b5;\n    }\n\n    &::-moz-placeholder {\n      color: #b5b5b5;\n    }\n\n    &:-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::placeholder {\n      color: #b5b5b5;\n    }\n  }\n\n  img.lead-modal__form-control-icon {\n    display: inline-block !important;\n    color: #b5b5b5 !important;\n    fill: #b5b5b5 !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n    max-width: initial !important;\n    display: block !important;\n    position: absolute !important;\n    pointer-events: none !important;\n    left: 15px !important;\n    top: 10px !important;\n    height: 20px !important;\n    width: 20px !important;\n    border: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__checkbox-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    margin-top: 15px;\n    a {\n      color: #2c87f3 !important;\n      text-decoration: none !important;\n    }\n\n    a:visited {\n      color: #2c87f3 !important;\n    }\n    &.pink a,\n    &.pink a:visited {\n      color: #e55c8a !important;\n    }\n  }\n\n  .lead-modal__checkbox {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    font-size: 20px;\n  }\n\n  .lead-modal__checkbox__input {\n    position: relative;\n    margin: 0 !important;\n    padding: 0;\n    opacity: 0;\n    height: 1em !important;\n    width: 1em !important;\n    display: block;\n    z-index: 1;\n    font-size: 1em !important;\n  }\n\n  .lead-modal__checkbox__control {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    pointer-events: none;\n    transition: transform 0.2s;\n    color: #dddddd;\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n    }\n\n    &::before {\n      width: 120%;\n      height: 120%;\n      background-color: currentColor;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0);\n      opacity: 0;\n      border-radius: 50%;\n      will-change: transform;\n      transition: transform 0.2s;\n    }\n\n    &::after {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: #fff;\n      border-radius: 6px;\n      -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n      box-shadow: inset 0 0 0 1px #dddddd;\n    }\n\n    &:focus::after {\n      box-shadow: inset 0 0 0 1px #2c87f3;\n    }\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-color: currentColor;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 18px;\n    box-shadow: none;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n    color: #2c87f3;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n    color: var(--custom-checkbox-color-disabled);\n  }\n\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n    transform: scale(0.9);\n  }\n\n  .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n  .lead-modal__checkbox__input:indeterminate:active\n    ~ .lead-modal__checkbox__control {\n    transform: scale(1);\n  }\n\n  .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n    opacity: 0.2;\n    transform: translate(-50%, -50%) scale(1);\n  }\n\n  .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n    border-radius: 50% !important;\n  }\n\n  .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n    color: #2661ad;\n  }\n\n  .lead-modal__checkbox__input.pink:checked\n    ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input.pink:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-size: 12px;\n  }\n\n  .lead-modal__checkbox__label {\n    /* font-family: OpenSans; */\n    font-size: 13px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.14px;\n    color: #969696;\n    margin-left: 10px;\n    margin-bottom: 0 !important;\n  }\n\n  .lead-modal__btn {\n    display: block;\n    width: 100%;\n    border: none;\n    color: #fff;\n    padding: 12px 10px;\n    font-weight: 700;\n    text-align: center;\n    margin-top: 15px;\n    border-radius: 4px;\n    background-color: #2699fb;\n    transition: all 0.2s ease-in-out;\n    text-shadow: none !important;\n    box-shadow: none !important;\n    font-family: 'Open sans', sans-serif !important;\n    font-size: 14px;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #e55c8a;\n    }\n\n    &.pink:hover {\n      background-color: #b4466a;\n    }\n  }\n\n  .lead-modal__close-btn {\n    position: absolute;\n    padding-top: 5px;\n    top: -15px;\n    right: -10px;\n    width: 35px;\n    height: 35px;\n    box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n    text-shadow: none !important;\n    background-color: #005cfd;\n    border-radius: 50%;\n    line-height: inherit;\n    appearance: none;\n    border: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease-in-out;\n    outline: none;\n    z-index: 1;\n    padding: 5px 13px !important;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #fff;\n    }\n\n    &.pink .lead-modal__close-icon {\n      color: #000;\n    }\n\n    &.pink:hover .lead-modal__close-icon {\n      color: #e55c8a;\n      transition: 0.3s all ease;\n    }\n  }\n\n  .lead-modal__close-icon {\n    display: inline-block;\n    color: #fff;\n    fill: #fff;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n    flex-shrink: 0;\n    max-width: initial;\n    transition: 0.3s all ease;\n  }\n\n  .lead-modal__thank-you {\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    text-align: center;\n    min-height: 400px;\n    h1 {\n      margin-top: 10px;\n      font-size: 32px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.23px;\n      color: #1b3250;\n    }\n\n    p {\n      margin-top: 5px;\n      font-size: 16px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.11px;\n      color: #1b3250;\n    }\n    img {\n      max-width: 100% !important;\n      border: none !important;\n      width: auto !important;\n      margin: 0 auto !important;\n    }\n\n    &.hidden {\n      display: none;\n    }\n  }\n\n  /* lead-modal : end */\n\n  .modal__container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000000000000;\n    pointer-events: none;\n    overflow-y: scroll;\n  }\n\n  .modal__content {\n    position: relative;\n    width: 80vw;\n    margin: auto 0;\n  }\n\n  /* Make clicks pass-through */\n  #nprogress {\n    pointer-events: none;\n  }\n\n  #nprogress .bar {\n    background: #223bdd;\n\n    position: fixed;\n    z-index: 1031;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n  }\n\n  /* Fancy blur effect */\n  #nprogress .peg {\n    display: block;\n    position: absolute;\n    right: 0px;\n    width: 100px;\n    height: 100%;\n    box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n    opacity: 1;\n    transform: rotate(3deg) translate(0px, -4px);\n  }\n\n  /* Remove these to get rid of the spinner */\n  #nprogress .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  #nprogress .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-top-color: #29d;\n    border-left-color: #29d;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .nprogress-custom-parent {\n    overflow: hidden;\n    position: relative;\n  }\n\n  .nprogress-custom-parent #nprogress .spinner,\n  .nprogress-custom-parent #nprogress .bar {\n    position: absolute;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n  @keyframes nprogress-spinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lead-modal__btn:disabled {\n    background: #d5d5d5 !important;\n  }\n\n  .dateclass {\n    width: 100%;\n  }\n\n  .dateclass.placeholderclass::before {\n    width: 100%;\n    content: attr(placeholder);\n    color: #b8b8b8;\n  }\n\n  .dateclass.placeholderclass:hover::before {\n    width: 0%;\n    content: '';\n  }\n\n  /* Change Autocomplete styles in Chrome*/\n  .lead-modal input:-webkit-autofill,\n  .lead-modal input:-webkit-autofill:hover,\n  .lead-modal input:-webkit-autofill:focus,\n  .lead-modal textarea:-webkit-autofill,\n  .lead-modal textarea:-webkit-autofill:hover,\n  .lead-modal textarea:-webkit-autofill:focus,\n  .lead-modal select:-webkit-autofill,\n  .lead-modal select:-webkit-autofill:hover,\n  .lead-modal select:-webkit-autofill:focus {\n    -webkit-box-shadow: 0 0 0 1000px white inset !important;\n    -webkit-text-fill-color: #2a4975;\n  }\n\n  .lead-modal label.error {\n    font-size: 13px;\n    color: #fa140f;\n    margin-bottom: 0;\n    margin-left: 0px !important;\n    line-height: 1.65 !important;\n    width: 100%;\n    display: block;\n  }\n\n  /* === Lead gen wrapper === */\n  .le-text-align-center {\n    text-align: center !important;\n  }\n  .le-text-align-left {\n    text-align: left !important;\n  }\n  .le-text-align-right {\n    text-align: right !important;\n  }\n\n  .le-only-desktop {\n    display: none !important;\n  }\n  .le-only-mobile {\n    display: block !important;\n  }\n\n  .le-only-desktop a {\n    text-decoration: none !important;\n  }\n\n  .le-only-mobile a {\n    text-decoration: none !important;\n  }\n\n  @media screen and (min-width: 992px) {\n    .le-newbuilder-LightBoxB,\n    .le-newbuilder-InlineB {\n      display: flex !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__header,\n    .le-newbuilder-InlineB .lead-modal__header {\n      max-width: 50%;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .le-only-desktop {\n      display: block !important;\n    }\n\n    .le-only-mobile {\n      display: none !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__body,\n    .le-newbuilder-InlineB .lead-modal__body {\n      flex: 1;\n    }\n\n    .le-newbuilder-wrap-LightBoxB {\n      max-width: 720px !important;\n    }\n    .le-newbuilder-wrap-InlineB {\n      max-width: 100% !important;\n    }\n    .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n      max-width: 400px !important;\n    }\n  }\n\n  .lead-modal__title {\n    margin: 7px 0 !important;\n  }\n\n  .lead-modal__description {\n    margin: 0;\n  }\n\n  .lead-modal-image-cover,\n  .lead-modal__wrapper {\n    border-radius: 0px !important;\n  }\n\n  .lead-modal__form {\n    margin: 0;\n    display: block !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    margin-top: 0px;\n  }\n\n  .lead-modal__thank-you {\n    width: 100%;\n  }\n\n  /* Skins */\n  .le-skin-a-desktop {\n    position: fixed;\n    z-index: 99999;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-skin-b-desktop {\n  }\n\n  .le-join-now {\n  }\n\n  .le-joinbow-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 16px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    cursor: pointer !important;\n  }\n  .le-joinbow-btn:hover {\n    border: 1px solid white !important;\n  }\n\n  .le-joinbow-btn-mobile {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n  }\n\n  .le-newbuilder-close-svg {\n    border-radius: 50%;\n    width: 35px;\n    height: 35px;\n    background: #005cfd;\n    cursor: pointer !important;\n  }\n  .le-mobile-btn {\n    width: 24px;\n    height: 24px;\n  }\n\n  .le-newbuilder-close-button {\n    padding: 0;\n    background: transparent;\n    box-shadow: none;\n    border: none;\n    width: auto !important;\n    cursor: pointer !important;\n  }\n  .le-abs-top-right {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .le-abs-outer-top-right {\n    position: absolute;\n    right: 0px;\n    top: -45px;\n  }\n\n  /* Skin floating */\n  .le-floating-desktop {\n    position: fixed;\n    bottom: 40px;\n    left: 25px;\n    z-index: 9999;\n  }\n\n  .le-floating-desktop-wrap {\n    background: #fff;\n    backdrop-filter: blur(30px);\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 0px;\n    padding-right: 30px;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-floating-desktop-title {\n    font-size: 20px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    max-width: 530px;\n  }\n  .le-floating-desktop-desc {\n    font-size: 13px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n    max-width: 530px;\n  }\n\n  .le-joinbow-floating-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 40px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    font-weight: 500;\n    cursor: pointer !important;\n  }\n\n  /* // Floating mobile */\n  .le-floating-mobile {\n    position: fixed;\n    bottom: 0px;\n    left: 0px;\n    width: 100%;\n    z-index: 9999;\n  }\n  .le-abs-outer-mobile-top-right {\n    position: absolute;\n    right: 2px;\n    top: -30px;\n  }\n\n  .le-floating-mobile-wrap {\n    background: #fff;\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 10px 15px;\n  }\n  .le-floating-mobile-title {\n    font-size: 18px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    font-weight: 600;\n  }\n  .le-floating-mobile-desc {\n    font-size: 12px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n  }\n\n  /* // Tab popup */\n  .le-tab-popup {\n    position: fixed;\n    bottom: 15px;\n    left: 15px;\n    max-width: 150px;\n  }\n  .le-abs-outer-mobile-top-right-2 {\n    position: absolute;\n    right: -12px;\n    top: -15px;\n  }\n\n  .le-center-tab-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99999999 !important;\n    width: calc(100% - 40px);\n    max-width: 400px;\n  }\n\n  .le-center-tab-popup img {\n    max-width: 100% !important;\n  }\n\n  /* // Popup */\n  .le-checkbox-title {\n    font-size: 15px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    color: #2a4975;\n    margin: 13px 0 !important;\n    /* line-height: 1.65 !important; */\n  }\n\n  /* Checkbox */\n  .lead-checkbox-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-checkbox-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 4px;\n    flex: 0 0 24px;\n  }\n\n  .lead-checkbox-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-checkbox-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n    left: 8px;\n    top: 3px;\n    width: 7px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  /* End checkbox */\n\n  .le-fullscreen-img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  @media screen and (min-width: 768px) {\n    .lead-fullscreen-desktop-close-btn {\n      position: fixed;\n      top: 27px;\n      right: 23px;\n    }\n  }\n\n  /* // Inline */\n  .lead-modal.le-buider-inline {\n    position: static;\n    display: block;\n    padding: 20px 0;\n    height: initial !important;\n    padding-top: 10px;\n  }\n\n  .lead-modal.le-buider-inline .lead-modal__wrapper {\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content {\n    max-height: initial !important;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n    /* height: auto !important; */\n    object-fit: fill;\n  }\n\n  .le-thankyou-title {\n    font-size: 24px !important;\n    margin-bottom: 8px !important;\n    color: #2a4975 !important;\n  }\n\n  .le-thankyou-subtitle {\n    font-size: 14px !important;\n    color: #2699fb !important;\n    margin: 0 !important;\n  }\n\n  /* Radio */\n  .lead-radio-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-radio-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 50%;\n    flex: 0 0 24px;\n  }\n\n  .lead-radio-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-radio-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n    left: 50%;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n  }\n  /* End Radio */\n\n  /* Dropdown */\n  .le-newbuilder-select {\n    width: 100%;\n    padding: 12px;\n    border-radius: 4px;\n    border: solid 1px #d0d0d0;\n    outline: none;\n    appearance: none;\n    font-size: 15px;\n    padding-right: 35px;\n  }\n  .le-newbuilder-select-wrapper {\n    position: relative;\n  }\n  .le-newbuilder-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 15px;\n    top: 18px;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 2px solid #616060;\n    border-left: transparent;\n    border-top: transparent;\n  }\n  /* End Dropdown */\n\n  .le-buider-slider {\n    width: 420px;\n    height: auto;\n    bottom: 15px;\n    top: unset;\n    left: -200px;\n    animation: le-builder-slide 0.5s forwards;\n  }\n\n  @keyframes le-builder-slide {\n    100% {\n      left: 15px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .le-buider-slider,\n    .le-buider-fullscreen {\n      display: none !important;\n    }\n  }\n\n  .le-skin-mobile {\n    margin-top: 64px;\n  }\n"]))),V=function(n){var e=n.title,t=n.titleAlign,o=n.subtitle,a=n.subtitleAlign,i=n.link,r=n.linkNewTab,d=n.linkText,c=n.image;return l.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},l.createElement("div",{className:"lead-modal__wrapper animate__animated "},l.createElement("div",{className:"lead-modal__thank-you"},l.createElement("div",{style:{width:"100%"}},l.createElement("img",{src:c,style:{maxHeight:162,objectFit:"cover"}}),e&&l.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)}," ",e," "),o&&l.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(a)}," ",o," "),d&&l.createElement("div",null,l.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},l.createElement("button",{className:"lead-modal__btn ".concat(z)},i)))))))};function q(n){var e=n.leadApi,t=n.leadSiteId,l=n.leadDomain,i=n.onShowPopup;fetch(e+"api/campaign/"+t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:"https://"+location.hostname+location.pathname+location.search,ga_client_id:b("_ga")||null})}).then((function(n){return n.json()})).then((function(n){var e,t,r;if(console.log("List campagin: ",n),T="https://"+location.hostname+location.pathname+location.search,1==n._status){var d=n._data.campaigns;b("hhg-id")||(g("hhg-id",x(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var c=[];c=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?d.filter((function(n){return n.device_types.some((function(n){return n.id==B}))})):d.filter((function(n){return n.device_types.some((function(n){return n.id==S}))})),console.log("👓 campaignsDevice",c);var p=c.map((function(n,e){return n.targets.filter((function(n){return n.type==E})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1);p=p.filter((function(n){return"exact_match"==n.option?Boolean(""==new URL(String(n.target).toLowerCase()).href):"start_with"==n.option?!!"".includes(String(n.target).toLowerCase())&&!n.sub_target.filter((function(n){return"excluding"==n.option})).map((function(n){return n.value})).includes(""):void 0}));var s=Array.from(document.getElementsByTagName("META")).filter((function(n){return"article:tag"==n.getAttribute("property")})).map((function(n){return n.content})),m=[];s&&s.length&&(m=c.map((function(n,e){return n.targets.filter((function(n){return n.type==N})).map((function(n){return o(o({},n),{campaignIndex:e})}))})).flat(1).filter((function(n){return s.includes(n.target)})));var u=a(a([],p,!0),m,!0),h=document.cookie.split("; ").map((function(n){return n.split("=")[0]})),f=h.filter((function(n){return n.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",f);var _=h.filter((function(n){return n.includes("lead_closed")}));console.log("--listCampaignCodeClosed",_);var k,w=a(a([],f,!0),_,!0);if(k=u.filter((function(n){return!w.some((function(e){return e.includes(c[n.campaignIndex].code)}))})).sort((function(n,e){return n.score-e.score})),console.log("--listCampaignValid : ",k),k&&k.length){var v=c[k[0].campaignIndex];console.log("CAMPAIGN_SHOW",v);var y=v.rules,C=Number(null===(e=y.find((function(n){return"time"==n.rule})))||void 0===e?void 0:e.value);console.log("timeoutRule",C);var z=Number(null===(t=y.find((function(n){return"scroll"==n.rule})))||void 0===t?void 0:t.value);console.log("scrollRule",z);var L=Number(null===(r=y.find((function(n){return"exclude_sponsored"==n.rule})))||void 0===r?void 0:r.value);console.log("excludeSponsored",L);var j=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",j),j&&L)return;var O="TIME";if(Number.isInteger(C)&&(O="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",C," seconds"),setTimeout((function(){null==i||i(v,O)}),1e3*C)),Number.isInteger(z)){O="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",z," %");var I=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),A=I.getBoundingClientRect().top,D=I.offsetHeight;console.log("👓 Element check scroll: ",I);var M=function(){var n=window.pageYOffset||document.documentElement.scrollTop,e=0;n>=A&&(e=Math.round((n-A)/(D-innerHeight)*100)),console.log("---Scroll",e,z),e>=z&&(window.removeEventListener("scroll",M),null==i||i(v,O))};window.addEventListener("scroll",M)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(n){console.error("Lead error: ",n)}))}var H=function(t){var o=t.apiUrl,a=t.siteDomain,i=t.siteId,r=t.locale,x=s(),_=s(Date.now()),k=p((function(){var n=o;return n.includes("localhost")&&(n="https://dev.leadgen.hellobacsi.com/"),{apiUrl:n}}),[o,a,i]).apiUrl,w=d({locale:r,values:{}}),v=w[0],y=w[1],E=d(null),N=E[0],C=E[1],B=d(""),S=B[0],z=B[1],T=d(null),L=T[0],I=T[1];c((function(){import("./i18n/".concat(r.split("-")[0],".json")).then((function(n){n&&Object.keys(n).length&&y({locale:r,values:n})}))}),[r]);var A=function(n,e){C(n),z(e)};c((function(){if(window.next){var n=m((function(n){console.log("--🌻 routeChangeComplete",n,Date.now());var e=location.pathname;document.querySelector(".lead-modal-wrapper").remove(),document.querySelectorAll('[data-popup-url="'.concat(e,'"]')).length||q({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:A}),x.current&&window.removeEventListener("scroll",x.current)}),500);window.next.router.events.on("routeChangeComplete",n)}q({leadApi:k,leadDomain:a,leadSiteId:i,onShowPopup:A})}),[]);var D=function(){var n,e;console.log("👋👋👋 CLOSE POPUP ".concat(N.code," 👋👋👋"));var t=Number(null===(n=N.rules.find((function(n){return"show_again_after_exit "==n.rule})))||void 0===n?void 0:n.value),o=Number(null===(e=N.rules.find((function(n){return"days_to_show_again"==n.rule})))||void 0===e?void 0:e.value);0==t&&g("lead_closed_".concat(N.code),"target_".concat(N.extra_fields.popupVersion),o?{domain:"."+a,days:o,path:"/"}:{domain:"."+a,path:"/"}),C(null),document.body.classList.remove("noscroll"),fetch("".concat(k,"api/campaign/").concat(N.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:b("hhg-id"),duration:Math.ceil((Date.now()-_.current)/1e3)})})};return c((function(){N&&(_.current=Date.now())}),[N]),l.createElement(O.Provider,{value:{apiUrl:k,siteDomain:a,siteId:i,locale:r}},l.createElement(h.Provider,{value:v},u(l.createElement(R,null,N&&!L&&l.createElement(F,{campaign:N,onClose:D,onSubmit:function(t,o,l,i){return n(void 0,void 0,void 0,(function(){var n,r,d,c,p,s,m,u,h,f,x,_,w,v,y,E,C,B,S,z,T,L,O,A,M,P,F,R,V,q,H,J,U,W,G;return e(this,(function(e){switch(e.label){case 0:return console.log("submitHandler",o,l),n=new FormData(t.currentTarget),r={},n.forEach((function(n,e){d[e]=d[e]||[],d[e].push(n)})),d=Object.keys(r).map((function(n){return{name:n,value:r[n]}})),c=2,p=b("_ga")||null,[4,require("intl-tel-input")];case 1:return s=e.sent(),m={url:location.href.toLowerCase(),title_article:document.title,meta:d.map((function(n){return{key:document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')).getAttribute("data-key"),value:(null==j?void 0:j.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(n.name)?s.formatNumber(String(n.value),null==j?void 0:j.countryCodeNumber,c).replace(/\s+/g,""):n.value,control:n.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:document.querySelector(".lead-modal__form.".concat(i," .mailchimp-").concat(document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(n.name,'"]')).getAttribute("data-key"))).getAttribute("data-mailchimp")}})),cookie_id:b("hhg-id"),ga_client_id:p},o&&l[o].value_en&&(m.category=l[o].value_en),u=Number((null===(P=null===(M=N.rules)||void 0===M?void 0:M.find((function(n){return"days_to_show_again"===n.rule})))||void 0===P?void 0:P.value)||7),0==(h=Number((null===(R=null===(F=N.rules)||void 0===F?void 0:F.find((function(n){return"show_again_after_submit"===n.rule})))||void 0===R?void 0:R.value)||0))&&(console.log("⛔ Popup never show again!"),g("lead_submited_".concat(N.code),"target_".concat(N.extra_fields.targetType),{domain:"."+a,path:"/"})),1==h&&(console.log("⌛ Popup will show again after ".concat(u," days!")),g("lead_submited_".concat(N.code),"target_".concat(N.extra_fields.targetType),{domain:"."+a,days:u,path:"/"})),fetch("".concat(k,"api/campaign/").concat(N.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==N.extra_fields.popupShowThankYou?(D(),document.body.classList.remove("noscroll"),[2]):(f=!0,x=N.thank_you_image||"".concat(k,"admin/img/thanksyou.png"),_=N.extra_fields.popupThankyouTitle||"Thank you.",w=N.extra_fields.popupThankyouDesc||"We appreciate your time!",v="",y="",B="","2.1"==N.extra_fields.popupVersion&&(S=N.extra_fields,z=JSON.parse(S.listBlockThankyou),T=z.find((function(n){return"TitleBlock"==n.name})),L=z.find((function(n){return"SubtitleBlock"==n.name})),O=z.find((function(n){return"LinkButtonBlock"==n.name})),_=(null===(V=null==T?void 0:T.data)||void 0===V?void 0:V.value)||"",v=(null===(q=null==T?void 0:T.data)||void 0===q?void 0:q.align)||"",w=(null===(H=null==L?void 0:L.data)||void 0===H?void 0:H.value)||"",y=(null===(J=null==L?void 0:L.data)||void 0===J?void 0:J.align)||"",E=(null===(U=null==O?void 0:O.data)||void 0===U?void 0:U.value)||"",C=(null===(W=null==O?void 0:O.data)||void 0===W?void 0:W.newtab)||!1,B=(null===(G=null==O?void 0:O.data)||void 0===G?void 0:G.url)||"",A=N.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(A)&&(f=!1)),I(f?{title:_,titleAlign:v,subtitle:w,subtitleAlign:y,link:B,linkNewTab:C,linkText:E,image:x}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},d.map((function(n){var e=n.name,t=n.value;"tel"==e?window.insider_object.user.phone_number=t:"email"==e&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:S}),L&&l.createElement(V,{title:L.title,titleAlign:L.titleAlign,subtitle:L.subtitle,subtitleAlign:L.subtitleAlign,link:L.link,linkNewTab:L.linkNewTab,linkText:L.linkText,image:L.image})),f())))};export{H as LeadGen};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"dayjs";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./core-8c1d445f.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-7bae7c67.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,m as makeParams,b as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-11febb09.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"dayjs";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./core-8c1d445f.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-2fa94e2c.js";import"react";import"./core-8c1d445f.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-c014ea04.js";import"./index-2cf746a8.js";import"./routing-03bdf8e6.js";import"./index-649fc75a.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"./Locale-69030fff.js";import"./index-f59fd5b3.js";import"styled-components";import"./index-bbc3936f.js";import"./utils-11febb09.js";import"./index-b39dee28.js";import"./theme-13d11d67.js";import"./constants-a0a981fa.js";import"./useTranslations-b3eb31ef.js";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-0c0ea915.js";import"./index-bfb83ce8.js";import"./defaultClassWrapper-27a74473.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-f8c330c6.js";import"./index-018c49c5.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-0e8521c3.js";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";
+import"./tslib.es6-2fa94e2c.js";import"react";import"./core-8c1d445f.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-fcd90b74.js";import"./index-2cf746a8.js";import"./routing-03bdf8e6.js";import"./index-6f851157.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"./Locale-69030fff.js";import"./index-f59fd5b3.js";import"styled-components";import"./index-bbc3936f.js";import"./utils-11febb09.js";import"./index-b39dee28.js";import"./theme-13d11d67.js";import"./constants-a0a981fa.js";import"./useTranslations-b3eb31ef.js";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-0c0ea915.js";import"./index-bfb83ce8.js";import"./defaultClassWrapper-27a74473.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-f8c330c6.js";import"./index-018c49c5.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-8c12973e.js";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-2b84314e.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-649fc75a.js";import"react";import"./index-b39dee28.js";import"./tslib.es6-2fa94e2c.js";import"./theme-13d11d67.js";import"./utils-11febb09.js";import"styled-components";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-bfb83ce8.js";import"./index-d37a2be4.js";import"./index.styled-ed780131.js";import"./useTranslations-b3eb31ef.js";import"innertext";import"./index-8b13ba47.js";import"./index-bbc3936f.js";import"lodash/debounce";import"react-contenteditable";import"./index-0c0ea915.js";import"./cookieHelper-0e8521c3.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"@mantine/core";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"./defaultClassWrapper-27a74473.js";import"react-dom";import"slugify";
+export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-a219eed8.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-6f851157.js";import"react";import"./index-b39dee28.js";import"./tslib.es6-2fa94e2c.js";import"./theme-13d11d67.js";import"./utils-11febb09.js";import"styled-components";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-bfb83ce8.js";import"./index-d37a2be4.js";import"./index.styled-ed780131.js";import"./useTranslations-b3eb31ef.js";import"innertext";import"./index-8b13ba47.js";import"./index-bbc3936f.js";import"lodash/debounce";import"react-contenteditable";import"./index-0c0ea915.js";import"./cookieHelper-8c12973e.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"@mantine/core";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"./defaultClassWrapper-27a74473.js";import"react-dom";import"slugify";