@import '/assets/Quill/quill.snow.css';section.FAQ .FAQForm{padding:25px;position:relative;z-index:1;border:solid 1px var(--c-grey);border-radius:15px;margin-top:20px}section.FAQ .FAQForm .form-result,section.FAQ .FAQForm .loading{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white-color);z-index:10;display:none;border-radius:15px}section.FAQ .FAQForm.lock .loading{display:block}section.FAQ .FAQForm.success .form-success,section.FAQ .FAQForm.error .form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}section.FAQ .FAQForm .ql-toolbar{border-radius:10px 10px 0 0}section.FAQ .FAQForm .ql-container{border-radius:0 0 10px 10px;font-size:16px}section.FAQ .FAQForm .file-dropzone{padding:20px;overflow:hidden;position:relative;border:solid 1px var(--c-grey);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:20px;line-height:1.2;transition:0.5s;margin:10px 0;cursor:pointer}section.FAQ .FAQForm .file-dropzone.droppable{border-color:var(--white-color)}section.FAQ .FAQForm .file-dropzone.droppable:after{position:absolute;width:100%;height:100%;background:var(--white-color);border:dashed 1px rgba(0,51,102,0.5);content:'Забросьте файл сюда';font-family:var(--condenset-font);color:rgba(0,51,102,0.7);font-weight:bold;letter-spacing:5px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}section.FAQ .FAQForm .file-dropzone input{position:absolute;top:-100px}section.FAQ .FAQForm .file-dropzone i{font-size:42px;color:var(--main-blue)}section.FAQ .FAQForm .file-dropzone .title{font-weight:bold;color:var(--color-63)}section.FAQ .FAQForm .file-dropzone small{color:var(--color-9)}section.FAQ .FAQForm .file-dropzone .allowed-format{font-weight:bold;text-transform:uppercase;color:var(--main-red)}section.FAQ .FAQForm .file-dropzone:hover{transform:translateY(-5px);box-shadow:0 12px 15px rgba(0,51,102,0.15);border-color:rgba(0,51,102,0.8)}section.FAQ .FAQForm .file-dropzone:hover i,section.FAQ .FAQForm .file-dropzone:hover .title{color:var(--main-red)}section.FAQ .FAQForm .file-dropzone-list{padding:0;margin:0;display:flex;flex-direction:column;gap:8px}section.FAQ .FAQForm .file-dropzone-list li{list-style:none;padding:7px 12px;background:var(--fb-color);display:flex;align-items:center;gap:8px;border-radius:12px}section.FAQ .FAQForm .file-dropzone-list .icon-file{font-size:22px;color:var(--main-blue)}section.FAQ .FAQForm .file-info{flex:1 0 0}section.FAQ .FAQForm .file-dropzone-list span{color:var(--main-blue);font-size:16px}section.FAQ .FAQForm .file-dropzone-list small{color:var(--color-6)}section.FAQ .FAQForm .file-dropzone-list .cancel{color:var(--main-red);cursor:pointer;text-transform:uppercase;transition:0.3s;display:flex;align-items:center;gap:5px;border-radius:20px;padding:3px 8px;font-weight:bold}section.FAQ .FAQForm .file-dropzone-list .cancel:hover{background:var(--main-red);color:var(--white-color)}section.FAQ .FAQForm .badge-file-size{background:var(--success-color);color:var(--white-color);min-width:30px}@media screen and (max-width:575.9px){section.FAQ .FAQForm.success,section.FAQ .FAQForm.error{max-height:500px;overflow:hidden}section.FAQ .FAQForm .file-dropzone{flex-direction:column;text-align:center;gap:10px}section.FAQ .FAQForm .file-dropzone .title{margin-bottom:10px}}@media screen and (min-width:576px) and (max-width:767.9px){section.FAQ .FAQForm.success,section.FAQ .FAQForm.error{max-height:500px;overflow:hidden}section.FAQ .FAQForm .file-dropzone{flex-direction:column;text-align:center;gap:10px}section.FAQ .FAQForm .file-dropzone .title{margin-bottom:10px}}