@hhgtech/hhg-components 1.29.346 → 1.29.347-beta-2

package/build/esm/lead.css

@@ -1 +1 @@
-.lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 50px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body[data-hidden=true]{display:none}.lead-modal__title{box-shadow:none;color:#2a4975;font-size:20px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:1.3;padding-bottom:0}.lead-modal__title.pink{color:#2661ad}.lead-modal__description{color:#2c87f3;font-size:13px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:1.62;margin-top:10px}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__tnc-link{color:inherit;font-size:1em;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;position:relative;top:1px}.lead-modal__tnc-link a{color:#2c87f3!important;font-weight:700;text-decoration:none!important}.lead-modal__tnc-link a:visited{color:#2c87f3!important}.lead-modal__tnc-link.pink a,.lead-modal__tnc-link.pink a:visited{color:#e55c8a!important}.tnc-block{width:100%}.tnc-block~.tnc-block{margin-top:0}.tnc-block .mantine-Checkbox-error{font-size:.875rem;line-height:1.2}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:11px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{position:relative;width:360px}.le-newbuilder-wrap-LightBoxB{max-width:none;width:auto}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{height:calc(100vh - 50px)}.lead-modal__form{height:100%;overflow:auto;position:absolute;width:100%}}.lead-modal__title{margin:7px 0}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0;padding:15px 15px 25px;position:static}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{margin:0;-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975;font-size:24px;margin-bottom:8px}.le-thankyou-subtitle{color:#2699fb;font-size:14px;margin:0}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}.lead-modal-wrapper img,.lead-modal-wrapper video{max-width:100%}.lead-phone-otp-button[data-color=transparent][data-size=md]{color:#2d87f3;margin-top:8px;padding:9px 24px}.lead-phone-otp-button[data-color=transparent][data-size=md]:disabled{background:transparent!important;color:#2d87f3}.lead-phone-otp-form{padding:1rem}.lead-modal__form-control .PhoneInputCountry,.lead-modal__form-control .PhoneInputInput,.leadgen-control .PhoneInputCountry,.leadgen-control .PhoneInputInput{font-size:14px}.leadgen{align-items:center;display:grid;height:100%;inset:0;justify-content:center;overflow:auto;padding:0;position:fixed;width:100%}.leadgen::-webkit-scrollbar{height:6px;width:6px}.leadgen::-webkit-scrollbar-track{background-color:transparent}.leadgen::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen>*{box-sizing:border-box}.leadgen-wrapper{background-color:#fff;border-radius:8px!important;height:auto;margin-block:40px;position:relative}.leadgen-close_btn{align-items:center;background-color:#fff;border-radius:50%;bottom:100%;box-shadow:0 0 1px 0 rgba(0,0,0,.039),0 2px 8px 0 rgba(0,0,0,.039),0 10px 16px 0 rgba(0,0,0,.039);color:#595959;display:grid;font-size:20px;height:32px;justify-content:center;left:unset;margin-bottom:8px;position:absolute;right:0;top:unset;transition:all .3s linear;width:32px!important}.leadgen-close_btn:hover{color:rgba(89,89,89,.678)}.leadgen-content{--spacing-y:20px;--spacing-x:20px;max-height:unset;min-height:unset;outline:none!important;width:100%}.leadgen-header{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;padding-top:66.666666667%;position:relative;width:100%}.leadgen-header>img,.leadgen-header>video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;outline:none!important;position:absolute;width:100%}.leadgen-header_hidden{display:none}.leadgen-inner{flex:1;min-width:0}.leadgen-inner::-webkit-scrollbar{height:6px;width:6px}.leadgen-inner::-webkit-scrollbar-track{background-color:transparent}.leadgen-inner::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-inner .lead-modal__thank-you{height:100%;padding-inline:var(--spacing-x,20px)}.leadgen-inner .lead-modal__thank-you>div{margin-inline:auto;max-width:504px;padding-block:var(--spacing-y,20px);text-align:center;width:100%}.leadgen-inner .lead-modal__thank-you img{height:160px;margin-bottom:8px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.leadgen-inner .lead-modal__thank-you .le-thankyou-title{color:#262626;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0 0 8px}.leadgen-inner .lead-modal__thank-you .le-thankyou-subtitle{color:#595959;font-size:16px;line-height:1.5;margin:0}.leadgen-inner .leadgen-body{width:100%}.leadgen-inner .leadgen-btn{border-radius:8px;font-size:16px;font-weight:600;line-height:1.5;min-width:120px;padding-inline:calc(var(--spacing-y, 24px)*24/32)}.leadgen-inner .leadgen-btn_empty_cancel{border-color:#d2d6dc}.leadgen-inner .leadgen-btn_action{margin:0;width:100%}.leadgen-body::-webkit-scrollbar{height:6px;width:6px}.leadgen-body::-webkit-scrollbar-track{background-color:transparent}.leadgen-body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-title{color:#262626;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.leadgen-description{color:#595959;font-size:16px;letter-spacing:-.2px;line-height:1.5;margin-top:8px}.leadgen-form{padding:0}.leadgen-form_header{padding-top:var(--spacing-y,20px)}.leadgen-form_body,.leadgen-form_header{padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*12/32)}.leadgen-form_body{padding-top:calc(var(--spacing-y, 20px)*12/32)}.leadgen-form_body[data-hidden=true]{display:none}.leadgen-form_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-form_field .mantine-InputWrapper-error{color:#d84023;font-size:12px;line-height:1.5}.leadgen-form_footer{display:flex;gap:12px;justify-content:flex-end;padding-top:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*24/32)}.leadgen-empty{display:flex;flex-direction:column}.leadgen-empty_body{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding-block:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px)}.leadgen-empty_wrapper{margin-inline:auto;max-width:504px;padding-block:var(--spacing-y,20px);text-align:center;width:100%}.leadgen-empty_image{height:160px;margin-bottom:8px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.leadgen-empty_title{color:#262626;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0}.leadgen-empty_footer{display:flex;gap:12px;justify-content:flex-end;padding-top:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*24/32)}.leadgen-LightBoxA .leadgen-wrapper{max-width:100%;min-width:300px}.leadgen-LightBoxA .leadgen-inner .le-newbuilder-overlay{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.leadgen-LightBoxB+.drawer__content{display:flex;flex-direction:column;overflow:visible}.leadgen-LightBoxB+.drawer__content:not(.drawer__content_full) .leadgen-content{overflow:hidden}.leadgen-LightBoxB+.drawer__content.drawer__content_full,.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-header,.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-wrapper{border-top-left-radius:0;border-top-right-radius:0}.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-close_btn{bottom:unset;right:8px;top:8px;z-index:2}.leadgen-LightBoxB+.drawer__content .drawer__handle{inset-inline:0;position:absolute;top:4px;z-index:3}.leadgen-LightBoxB+.drawer__content .leadgen-wrapper{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;flex:1;margin-block:0;max-height:100%;min-height:0;min-width:100%}.leadgen-LightBoxB+.drawer__content .leadgen-content{height:100%;overflow:auto}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-LightBoxB+.drawer__content .leadgen-btn_empty_again,.leadgen-LightBoxB+.drawer__content .leadgen-btn_empty_cancel{width:50%}.leadgen-LightBoxB+.drawer__content .leadgen-form_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-LightBoxB .leadgen-wrapper{display:flex;flex-direction:column;height:auto;max-height:min(100vh - 80px,600px);min-width:min(80vw,1128px);width:100%}.leadgen-LightBoxB .leadgen-wrapper_small{min-width:min(80vw,774px)}.leadgen-LightBoxB .leadgen-content{display:flex;flex:1;height:auto;max-height:100%;min-height:0}.leadgen-LightBoxB .leadgen-header{border-bottom-left-radius:8px;border-bottom-right-radius:0;border-top-right-radius:0;padding-top:0;width:35.5%}.leadgen-LightBoxB .leadgen-header>img,.leadgen-LightBoxB .leadgen-header>video{height:100%!important;width:100%!important}.leadgen-LightBoxB .leadgen-inner{border-bottom-right-radius:8px;border-top-right-radius:8px;flex:1;min-width:0}.leadgen-LightBoxB .leadgen-form{display:flex!important;flex-direction:column;height:100%;overflow:hidden}.leadgen-LightBoxB .leadgen-form_body{flex:1;min-height:0;overflow:auto}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar{height:6px;width:6px}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar-track{background-color:transparent}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-LightBoxB .leadgen-form_footer .leadgen-btn_action{display:inline-block;min-width:120px;width:auto}.leadgen-LightBoxB:has(.leadgen-header_hidden) .leadgen-wrapper{max-width:min(80vw,768px);min-width:min(540px,45vw)}.leadgen-LightBoxB:has(.leadgen-header_hidden) .leadgen-wrapper_small{max-width:min(80vw,300px);min-width:min(480px,50vw)}.leadgen-LightBoxB:has(.lead-phone-otp-form) .leadgen-wrapper{max-width:min(80vw,768px);min-width:min(768px,50vw)}.lead-modal.le-buider-inline .lead-modal__header>img{margin:0}.lead-modal.le-buider-inline .lead-modal__wrapper{border-radius:8px}.lead-modal.le-buider-inline .leadgen-inner form.lead-phone-otp-form{display:block;margin:0}.lead-modal.le-buider-inline .leadgen-form_footer{padding-inline:0;padding-bottom:0;padding-top:16px}.lead-modal.le-buider-inline .leadgen-btn_action{width:100%}@media screen and (min-width:375px){.leadgen-LightBoxA .leadgen-wrapper{min-width:343px}}@media screen and (min-width:768px){.leadgen-content{--spacing-y:32px;--spacing-x:32px}.leadgen-title{font-size:22px}.leadgen-description,.leadgen-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.leadgen-LightBoxA .leadgen-wrapper{max-width:408px;min-width:408px}.leadgen-LightBoxB:has(.le-only-desktop) .leadgen-wrapper{aspect-ratio:2/3}.leadgen-LightBoxB .leadgen-header{width:48%}.leadgen-LightBoxB .leadgen-inner{overflow:hidden}.leadgen-LightBoxB .leadgen-inner .leadgen-body{height:100%;overflow:auto}.leadgen-LightBoxB .leadgen-empty{height:100%}}@media screen and (min-width:1200px){.leadgen-LightBoxB .leadgen-form_body{display:block;width:100%}.leadgen-LightBoxB .tnc-block{width:100%}.leadgen-LightBoxB .leadgen-form_field{width:calc(50% - 6px)}.leadgen-LightBoxB .leadgen-form_field.mantine-CheckboxGroup-root,.leadgen-LightBoxB .leadgen-form_field.mantine-RadioGroup-root{width:100%}.leadgen-LightBoxB .leadgen-header{width:35.5%}.leadgen-LightBoxB .leadgen-wrapper_small .leadgen-header{width:48%}.leadgen-LightBoxB .leadgen-wrapper_small .leadgen-form_field{width:100%}}
+.lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 50px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body[data-hidden=true]{display:none}.lead-modal__title{box-shadow:none;color:#2a4975;font-size:20px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:1.3;padding-bottom:0}.lead-modal__title.pink{color:#2661ad}.lead-modal__description{color:#2c87f3;font-size:13px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:1.62;margin-top:10px}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__tnc-link{color:inherit;font-size:1em;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;position:relative;top:1px}.lead-modal__tnc-link a{color:#2c87f3!important;font-weight:700;text-decoration:none!important}.lead-modal__tnc-link a:visited{color:#2c87f3!important}.lead-modal__tnc-link.pink a,.lead-modal__tnc-link.pink a:visited{color:#e55c8a!important}.tnc-block{width:100%}.tnc-block~.tnc-block{margin-top:0}.tnc-block .mantine-Checkbox-error{font-size:.875rem;line-height:1.2}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:11px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{position:relative;width:360px}.le-newbuilder-wrap-LightBoxB{max-width:none;width:auto}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{height:calc(100vh - 50px)}.lead-modal__form{height:100%;overflow:auto;position:absolute;width:100%}}.lead-modal__title{margin:7px 0}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0;padding:15px 15px 25px;position:static}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{margin:0;-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975;font-size:24px;margin-bottom:8px}.le-thankyou-subtitle{color:#2699fb;font-size:14px;margin:0}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@keyframes le-builder-slide{to{left:15px}}@media screen and (max-width:768px){.le-buider-fullscreen,.le-buider-slider{display:none!important}}.le-skin-mobile{margin-top:64px}.lead-modal-wrapper img,.lead-modal-wrapper video{max-width:100%}.lead-phone-otp-button[data-color=transparent][data-size=md]{color:#2d87f3;margin-top:8px;padding:9px 24px}.lead-phone-otp-button[data-color=transparent][data-size=md]:disabled{background:transparent!important;color:#2d87f3}.lead-phone-otp-form{padding:1rem}.lead-modal__form-control .PhoneInputCountry,.lead-modal__form-control .PhoneInputInput,.leadgen-control .PhoneInputCountry,.leadgen-control .PhoneInputInput{font-size:14px}.leadgen{align-items:center;display:grid;height:100%;inset:0;justify-content:center;overflow:auto;padding:0;position:fixed;width:100%}.leadgen::-webkit-scrollbar{height:6px;width:6px}.leadgen::-webkit-scrollbar-track{background-color:transparent}.leadgen::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen>*{box-sizing:border-box}.leadgen-wrapper{background-color:#fff;border-radius:8px!important;height:auto;margin-block:40px;position:relative}.leadgen-close_btn{align-items:center;background-color:#fff;border-radius:50%;bottom:100%;box-shadow:0 0 1px 0 rgba(0,0,0,.039),0 2px 8px 0 rgba(0,0,0,.039),0 10px 16px 0 rgba(0,0,0,.039);color:#595959;display:grid;font-size:20px;height:32px;justify-content:center;left:unset;margin-bottom:8px;position:absolute;right:0;top:unset;transition:all .3s linear;width:32px!important}.leadgen-close_btn:hover{color:rgba(89,89,89,.678)}.leadgen-content{--spacing-y:20px;--spacing-x:20px;max-height:unset;min-height:unset;outline:none!important;width:100%}.leadgen-header{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;position:relative}.leadgen-header>img,.leadgen-header>video{min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;outline:none!important}.leadgen-header_hidden{display:none}.leadgen-inner::-webkit-scrollbar{height:6px;width:6px}.leadgen-inner::-webkit-scrollbar-track{background-color:transparent}.leadgen-inner::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-inner .lead-modal__thank-you{height:100%;padding-inline:var(--spacing-x,20px)}.leadgen-inner .lead-modal__thank-you>div{margin-inline:auto;max-width:504px;padding-block:var(--spacing-y,20px);text-align:center;width:100%}.leadgen-inner .lead-modal__thank-you img{height:160px;margin-bottom:8px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.leadgen-inner .lead-modal__thank-you .le-thankyou-title{color:#262626;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0 0 8px}.leadgen-inner .lead-modal__thank-you .le-thankyou-subtitle{color:#595959;font-size:16px;line-height:1.5;margin:0}.leadgen-inner .leadgen-body{width:100%}.leadgen-inner .leadgen-btn{border-radius:8px;font-size:16px;font-weight:600;line-height:1.5;min-width:120px;padding-inline:calc(var(--spacing-y, 24px)*24/32)}.leadgen-inner .leadgen-btn_empty_cancel{border-color:#d2d6dc}.leadgen-inner .leadgen-btn_action{margin:0;width:100%}.leadgen-body::-webkit-scrollbar{height:6px;width:6px}.leadgen-body::-webkit-scrollbar-track{background-color:transparent}.leadgen-body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-title{color:#262626;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.leadgen-description{color:#595959;font-size:16px;letter-spacing:-.2px;line-height:1.5;margin-top:8px}.leadgen-form{padding:0}.leadgen-form_header{padding-top:var(--spacing-y,20px)}.leadgen-form_body,.leadgen-form_header{padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*12/32)}.leadgen-form_body{padding-top:calc(var(--spacing-y, 20px)*12/32)}.leadgen-form_body[data-hidden=true]{display:none}.leadgen-form_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-form_field .mantine-InputWrapper-error{color:#d84023;font-size:12px;line-height:1.5}.leadgen-form_footer{display:flex;gap:12px;justify-content:flex-end;padding-top:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*24/32)}.leadgen-empty{display:flex;flex-direction:column}.leadgen-empty_body{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding-block:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px)}.leadgen-empty_wrapper{margin-inline:auto;max-width:504px;padding-block:var(--spacing-y,20px);text-align:center;width:100%}.leadgen-empty_image{height:160px;margin-bottom:8px;max-width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:auto}.leadgen-empty_title{color:#262626;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0}.leadgen-empty_footer{display:flex;gap:12px;justify-content:flex-end;padding-top:calc(var(--spacing-y, 20px)*12/32);padding-inline:var(--spacing-x,20px);padding-bottom:calc(var(--spacing-y, 20px)*24/32)}.leadgen-LightBoxA .leadgen-wrapper{max-width:100%;min-width:300px}.leadgen-LightBoxA .leadgen-inner .le-newbuilder-overlay{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.leadgen-LightBoxB+.drawer__content{display:flex;flex-direction:column;overflow:visible}.leadgen-LightBoxB+.drawer__content:not(.drawer__content_full) .leadgen-content{overflow:hidden}.leadgen-LightBoxB+.drawer__content.drawer__content_full,.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-header,.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-wrapper{border-top-left-radius:0;border-top-right-radius:0}.leadgen-LightBoxB+.drawer__content.drawer__content_full .leadgen-close_btn{bottom:unset;right:8px;top:8px;z-index:2}.leadgen-LightBoxB+.drawer__content .drawer__handle{inset-inline:0;position:absolute;top:4px;z-index:3}.leadgen-LightBoxB+.drawer__content .leadgen-wrapper{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;flex:1;margin-block:0;max-height:100%;min-height:0;min-width:100%}.leadgen-LightBoxB+.drawer__content .leadgen-content{height:100%;overflow:auto}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-LightBoxB+.drawer__content .leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-LightBoxB+.drawer__content .leadgen-btn_empty_again,.leadgen-LightBoxB+.drawer__content .leadgen-btn_empty_cancel{width:50%}.leadgen-LightBoxB+.drawer__content .leadgen-form_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-LightBoxB .leadgen-wrapper{display:flex;flex-direction:column;height:auto;width:100%}.leadgen-LightBoxB .leadgen-content{display:flex;flex:1;height:auto;max-height:100%;min-height:0}.leadgen-LightBoxB .leadgen-header{border-bottom-left-radius:8px;border-bottom-right-radius:0;border-top-right-radius:0;padding-top:0}.leadgen-LightBoxB .leadgen-header>img,.leadgen-LightBoxB .leadgen-header>video{height:auto!important;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:auto!important}.leadgen-LightBoxB .leadgen-inner{border-bottom-right-radius:8px;border-top-right-radius:8px;flex:1;height:100%;min-width:0}.leadgen-LightBoxB .leadgen-form{display:flex!important;flex-direction:column;height:100%;overflow:hidden}.leadgen-LightBoxB .leadgen-form_body{flex:1;min-height:0;overflow:auto}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar{height:6px;width:6px}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar-track{background-color:transparent}.leadgen-LightBoxB .leadgen-form_body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-LightBoxB .leadgen-form_footer .leadgen-btn_action{display:inline-block;min-width:120px;width:auto}.lead-modal.le-buider-inline .lead-modal__header>img{margin:0}.lead-modal.le-buider-inline .lead-modal__wrapper{border-radius:8px}.lead-modal.le-buider-inline .leadgen-inner form.lead-phone-otp-form{display:block;margin:0}.lead-modal.le-buider-inline .leadgen-form_footer{padding-inline:0;padding-bottom:0;padding-top:16px}.lead-modal.le-buider-inline .leadgen-btn_action{width:100%}@media screen and (min-width:375px){.leadgen-LightBoxA .leadgen-wrapper{min-width:343px}}@media screen and (min-width:768px){.leadgen-content{--spacing-y:32px;--spacing-x:32px}.leadgen-title{font-size:22px}.leadgen-description,.leadgen-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.leadgen-LightBoxA .leadgen-wrapper{max-width:408px;min-width:408px}.leadgen-LightBoxB .leadgen-wrapper{height:540px;max-height:calc(100vh - 80px);max-width:774px}.leadgen-LightBoxB .leadgen-wrapper .leadgen-header{width:360px}.leadgen-LightBoxB .leadgen-wrapper .leadgen-header>img,.leadgen-LightBoxB .leadgen-wrapper .leadgen-header>video{height:100%;width:100%}.leadgen-LightBoxB .leadgen-wrapper .leadgen-inner{overflow:hidden}.leadgen-LightBoxB .leadgen-wrapper .leadgen-inner .leadgen-body{height:100%;overflow:auto}.leadgen-LightBoxB .leadgen-wrapper_otp{height:auto;max-width:744px}.leadgen-LightBoxB .leadgen-wrapper_otp .leadgen-header{width:360px}.leadgen-LightBoxB:not(:has(.le-only-desktop)) .leadgen-wrapper{height:auto;max-height:none;max-width:450px}.leadgen-LightBoxB:not(:has(.le-only-desktop)) .leadgen-wrapper .leadgen-header{display:none}.leadgen-LightBoxB .leadgen-empty{height:100%}}@media screen and (min-width:1200px){.leadgen-LightBoxB .leadgen-form_field{width:calc(50% - 6px)}.leadgen-LightBoxB .leadgen-form_field.mantine-CheckboxGroup-root,.leadgen-LightBoxB .leadgen-form_field.mantine-RadioGroup-root{width:100%}.leadgen-LightBoxB .leadgen-wrapper{height:600px;max-height:calc(100vh - 80px);max-width:1128px}.leadgen-LightBoxB .leadgen-wrapper .leadgen-header{width:400px}.leadgen-LightBoxB .leadgen-wrapper_small{height:540px;max-width:774px}.leadgen-LightBoxB .leadgen-wrapper_small .leadgen-header{width:360px}.leadgen-LightBoxB .leadgen-wrapper_small .leadgen-form_field{width:100%}.leadgen-LightBoxB .leadgen-wrapper_otp{height:auto;max-width:744px}.leadgen-LightBoxB .leadgen-wrapper_otp .leadgen-header{width:360px}.leadgen-LightBoxB:not(:has(.le-only-desktop)) .leadgen-wrapper{max-width:744px}.leadgen-LightBoxB:not(:has(.le-only-desktop)) .leadgen-wrapper_small{max-width:450px}}

package/build/esm/lead.js

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6b73f02f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-80566a58.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback } from 'react';
 import { createStyles, Box, Autocomplete, clsx, Input as Input$1, TextInput, NumberInput as NumberInput$1, Button as Button$2, Portal, Transition, Overlay } from '@mantine/core';
 import dayjs from 'dayjs';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './index-cad8253f.js';
-import { T as TranslationsContext } from './translationsContext-e6472362.js';
+import { u as useTranslations } from './index-70112e6a.js';
+import { T as TranslationsContext } from './translationsContext-688cebc1.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-a3051d45.js';
-import { T as Text } from './index-110106b3.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-36cfb415.js';
-import { D as DatePicker } from './index-1c757ce4.js';
-import { M as MAPPED_LOCALE } from './utils-10d62598.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-4b0d3309.js';
+import { T as Text } from './index-0d846d6d.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-39fb2e6e.js';
+import { D as DatePicker } from './index-02f17efb.js';
+import { M as MAPPED_LOCALE } from './utils-a193e058.js';
 import '@mantine/dates';
-import { Z as ZINDEX_SSO } from './index-d1cd8f2a.js';
-import './index-d9ec7431.js';
-import { C as CommonGAssets } from './index-446308d1.js';
-import './useMantineLocale-e193e6be.js';
-import { B as Button$1 } from './index-ead2e423.js';
-import './index.styles-972e3e9a.js';
+import { Z as ZINDEX_SSO } from './index-8b37b0aa.js';
+import './index-86459e18.js';
+import { C as CommonGAssets } from './index-c142944e.js';
+import './useMantineLocale-6bc0d375.js';
+import { B as Button$1 } from './index-e7be37a8.js';
+import './index.styles-5cd41ce1.js';
 import { useClickOutside } from '@mantine/hooks';
-import './other-78e80207.js';
-import './index-d36d057b.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-f0e90e2c.js';
-import { B as Button } from './index-760e599d.js';
-import { H as Heading$1 } from './index-a9b3432d.js';
+import './other-80f26543.js';
+import './index-087094d5.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-d2b9e6ef.js';
+import { B as Button } from './index-213948c6.js';
+import { H as Heading$1 } from './index-7c15738d.js';
 import { v1 } from 'uuid';
-import { i as isVideo } from './index-e1bc1673.js';
-import { D as DrawerComponent } from './index-e1959971.js';
-import { u as useScreenSize } from './useScreenSize-c3ac4aad.js';
+import { i as isVideo } from './index-9c8e7347.js';
+import { D as DrawerComponent } from './index-5673aad9.js';
+import { u as useScreenSize } from './useScreenSize-957a193d.js';
 import { createPortal } from 'react-dom';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Close } from './Close-f1186801.js';
+import { C as Close } from './Close-1124df47.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './Locale-aa50c2ce.js';
+import './Locale-9c329d60.js';
 import 'classnames';
-import './useUniqueId-14927f1b.js';
+import './useUniqueId-fde4b561.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
@@ -135,6 +135,51 @@ const LEAD_TIMEZONE_DATA = {
     9: 'Asia/Manila', // Philippines / Filipinos Site
 };
 
+const LEADGEN_LAYOUT = {
+    LightBoxA: 'LightBoxA',
+    LightBoxB: 'LightBoxB',
+    SkinA: 'SkinA',
+    SkinB: 'SkinB',
+    Floating: 'Floating',
+    Tab: 'Tab',
+    InlineA: 'InlineA',
+    InlineB: 'InlineB',
+    CenterTab: 'CenterTab',
+    Sidebar: 'Sidebar',
+    Fullscreen: 'Fullscreen',
+    Slider: 'Slider',
+};
+const LEADGEN_BLOCK = {
+    TextBlock: 'TextBlock',
+    NumberBlock: 'NumberBlock',
+    DateBlock: 'DateBlock',
+    EmailBlock: 'EmailBlock',
+    PhoneBlock: 'PhoneBlock',
+    PhoneOtpBlock: 'PhoneOtpBlock',
+    WhatsappOtpBlock: 'WhatsappOtpBlock',
+    ZaloOtpBlock: 'ZaloOtpBlock',
+    LocationBlock: 'LocationBlock',
+    LinkButtonBlock: 'LinkButtonBlock',
+    RadioBlock: 'RadioBlock',
+    DropdownBlock: 'DropdownBlock',
+    CheckboxBlock: 'CheckboxBlock',
+    TncBlock: 'TncBlock',
+};
+const LEADGEN_IS_FORM = [
+    'TextBlock',
+    'NumberBlock',
+    'DateBlock',
+    'EmailBlock',
+    'PhoneBlock',
+    'PhoneOtpBlock',
+    'WhatsappOtpBlock',
+    'ZaloOtpBlock',
+    'LocationBlock',
+    'RadioBlock',
+    'DropdownBlock',
+    'CheckboxBlock',
+    'TncBlock',
+];
 const SSO_MAP_LEAD = ['name', 'email', 'birthday', 'phone', 'gender'];
 const mappingSSOToLead = (userInfoProps) => {
     try {
@@ -1398,6 +1443,14 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default.createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
 };
 
+const EmptyIcon = (props) => {
+    const { className, style } = props;
+    return (React__default.createElement("svg", { width: "160", height: "160", viewBox: "0 0 160 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
+        React__default.createElement("path", { d: "M79.9974 113.333C98.4069 113.333 113.331 98.4096 113.331 80.0001C113.331 61.5906 98.4069 46.6667 79.9974 46.6667C61.5879 46.6667 46.6641 61.5906 46.6641 80.0001C46.6641 98.4096 61.5879 113.333 79.9974 113.333Z", fill: "#F44D2C" }),
+        React__default.createElement("path", { d: "M92.434 95.0004C91.7771 95.0004 91.1213 94.7499 90.6194 94.249L65.7521 69.3807C64.7493 68.3779 64.7493 66.7542 65.7521 65.7524C66.7549 64.7507 68.3786 64.7497 69.3804 65.7524L94.2487 90.6208C95.2515 91.6235 95.2515 93.2473 94.2487 94.249C93.7468 94.7499 93.0909 95.0004 92.434 95.0004Z", fill: "white" }),
+        React__default.createElement("path", { d: "M67.5648 95C66.9079 95 66.252 94.7496 65.7501 94.2487C64.7474 93.2459 64.7474 91.6222 65.7501 90.6204L90.6185 65.7521C91.6212 64.7493 93.245 64.7493 94.2467 65.7521C95.2485 66.7549 95.2495 68.3786 94.2467 69.3804L69.3794 94.2487C68.8786 94.7496 68.2217 95 67.5648 95Z", fill: "white" })));
+};
+
 const ThankyouPopup = ({ title, titleAlign, subtitle, subtitleAlign, link, linkNewTab, linkText, image, }) => {
     const { width: imageWidth, height: imageHeight, loaded: imageLoaded, } = useImageSize(image);
     if (!imageLoaded)
@@ -2199,6 +2252,17 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
     })));
 };
 
+const HeaderImage = ({ src, className, style }) => {
+    if (!src) {
+        return null;
+    }
+    if (isVideo(src)) {
+        return (React__default.createElement("video", { className: className, muted: true, autoPlay: true, loop: true, style: style },
+            React__default.createElement("source", { src: src, type: "video/mp4" })));
+    }
+    return (React__default.createElement("img", { src: src, draggable: "false", alt: "", className: className, style: style }));
+};
+
 const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
     const { t } = useTranslations();
     const phone = otpData.phone;
@@ -2324,19 +2388,17 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
             })))));
 };
 
-const EmptyIcon = (props) => {
-    const { className, style } = props;
-    return (React__default.createElement("svg", { width: "160", height: "160", viewBox: "0 0 160 160", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
-        React__default.createElement("path", { d: "M79.9974 113.333C98.4069 113.333 113.331 98.4096 113.331 80.0001C113.331 61.5906 98.4069 46.6667 79.9974 46.6667C61.5879 46.6667 46.6641 61.5906 46.6641 80.0001C46.6641 98.4096 61.5879 113.333 79.9974 113.333Z", fill: "#F44D2C" }),
-        React__default.createElement("path", { d: "M92.434 95.0004C91.7771 95.0004 91.1213 94.7499 90.6194 94.249L65.7521 69.3807C64.7493 68.3779 64.7493 66.7542 65.7521 65.7524C66.7549 64.7507 68.3786 64.7497 69.3804 65.7524L94.2487 90.6208C95.2515 91.6235 95.2515 93.2473 94.2487 94.249C93.7468 94.7499 93.0909 95.0004 92.434 95.0004Z", fill: "white" }),
-        React__default.createElement("path", { d: "M67.5648 95C66.9079 95 66.252 94.7496 65.7501 94.2487C64.7474 93.2459 64.7474 91.6222 65.7501 90.6204L90.6185 65.7521C91.6212 64.7493 93.245 64.7493 94.2467 65.7521C95.2485 66.7549 95.2495 68.3786 94.2467 69.3804L69.3794 94.2487C68.8786 94.7496 68.2217 95 67.5648 95Z", fill: "white" })));
-};
-
 // url: imageBlocks.imageMobile.data.url
 // newTab: imageBlocks.imageMobile.data.newtab
 // image: campaignShow.image
 // imageDestkop: campaignShow.image_desktop
 const LEADGEN_LIMIT_LIGHTBOXB = 6;
+const LEADGEN_SHOW_HEADER = [
+    'LightBoxA',
+    'InlineA',
+    LEADGEN_LAYOUT.Sidebar,
+    LEADGEN_LAYOUT.Slider,
+];
 const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }) => {
     var _a, _b, _c;
     const { t } = useTranslations();
@@ -2359,37 +2421,24 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const textBlocks = JSON.parse(extraFields.textBlocks);
     const popUpSubmitText = actionBlocks.submitBlock.data.value;
     const currentPath = location.pathname;
-    const isInPage = currentLayout.includes('Inline') || currentLayout === 'Sidebar';
-    const isSlider = currentLayout === 'Slider';
-    const isDrawer = currentLayout.includes('LightBoxB') && isMobile;
+    const isInPage = currentLayout.includes('Inline') || currentLayout === LEADGEN_LAYOUT.Sidebar;
+    const isSlider = currentLayout === LEADGEN_LAYOUT.Slider;
+    const isDrawer = currentLayout.includes(LEADGEN_LAYOUT.LightBoxB) && isMobile;
     const isLightBox = currentLayout.includes('LightBox');
-    const isSmallLightBoxB = currentLayout === 'LightBoxB' &&
+    const isSmallLightBoxB = currentLayout === LEADGEN_LAYOUT.LightBoxB &&
         listBlockAdded.length <= LEADGEN_LIMIT_LIGHTBOXB;
     const isShowHeader = showOtpPhone || !!imageMobile || !!imageDesktop;
-    const isFormSubmit = currentLayout === 'LightBoxA'
-        ? listBlockAdded.some((item) => [
-            'TextBlock',
-            'NumberBlock',
-            'DateBlock',
-            'EmailBlock',
-            'PhoneBlock',
-            'PhoneOtpBlock',
-            'WhatsappOtpBlock',
-            'ZaloOtpBlock',
-            'LocationBlock',
-            'RadioBlock',
-            'DropdownBlock',
-            'CheckboxBlock',
-            'TncBlock',
-        ].some((k) => k === (item === null || item === void 0 ? void 0 : item.name)))
+    const isFormSubmit = currentLayout === LEADGEN_LAYOUT.LightBoxA
+        ? listBlockAdded.some((item) => LEADGEN_IS_FORM.some((k) => k === (item === null || item === void 0 ? void 0 : item.name)))
         : true;
     if (window.innerWidth < 769 &&
-        ['Fullscreen', 'Slider'].includes(currentLayout)) {
+        [LEADGEN_LAYOUT.Fullscreen, LEADGEN_LAYOUT.Slider].includes(currentLayout)) {
         console.log('😎 Not show fullscreen, slider on mobile ');
         return null;
     }
     useEffect(() => {
-        if (currentLayout.includes('LightBox') || currentLayout == 'Fullscreen') {
+        if (currentLayout.includes('LightBox') ||
+            currentLayout == LEADGEN_LAYOUT.Fullscreen) {
             document.body.classList.add('noscroll');
         }
         if (!window.intlTelInputUtils) {
@@ -2423,9 +2472,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                 if (Object.keys(form.errors).length)
                     return;
                 let newShowOtpPhone = null;
-                if (listBlockAdded.findIndex((x) => x.name === 'PhoneOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.PhoneOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_b = (_a = listBlockAdded.find((x) => x.name === 'PhoneOtpBlock')) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
+                    const fieldName = (_b = (_a = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.PhoneOtpBlock)) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value;
                     if ((_c = v[fieldName]) === null || _c === void 0 ? void 0 : _c.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2433,9 +2482,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                         };
                     }
                 }
-                if (listBlockAdded.findIndex((x) => x.name === 'WhatsappOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.WhatsappOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_e = (_d = listBlockAdded.find((x) => x.name === 'WhatsappOtpBlock')) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.value;
+                    const fieldName = (_e = (_d = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.WhatsappOtpBlock)) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.value;
                     if ((_f = v[fieldName]) === null || _f === void 0 ? void 0 : _f.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2443,9 +2492,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
                         };
                     }
                 }
-                if (listBlockAdded.findIndex((x) => x.name === 'ZaloOtpBlock') > -1) {
+                if (listBlockAdded.findIndex((x) => x.name === LEADGEN_BLOCK.ZaloOtpBlock) > -1) {
                     // not submit yet, open otp
-                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === 'ZaloOtpBlock')) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
+                    const fieldName = (_h = (_g = listBlockAdded.find((x) => x.name === LEADGEN_BLOCK.ZaloOtpBlock)) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.value;
                     if ((_j = v[fieldName]) === null || _j === void 0 ? void 0 : _j.startsWith('+')) {
                         newShowOtpPhone = {
                             phone: v[fieldName],
@@ -2483,11 +2532,11 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         }
     };
     const { width: imageBackgroundWidth, height: imageBackgroundHeight, loaded: imageBackgroundLoaded, } = useImageSize(imageBackground);
-    const { width: imageMobileWidth, height: imageMobileHeight, loaded: imageMobileLoaded, } = useImageSize(imageMobile);
-    const { width: imageDesktopWidth, height: imageDesktopHeight, loaded: imageDesktopLoaded, } = useImageSize(imageDesktop);
+    const { loaded: imageMobileLoaded } = useImageSize(imageMobile);
+    const { loaded: imageDesktopLoaded } = useImageSize(imageDesktop);
     const renderAfterImageSizes = imageMobileLoaded &&
         imageDesktopLoaded &&
-        (currentLayout == 'Fullscreen' ? imageBackgroundLoaded : true);
+        (currentLayout == LEADGEN_LAYOUT.Fullscreen ? imageBackgroundLoaded : true);
     const ButtonSubmit = !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default.createElement(Button$2, { size: "lg", id: "lead-submit", type: "submit", variant: "filled", className: clsx(`lead-modal__btn ${LEAD_CLASS}`, 'leadgen-btn leadgen-btn_action'), loading: isSubmitLoading }, popUpSubmitText));
     const LinkButtonBlock = listBlockAdded.filter(({ name }) => name == 'LinkButtonBlock');
     const ButtonLink = !!(LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.length) && (React__default.createElement(React__default.Fragment, null, LinkButtonBlock.map((item, index) => {
@@ -2500,23 +2549,12 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const PopupHeader = (React__default.createElement("header", { className: clsx('lead-modal__header', {
             'leadgen-header': isLightBox,
             'leadgen-header_hidden': !isShowHeader,
-        }) }, showOtpPhone ? (React__default.createElement("img", { src: CommonGAssets.getAssetPath('lead-otp-thumb.png'), draggable: "false", alt: "", style: {
-            width: '100%',
-            minHeight: '150px',
-            backgroundColor: '#f2f2f2',
-        }, loading: "lazy" })) : (React__default.createElement(React__default.Fragment, null, ['LightBoxA', 'InlineA', 'Sidebar', 'Slider'].includes(currentLayout) ? (imageMobile ? (isVideo(imageMobile) ? (React__default.createElement("video", { className: "lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-        React__default.createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default.createElement("img", { draggable: "false", className: "lead-modal__image lead-modal-image-cover", src: imageMobile, style: {
-            aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-        }, alt: "" }))) : null) : (React__default.createElement(React__default.Fragment, null,
-        imageDesktop ? (isVideo(imageDesktop) ? (React__default.createElement("video", { className: "le-only-desktop lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default.createElement("source", { src: imageDesktop, type: "video/mp4" }))) : (React__default.createElement("img", { draggable: "false", className: "le-only-desktop lead-modal__image lead-modal-image-cover", style: {
-                objectFit: 'cover',
-                aspectRatio: `${imageDesktopWidth}/${imageDesktopHeight}`,
-            }, src: imageDesktop, alt: "" }))) : null,
-        imageMobile ? (isVideo(imageMobile) ? (React__default.createElement("video", { className: "le-only-mobile lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default.createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default.createElement("img", { draggable: "false", className: "le-only-mobile lead-modal__image lead-modal-image-cover", src: imageMobile, alt: "", style: {
-                aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-            } }))) : null))))));
+        }) }, showOtpPhone ? (React__default.createElement("img", { src: CommonGAssets.getAssetPath('lead-otp-thumb.png'), draggable: "false", alt: "", className: clsx('lead-modal__image lead-modal-image-cover', {
+            'le-only-desktop': !isMobile,
+            'le-only-mobile': isMobile,
+        }), loading: "lazy" })) : (React__default.createElement(React__default.Fragment, null, LEADGEN_SHOW_HEADER.includes(currentLayout) ? (React__default.createElement(HeaderImage, { src: imageMobile, className: "lead-modal__image lead-modal-image-cover" })) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(HeaderImage, { src: imageDesktop, className: "le-only-desktop lead-modal__image lead-modal-image-cover" }),
+        React__default.createElement(HeaderImage, { src: imageMobile, className: "le-only-mobile lead-modal__image lead-modal-image-cover" })))))));
     const PopupEmpty = showEmpty && (React__default.createElement("div", { className: "leadgen-empty" },
         React__default.createElement("div", { className: "leadgen-empty_body" },
             React__default.createElement("div", { className: "leadgen-empty_wrapper" },
@@ -2560,6 +2598,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const PopupWrapper = (React__default.createElement("div", { className: clsx(`lead-modal__wrapper le-newbuilder-wrap-${currentLayout}`, {
             'leadgen-wrapper': isLightBox,
             'leadgen-wrapper_small': isSmallLightBoxB,
+            'leadgen-wrapper_otp': showOtpPhone,
         }) },
         !currentLayout.includes('Inline') && (React__default.createElement(CloseButton, { onClose: () => onOpenChange(false), containerClassName: clsx('close-button-top-right', {
                 'leadgen-close_btn': isLightBox,
@@ -2586,18 +2625,18 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         React__default.createElement("div", { className: "", style: { position: 'absolute', inset: 0, zIndex: snap === 1 ? -1 : 1 }, onClick: () => setSnap(1) }))) : (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("style", { dangerouslySetInnerHTML: { __html: styleOverlay } }),
         React__default.createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: popupContainerClassName },
-            currentLayout == 'Fullscreen' ? (React__default.createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
+            currentLayout == LEADGEN_LAYOUT.Fullscreen ? (React__default.createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
                     aspectRatio: `${imageBackgroundWidth}/${imageBackgroundHeight}`,
                 } })) : null,
             PopupWrapper)));
     if (!renderAfterImageSizes)
         return null;
     if (currentLayout.includes('LightBox') ||
-        currentLayout == 'Fullscreen' ||
-        currentLayout == 'Slider') {
+        currentLayout == LEADGEN_LAYOUT.Fullscreen ||
+        currentLayout == LEADGEN_LAYOUT.Slider) {
         return PopupContainer;
     }
-    else if (currentLayout == 'Sidebar') {
+    else if (currentLayout == LEADGEN_LAYOUT.Sidebar) {
         return React__default.createElement(SideBarLayout, { content: PopupContainer });
     }
     else if (currentLayout.includes('Inline')) {
@@ -3174,7 +3213,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, showThankyou, local
 };
 
 // mount css
-const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, }) => {
+const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, onClose: onCloseProps, }) => {
     var _a;
     const scrollEventHandlerRef = useRef();
     const leadStartTimeRef = useRef(Date.now());
@@ -3210,6 +3249,8 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
         document.body.classList.remove('noscroll');
         setShowCampaign(null);
         setShowThankyou(null);
+        setAction('HIDE');
+        onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
     };
     const onClose = () => {
         var _a, _b;

package/build/esm/{logoIcon-4b28699e.js → logoIcon-20ab8f8c.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-446308d1.js';
-import { I as ImageWrap } from './useScreenSize-c3ac4aad.js';
+import { C as CommonGAssets } from './index-c142944e.js';
+import { I as ImageWrap } from './useScreenSize-957a193d.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,43 +1,43 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-36cfb415.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-36cfb415.js';
-export { D as DatePicker } from './index-1c757ce4.js';
-export { T as Text } from './index-110106b3.js';
-import { B as Button } from './index-ead2e423.js';
-export { B as Button } from './index-ead2e423.js';
-export { I as Indicator } from './index-7f5cd944.js';
+import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-39fb2e6e.js';
+export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-39fb2e6e.js';
+export { D as DatePicker } from './index-02f17efb.js';
+export { T as Text } from './index-0d846d6d.js';
+import { B as Button } from './index-e7be37a8.js';
+export { B as Button } from './index-e7be37a8.js';
+export { I as Indicator } from './index-3ed931d1.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-e8383599.js';
-import { _ as __rest } from './tslib.es6-6b73f02f.js';
+export { M as Modal } from './index-9b454cd5.js';
+import { _ as __rest } from './tslib.es6-80566a58.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-7d439cd4.js';
+export { S as Spoiler } from './index-4fa01d7e.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-518d201e.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-e193e6be.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-e193e6be.js';
-export { O as OTHER_THEME_CONFIG } from './other-78e80207.js';
-export { T as Tabs } from './index-d36d057b.js';
+export { S as Switch } from './index-aeef20fe.js';
+import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-6bc0d375.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-6bc0d375.js';
+export { O as OTHER_THEME_CONFIG } from './other-80f26543.js';
+export { T as Tabs } from './index-087094d5.js';
 import '@hhgtech/icons/other';
-import './index-446308d1.js';
+import './index-c142944e.js';
 import './constantsDomainLocales.js';
-import './Locale-aa50c2ce.js';
+import './Locale-9c329d60.js';
 import './constantsIsProduction.js';
-import './useScreenSize-c3ac4aad.js';
+import './useScreenSize-957a193d.js';
 import '@emotion/styled';
-import './utils-a3051d45.js';
+import './utils-4b0d3309.js';
 import '@mantine/carousel';
-import './index-d9ec7431.js';
-import './index-d1cd8f2a.js';
+import './index-86459e18.js';
+import './index-8b37b0aa.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-14927f1b.js';
+import './useUniqueId-fde4b561.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-972e3e9a.js';
-import './index-cad8253f.js';
-import './translationsContext-e6472362.js';
+import './index.styles-5cd41ce1.js';
+import './index-70112e6a.js';
+import './translationsContext-688cebc1.js';
 import '@mantine/notifications';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,34 +1,34 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-9d0102d5.js';
-export { h as fadeIn, 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 './animation-d74e3e2c.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-874eca08.js';
+export { h as fadeIn, 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 './animation-ea5c6f26.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './useMantineLocale-e193e6be.js';
-import './index-d9ec7431.js';
-import './index-446308d1.js';
+import './useMantineLocale-6bc0d375.js';
+import './index-86459e18.js';
+import './index-c142944e.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-a3051d45.js';
-import './index-d1cd8f2a.js';
-export { a as abbreviateNumber, f as formatPill } from './dataTransform-6a74941a.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-a9735322.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-4b0d3309.js';
+import './index-8b37b0aa.js';
+export { a as abbreviateNumber, f as formatPill } from './dataTransform-76b8a23b.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-4ba7fae7.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
 import 'dayjs';
 import '@emotion/react';
-import './tslib.es6-6b73f02f.js';
+import './tslib.es6-80566a58.js';
 import '@mantine/notifications';
-import './other-78e80207.js';
-import './Locale-aa50c2ce.js';
+import './other-80f26543.js';
+import './Locale-9c329d60.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './core-a393eae5.js';
-import './WhatsApp-6b3378e7.js';
-import './index-e4ab8be4.js';
-import './index-087ddd0f.js';
+import './core-25bf24ca.js';
+import './WhatsApp-97783846.js';
+import './index-0516af9c.js';
+import './index-feb61cd3.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-6b73f02f.js';
-import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-a9735322.js';
-import { g as getDataWithCache } from './core-a393eae5.js';
+import { a as __awaiter } from './tslib.es6-80566a58.js';
+import { e as normalizeLinkSlash, c as getDiscoverApiDomain } from './normalizeLink-4ba7fae7.js';
+import { g as getDataWithCache } from './core-25bf24ca.js';
 import './constantsDomainLocales.js';
-import './Locale-aa50c2ce.js';
+import './Locale-9c329d60.js';
 import './constantsIsProduction.js';
 
 const formatHealthTool = (healthTool, locale) => {