@hhgtech/hhg-components 1.29.417-beta-1 → 1.29.417-beta-2

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}@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{--border-radius:8px;overflow:auto;padding:0}.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-inline .leadgen-wrapper{background-color:#f7f9fc}.leadgen-inline .leadgen-content{--spacing-y:24px;--spacing-x:24px}.leadgen-inline .leadgen-header{border-radius:0}.leadgen-inline .leadgen-header img,.leadgen-inline .leadgen-header video{margin:0!important}.leadgen-inline .leadgen-description,.leadgen-inline .leadgen-title{margin:0}.leadgen-lightbox{align-items:center;display:flex;height:100%;inset:0;justify-content:center;padding:15px;position:fixed;width:100%;z-index:401}.leadgen[data-popup-type=center_tab]{inset:0;position:fixed;z-index:999}.leadgen-wrapper{background-color:#fff;border-radius:8px;height:auto;margin-inline:auto;position:relative;width:100%}.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;outline:none!important}.leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-header{border-top-left-radius:var(--border-radius,8px);border-top-right-radius:var(--border-radius,8px);overflow:hidden;position:relative}.leadgen-header_only{border-bottom-left-radius:var(--border-radius,8px);border-bottom-right-radius:var(--border-radius,8px)}.leadgen-header:has(.leadgen-header_image_feature){position:relative}.leadgen-header:has(.leadgen-header_image_feature) .leadgen-header_image{position:unset}.leadgen-inner{border-bottom-left-radius:var(--border-radius,8px);border-bottom-right-radius:var(--border-radius,8px)}.leadgen-inner_thankyou{height:100%;padding-block:var(--spacing-x,32px)}.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-btn>*{pointer-events:none}.leadgen-btn_empty_cancel{border-color:#d2d6dc}.leadgen-btn_action{margin:0;width:100%}.leadgen-title{margin:0 0 8px}.leadgen-description{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_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-form_checkbox .mantine-CheckboxGroup-root>.mantine-InputWrapper-label,.leadgen-form_field>.mantine-InputWrapper-label,.leadgen-form_radio .mantine-RadioGroup-root>.mantine-InputWrapper-label{color:#595959;font-size:14px;font-weight:400;letter-spacing:-.2px;line-height:22px;margin-bottom:8px;padding-bottom:1px;padding-top:1px}.leadgen-form_checkbox .mantine-InputWrapper-error,.leadgen-form_field .mantine-InputWrapper-error,.leadgen-form_radio .mantine-InputWrapper-error{color:#f44d2c!important;font-size:12px!important;letter-spacing:-.2px;line-height:1.5;margin-top:4px;padding-bottom:1px;padding-top:1px}.leadgen-form_field .leadgen-form_field_date{--input-max-width:100%}.leadgen-form_field .leadgen-form_field_date .input_date-input_container{background-color:#fff}.leadgen-form_field .leadgen-form_field_date .input_date-input{width:100%}.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-form_otp .mantine-InputWrapper-root .mantine-Text-root{margin-top:12px}.leadgen-empty{display:flex;flex-direction:column;height:100%}.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)}@media screen and (min-width:768px){.leadgen-content{--spacing-y:32px;--spacing-x:32px}.leadgen-description,.leadgen-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.leadgen-Fullscreen,.leadgen-Slider{align-items:center;display:flex;height:100%;inset:0;justify-content:center;padding:15px;position:fixed;width:100%;z-index:401}.leadgen-Fullscreen .leadgen-inner,.leadgen-Slider .leadgen-inner{border-radius:var(--border-radius,8px)}.leadgen-Slider{align-items:flex-end;justify-content:flex-start;overflow:hidden}.leadgen-Slider .leadgen-wrapper{animation:le-builder-slide .5s forwards;left:-200px;margin-inline:unset}.leadgen-Slider .leadgen-wrapper .leadgen-content{max-height:calc(90vh - 55px);overflow:auto}@keyframes le-builder-slide{to{left:0}}@media screen and (max-width:768px){.leadgen-Fullscreen,.leadgen-Slider{display:none}}.leadgen-Fullscreen,.leadgen-LightBoxA,.leadgen-Sidebar,.leadgen-Slider{overflow:hidden;padding-top:40px}.leadgen-Fullscreen .leadgen-wrapper,.leadgen-LightBoxA .leadgen-wrapper,.leadgen-Sidebar .leadgen-wrapper,.leadgen-Slider .leadgen-wrapper{display:flex;flex-direction:column;max-height:100%;max-width:min(92vw,408px)}.leadgen-Fullscreen .leadgen-content,.leadgen-Fullscreen .leadgen-form,.leadgen-Fullscreen .leadgen-form_container,.leadgen-Fullscreen .leadgen-form_wrapper,.leadgen-Fullscreen .leadgen-inner,.leadgen-LightBoxA .leadgen-content,.leadgen-LightBoxA .leadgen-form,.leadgen-LightBoxA .leadgen-form_container,.leadgen-LightBoxA .leadgen-form_wrapper,.leadgen-LightBoxA .leadgen-inner,.leadgen-Sidebar .leadgen-content,.leadgen-Sidebar .leadgen-form,.leadgen-Sidebar .leadgen-form_container,.leadgen-Sidebar .leadgen-form_wrapper,.leadgen-Sidebar .leadgen-inner,.leadgen-Slider .leadgen-content,.leadgen-Slider .leadgen-form,.leadgen-Slider .leadgen-form_container,.leadgen-Slider .leadgen-form_wrapper,.leadgen-Slider .leadgen-inner{display:flex;flex:1;flex-direction:column;min-height:0}.leadgen-Fullscreen .leadgen-form_scrollable,.leadgen-LightBoxA .leadgen-form_scrollable,.leadgen-Sidebar .leadgen-form_scrollable,.leadgen-Slider .leadgen-form_scrollable{flex:1;min-height:0;overflow:auto}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar{height:6px;width:6px}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar-track{background-color:transparent}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-drawer .drawer__handle{left:0;position:absolute;right:0;top:6px;z-index:1}.leadgen-drawer.drawer__content_full{border-radius:0;display:flex;flex-direction:column;overflow:visible}.leadgen-drawer.drawer__content_full .leadgen-close_btn{bottom:unset;right:8px;top:8px;z-index:2}.leadgen-drawer.drawer__content_full .leadgen-wrapper{max-height:100%}.leadgen-drawer.drawer__content_full .leadgen-header{border-radius:0}.leadgen-drawer.drawer__content_full .leadgen-inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.leadgen-drawer.drawer__content_full .leadgen-content{height:100%;overflow:auto;width:100%}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}@media screen and (min-width:320px) and (max-width:767px){.leadgen-inline{margin-inline:-16px}.leadgen-inline .leadgen-wrapper{border-radius:0}}@media screen and (min-width:768px){.leadgen-LightBoxB .leadgen-wrapper,.leadgen-inline .leadgen-wrapper{height:100%;max-height:min(100vh - 80px,540px);max-width:min(90vw,744px)}.leadgen-LightBoxB .leadgen-content,.leadgen-inline .leadgen-content{--spacing-x:24px;--spacing-y:24px;display:flex;height:100%}.leadgen-LightBoxB .leadgen-header,.leadgen-inline .leadgen-header{width:360px}.leadgen-LightBoxB .leadgen-inner,.leadgen-inline .leadgen-inner{border-bottom-left-radius:0;border-top-right-radius:var(--border-radius,8px);flex:1;min-width:0;overflow:hidden}.leadgen-LightBoxB .leadgen-form,.leadgen-inline .leadgen-form{height:100%}.leadgen-LightBoxB .leadgen-form_field,.leadgen-inline .leadgen-form_field{width:100%}.leadgen-inline .leadgen-wrapper{border:1px solid #e4e8ec;border-radius:var(--border-radius,8px);display:flex;flex-direction:column;overflow:hidden}.leadgen-inline .leadgen-content{flex:1;min-height:0}.leadgen-inline .leadgen-header{border-radius:6px}.leadgen-inline .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-inline .leadgen-inner_thankyou{min-height:unset}.leadgen-inline .leadgen-inner_thankyou>div>img{max-height:64px!important}.leadgen-inline .leadgen-inner_thankyou .le-thankyou-title{color:#262626;font-size:22px!important;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0}.leadgen-inline .leadgen-inner_thankyou .le-thankyou-subtitle{color:#595959;font-size:16px;line-height:1.5;margin:0}.leadgen-inline .leadgen-form_otp .otpContainer{gap:4px}.leadgen-inline .leadgen-form_otp .otpContainer .otpInput{min-width:40px;padding:8px 12px}.leadgen-inline .leadgen-btn_action{width:50%}.leadgen-InlineA .leadgen-wrapper{max-height:min(100vh - 80px,274px)}.leadgen-InlineA .leadgen-header{width:min(50%,350px)}.leadgen-InlineA .leadgen-header .leadgen-header_image{padding-top:128.6764705882%}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-wrapper{max-height:min(100vh - 80px,482px)}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-header{width:min(50%,320px)}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-InlineB .leadgen-wrapper{max-height:min(100vh - 80px,482px)}.leadgen-InlineB .leadgen-header{width:min(50%,320px)}.leadgen-InlineB .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-LightBoxB .leadgen-wrapper{max-width:min(90vw,744px)}.leadgen-LightBoxB .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,384px)}.leadgen-LightBoxB .leadgen-header{border-bottom-left-radius:var(--border-radius,8px);border-top-right-radius:0}.leadgen-LightBoxB .leadgen-header:not(:has(.le-only-desktop)){display:none}.leadgen-LightBoxB .leadgen-inner .leadgen-btn_action{width:auto}}@media screen and (min-width:1200px){.leadgen-LightBoxB .leadgen-wrapper{max-height:min(100vh - 80px,600px);max-width:min(90vw,1128px)}.leadgen-LightBoxB .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,774px)}.leadgen-LightBoxB .leadgen-header{width:400px}.leadgen-LightBoxB .leadgen-form_field{width:calc(50% - 6px)}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-wrapper{height:100%;max-height:min(100vh - 80px,540px);max-width:min(90vw,744px)}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-content{--spacing-x:24px;--spacing-y:24px;display:flex;height:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-header{width:360px}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-inner{border-bottom-left-radius:0;border-top-right-radius:var(--border-radius,8px);flex:1;min-width:0;overflow:hidden}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-form{height:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-form_field{width:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,384px)}}
+.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}@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{--border-radius:8px;overflow:auto;padding:0}.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-inline .leadgen-wrapper{background-color:#f7f9fc}.leadgen-inline .leadgen-content{--spacing-y:24px;--spacing-x:24px}.leadgen-inline .leadgen-header{border-radius:0}.leadgen-inline .leadgen-header img,.leadgen-inline .leadgen-header video{margin:0!important}.leadgen-inline .leadgen-description,.leadgen-inline .leadgen-title{margin:0}.leadgen-lightbox{align-items:center;display:flex;height:100%;inset:0;justify-content:center;padding:15px;position:fixed;width:100%;z-index:401}.leadgen[data-popup-type=center_tab]{inset:0;position:fixed;z-index:999}.leadgen-wrapper{background-color:#fff;border-radius:8px;height:auto;margin-inline:auto;position:relative;width:100%}.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;outline:none!important}.leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-header{border-top-left-radius:var(--border-radius,8px);border-top-right-radius:var(--border-radius,8px);overflow:hidden;position:relative}.leadgen-header_only{border-bottom-left-radius:var(--border-radius,8px);border-bottom-right-radius:var(--border-radius,8px)}.leadgen-header:has(.leadgen-header_image_feature){position:relative}.leadgen-header:has(.leadgen-header_image_feature) .leadgen-header_image{position:unset}.leadgen-inner{border-bottom-left-radius:var(--border-radius,8px);border-bottom-right-radius:var(--border-radius,8px)}.leadgen-inner_thankyou{height:100%;padding-block:var(--spacing-x,32px)}.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-btn>*{pointer-events:none}.leadgen-btn_empty_cancel{border-color:#d2d6dc}.leadgen-btn_action{margin:0;width:100%}.leadgen-title{margin:0 0 8px}.leadgen-description{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_inner{display:flex;flex-wrap:wrap;gap:12px}.leadgen-form_checkbox .mantine-CheckboxGroup-root>.mantine-InputWrapper-label,.leadgen-form_field>.mantine-InputWrapper-label,.leadgen-form_radio .mantine-RadioGroup-root>.mantine-InputWrapper-label{margin-bottom:8px;padding-bottom:1px;padding-top:1px}.leadgen-form_checkbox .mantine-InputWrapper-error,.leadgen-form_field .mantine-InputWrapper-error,.leadgen-form_radio .mantine-InputWrapper-error{color:#f44d2c!important;font-size:12px!important;letter-spacing:-.2px;line-height:1.5;margin-top:6px;padding-bottom:1px;padding-top:1px}.leadgen-form_field .leadgen-form_field_date{--input-max-width:100%}.leadgen-form_field .leadgen-form_field_date .input_date-input_container{background-color:#fff}.leadgen-form_field .leadgen-form_field_date .input_date-input{width:100%}.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-form_otp .mantine-InputWrapper-root .mantine-Text-root{margin-top:12px}.leadgen-empty{display:flex;flex-direction:column;height:100%}.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)}@media screen and (min-width:768px){.leadgen-content{--spacing-y:32px;--spacing-x:32px}.leadgen-description,.leadgen-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.leadgen-Fullscreen,.leadgen-Slider{align-items:center;display:flex;height:100%;inset:0;justify-content:center;padding:15px;position:fixed;width:100%;z-index:401}.leadgen-Fullscreen .leadgen-inner,.leadgen-Slider .leadgen-inner{border-radius:var(--border-radius,8px)}.leadgen-Slider{align-items:flex-end;justify-content:flex-start;overflow:hidden}.leadgen-Slider .leadgen-wrapper{animation:le-builder-slide .5s forwards;left:-200px;margin-inline:unset}.leadgen-Slider .leadgen-wrapper .leadgen-content{max-height:calc(90vh - 55px);overflow:auto}@keyframes le-builder-slide{to{left:0}}@media screen and (max-width:768px){.leadgen-Fullscreen,.leadgen-Slider{display:none}}.leadgen-Fullscreen,.leadgen-LightBoxA,.leadgen-Sidebar,.leadgen-Slider{overflow:hidden;padding-top:40px}.leadgen-Fullscreen .leadgen-wrapper,.leadgen-LightBoxA .leadgen-wrapper,.leadgen-Sidebar .leadgen-wrapper,.leadgen-Slider .leadgen-wrapper{display:flex;flex-direction:column;max-height:100%;max-width:min(92vw,408px)}.leadgen-Fullscreen .leadgen-content,.leadgen-Fullscreen .leadgen-form,.leadgen-Fullscreen .leadgen-form_container,.leadgen-Fullscreen .leadgen-form_wrapper,.leadgen-Fullscreen .leadgen-inner,.leadgen-LightBoxA .leadgen-content,.leadgen-LightBoxA .leadgen-form,.leadgen-LightBoxA .leadgen-form_container,.leadgen-LightBoxA .leadgen-form_wrapper,.leadgen-LightBoxA .leadgen-inner,.leadgen-Sidebar .leadgen-content,.leadgen-Sidebar .leadgen-form,.leadgen-Sidebar .leadgen-form_container,.leadgen-Sidebar .leadgen-form_wrapper,.leadgen-Sidebar .leadgen-inner,.leadgen-Slider .leadgen-content,.leadgen-Slider .leadgen-form,.leadgen-Slider .leadgen-form_container,.leadgen-Slider .leadgen-form_wrapper,.leadgen-Slider .leadgen-inner{display:flex;flex:1;flex-direction:column;min-height:0}.leadgen-Fullscreen .leadgen-form_scrollable,.leadgen-LightBoxA .leadgen-form_scrollable,.leadgen-Sidebar .leadgen-form_scrollable,.leadgen-Slider .leadgen-form_scrollable{flex:1;min-height:0;overflow:auto}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar{height:6px;width:6px}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar-track,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar-track{background-color:transparent}.leadgen-Fullscreen .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-LightBoxA .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-Sidebar .leadgen-form_scrollable::-webkit-scrollbar-thumb,.leadgen-Slider .leadgen-form_scrollable::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}.leadgen-drawer .drawer__handle{left:0;position:absolute;right:0;top:6px;z-index:1}.leadgen-drawer.drawer__content_full{border-radius:0;display:flex;flex-direction:column;overflow:visible}.leadgen-drawer.drawer__content_full .leadgen-close_btn{bottom:unset;right:8px;top:8px;z-index:2}.leadgen-drawer.drawer__content_full .leadgen-wrapper{max-height:100%}.leadgen-drawer.drawer__content_full .leadgen-header{border-radius:0}.leadgen-drawer.drawer__content_full .leadgen-inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.leadgen-drawer.drawer__content_full .leadgen-content{height:100%;overflow:auto;width:100%}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar{height:6px;width:6px}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar-track{background-color:transparent}.leadgen-drawer.drawer__content_full .leadgen-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:6px}@media screen and (min-width:320px) and (max-width:767px){.leadgen-inline{margin-inline:-16px}.leadgen-inline .leadgen-wrapper{border-radius:0}}@media screen and (min-width:768px){.leadgen-LightBoxB .leadgen-wrapper,.leadgen-inline .leadgen-wrapper{height:100%;max-height:min(100vh - 80px,540px);max-width:min(90vw,744px)}.leadgen-LightBoxB .leadgen-content,.leadgen-inline .leadgen-content{--spacing-x:24px;--spacing-y:24px;display:flex;height:100%}.leadgen-LightBoxB .leadgen-header,.leadgen-inline .leadgen-header{width:360px}.leadgen-LightBoxB .leadgen-inner,.leadgen-inline .leadgen-inner{border-bottom-left-radius:0;border-top-right-radius:var(--border-radius,8px);flex:1;min-width:0;overflow:hidden}.leadgen-LightBoxB .leadgen-form,.leadgen-inline .leadgen-form{height:100%}.leadgen-LightBoxB .leadgen-form_field,.leadgen-inline .leadgen-form_field{width:100%}.leadgen-inline .leadgen-wrapper{border:1px solid #e4e8ec;border-radius:var(--border-radius,8px);display:flex;flex-direction:column;overflow:hidden}.leadgen-inline .leadgen-content{flex:1;min-height:0}.leadgen-inline .leadgen-header{border-radius:6px}.leadgen-inline .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-inline .leadgen-inner_thankyou{min-height:unset}.leadgen-inline .leadgen-inner_thankyou>div>img{max-height:64px!important}.leadgen-inline .leadgen-inner_thankyou .le-thankyou-title{color:#262626;font-size:22px!important;font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.45;margin:0}.leadgen-inline .leadgen-inner_thankyou .le-thankyou-subtitle{color:#595959;font-size:16px;line-height:1.5;margin:0}.leadgen-inline .leadgen-form_otp .otpContainer{gap:4px}.leadgen-inline .leadgen-form_otp .otpContainer .otpInput{min-width:40px;padding:8px 12px}.leadgen-inline .leadgen-btn_action{width:50%}.leadgen-InlineA .leadgen-wrapper{max-height:min(100vh - 80px,274px)}.leadgen-InlineA .leadgen-header{width:min(50%,350px)}.leadgen-InlineA .leadgen-header .leadgen-header_image{padding-top:128.6764705882%}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-wrapper{max-height:min(100vh - 80px,482px)}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-header{width:min(50%,320px)}.leadgen-InlineA:has(.leadgen-form_field) .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-InlineB .leadgen-wrapper{max-height:min(100vh - 80px,482px)}.leadgen-InlineB .leadgen-header{width:min(50%,320px)}.leadgen-InlineB .leadgen-header .leadgen-header_image{padding-top:150%}.leadgen-LightBoxB .leadgen-wrapper{max-width:min(90vw,744px)}.leadgen-LightBoxB .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,384px)}.leadgen-LightBoxB .leadgen-header{border-bottom-left-radius:var(--border-radius,8px);border-top-right-radius:0}.leadgen-LightBoxB .leadgen-header:not(:has(.le-only-desktop)){display:none}.leadgen-LightBoxB .leadgen-inner .leadgen-btn_action{width:auto}}@media screen and (min-width:1200px){.leadgen-LightBoxB .leadgen-wrapper{max-height:min(100vh - 80px,600px);max-width:min(90vw,1128px)}.leadgen-LightBoxB .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,774px)}.leadgen-LightBoxB .leadgen-header{width:400px}.leadgen-LightBoxB .leadgen-form_field{width:calc(50% - 6px)}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-wrapper{height:100%;max-height:min(100vh - 80px,540px);max-width:min(90vw,744px)}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-content{--spacing-x:24px;--spacing-y:24px;display:flex;height:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-header{width:360px}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-inner{border-bottom-left-radius:0;border-top-right-radius:var(--border-radius,8px);flex:1;min-width:0;overflow:hidden}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-form{height:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-form_field{width:100%}.leadgen-LightBoxB:has(.leadgen-wrapper_small) .leadgen-wrapper:not(:has(.le-only-desktop)){max-width:min(90vw,384px)}}

package/build/lead.js

@@ -2,59 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-20b43eea.js');
+var tslib_es6 = require('./tslib.es6-8acabd93.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-312cab9a.js');
+var index = require('./index-56ed089d.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-323f4397.js');
-var translationsContext = require('./translationsContext-d00809db.js');
-var utils$1 = require('./utils-2a28032e.js');
-var index$2 = require('./index-a009cad4.js');
-var index$3 = require('./index-87810c70.js');
-var index$5 = require('./index-f82ab743.js');
-var index$4 = require('./index-500486d6.js');
-require('./index.styles-0bd3f778.js');
+var index$1 = require('./index-769a2c36.js');
+var translationsContext = require('./translationsContext-05b21136.js');
+var utils$1 = require('./utils-8325fa5f.js');
+var index$2 = require('./index-304e531d.js');
+var index$3 = require('./index-b676d6b2.js');
+var index$5 = require('./index-2534a8b8.js');
+var index$4 = require('./index-9df9fa8e.js');
+require('./index.styles-44595350.js');
 var hooks = require('@mantine/hooks');
-require('./index-79a1d3f1.js');
-var text = require('./text-aecd4d4a.js');
-require('./index-5d190a00.js');
-var utils = require('./utils-d1989377.js');
+require('./index-bf21e951.js');
+var text = require('./text-c3313ee4.js');
+require('./index-bde334af.js');
+var utils = require('./utils-869de120.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-5bf1a9bc.js');
-var index$a = require('./index-95ff590d.js');
-require('./index-ec804d3a.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-4af640db.js');
-var index$6 = require('./index-0137a381.js');
-var translationsProvider = require('./translationsProvider-c22e6542.js');
-var Locale = require('./Locale-e4f4809e.js');
+var index$7 = require('./index-4eb41d78.js');
+var index$a = require('./index-43804567.js');
+require('./index-7b2e7862.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-381d7115.js');
+var index$6 = require('./index-fa89196c.js');
+var translationsProvider = require('./translationsProvider-a097a986.js');
+var Locale = require('./Locale-2416ac56.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
-var togetherComponentGlobalContext = require('./utils-129d3057.js');
-var index$8 = require('./index-4b0e6ef1.js');
-var index$9 = require('./index-d9549c48.js');
-var index$b = require('./index-8b6ea64e.js');
+var togetherComponentGlobalContext = require('./utils-5b7aa127.js');
+var index$8 = require('./index-40b9cb0e.js');
+var index$9 = require('./index-1686a7bc.js');
+var index$b = require('./index-f84e14ca.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
-var InputDate = require('./InputDate-9e30b876.js');
-var index$c = require('./index-ba8655a3.js');
-var Close = require('./Close-bebcc13f.js');
+var InputDate = require('./InputDate-10ab3c87.js');
+var index$c = require('./index-c9835ab1.js');
+var Close = require('./Close-47179e40.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-ea5370a3.js');
+require('./normalizeLink-79ec3b7c.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-c76809b6.js');
+require('./useUniqueId-d7d4069b.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
-require('./shared-c1681872.js');
+require('./shared-effe732e.js');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
@@ -70,11 +70,11 @@ require('./i18n-values/vi-VN.js');
 require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
-require('./index-a9d3b563.js');
+require('./index-072c01d4.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-8771bb6b.js');
+require('./constants-62d7a480.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2976,7 +2976,7 @@ const cssWrapperInputNotShrink$1 = react.css `
 const cssWrapperInputShrink$1 = react.css `
   height: auto;
   min-height: var(--container-height, 56px);
-  padding-block: var(--space-y-shrink, 7px);
+  padding-block: var(--space-y-shrink, 6px);
   cursor: text;
   pointer-events: auto;
 `;
@@ -2988,7 +2988,7 @@ const cssInputWrapperError$1 = react.css `
 const StyledTextFieldContainer$1 = styled__default["default"].div `
   --space-x: 16px;
   --space-y-not-shrink: 15px;
-  --space-y-shrink: 7px;
+  --space-y-shrink: 6px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
@@ -4390,15 +4390,28 @@ const EmptyComponent = ({ onClose, onContinue, }) => {
             React__default["default"].createElement(core.Button, { onClick: onContinue, size: "lg", variant: "filled", fullWidth: false, className: "leadgen-btn leadgen-btn_empty_again" }, t('lead.empty.submitAgain')))));
 };
 
+var useTextStyles = core.createStyles((theme) => {
+    return text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN];
+});
+
+const ErrorIcon = (_a) => {
+    var { size } = _a, rest = tslib_es6.__rest(_a, ["size"]);
+    const props = Object.assign({ width: size, height: size }, rest);
+    return (React__default["default"].createElement("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default["default"].createElement("path", { d: "M5.996 6.513q.163 0 .282-.12a.38.38 0 0 0 .118-.28V3.937q0-.15-.118-.268a.4.4 0 0 0-.282-.119.4.4 0 0 0-.281.12.38.38 0 0 0-.119.28v2.175q0 .15.119.269.12.119.281.119m0 1.862a.43.43 0 0 0 .3-.112.4.4 0 0 0 .125-.313.4.4 0 0 0-.125-.3.4.4 0 0 0-.3-.125.4.4 0 0 0-.3.125.4.4 0 0 0-.125.3.4.4 0 0 0 .125.313.43.43 0 0 0 .3.112m0 2.375a4.6 4.6 0 0 1-1.856-.375 4.8 4.8 0 0 1-1.506-1.012A4.8 4.8 0 0 1 1.62 7.857 4.6 4.6 0 0 1 1.246 6q0-.987.375-1.856t1.013-1.506A4.8 4.8 0 0 1 4.14 1.625a4.6 4.6 0 0 1 1.856-.375q.988 0 1.857.375Q8.72 2 9.359 2.638q.637.637 1.012 1.506T10.747 6t-.375 1.857A4.8 4.8 0 0 1 9.36 9.363a4.8 4.8 0 0 1-1.506 1.012q-.87.375-1.857.375", fill: "#F44D2C" })));
+};
+ErrorIcon.defaultProps = {
+    size: 18,
+    color: miscTheme.theme.colors.gray600,
+    activeColor: miscTheme.theme.colors.primaryBase,
+};
+
 const SubtitleBlock = ({ children, align, }) => (React__default["default"].createElement("p", { className: `lead-modal__description ${'le-text-align-' + (align || '')} ${LEAD_CLASS}` }, children));
 
 const cssInputNotShrink = react.css `
   height: 100% !important;
   min-height: calc(var(--container-height, 56px) * 24 / 56);
-  color: ${miscTheme.theme.colors.gray800};
-  font-size: var(--input, 15px);
   line-height: calc(var(--container-height, 56px) * 24 / 56);
-  letter-spacing: -0.3px;
   border: none !important;
   border-radius: 0 !important;
   outline: none !important;
@@ -4421,11 +4434,6 @@ const cssLabelNotShrink = react.css `
   position: absolute;
   top: calc(var(--container-height) / 2);
   left: var(--space-x, 16px);
-  color: ${miscTheme.theme.colors.gray400};
-  font-size: var(--label-not-shrink, 15px);
-  font-weight: 500;
-  line-height: calc(var(--container-height, 56px) * 24 / 56);
-  letter-spacing: -0.3px;
   margin: 0;
   z-index: 1;
   cursor: pointer;
@@ -4433,11 +4441,7 @@ const cssLabelNotShrink = react.css `
   transition: 0.125s ease-in all;
 `;
 const cssLabelShrink = react.css `
-  color: ${miscTheme.theme.colors.gray400};
-  font-size: var(--label-shrink, 12px);
-  line-height: calc(var(--container-height, 56px) * 18 / 56);
-  letter-spacing: -0.2px;
-  top: calc(var(--container-height) * 7 / 56);
+  top: var(--space-y-shrink, 6px);
   transform: none;
   transition: 0.125s ease-out all;
 `;
@@ -4468,7 +4472,7 @@ const cssWrapperInputNotShrink = react.css `
 const cssWrapperInputShrink = react.css `
   height: auto;
   min-height: var(--container-height, 56px);
-  padding-block: var(--space-y-shrink, 7px);
+  padding-block: var(--space-y-shrink, 6px);
   cursor: text;
   pointer-events: auto;
 `;
@@ -4480,7 +4484,7 @@ const cssInputWrapperError = react.css `
 const StyledTextFieldContainer = styled__default["default"].div `
   --space-x: 16px;
   --space-y-not-shrink: 15px;
-  --space-y-shrink: 7px;
+  --space-y-shrink: 6px;
   --container-height: 56px;
   --label-not-shrink: 16px;
   --label-shrink: 12px;
@@ -4707,7 +4711,7 @@ const TextField = (props) => {
         setShrink(shrinkProps);
     }, [shrinkProps]);
     return (React__default["default"].createElement(StyledTextFieldContainer, Object.assign({ shrink: shrink, className: core.clsx(className, 'textField', { textField_shrink: !!shrink }) }, restProps),
-        React__default["default"].createElement("div", { ref: containerRef, onClick: onClick, className: "textField_wrapper" }, children)));
+        React__default["default"].createElement("div", { ref: containerRef, onClick: onClick, className: "textField_wrapper" }, typeof children === 'function' ? children(shrink) : children)));
 };
 const ChoiceField = (props) => {
     const { children, className } = props, restProps = tslib_es6.__rest(props, ["children", "className"]);
@@ -4718,6 +4722,7 @@ const TitleBlock = ({ children, align, }) => (React__default["default"].createEl
 
 const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, }) => {
     const { t } = index$1.useTranslations();
+    const { classes } = useTextStyles();
     const form = useLeadFormContext();
     const formValues = form.values;
     const labelTuples = React.useMemo(() => {
@@ -4737,24 +4742,44 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
             case 'SubtitleBlock':
                 return (React__default["default"].createElement(SubtitleBlock, { key: index, align: align }, value));
             case 'TextBlock':
-                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "text", placeholder: " ", 
-                        // className="lead-modal__form-control leadgen-form_field"
-                        // onChangeRaw={(e) => inputOnChange('text', e)}
-                        label: label, "data-control": "text", "data-lead-control": name, "data-is-required": required, inputWrapperOrder: ['label', 'input', 'description', 'error'] }, form.getInputProps(value), { name: value }))));
+                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" }, (shrink) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "text", placeholder: " ", 
+                    // className="lead-modal__form-control leadgen-form_field"
+                    // onChangeRaw={(e) => inputOnChange('text', e)}
+                    label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "text", "data-lead-control": name, "data-is-required": required, inputWrapperOrder: [
+                        'label',
+                        'input',
+                        'description',
+                        'error',
+                    ] }, form.getInputProps(value), { name: value, error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                        React__default["default"].createElement(ErrorIcon, { size: 12 }),
+                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) })))));
             case 'NumberBlock':
-                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(core.NumberInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "number", placeholder: " ", 
-                        // className="lead-modal__form-control leadgen-form_field"
-                        // onChange={(e) => inputOnChange('number', e)}
-                        label: label, "data-control": "number", "data-lead-control": name, "data-is-required": required, name: value, inputWrapperOrder: ['label', 'input', 'description', 'error'] }, form.getInputProps(value)))));
+                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" }, (shrink) => (React__default["default"].createElement(core.NumberInput, Object.assign({ withAsterisk: required, spellCheck: false, type: "number", placeholder: " ", 
+                    // className="lead-modal__form-control leadgen-form_field"
+                    // onChange={(e) => inputOnChange('number', e)}
+                    label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "number", "data-lead-control": name, "data-is-required": required, name: value, inputWrapperOrder: [
+                        'label',
+                        'input',
+                        'description',
+                        'error',
+                    ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                        React__default["default"].createElement(ErrorIcon, { size: 12 }),
+                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))) })))));
             case 'EmailBlock':
-                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, 
-                        // type="email"
-                        placeholder: " ", 
-                        // className="lead-modal__form-control leadgen-form_field"
-                        label: label, "data-control": "email", "data-lead-control": name, "data-is-required": required, name: value, inputWrapperOrder: ['label', 'input', 'description', 'error'] }, form.getInputProps(value)))));
+                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" }, (shrink) => (React__default["default"].createElement(core.TextInput, Object.assign({ withAsterisk: required, spellCheck: false, 
+                    // type="email"
+                    placeholder: " ", 
+                    // className="lead-modal__form-control leadgen-form_field"
+                    label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "email", "data-lead-control": name, "data-is-required": required, name: value, inputWrapperOrder: [
+                        'label',
+                        'input',
+                        'description',
+                        'error',
+                    ] }, form.getInputProps(value), { error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                        React__default["default"].createElement(ErrorIcon, { size: 12 }),
+                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: (theme) => ({
+                        input: text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN].p2,
+                    }) })))));
             case 'PhoneOtpBlock':
             case 'WhatsappOtpBlock':
             case 'ZaloOtpBlock':
@@ -4763,20 +4788,30 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                 const _b = form.getInputProps(value), { error } = _b, formPhoneInputWrapper = tslib_es6.__rest(_b, ["error"]);
                 return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: core.clsx('lead-modal__form-control leadgen-form_field', {
                         'leadgen-form_field_error': !!error,
-                    }) },
-                    React__default["default"].createElement(core.Input.Wrapper, { size: "md", withAsterisk: required, label: label, "data-invalid": !!error, labelProps: { htmlFor: htmlForId }, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: error },
-                        React__default["default"].createElement("div", { className: "mantine-Input-wrapper" },
-                            React__default["default"].createElement(index$3.Phone, Object.assign({ className: "mantine-Input-input", name: value, spellCheck: false, type: "tel", placeholder: " ", 
-                                // onBlur={(e) => inputOnBlur('tel', e)}
-                                id: htmlForId, defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formPhoneInputWrapper))))));
+                    }) }, (shrink) => (React__default["default"].createElement(core.Input.Wrapper, { size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-invalid": !!error, labelProps: { htmlFor: htmlForId }, inputWrapperOrder: [
+                        'label',
+                        'input',
+                        'description',
+                        'error',
+                    ], error: error },
+                    React__default["default"].createElement("div", { className: "mantine-Input-wrapper" },
+                        React__default["default"].createElement(index$3.Phone, Object.assign({ className: `mantine-Input-input ${classes.p2}`, name: value, spellCheck: false, type: "tel", placeholder: " ", 
+                            // onBlur={(e) => inputOnBlur('tel', e)}
+                            id: htmlForId, defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), "data-control": "tel", "data-lead-control": name, "data-is-required": required }, formPhoneInputWrapper)))))));
             }
             case 'LocationBlock': {
-                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" },
-                    React__default["default"].createElement(GoogleLocationBlock, Object.assign({ withAsterisk: required, name: value, placeholder: " ", label: label, "data-control": "text", "data-lead-control": name, "data-is-required": required, locale: locale, inputWrapperOrder: ['label', 'input', 'description', 'error'] }, form.getInputProps(value)))));
+                return (React__default["default"].createElement(TextField, { key: index, shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field" }, (shrink) => (React__default["default"].createElement(GoogleLocationBlock, Object.assign({ withAsterisk: required, name: value, placeholder: " ", label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), "data-control": "text", "data-lead-control": name, "data-is-required": required, locale: locale, inputWrapperOrder: [
+                        'label',
+                        'input',
+                        'description',
+                        'error',
+                    ] }, form.getInputProps(value))))));
             }
             case 'DateBlock': {
                 const _c = form.getInputProps(value), { error } = _c, formInputProps = tslib_es6.__rest(_c, ["error"]);
-                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: label, "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: error, className: "lead-modal__form-control leadgen-form_field" },
+                return (React__default["default"].createElement(core.Input.Wrapper, { key: index, size: "md", withAsterisk: required, label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), "data-invalid": !!error, inputWrapperOrder: ['label', 'input', 'description', 'error'], error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                        React__default["default"].createElement(ErrorIcon, { size: 12 }),
+                        React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), className: "lead-modal__form-control leadgen-form_field" },
                     React__default["default"].createElement(InputDate.InputDate, Object.assign({ name: value, error: Boolean(error), locale: locale, "data-extra": true, "data-name": value, "data-control": "date", "data-lead-control": name, "data-is-required": required, className: "leadgen-form_field_date", labelTuples: labelTuples }, formInputProps))));
             }
             case 'LinkButtonBlock':
@@ -4793,7 +4828,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                         }, "data-name": value + '-mailchimp' })),
                     React__default["default"].createElement(index$3.Checkbox.Group, Object.assign({ withAsterisk: required, 
                         // className="lead-modal__form-control leadgen-form_field"
-                        label: label, size: "md", sx: {
+                        label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), size: "md", sx: {
                             display: 'flex',
                             flexDirection: 'column',
                             flexWrap: 'wrap',
@@ -4806,20 +4841,22 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                     isSendMailChimp && (React__default["default"].createElement(core.Input, { type: "hidden", name: value + '-mailchimp', value: isSendMailChimp })),
                     React__default["default"].createElement(index$3.Radio.Group, Object.assign({ withAsterisk: required, 
                         // className="lead-modal__form-control leadgen-form_field"
-                        label: label, size: "md", inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
+                        label: React__default["default"].createElement(index$2.Text, { size: "p2", variant: "primary" }, label), size: "md", inputWrapperOrder: ['label', 'input', 'description', 'error'], inputContainer: (children) => {
                             return (React__default["default"].createElement("div", { className: "leadgen-choiceContainer" }, children));
                         } }, form.getInputProps(value)), listQuestion.map((l, _index) => (React__default["default"].createElement(index$3.Radio, { name: value, key: _index, value: l.value, label: l.placeholder, "data-control": "radio", "data-lead-control": name, "data-is-required": required }))))));
             case 'DropdownBlock':
-                return (React__default["default"].createElement(TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index },
+                return (React__default["default"].createElement(TextField, { shrink: !!formValue, className: "lead-modal__form-control leadgen-form_field DropdownBlock", key: index }, (shrink) => (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("div", { style: { display: 'none' }, "data-extra": true, "data-name": value, "data-control": 'dropdown', "data-lead-control": name, "data-is-required": required }),
                     React__default["default"].createElement(index$3.Select
                     // className="lead-modal__form-control leadgen-form_field"
                     , Object.assign({ 
                         // className="lead-modal__form-control leadgen-form_field"
-                        label: label, placeholder: " ", searchable: true, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
+                        label: React__default["default"].createElement(index$2.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, label), placeholder: " ", searchable: true, withAsterisk: required, name: value, data: listQuestion.map((l) => ({
                             value: l.value,
                             label: l.placeholder,
-                        })), nothingFound: React__default["default"].createElement(NoData, null), styles: {
+                        })), nothingFound: React__default["default"].createElement(NoData, null), error: form.errors[value] && (React__default["default"].createElement(core.Flex, { align: 'center', gap: 4 },
+                            React__default["default"].createElement(ErrorIcon, { size: 12 }),
+                            React__default["default"].createElement(index$2.Text, { size: "c1", variant: "error" }, form.errors[value]))), styles: {
                             item: {
                                 paddingBlock: 12,
                                 paddingInline: 10,
@@ -4840,7 +4877,7 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                                     paddingInline: 0,
                                 },
                             },
-                        }, maxDropdownHeight: 192 }, form.getInputProps(value)))));
+                        }, maxDropdownHeight: 192 }, form.getInputProps(value)))))));
             case 'TncBlock':
                 const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = tslib_es6.__rest(_d, ["error"]);
                 return (React__default["default"].createElement(ChoiceField, { className: "leadgen-form_checkbox", key: id },
@@ -5795,8 +5832,6 @@ const formatTrackingData = (params) => {
 // mount css
 const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, onClose: onCloseProps, onSubmit: onSubmitProps, flatComponent, }) => {
     var _a, _b;
-    const theme = core.useMantineTheme();
-    console.log({ theme });
     const scrollEventHandlerRef = React.useRef();
     const leadStartTimeRef = React.useRef(Date.now());
     const { apiUrl } = React.useMemo(() => {

package/build/{logoIcon-355ba1ce.js → logoIcon-0f5b3004.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-ec804d3a.js');
-var index$1 = require('./index-8b6ea64e.js');
+var index = require('./index-7b2e7862.js');
+var index$1 = require('./index-f84e14ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-87810c70.js');
-var index$1 = require('./index-f82ab743.js');
-var index$2 = require('./index-a009cad4.js');
-var index$3 = require('./index-500486d6.js');
-var index$4 = require('./index-043884f9.js');
+var index = require('./index-b676d6b2.js');
+var index$1 = require('./index-2534a8b8.js');
+var index$2 = require('./index-304e531d.js');
+var index$3 = require('./index-9df9fa8e.js');
+var index$4 = require('./index-3124878e.js');
 var React = require('react');
-var index$5 = require('./index-0df92920.js');
-var tslib_es6 = require('./tslib.es6-20b43eea.js');
+var index$5 = require('./index-f272770b.js');
+var tslib_es6 = require('./tslib.es6-8acabd93.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-3875f249.js');
+var index$6 = require('./index-2d95338b.js');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-f264d06a.js');
-var index$8 = require('./index-4b0e6ef1.js');
-var index$9 = require('./index-79a1d3f1.js');
-var text = require('./text-aecd4d4a.js');
-var index$a = require('./index-5d190a00.js');
+var index$7 = require('./index-33562049.js');
+var index$8 = require('./index-40b9cb0e.js');
+var index$9 = require('./index-bf21e951.js');
+var text = require('./text-c3313ee4.js');
+var index$a = require('./index-bde334af.js');
 require('@hhgtech/icons/other');
-require('./index-ec804d3a.js');
+require('./index-7b2e7862.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e4f4809e.js');
+require('./Locale-2416ac56.js');
 require('./constantsIsProduction.js');
-require('./index-8b6ea64e.js');
-require('./utils-2a28032e.js');
+require('./index-f84e14ca.js');
+require('./utils-8325fa5f.js');
 require('@emotion/styled');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-c76809b6.js');
+require('./useUniqueId-d7d4069b.js');
 require('./constantsSite.js');
-require('./index-95ff590d.js');
+require('./index-43804567.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-5bf1a9bc.js');
+require('./index-4eb41d78.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./shared-c1681872.js');
-require('./index.styles-0bd3f778.js');
-require('./index-323f4397.js');
-require('./translationsContext-d00809db.js');
+require('./shared-effe732e.js');
+require('./index.styles-44595350.js');
+require('./index-769a2c36.js');
+require('./translationsContext-05b21136.js');
 require('dayjs');
 require('@mantine/notifications');