.ws-upload-zone{display:flex;min-height:150px;margin:18px 0 12px;border:2px dashed #9bb4a7;border-radius:12px;background:#f5f9f7;color:#53675c;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;text-align:center;transition:.2s}.ws-upload-zone:hover,.ws-upload-zone:focus,.ws-upload-zone.is-dragover{border-color:#315d48;background:#eaf3ee;outline:0}.ws-upload-zone i{font-size:34px;color:#4e8067}.ws-upload-zone strong{font-size:16px;color:#294b3b}.ws-upload-zone small{color:#849087}.ws-upload-list{list-style:none;margin:0 0 15px;padding:0}.ws-upload-list li{display:flex;align-items:center;gap:10px;margin:7px 0;padding:10px 12px;border:1px solid #dce5e0;border-radius:8px;background:#fff}.ws-upload-list li>i{color:#5d806e}.ws-upload-list li span{min-width:0;flex:1}.ws-upload-list li strong,.ws-upload-list li small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-upload-list li small{color:#849087;font-size:12px}.ws-upload-remove{border:0;background:transparent;color:#9a4b4b;cursor:pointer;font-size:16px}.ws-dragdrop-ready .bo_w_flie .file_wr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.ws-dragdrop-ready .bo_w_flie{min-height:0!important;margin:0!important;padding:0!important;border:0!important}.ws-dragdrop-ready .bo_w_flie .file_del{display:block;margin:7px 0 12px}.ws-dragdrop-ready .bo_w_flie>input[type=text]{display:none}


.ws-upload-progress{display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:4px;background:#e5ebe8}.ws-upload-progress b{display:block;height:100%;background:#4e8067;transition:width .15s}.ws-upload-list li.is-error .ws-upload-progress b{background:#b65a5a}.ws-upload-list li.is-done>i{color:#3c8a61}