.callback{background:#fff;margin:0 auto;padding:10px 18px}.callback__title{color:#1a202c;text-align:center;margin-bottom:16px;font-size:20px;font-weight:700}.callback__success{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;margin-bottom:14px;padding:8px 14px;font-size:13px;display:none}.callback__success.visible{display:block}.callback__errors{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:14px;padding:8px 14px;font-size:13px;display:none}.callback__errors.visible{display:block}.callback__errors-list{margin:0;padding-left:18px;list-style:outside}.callback__form{flex-direction:column;gap:5px;display:flex}.callBackForm .callback-form-line{gap:5px;width:100%;display:flex}.callBackForm .callback-form-line .callback-form-line-block{width:100%}@media (width<=700px){.callBackForm .callback-form-line{flex-direction:column}}.callBackForm__name,.callBackForm__phone,.callBackForm__email,.callBackForm__category,.callBackForm__comment{color:#374151;margin-bottom:3px;font-size:13px;font-weight:500;display:block}.callBackForm__input-name,.callBackForm__input-phone,.callBackForm__input-category,.callBackForm__inpuit-email{color:#1a202c;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 14px;font-size:14px;transition:all .3s}.callBackForm__input-name::-moz-placeholder{color:#9ca3af;font-size:13px}.callBackForm__input-phone::-moz-placeholder{color:#9ca3af;font-size:13px}.callBackForm__input-category::-moz-placeholder{color:#9ca3af;font-size:13px}.callBackForm__inpuit-email::-moz-placeholder{color:#9ca3af;font-size:13px}.callBackForm__input-name::placeholder,.callBackForm__input-phone::placeholder,.callBackForm__input-category::placeholder,.callBackForm__inpuit-email::placeholder{color:#9ca3af;font-size:13px}.callBackForm__input-name:focus,.callBackForm__input-phone:focus,.callBackForm__input-category:focus,.callBackForm__inpuit-email:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #56575e26}.callBackForm__input-name.error,.callBackForm__input-phone.error,.callBackForm__input-category.error,.callBackForm__inpuit-email.error{border-color:#ef4444}.callBackForm__input-name.error:focus,.callBackForm__input-phone.error:focus,.callBackForm__input-category.error:focus,.callBackForm__inpuit-email.error:focus{box-shadow:0 0 0 3px #ef444426}.callBackForm__input-comment{color:#1a202c;resize:none;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;height:65px;padding:8px 14px;font-family:inherit;font-size:14px;transition:all .3s}.callBackForm__input-comment::placeholder{color:#9ca3af;font-size:13px}.callBackForm__input-comment:focus{border-color:#000;outline:none;box-shadow:0 0 0 3px #63677326}.callBackForm__input-comment.error{border-color:#ef4444}.callBackForm__input-comment.error:focus{box-shadow:0 0 0 3px #ef444426}.callBackForm__bnt{color:#fff;cursor:pointer;background:#797c85;border:none;border-radius:6px;width:100%;margin-top:4px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .3s}.callBackForm__bnt:hover{background:#5a637a;transform:translateY(-1px);box-shadow:0 4px 12px #5e626e4d}.callBackForm__bnt:active{transform:translateY(0)}.callBackForm__bnt:disabled{opacity:.6;cursor:not-allowed;transform:none}.callBackForm__bnt.loading{color:#0000;position:relative}.callBackForm__bnt.loading:after{content:"";border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.callback.dark{background:#1a202c;box-shadow:0 4px 20px #0000004d}.callback.dark .callback__title{color:#fff}.callback.dark .callback__success{color:#86efac;background:#064e3b;border-color:#22c55e}.callback.dark .callback__errors{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}.callback.dark .callBackForm__name,.callback.dark .callBackForm__phone,.callback.dark .callBackForm__email,.callback.dark .callBackForm__comment{color:#d1d5db}.callback.dark .callBackForm__input-name,.callback.dark .callBackForm__input-phone,.callback.dark .callBackForm__inpuit-email,.callback.dark .callBackForm__input-comment{color:#fff;background:#383e4a;border-color:#4a5568}.callback.dark .callBackForm__input-name::-moz-placeholder{color:#6b7280}.callback.dark .callBackForm__input-phone::-moz-placeholder{color:#6b7280}.callback.dark .callBackForm__inpuit-email::-moz-placeholder{color:#6b7280}.callback.dark .callBackForm__input-comment::-moz-placeholder{color:#6b7280}.callback.dark .callBackForm__input-name::placeholder,.callback.dark .callBackForm__input-phone::placeholder,.callback.dark .callBackForm__inpuit-email::placeholder,.callback.dark .callBackForm__input-comment::placeholder{color:#6b7280}.callback.dark .callBackForm__input-name:focus,.callback.dark .callBackForm__input-phone:focus,.callback.dark .callBackForm__inpuit-email:focus,.callback.dark .callBackForm__input-comment:focus{border-color:#000;box-shadow:0 0 0 3px #44495133}.callback.dark .callBackForm__bnt:hover{box-shadow:0 4px 12px #5e6a7366}@media (width<=640px){.callback{border-radius:8px}.callback__title{margin-bottom:14px;font-size:18px}.callBackForm__input-name,.callBackForm__input-phone,.callBackForm__inpuit-email,.callBackForm__input-comment{padding:8px 12px;font-size:14px}.callBackForm__bnt{padding:10px 16px;font-size:14px}}.has-error .callBackForm__input-name,.has-error .callBackForm__input-phone,.has-error .callBackForm__inpuit-email,.has-error .callBackForm__input-comment{border-color:#ef4444}.has-error .callBackForm__input-name:focus,.has-error .callBackForm__input-phone:focus,.has-error .callBackForm__inpuit-email:focus,.has-error .callBackForm__input-comment:focus{box-shadow:0 0 0 3px #ef444426}