.widget-generator{background:#fafafa;border-radius:10px;color:#000;margin-bottom:36px;padding:46px 100px}.widget-generator__title{color:#00e118;font-family:"Noto Sans",sans-serif;font-size:36px;font-weight:700;line-height:120%;margin-bottom:64px;text-align:center}.widget-generator__title span{background:radial-gradient(98.63% 91.57% at 52.89% 52.74%,#17e23b 25.19%,#1aeb83 42.62%,#1df4c5 59.94%,#1ef9ee 72.43%,#1ffbff 78.85%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}.widget-generator__container{display:flex}.widget-generator__preview{flex-shrink:0;margin-right:40px;width:360px}.widget-generator__preview .whatsappchat-settings-component{align-items:center;display:flex;justify-content:center}.widget-generator__preview .whatsappchat-settings-component+.whatsappchat-settings-component{margin-top:20px}.widget-generator__constructor{width:100%}.widget-generator__constructor .part{background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.1);border-radius:5px;display:flex;margin-bottom:16px;padding:20px}.widget-generator__constructor .part__label{color:#595959;flex-shrink:0;font-family:"Noto Sans",sans-serif;font-size:12px;font-weight:500;line-height:1.3;padding-right:16px;width:180px}.widget-generator__constructor .part__field label{display:block;margin:0;position:relative}.widget-generator__constructor .part__field label.color-picker{display:inline-block}.widget-generator__constructor .part__field label:not(:first-child),.widget-generator__constructor .part__field .icon-picker:not(:first-child),.widget-generator__constructor .part__field .radio-picker:not(:first-child){margin-top:26px}.widget-generator__constructor .part__field input[type=text]{border:none;border-bottom:1px solid #b9b9b9;color:#000;display:block;font-family:"Noto Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.6;max-width:224px;overflow:hidden;outline:none;padding:0 0 6px;text-overflow:ellipsis;transition:all .5s ease;width:100%}.widget-generator__constructor .part__field input[type=text]:focus{border-bottom-color:#000}.widget-generator__constructor .part__field input[type=color]{border:1px solid #b9b9b9;border-radius:2px;height:24px;margin:0;padding:0;position:absolute;right:0;top:0;width:24px}.widget-generator__constructor .part__field textarea{border:1px solid #b9b9b9;border-radius:5px;display:block;font-family:"Noto Sans",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.6;max-width:100%;outline:none;padding:10px 12px;resize:vertical;transition:all .5s ease;width:272px}.widget-generator__constructor .part__field textarea:focus{border-color:#000}.widget-generator__constructor .part__field .radio-picker{font-family:"Noto Sans",sans-serif;font-style:normal;font-weight:400;line-height:1.6}.widget-generator__constructor .part__field .icon-picker__label{display:block;margin-bottom:14px}.widget-generator__constructor .part__field .icon-picker svg{align-items:center;background:#595959;border-radius:50%;cursor:pointer;display:inline-flex;height:37px;justify-content:center;overflow:visible;opacity:.4;padding:8px;transition:all .5s ease;width:36px}.widget-generator__constructor .part__field .icon-picker svg.active{opacity:1}.widget-generator__constructor .part__field .radio-picker__label{display:block;margin-bottom:12px}.widget-generator__constructor .part__field .radio-picker label{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;margin:0;position:relative}.widget-generator__constructor .part__field .radio-picker label+label{margin-left:24px}.widget-generator__constructor .part__field .radio-picker input[type=radio]{clip:rect(0 0 0 0);height:24px;margin-right:16px;opacity:0;width:24px;z-index:0}.widget-generator__constructor .part__field .radio-picker label span:before,.widget-generator__constructor .part__field .radio-picker label span:after{content:'';left:0;position:absolute;top:0}.widget-generator__constructor .part__field .radio-picker label span:before{background:linear-gradient(90deg,#17e23b 3.95%,#1aeb83 38.33%,#1df4c5 72.5%,#1ef9ee 97.14%,#1ffbff 109.8%);border-radius:5px;height:24px;width:24px}.widget-generator__constructor .part__field .radio-picker label span:after{align-items:center;background:#fff;border-radius:3px;display:flex;font-size:0;height:20px;justify-content:center;margin:2px 0 0 2px;width:20px}.widget-generator__constructor .part__field .radio-picker input[type=radio]:checked~span:after{background:0 0;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBvZJBCkAhCETln8Sj/Jt3lI4yGVELg0Zb9EBmkU8REnkFALUqPTPeFCsGPfWLihbFSiWD27i2+obtlqhY/SMVD00/FQ8DEBLJAC6y+8Pg9hdlaXrI/gSUWXksAAAAAElFTkSuQmCC')}.widget-generator__constructor .part__field .error-message{color:#cd2e00;display:none;font-size:14px}.widget-generator__constructor .part__field input[type=text].error{border-bottom-color:#cd2e00;color:#cd2e00}.widget-generator__constructor .part__field .notice{color:#595959;display:block;font-size:12px;font-family:"Noto Sans",sans-serif;margin-top:10px}@media only screen and (max-width:1024px){.widget-generator{border-radius:0;margin-bottom:32px;padding:32px 16px}.widget-generator__title{font-size:18px;margin-bottom:24px}.widget-generator__container{display:block}.widget-generator__preview{margin-bottom:30px;margin-right:0;width:auto}.widget-generator__constructor{text-align:center}.widget-generator__constructor .part{background:0 0;border-radius:0;box-shadow:none;display:block;margin:0 -16px 30px;padding:0;text-align:left}.widget-generator__constructor .part__label{padding:0 16px 20px;width:auto}.widget-generator__constructor .part__label br{display:none}.widget-generator__constructor .part__field{background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.1);border-radius:5px;padding:24px 16px}.widget-generator__constructor .part__field input[type=text],.widget-generator__constructor .part__field textarea{max-width:none;width:100%}.widget-generator__constructor .part__field label.color-picker{display:block}}.widget-title{color:#000;font-family:"Noto Sans",sans-serif;font-size:24px;font-weight:500;line-height:160%;margin:0 auto 26px;max-width:570px;text-align:center}@media only screen and (max-width:1024px){.widget-title{font-size:16px;margin-bottom:24px;padding:0 16px}}.widget-action{align-items:center;background:linear-gradient(90deg,#17e23b 3.95%,#1aeb83 38.33%,#1df4c5 72.5%,#1ef9ee 97.14%,#1ffbff 109.8%);border:none;border-radius:5px;color:#000;cursor:pointer;display:inline-flex;font-family:"Noto Sans",sans-serif;font-size:16px;font-weight:700;justify-content:center;line-height:22px;outline:none;padding:16px 32px}.widget-action:focus,.widget-action:hover{background:linear-gradient(90deg,#1aea7f -1.56%,#56fffa 46.72%,#7df7fa 99.12%);outline:none}@media only screen and (max-width:1024px){.widget-action{font-size:14px;line-height:160%;padding:16px 36px}}.widget-generated__code{background:#fafafa;border-radius:10px;color:#595959;font-family:monospace;font-size:16px;font-weight:400;margin-bottom:26px;height:332px;padding:36px 70px}.widget-generated__code pre{height:260px;overflow:auto}.widget-generated__buttons{text-align:center}@media only screen and (max-width:1024px){.widget-generated__code{margin:0 16px 24px;padding:26px 15px}.widget-generated__code pre{font-size:14px;height:308px}.widget-generated__buttons{margin-bottom:32px}}