@hhgtech/hhg-components 1.29.346-beta-3 → 1.29.347-beta-1

package/build/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: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: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/lead.js

@@ -2,47 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-b28fb9af.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var index = require('./index-3e44f012.js');
-var translationsContext = require('./translationsContext-3a80c46b.js');
+var index = require('./index-1bd3d8ec.js');
+var translationsContext = require('./translationsContext-231996a9.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var utils$1 = require('./utils-a2cfb068.js');
-var index$1 = require('./index-9df7a1c1.js');
-var index$2 = require('./index-1d003d95.js');
-var index$4 = require('./index-f9673ee9.js');
-var utils = require('./utils-43e7fedf.js');
+var utils$1 = require('./utils-88da9bdf.js');
+var index$1 = require('./index-2add5ce9.js');
+var index$2 = require('./index-bd1401de.js');
+var index$4 = require('./index-006ecb35.js');
+var utils = require('./utils-a99e1808.js');
 require('@mantine/dates');
-var index$a = require('./index-f7c0b2f0.js');
-require('./index-f0ed71ba.js');
-var index$8 = require('./index-4b456cae.js');
-require('./useMantineLocale-00773651.js');
-var index$5 = require('./index-8bbfe6f2.js');
-require('./index.styles-84cbd2b5.js');
+var index$a = require('./index-4aeab49f.js');
+require('./index-9e1921ed.js');
+var index$8 = require('./index-6fad360a.js');
+require('./useMantineLocale-98648c73.js');
+var index$5 = require('./index-13769786.js');
+require('./index.styles-a3f8d5d9.js');
 var hooks = require('@mantine/hooks');
-require('./other-44d4bae1.js');
-require('./index-199130f1.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-16512c87.js');
-var index$3 = require('./index-410ce23f.js');
-var index$6 = require('./index-98a654c3.js');
+require('./other-e94f2d68.js');
+require('./index-3304fbcd.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-2ee502e3.js');
+var index$3 = require('./index-77b6ca29.js');
+var index$6 = require('./index-153caff8.js');
 var uuid = require('uuid');
-var index$7 = require('./index-78a57342.js');
-var index$9 = require('./index-3d8d5026.js');
-var useScreenSize = require('./useScreenSize-cd182112.js');
+var index$7 = require('./index-67749b80.js');
+var index$9 = require('./index-3eaa82ab.js');
+var useScreenSize = require('./useScreenSize-b0f903da.js');
 var ReactDOM = require('react-dom');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var Close = require('./Close-6e70c97b.js');
+var Close = require('./Close-75058cd0.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./Locale-810cead0.js');
+require('./Locale-04d7b6e5.js');
 require('classnames');
-require('./useUniqueId-7618d21c.js');
+require('./useUniqueId-c1615186.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -164,6 +164,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 {
@@ -1427,6 +1472,14 @@ const FloatingLayout = ({ popupId, url, title, urlText, titleAlign, subtitle, su
                     React__default["default"].createElement(CloseButton, { onClose: onClose, containerClassName: "close-button-top-right" }))))));
 };
 
+const EmptyIcon = (props) => {
+    const { className, style } = props;
+    return (React__default["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["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["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["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)
@@ -2228,6 +2281,17 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
     })));
 };
 
+const HeaderImage = ({ src, className, style }) => {
+    if (!src) {
+        return null;
+    }
+    if (index$7.isVideo(src)) {
+        return (React__default["default"].createElement("video", { className: className, muted: true, autoPlay: true, loop: true, style: style },
+            React__default["default"].createElement("source", { src: src, type: "video/mp4" })));
+    }
+    return (React__default["default"].createElement("img", { src: src, draggable: "false", alt: "", className: className, style: style }));
+};
+
 const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
     const { t } = index.useTranslations();
     const phone = otpData.phone;
@@ -2353,19 +2417,17 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
             })))));
 };
 
-const EmptyIcon = (props) => {
-    const { className, style } = props;
-    return (React__default["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["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["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["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 } = index.useTranslations();
@@ -2388,37 +2450,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;
     }
     React.useEffect(() => {
-        if (currentLayout.includes('LightBox') || currentLayout == 'Fullscreen') {
+        if (currentLayout.includes('LightBox') ||
+            currentLayout == LEADGEN_LAYOUT.Fullscreen) {
             document.body.classList.add('noscroll');
         }
         if (!window.intlTelInputUtils) {
@@ -2452,9 +2501,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],
@@ -2462,9 +2511,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],
@@ -2472,9 +2521,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],
@@ -2512,11 +2561,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["default"].createElement(core.Button, { size: "lg", id: "lead-submit", type: "submit", variant: "filled", className: core.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["default"].createElement(React__default["default"].Fragment, null, LinkButtonBlock.map((item, index) => {
@@ -2533,19 +2582,9 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
             width: '100%',
             minHeight: '150px',
             backgroundColor: '#f2f2f2',
-        }, loading: "lazy" })) : (React__default["default"].createElement(React__default["default"].Fragment, null, ['LightBoxA', 'InlineA', 'Sidebar', 'Slider'].includes(currentLayout) ? (imageMobile ? (index$7.isVideo(imageMobile) ? (React__default["default"].createElement("video", { className: "lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-        React__default["default"].createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default["default"].createElement("img", { draggable: "false", className: "lead-modal__image lead-modal-image-cover", src: imageMobile, style: {
-            aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-        }, alt: "" }))) : null) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-        imageDesktop ? (index$7.isVideo(imageDesktop) ? (React__default["default"].createElement("video", { className: "le-only-desktop lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default["default"].createElement("source", { src: imageDesktop, type: "video/mp4" }))) : (React__default["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 ? (index$7.isVideo(imageMobile) ? (React__default["default"].createElement("video", { className: "le-only-mobile lead-modal__image lead-modal-image-cover", muted: true, autoPlay: true, loop: true },
-            React__default["default"].createElement("source", { src: imageMobile, type: "video/mp4" }))) : (React__default["default"].createElement("img", { draggable: "false", className: "le-only-mobile lead-modal__image lead-modal-image-cover", src: imageMobile, alt: "", style: {
-                aspectRatio: `${imageMobileWidth}/${imageMobileHeight}`,
-            } }))) : null))))));
+        }, loading: "lazy" })) : (React__default["default"].createElement(React__default["default"].Fragment, null, LEADGEN_SHOW_HEADER.includes(currentLayout) ? (React__default["default"].createElement(HeaderImage, { src: imageMobile, className: "lead-modal__image lead-modal-image-cover" })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(HeaderImage, { src: imageDesktop, className: "le-only-desktop lead-modal__image lead-modal-image-cover" }),
+        React__default["default"].createElement(HeaderImage, { src: imageMobile, className: "le-only-mobile lead-modal__image lead-modal-image-cover" })))))));
     const PopupEmpty = showEmpty && (React__default["default"].createElement("div", { className: "leadgen-empty" },
         React__default["default"].createElement("div", { className: "leadgen-empty_body" },
             React__default["default"].createElement("div", { className: "leadgen-empty_wrapper" },
@@ -2615,18 +2654,18 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         React__default["default"].createElement("div", { className: "", style: { position: 'absolute', inset: 0, zIndex: snap === 1 ? -1 : 1 }, onClick: () => setSnap(1) }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("style", { dangerouslySetInnerHTML: { __html: styleOverlay } }),
         React__default["default"].createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: popupContainerClassName },
-            currentLayout == 'Fullscreen' ? (React__default["default"].createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
+            currentLayout == LEADGEN_LAYOUT.Fullscreen ? (React__default["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["default"].createElement(SideBarLayout, { content: PopupContainer });
     }
     else if (currentLayout.includes('Inline')) {

package/build/{logoIcon-c566aeb1.js → logoIcon-99e85b40.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-4b456cae.js');
-var useScreenSize = require('./useScreenSize-cd182112.js');
+var index = require('./index-6fad360a.js');
+var useScreenSize = require('./useScreenSize-b0f903da.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-1d003d95.js');
-var index$1 = require('./index-f9673ee9.js');
-var index$2 = require('./index-9df7a1c1.js');
-var index$3 = require('./index-8bbfe6f2.js');
-var index$4 = require('./index-e02f9a43.js');
+var index = require('./index-bd1401de.js');
+var index$1 = require('./index-006ecb35.js');
+var index$2 = require('./index-2add5ce9.js');
+var index$3 = require('./index-13769786.js');
+var index$4 = require('./index-4d816356.js');
 var React = require('react');
-var index$5 = require('./index-ab2b5423.js');
-var tslib_es6 = require('./tslib.es6-b28fb9af.js');
+var index$5 = require('./index-fd156d61.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-194d88c8.js');
+var index$6 = require('./index-ab2876a0.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-116d16ac.js');
-var useMantineLocale = require('./useMantineLocale-00773651.js');
-var other = require('./other-44d4bae1.js');
-var index$8 = require('./index-199130f1.js');
+var index$7 = require('./index-b6ecdaef.js');
+var useMantineLocale = require('./useMantineLocale-98648c73.js');
+var other = require('./other-e94f2d68.js');
+var index$8 = require('./index-3304fbcd.js');
 require('@hhgtech/icons/other');
-require('./index-4b456cae.js');
+require('./index-6fad360a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-810cead0.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-cd182112.js');
+require('./useScreenSize-b0f903da.js');
 require('@emotion/styled');
-require('./utils-a2cfb068.js');
+require('./utils-88da9bdf.js');
 require('@mantine/carousel');
-require('./index-f0ed71ba.js');
-require('./index-f7c0b2f0.js');
+require('./index-9e1921ed.js');
+require('./index-4aeab49f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('classnames');
-require('./useUniqueId-7618d21c.js');
+require('./useUniqueId-c1615186.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-84cbd2b5.js');
-require('./index-3e44f012.js');
-require('./translationsContext-3a80c46b.js');
+require('./index.styles-a3f8d5d9.js');
+require('./index-1bd3d8ec.js');
+require('./translationsContext-231996a9.js');
 require('@mantine/notifications');
 require('dayjs');
 

package/build/misc.js

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-5df47870.js');
-var animation = require('./animation-395c0b1d.js');
+var localizeNumberFormat = require('./localizeNumberFormat-da3731b7.js');
+var animation = require('./animation-b8f924ab.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./useMantineLocale-00773651.js');
-require('./index-f0ed71ba.js');
-require('./index-4b456cae.js');
+require('./useMantineLocale-98648c73.js');
+require('./index-9e1921ed.js');
+require('./index-6fad360a.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-a2cfb068.js');
-require('./index-f7c0b2f0.js');
-var dataTransform = require('./dataTransform-eaed756e.js');
-var normalizeLink = require('./normalizeLink-cdc77b51.js');
+var utils = require('./utils-88da9bdf.js');
+require('./index-4aeab49f.js');
+var dataTransform = require('./dataTransform-507aa6b8.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-b28fb9af.js');
+require('./tslib.es6-527b4492.js');
 require('@mantine/notifications');
-require('./other-44d4bae1.js');
-require('./Locale-810cead0.js');
+require('./other-e94f2d68.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./core-8c8131e8.js');
-require('./WhatsApp-9652c8a8.js');
-require('./index-f0983d67.js');
-require('./index-6bba9ef0.js');
+require('./core-dbe1851d.js');
+require('./WhatsApp-fa80452d.js');
+require('./index-7e779b56.js');
+require('./index-18f1a92d.js');
 require('js-cookie');
 require('uuid');
 require('lodash/throttle');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-b28fb9af.js');
-var normalizeLink = require('./normalizeLink-cdc77b51.js');
-var core = require('./core-8c8131e8.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
+var normalizeLink = require('./normalizeLink-6dbfd800.js');
+var core = require('./core-dbe1851d.js');
 require('./constantsDomainLocales.js');
-require('./Locale-810cead0.js');
+require('./Locale-04d7b6e5.js');
 require('./constantsIsProduction.js');
 
 const formatHealthTool = (healthTool, locale) => {

package/build/miscGetSocialList.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-b28fb9af.js');
-var WhatsApp = require('./WhatsApp-9652c8a8.js');
-var index = require('./index-f0ed71ba.js');
-var index$2 = require('./index-f0983d67.js');
-var index$1 = require('./index-4b456cae.js');
-var Locale = require('./Locale-810cead0.js');
-require('./index-6bba9ef0.js');
-require('./index-f7c0b2f0.js');
+var tslib_es6 = require('./tslib.es6-527b4492.js');
+var WhatsApp = require('./WhatsApp-fa80452d.js');
+var index = require('./index-9e1921ed.js');
+var index$2 = require('./index-7e779b56.js');
+var index$1 = require('./index-6fad360a.js');
+var Locale = require('./Locale-04d7b6e5.js');
+require('./index-18f1a92d.js');
+require('./index-4aeab49f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');

package/build/miscScreenSizeContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-a2cfb068.js');
+var utils = require('./utils-88da9bdf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }