@hhgtech/hhg-components 1.29.412-beta-2 → 1.29.412-beta-4

package/build/esm/lead.css

@@ -1 +1 @@
-.lead-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;opacity:1;padding:10px;position:fixed;top:0;visibility:visible;white-space:normal!important;width:100%;z-index:99999}.lead-modal__wrapper{background-color:#fff;border-radius:6px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:450px;position:relative;width:100%}.lead-modal__content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 50px);overflow:auto;width:inherit}.lead-modal__header{padding:0}.lead-modal__image{border:none!important;box-shadow:none!important;display:block;margin:0 auto}.lead-modal-image-logo{margin-bottom:15px;margin-top:15px}.lead-modal-image-cover{border:none!important;border-top-left-radius:4px;box-shadow:none!important;padding:0;width:100%!important}.lead-modal__body[data-hidden=true]{display:none}.lead-modal__title{box-shadow:none;color:#2a4975;font-size:20px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:1.3;padding-bottom:0}.lead-modal__title.pink{color:#2661ad}.lead-modal__description{color:#2c87f3;font-size:13px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:1.62;margin-top:10px}.lead-modal__description.pink{color:#3e3f58!important}.lead-modal__form-control-wrapper{display:flex;flex-direction:column;gap:8px}.lead-modal__form-control{width:100%}.lead-modal__checkbox-wrapper{align-items:center;display:flex;margin-top:15px}.lead-modal__checkbox-wrapper a{color:#2c87f3!important;text-decoration:none!important}.lead-modal__checkbox-wrapper a:visited{color:#2c87f3!important}.lead-modal__checkbox-wrapper.pink a,.lead-modal__checkbox-wrapper.pink a:visited{color:#e55c8a!important}.lead-modal__tnc-link{color:inherit;font-size:1em;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;position:relative;top:1px}.lead-modal__tnc-link a{color:#2c87f3!important;font-weight:700;text-decoration:none!important}.lead-modal__tnc-link a:visited{color:#2c87f3!important}.lead-modal__tnc-link.pink a,.lead-modal__tnc-link.pink a:visited{color:#e55c8a!important}.tnc-block{width:100%}.tnc-block~.tnc-block{margin-top:0}.tnc-block .mantine-Checkbox-error{font-size:.875rem;line-height:1.2}.lead-modal__checkbox{display:inline-block;font-size:20px;position:relative;z-index:1}.lead-modal__checkbox__input{display:block;font-size:1em!important;height:1em!important;margin:0!important;opacity:0;padding:0;position:relative;width:1em!important;z-index:1}.lead-modal__checkbox__control{color:#ddd;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .2s;width:100%;z-index:-1}.lead-modal__checkbox__control:after,.lead-modal__checkbox__control:before{content:"";position:absolute}.lead-modal__checkbox__control:before{background-color:currentColor;border-radius:50%;height:120%;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:120%;will-change:transform}.lead-modal__checkbox__control:after{background-color:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #ddd;height:100%;left:0;top:0;width:100%}.lead-modal__checkbox__control:focus:after{box-shadow:inset 0 0 0 1px #2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:18px;box-shadow:none}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control{color:#2c87f3}.lead-modal__checkbox__input:checked~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.5 8 4 4 7-9'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control{color:var(--custom-checkbox-color-disabled)}.lead-modal__checkbox__input:indeterminate~.lead-modal__checkbox__control:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8h12'/%3E%3C/svg%3E")}.lead-modal__checkbox__input:active~.lead-modal__checkbox__control{transform:scale(.9)}.lead-modal__checkbox__input:checked:active~.lead-modal__checkbox__control,.lead-modal__checkbox__input:indeterminate:active~.lead-modal__checkbox__control{transform:scale(1)}.lead-modal__checkbox__input:focus~.lead-modal__checkbox__control:before{opacity:.2;transform:translate(-50%,-50%) scale(1)}.lead-modal__checkbox__input.pink~.lead-modal__checkbox__control:after{border-radius:50%!important}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control{color:#2661ad}.lead-modal__checkbox__input.pink:checked~.lead-modal__checkbox__control:after,.lead-modal__checkbox__input.pink:indeterminate~.lead-modal__checkbox__control:after{background-size:12px}.lead-modal__checkbox__label{color:#969696;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-stretch:normal;font-style:normal;letter-spacing:.14px;line-height:normal;margin-bottom:0!important;margin-left:11px}.lead-modal__btn{display:block;margin-top:15px;width:100%}.lead-modal__thank-you{align-items:center;display:flex;height:inherit;justify-content:center;min-height:400px;padding:0 15px;text-align:center}.lead-modal__thank-you h1{font-size:32px;letter-spacing:-.23px;margin-top:10px}.lead-modal__thank-you h1,.lead-modal__thank-you p{color:#1b3250;font-stretch:normal;font-style:normal;font-weight:400;line-height:normal}.lead-modal__thank-you p{font-size:16px;letter-spacing:-.11px;margin-top:5px}.lead-modal__thank-you img{border:none!important;margin:0 auto!important;max-width:100%!important;width:auto!important}.lead-modal__thank-you.hidden{display:none}.modal__container{height:100vh;left:0;overflow-y:scroll;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1000000000000}.modal__content{margin:auto 0;position:relative;width:80vw}#nprogress{pointer-events:none}#nprogress .bar{background:#223bdd;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lead-modal input:-webkit-autofill,.lead-modal input:-webkit-autofill:focus,.lead-modal input:-webkit-autofill:hover,.lead-modal select:-webkit-autofill,.lead-modal select:-webkit-autofill:focus,.lead-modal select:-webkit-autofill:hover,.lead-modal textarea:-webkit-autofill,.lead-modal textarea:-webkit-autofill:focus,.lead-modal textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.lead-modal label.error{color:#fa140f;display:block;font-size:13px;line-height:1.65!important;margin-bottom:0;margin-left:0!important;width:100%}.le-text-align-center{text-align:center!important}.le-text-align-left{text-align:left!important}.le-text-align-right{text-align:right!important}.le-only-desktop{display:none!important}.le-only-mobile{display:block!important}.le-only-desktop a,.le-only-mobile a{text-decoration:none!important}@media screen and (min-width:992px){.le-newbuilder-InlineB,.le-newbuilder-LightBoxB{display:flex!important}}@media screen and (min-width:768px){.le-only-desktop{display:block!important}.le-only-mobile{display:none!important}.le-newbuilder-InlineB .lead-modal__body,.le-newbuilder-LightBoxB .lead-modal__body{position:relative;width:360px}.le-newbuilder-wrap-LightBoxB{max-width:none;width:auto}.le-newbuilder-wrap-InlineB{max-width:100%!important}.le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover{height:calc(100vh - 50px)}.lead-modal__form{height:100%;overflow:auto;position:absolute;width:100%}}.lead-modal__title{margin:7px 0}.lead-modal__description{margin:0}.lead-modal-image-cover,.lead-modal__wrapper{border-radius:0!important}.lead-modal__form{display:block!important;margin:0;padding:15px 15px 25px;position:static}.lead-modal__image+.lead-modal__image{margin-top:0}.lead-modal__thank-you{width:100%}.le-skin-a-desktop{align-items:center;display:flex;height:100%;left:0;position:fixed;top:0;z-index:99999}.le-joinbow-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:16px;outline:none!important;padding:12px 30px;text-align:center}.le-joinbow-btn:hover{border:1px solid #fff!important}.le-joinbow-btn-mobile{background:#2c87f3;border:none!important;box-shadow:none!important;color:#fff;font-size:14px;outline:none!important;padding:12px 30px;text-align:center}.le-newbuilder-close-svg{background:#005cfd;border-radius:50%;cursor:pointer!important;height:35px;width:35px}.le-mobile-btn{height:24px;width:24px}.le-newbuilder-close-button{background:transparent;border:none;box-shadow:none;cursor:pointer!important;padding:0;width:auto!important}.close-button-top-right{position:absolute;right:4px;top:4px}@media screen and (min-width:768px){.close-button-top-right{right:16px;top:16px}}.le-floating-desktop{bottom:40px;left:25px;position:fixed;z-index:9999}.le-floating-desktop-wrap{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff;border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,.4);display:flex;padding:0 30px 0 0}.le-floating-desktop-title{color:#2a4975;font-size:20px;font-weight:700;line-height:1.5}.le-floating-desktop-desc,.le-floating-desktop-title{font-stretch:normal;font-style:normal;letter-spacing:normal;max-width:530px}.le-floating-desktop-desc{color:#2699fb;font-size:13px;font-weight:400;line-height:1.65}.le-joinbow-floating-btn{background:#2c87f3;border:1px solid transparent!important;box-shadow:none!important;color:#fff;cursor:pointer!important;font-size:14px;font-weight:500;outline:none!important;padding:12px 40px;text-align:center}.le-floating-mobile{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.le-floating-mobile-wrap{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.4);padding:10px 15px}.le-floating-mobile-title{color:#2a4975;font-size:18px;font-weight:600;line-height:1.5}.le-floating-mobile-desc,.le-floating-mobile-title{font-stretch:normal;font-style:normal;letter-spacing:normal}.le-floating-mobile-desc{color:#2699fb;font-size:12px;line-height:1.65}.le-tab-popup{bottom:15px;left:15px;max-width:150px;position:fixed}.le-center-tab-popup{left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:999999!important}.le-center-tab-popup img{max-width:100%!important}.le-checkbox-title{color:#2a4975;font-size:15px;font-stretch:normal;font-style:normal;font-weight:700;margin:13px 0!important}.lead-checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;line-height:1.65;margin:10px 0;position:relative}.lead-checkbox-checkmark{border:1px solid #d0d0d0;border-radius:4px;display:inline-block;flex:0 0 24px;height:24px;margin-right:8px;position:relative;vertical-align:middle}.lead-checkbox-container input{left:0;opacity:0;position:absolute;top:0}.lead-checkbox-checkmark:after{content:"";position:absolute}.lead-checkbox-container input:checked~.lead-checkbox-checkmark{background:#337eff;border:1px solid #337eff}.lead-checkbox-container input:checked~.lead-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:12px;left:8px;top:3px;transform:rotate(45deg);width:7px}.le-fullscreen-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.lead-fullscreen-desktop-close-btn{position:fixed;right:23px;top:27px}}.lead-modal.le-buider-inline{display:block;height:auto!important;padding:10px 0 20px;position:static}.lead-modal.le-buider-inline .lead-modal__wrapper{border:1px solid #ddd;box-shadow:none}.lead-modal.le-buider-inline .lead-modal__content{max-height:none!important}.lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img{margin:0;-o-object-fit:fill;object-fit:fill}.le-thankyou-title{color:#2a4975;font-size:24px;margin-bottom:8px}.le-thankyou-subtitle{color:#2699fb;font-size:14px;margin:0}.le-buider-slider{animation:le-builder-slide .5s forwards;bottom:15px;height:auto;left:-200px;top:unset;width:420px}@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{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_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-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-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-title{font-size:22px!important}.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{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)}}

package/build/esm/lead.js

@@ -1,54 +1,56 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-ab554322.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-84edec00.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, memo, useCallback, forwardRef, useImperativeHandle, useLayoutEffect } from 'react';
-import { createStyles, Box, Button as Button$1, Input as Input$1, Autocomplete, clsx, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
+import { createStyles, Box, Button as Button$1, Input as Input$1, Autocomplete, clsx, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, useMantineTheme, Portal, Transition, Overlay } from '@mantine/core';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
 import dayjs from 'dayjs';
-import { B as BEARER_TOKEN_COOKIE } from './index-a2d6d225.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-d8a81e15.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-ac5c3e73.js';
-import { T as TranslationsContext } from './translationsContext-1f3f9575.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-1e5d7b0f.js';
-import { T as Text } from './index-4e1b366e.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-7bc4f0c5.js';
-import { D as DatePicker } from './index-49547dd9.js';
-import { B as Button } from './index-ae969513.js';
-import './index.styles-084c59ef.js';
+import { u as useTranslations } from './index-2c9ba7a5.js';
+import { T as TranslationsContext } from './translationsContext-9ccd273a.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-d2c04354.js';
+import { T as Text } from './index-1db9b64b.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-fa0af22d.js';
+import { D as DatePicker } from './index-24f9e96e.js';
+import { B as Button } from './index-280e834d.js';
+import './index.styles-1239781a.js';
 import { useIntersection, useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-67d4f2b9.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-f4c0a637.js';
-import './index-d8a842a1.js';
-import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-46576e24.js';
-import './other-ecd44617.js';
-import './index-09f17ac2.js';
-import { M as MAPPED_LOCALE } from './utils-7af182bc.js';
+import './index-99a5a996.js';
+import { C as CustomStylesType } from './text-5a8e76eb.js';
+import './index-50dfa548.js';
+import { M as MAPPED_LOCALE } from './utils-4f1df2d9.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-9317e0ff.js';
-import { H as Heading$1 } from './index-9c2fb6cc.js';
-import { t as translationsMap$1 } from './translationsProvider-e069443f.js';
-import { L as LOCALE } from './Locale-7e8c3193.js';
+import { L as LOCALE_SPECS, Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-260b08e2.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-470cf9dc.js';
+import './index-09c70502.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-f69a12e0.js';
+import { H as Heading$1 } from './index-827e4441.js';
+import { t as translationsMap$1 } from './translationsProvider-9876abb8.js';
+import { L as LOCALE } from './Locale-f6163225.js';
 import { v1 } from 'uuid';
 import { domainLocales } from './constantsDomainLocales.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-4f20ccfb.js';
-import { i as isVideo } from './index-0fce55ff.js';
-import { u as useScreenSize } from './useScreenSize-4385d138.js';
+import { T as TogetherComponentGlobalContext } from './utils-071dce04.js';
+import { M as MantineProvider } from './index-658274de.js';
+import { i as isVideo } from './index-4ea73676.js';
+import { u as useScreenSize } from './index-5dc796ff.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
-import { I as InputDate } from './InputDate-0bbec559.js';
-import { D as DrawerComponent } from './index-31c505ff.js';
-import { C as Close } from './Close-39dfda08.js';
+import { I as InputDate } from './InputDate-0277b057.js';
+import { D as DrawerComponent } from './index-85d0bdbb.js';
+import { C as Close } from './Close-4a5f5185.js';
 import './constantsIsProduction.js';
-import './normalizeLink-936d90eb.js';
+import './normalizeLink-587bfc30.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-7d263389.js';
+import './useUniqueId-1ac64459.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
+import './shared-7af2c4aa.js';
 import '@mantine/notifications';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
@@ -64,11 +66,11 @@ import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-SG.js';
 import './i18n-values/zh-TW.js';
-import './index-bd7ec512.js';
+import './index-72f83e84.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-69692e4e.js';
+import './constants-c0240e85.js';
 import 'vaul';
 
 const LeadGenComponentContext = createContext({});
@@ -3112,26 +3114,26 @@ const StyledChoiceFieldContainer$1 = styled.div `
     gap: 8px;
     min-width: calc(50% - 4px);
 
-    input[type='radio'],
-    input[type='checkbox'] {
-      border-color: ${theme.colors.gray600};
-      width: 18px;
-      height: 18px;
-    }
-    input[type='checkbox'] {
-      border-radius: 4px;
-    }
-
-    &[data-checked='true'] {
-      input[type='radio'],
-      input[type='checkbox'] {
-        border-color: ${theme.colors.primary600};
-      }
-
-      input[type='radio'] {
-        background-color: white;
-      }
-    }
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
 
     .mantine-Checkbox-input {
       &:checked {
@@ -3149,21 +3151,6 @@ const StyledChoiceFieldContainer$1 = styled.div `
     justify-content: center;
   }
 
-  .mantine-Radio-body,
-  .mantine-Checkbox-body {
-    display: flex;
-    align-items: center;
-  }
-
-  .mantine-Radio-label,
-  .mantine-Checkbox-label {
-    padding-left: 8px;
-    color: ${theme.colors.gray800};
-    font-size: 14px;
-    line-height: 1.4;
-    letter-spacing: -0.2px;
-  }
-
   .leadgen-choiceContainer {
     display: flex;
     flex-wrap: wrap;
@@ -3522,8 +3509,9 @@ const LeadGenSubscriptionBoxContainer = (props) => {
     if (!ALLOW_LOCALE.includes(locale)) {
         return null;
     }
-    return (React__default.createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
-        React__default.createElement(Container, null)));
+    return (React__default.createElement(MantineProvider, { locale: locale, customStyleType: CustomStylesType.LEADGEN },
+        React__default.createElement(LeadGenContextProvider, Object.assign({}, props, { apiLeadUrl: apiUrl, apiSubotUrl: apiSubotUrl }),
+            React__default.createElement(Container, null))));
 };
 const LeadGenSubscriptionBox = LeadGenSubscriptionBoxContainer;
 
@@ -4628,26 +4616,26 @@ const StyledChoiceFieldContainer = styled.div `
     gap: 8px;
     min-width: calc(50% - 4px);
 
-    input[type='radio'],
-    input[type='checkbox'] {
-      border-color: ${theme.colors.gray600};
-      width: 18px;
-      height: 18px;
-    }
-    input[type='checkbox'] {
-      border-radius: 4px;
-    }
-
-    &[data-checked='true'] {
-      input[type='radio'],
-      input[type='checkbox'] {
-        border-color: ${theme.colors.primary600};
-      }
-
-      input[type='radio'] {
-        background-color: white;
-      }
-    }
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
 
     .mantine-Checkbox-input {
       &:checked {
@@ -4665,21 +4653,6 @@ const StyledChoiceFieldContainer = styled.div `
     justify-content: center;
   }
 
-  .mantine-Radio-body,
-  .mantine-Checkbox-body {
-    display: flex;
-    align-items: center;
-  }
-
-  .mantine-Radio-label,
-  .mantine-Checkbox-label {
-    padding-left: 8px;
-    color: ${theme.colors.gray800};
-    font-size: 14px;
-    line-height: 1.4;
-    letter-spacing: -0.2px;
-  }
-
   .leadgen-choiceContainer {
     display: flex;
     flex-wrap: wrap;
@@ -4861,7 +4834,14 @@ const LightboxFields = ({ listBlockAdded, popupId, locale, onClose, onOtherSubmi
                 const _d = form.getInputProps(`TNC-${id}`), { error } = _d, tncInputProps = __rest(_d, ["error"]);
                 return (React__default.createElement(ChoiceField, { className: "leadgen-form_checkbox", key: id },
                     React__default.createElement(Input$1.Wrapper, { error: error },
-                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement("p", { className: "lead-modal__tnc-link", dangerouslySetInnerHTML: { __html: data.valueHTML } }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
+                        React__default.createElement(Checkbox, Object.assign({ name: 'TNC-' + id, label: React__default.createElement(Text, { as: "span", size: "n1", variant: "secondary", dangerouslySetInnerHTML: { __html: data.valueHTML }, styles: {
+                                    root: {
+                                        a: {
+                                            textDecoration: 'underline',
+                                            textUnderlineOffset: '3px',
+                                        },
+                                    },
+                                } }), className: "tnc-block", "data-control": "checkbox", "data-lead-control": name, "data-is-required": required }, tncInputProps)))));
         }
         return null;
     })));
@@ -4928,10 +4908,12 @@ const StyledFormContainer = styled.div `
  */
 const FormContainer = (_a) => {
     var { iconComponent, title, titleAlign, description, descriptionAlign, className, style, children, header, footer } = _a, restProps = __rest(_a, ["iconComponent", "title", "titleAlign", "description", "descriptionAlign", "className", "style", "children", "header", "footer"]);
+    const theme = useMantineTheme();
+    console.log({ abctheme: theme });
     const HeaderContent = (React__default.createElement("div", { className: "leadgen-form_header" },
         iconComponent,
-        React__default.createElement("h2", { title: title, className: "leadgen-title", "data-align": titleAlign }, title),
-        !!description && (React__default.createElement("p", { title: description, className: "leadgen-description", "data-align": descriptionAlign, dangerouslySetInnerHTML: { __html: description } }))));
+        React__default.createElement(Text, { as: "h2", size: 'h4', variant: "primary", weight: 'semiBold', className: "leadgen-title", "data-align": titleAlign }, title),
+        !!description && (React__default.createElement(Text, { size: "p2", variant: "secondary", title: description, className: "leadgen-description", "data-align": descriptionAlign, dangerouslySetInnerHTML: { __html: description } }))));
     if (!title && !description) {
         return null;
     }
@@ -5409,7 +5391,7 @@ const LightboxLayout = ({ flatComponent, popupId, extraFields, onClose: onCloseP
         (isFullscreen ? imageBackgroundLoaded : true);
     const ButtonSubmit = useMemo(() => {
         var _a;
-        return !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default.createElement(Button$1, { size: "lg", id: "lead-submit", type: "submit", variant: "filled", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: isSubmitLoading, disabled: disabledButtonSubmit }, popUpSubmitText));
+        return !((_a = actionBlocks === null || actionBlocks === void 0 ? void 0 : actionBlocks.submitBlock) === null || _a === void 0 ? void 0 : _a.isHide) && (React__default.createElement(Button, { size: "lg", id: "lead-submit", type: "submit", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: isSubmitLoading, disabled: disabledButtonSubmit }, popUpSubmitText));
     }, [
         popUpSubmitText,
         isSubmitLoading,
@@ -5419,16 +5401,16 @@ const LightboxLayout = ({ flatComponent, popupId, extraFields, onClose: onCloseP
     const [btnLinkLoading, setbtnLinkLoading] = useState(false);
     const LinkButtonBlock = listBlockAdded.filter(({ name }) => name == LEADGEN_BLOCK.LinkButtonBlock);
     const ButtonLink = !!(LinkButtonBlock === null || LinkButtonBlock === void 0 ? void 0 : LinkButtonBlock.length) && (React__default.createElement(React__default.Fragment, null, LinkButtonBlock.map((item, index) => {
-        var _a, _b, _c;
-        return (React__default.createElement(Button$1, { key: `${item.name}-${index}`, component: "a", href: (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.url, target: ((_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.newtab) ? '_blank' : undefined, size: "lg", variant: "filled", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: btnLinkLoading, onClick: (e) => __awaiter(void 0, void 0, void 0, function* () {
-                var _d, _e;
+        var _a;
+        return (React__default.createElement(Button, { key: `${item.name}-${index}`, size: "lg", className: "leadgen-btn leadgen-btn_action", color: primaryColor, loading: btnLinkLoading, onClick: (e) => __awaiter(void 0, void 0, void 0, function* () {
+                var _b, _c;
                 e.preventDefault();
                 onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 setbtnLinkLoading(true);
                 yield handleDoImpression('redirects');
                 onOtherSubmit === null || onOtherSubmit === void 0 ? void 0 : onOtherSubmit();
-                window.open((_d = item === null || item === void 0 ? void 0 : item.data) === null || _d === void 0 ? void 0 : _d.url, ((_e = item === null || item === void 0 ? void 0 : item.data) === null || _e === void 0 ? void 0 : _e.newtab) ? '_blank' : undefined);
-            }) }, (_c = item === null || item === void 0 ? void 0 : item.data) === null || _c === void 0 ? void 0 : _c.value));
+                window.open((_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.url, ((_c = item === null || item === void 0 ? void 0 : item.data) === null || _c === void 0 ? void 0 : _c.newtab) ? '_blank' : undefined);
+            }) }, (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.value));
     })));
     const PopupHeader = showHeader && (React__default.createElement("header", { className: clsx('leadgen-header', { 'leadgen-header_only': onlyHeader }) }, LEADGEN_SHOW_HEADER.includes(currentLayout) ? (React__default.createElement(HeaderImage, { src: imageMobile, className: "lead-modal__image" })) : (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(HeaderImage, { src: imageDesktop, className: "le-only-desktop lead-modal__image" }),
@@ -5802,8 +5784,10 @@ 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, }) => {
+const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues = [], excludeExitRulesHandler, userInfo, onClose: onCloseProps, onSubmit: onSubmitProps, }) => {
     var _a, _b;
+    const theme = useMantineTheme();
+    console.log({ theme });
     const scrollEventHandlerRef = useRef();
     const leadStartTimeRef = useRef(Date.now());
     const { apiUrl } = useMemo(() => {
@@ -6133,16 +6117,17 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, primaryColor
             siteId,
             locale,
         } },
-        React__default.createElement(TranslationsContext.Provider, { value: { locale, values: getTranslations(locale) } }, children ? (React__default.createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default.createElement(Portal, { target: getPopupWrapperDom() },
-            React__default.createElement(Box, { sx: { position: 'fixed', zIndex: ZINDEX_SSO - 9e6 } },
-                React__default.createElement(Transition, { mounted: Boolean(((_b = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _b === void 0 ? void 0 : _b.popupVersion) === '2.1'), transition: "fade", duration: 600, timingFunction: "ease", exitDuration: 200 }, (styles) => {
-                    var _a;
-                    return (React__default.createElement(Box, { style: styles }, ((_a = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _a === void 0 ? void 0 : _a.popupVersion) === '2.1' && (React__default.createElement(React__default.Fragment, null,
-                        !!currentLayout &&
-                            !currentLayout.includes('Inline') &&
-                            !currentLayout.includes('Sidebar') && (React__default.createElement(Overlay, { color: "#000", opacity: 0.6, center: true, zIndex: 400, pos: 'fixed', onClick: () => onClose() })),
-                        React__default.createElement(NewLeadPopup, { flatComponent: flatComponent, campaign: showCampaign, action: action, onSubmit: onSubmit, onClose: onClose, onUnmount: onUnmount, doImpression: doImpression, showThankyou: showThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo })))));
-                })))))));
+        React__default.createElement(TranslationsContext.Provider, { value: { locale, values: getTranslations(locale) } },
+            React__default.createElement(MantineProvider, { locale: locale, customStyleType: CustomStylesType.LEADGEN }, children ? (React__default.createElement(Component, { campaign: showCampaign, onSubmit: onSubmit, onClose: onClose, showThankyou: showThankyou, setShowThankyou: setShowThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }, children)) : (React__default.createElement(Portal, { target: getPopupWrapperDom() },
+                React__default.createElement(Box, { sx: { position: 'fixed', zIndex: ZINDEX_SSO - 9e6 } },
+                    React__default.createElement(Transition, { mounted: Boolean(((_b = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _b === void 0 ? void 0 : _b.popupVersion) === '2.1'), transition: "fade", duration: 600, timingFunction: "ease", exitDuration: 200 }, (styles) => {
+                        var _a;
+                        return (React__default.createElement(Box, { style: styles }, ((_a = showCampaign === null || showCampaign === void 0 ? void 0 : showCampaign.extra_fields) === null || _a === void 0 ? void 0 : _a.popupVersion) === '2.1' && (React__default.createElement(React__default.Fragment, null,
+                            !!currentLayout &&
+                                !currentLayout.includes('Inline') &&
+                                !currentLayout.includes('Sidebar') && (React__default.createElement(Overlay, { color: "#000", opacity: 0.6, center: true, zIndex: 400, pos: 'fixed', onClick: () => onClose() })),
+                            React__default.createElement(NewLeadPopup, { campaign: showCampaign, action: action, onSubmit: onSubmit, onClose: onClose, onUnmount: onUnmount, doImpression: doImpression, showThankyou: showThankyou, locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo })))));
+                    }))))))));
 };
 const LeadGen = _LeadGen;
 LeadGen.Heading = Heading;

package/build/esm/{logoIcon-bf16bc9e.js → logoIcon-522378cc.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-d8a842a1.js';
-import { I as ImageWrap } from './useScreenSize-4385d138.js';
+import { C as CommonGAssets } from './index-09c70502.js';
+import { I as ImageWrap } from './index-5dc796ff.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,53 +1,46 @@
-import { g as getMantineThemeOverride, h as StyledTextArea, D as DEBOUNCED_TIME, i as StyledSliderWrapper, j as StyledSlider } from './index-7bc4f0c5.js';
-export { k as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, l as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, n as Popover, R as Radio, S as Select, m as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-7bc4f0c5.js';
-export { D as DatePicker } from './index-49547dd9.js';
-export { T as Text } from './index-4e1b366e.js';
-import { B as Button } from './index-ae969513.js';
-export { B as Button } from './index-ae969513.js';
-export { I as Indicator } from './index-43b49421.js';
+import { g as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-fa0af22d.js';
+export { j as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, k as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, m as Popover, R as Radio, S as Select, l as emotionCache } from './index-fa0af22d.js';
+export { D as DatePicker } from './index-24f9e96e.js';
+export { T as Text } from './index-1db9b64b.js';
+import { B as Button } from './index-280e834d.js';
+export { B as Button } from './index-280e834d.js';
+export { I as Indicator } from './index-f696dcaf.js';
 import React__default, { useState, useEffect } from 'react';
-export { M as Modal } from './index-ad67e887.js';
-import { _ as __rest } from './tslib.es6-ab554322.js';
-import { MantineProvider as MantineProvider$1, Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
+export { M as Modal } from './index-ca117761.js';
+import { _ as __rest } from './tslib.es6-84edec00.js';
+import { Badge as Badge$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-export { S as Spoiler } from './index-d8ae332d.js';
+export { S as Spoiler } from './index-53efe873.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-e07488f1.js';
-import { u as useMantineLocale, N as NotificationsHandler } from './useMantineLocale-67d4f2b9.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, s as showNotification, u as useMantineLocale } from './useMantineLocale-67d4f2b9.js';
-export { O as OTHER_THEME_CONFIG } from './other-ecd44617.js';
-export { T as Tabs } from './index-09f17ac2.js';
+export { S as Switch } from './index-4cc50ce7.js';
+export { M as MantineProvider } from './index-658274de.js';
+export { M as MAPPED_LOCALE, a as getHeadingStyles, g as getMantineThemeOverride, s as showNotification, t as themeColors, u as useMantineLocale } from './index-99a5a996.js';
+export { C as CustomStylesType, F as FontWeight } from './text-5a8e76eb.js';
+export { T as Tabs } from './index-50dfa548.js';
 import '@hhgtech/icons/other';
-import './index-d8a842a1.js';
+import './index-09c70502.js';
 import './constantsDomainLocales.js';
-import './Locale-7e8c3193.js';
+import './Locale-f6163225.js';
 import './constantsIsProduction.js';
-import './useScreenSize-4385d138.js';
+import './index-5dc796ff.js';
+import './utils-d2c04354.js';
 import '@emotion/styled';
-import './utils-1e5d7b0f.js';
 import '@mantine/carousel';
-import './index-f4c0a637.js';
-import './index-46576e24.js';
-import 'date-fns/locale';
-import './constantsSite.js';
-import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-7d263389.js';
+import './useUniqueId-1ac64459.js';
+import './constantsSite.js';
+import './index-470cf9dc.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-084c59ef.js';
-import './index-ac5c3e73.js';
-import './translationsContext-1f3f9575.js';
-import '@mantine/notifications';
+import './index-260b08e2.js';
+import 'date-fns/locale';
+import './constantsRiskScreener.js';
+import './shared-7af2c4aa.js';
+import './index.styles-1239781a.js';
+import './index-2c9ba7a5.js';
+import './translationsContext-9ccd273a.js';
 import 'dayjs';
-
-const MantineProvider = (_a) => {
-    var { children, locale, template = 'hb' } = _a, props = __rest(_a, ["children", "locale", "template"]);
-    useMantineLocale(locale);
-    return (React__default.createElement(MantineProvider$1, Object.assign({ theme: getMantineThemeOverride(locale, template) }, props),
-        children,
-        React__default.createElement(NotificationsHandler, null)));
-};
+import '@mantine/notifications';
 
 const TextArea = (props) => {
     return React__default.createElement(StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
@@ -121,4 +114,4 @@ function Result(props) {
         button && (React__default.createElement(Button$1, Object.assign({}, restButtonProps, { size: size, variant: variant, className: clsx('resultButton', styles.button, restButtonProps.className) }), button))));
 }
 
-export { Badge, LoadingOverlay, MantineProvider, Result, Slider, TextArea };
+export { Badge, LoadingOverlay, Result, Slider, TextArea };