.icon{background-position:center !important}
.icon.success{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMEMwIDE1LjUyIDQuNDggMjAgMTAgMjBDMTUuNTIgMjAgMjAgMTUuNTIgMjAgMTBDMjAgNC40OCAxNS41MiAwIDEwIDBaTTEwIDE4QzUuNTkgMTggMiAxNC40MSAyIDEwQzIgNS41OSA1LjU5IDIgMTAgMkMxNC40MSAyIDE4IDUuNTkgMTggMTBDMTggMTQuNDEgMTQuNDEgMTggMTAgMThaTTggMTIuMTdMMTQuNTkgNS41OEwxNiA3TDggMTVMNCAxMUw1LjQxIDkuNTlMOCAxMi4xN1oiIGZpbGw9IiM1QkM3OTAiLz4KPC9zdmc+Cg==");background-repeat:no-repeat}
.icon.warning{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDE5LjVMMTEgMC41TDIyIDE5LjVIMFpNMTguNTMgMTcuNUwxMSA0LjQ5TDMuNDcgMTcuNUgxOC41M1pNMTAgMTQuNVYxNi41SDEyVjE0LjVIMTBaTTEwIDguNUgxMlYxMi41SDEwVjguNVoiIGZpbGw9IiNFQ0I3NDEiLz4KPC9zdmc+Cg==");background-repeat:no-repeat}
.icon.information{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMEMwIDE1LjUyIDQuNDggMjAgMTAgMjBDMTUuNTIgMjAgMjAgMTUuNTIgMjAgMTBDMjAgNC40OCAxNS41MiAwIDEwIDBaTTkgNVY3SDExVjVIOVpNOSA5VjE1SDExVjlIOVpNMiAxMEMyIDE0LjQxIDUuNTkgMTggMTAgMThDMTQuNDEgMTggMTggMTQuNDEgMTggMTBDMTggNS41OSAxNC40MSAyIDEwIDJDNS41OSAyIDIgNS41OSAyIDEwWiIgZmlsbD0iIzczQThFNyIvPgo8L3N2Zz4K");background-repeat:no-repeat}
.icon.failed{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk5IDBDNC40NyAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40NyAyMCA5Ljk5IDIwQzE1LjUyIDIwIDIwIDE1LjUyIDIwIDEwQzIwIDQuNDggMTUuNTIgMCA5Ljk5IDBaTTExIDExVjVIOVYxMUgxMVpNMTEgMTVWMTNIOVYxNUgxMVpNMiAxMEMyIDE0LjQyIDUuNTggMTggMTAgMThDMTQuNDIgMTggMTggMTQuNDIgMTggMTBDMTggNS41OCAxNC40MiAyIDEwIDJDNS41OCAyIDIgNS41OCAyIDEwWiIgZmlsbD0iI0NENUE1OSIvPgo8L3N2Zz4K");background-repeat:no-repeat}
.icon.icon-close{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDEuNDFMMTIuNTkgMEw3IDUuNTlMMS40MSAwTDAgMS40MUw1LjU5IDdMMCAxMi41OUwxLjQxIDE0TDcgOC40MUwxMi41OSAxNEwxNCAxMi41OUw4LjQxIDdMMTQgMS40MVoiIGZpbGw9IiNGRjZCMEIiLz4KPC9zdmc+Cg==");background-repeat:no-repeat}
.drag-and-drop-files{position:static !important;display:flex;flex-direction:column;margin-bottom:16px}
.drag-and-drop-files.error{margin-bottom:0}
.drag-and-drop-files .file-upload-container{border:2px dashed #9daec8;background-color:#f6f9fd;padding:20px;text-align:center;border-radius:4px;cursor:pointer;transition:border-color .3s;display:flex;width:100%;justify-content:center}
.drag-and-drop-files .file-upload-container:hover,.drag-and-drop-files .file-upload-container.drag-over{background-color:#fff8e2}
.drag-and-drop-files .file-upload-container input[type="file"]{display:none}
.drag-and-drop-files .file-upload-container .upload-icon>span{border:2px solid #ff6b0b;border-radius:4px;display:flex;padding:8px;align-items:center;width:fit-content;margin:0 auto;position:relative;z-index:1}
.drag-and-drop-files .file-upload-container .upload-icon>span img{width:24px;height:24px}
.drag-and-drop-files .file-upload-container .upload-icon>span img.img-dragover{display:none;position:absolute;right:-16px;top:16px}
.drag-and-drop-files .file-upload-container .upload-icon .text-upload{margin:10px 0 0;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px;color:#0c2040}
.drag-and-drop-files .file-upload-container.drag-over .upload-icon>span img.img-dragover{display:block}
.drag-and-drop-files .file-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.drag-and-drop-files .file-list .file-item{display:flex;flex-direction:column;width:100%}
.drag-and-drop-files .file-list .file-item .top{display:flex;gap:16px;width:100%;align-items:center}
.drag-and-drop-files .file-list .file-item .top .icon{width:24px;height:24px}
.drag-and-drop-files .file-list .file-item .top .left{display:flex;padding:16px;justify-content:center;align-items:center;width:fit-content;height:fit-content;flex-shrink:0}
.drag-and-drop-files .file-list .file-item .top .left .icon.icon-success{display:block}
.drag-and-drop-files .file-list .file-item .top .left .icon.icon-error{display:none}
.drag-and-drop-files .file-list .file-item .top .right{padding:0;padding-right:16px;display:flex;gap:16px;flex:1 0 0;align-items:center}
.drag-and-drop-files .file-list .file-item .top .right .text-file{display:flex;flex-direction:column;flex:1 0 0}
.drag-and-drop-files .file-list .file-item .top .right .text-file p{margin:0;padding:0}
.drag-and-drop-files .file-list .file-item .top .right .text-file .text-name{font-size:14px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.15px;color:#0c2040}
.drag-and-drop-files .file-list .file-item .top .right .text-file .text-status{font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px;color:#16571d}
.drag-and-drop-files .file-list .file-item .top .right .icon{padding:0}
.drag-and-drop-files .file-list .file-item .top .right .icon.icon-delete{display:block;cursor:pointer}
.drag-and-drop-files .file-list .file-item .top .right .icon.icon-warning{display:none}
.drag-and-drop-files .file-list .file-item .bottom .progress-bar{height:4px;flex-shrink:0;background-color:#d1d6de}
.drag-and-drop-files .file-list .file-item .bottom .progress-bar .progress{width:0;height:100%;background-color:#ff6b0b}
.drag-and-drop-files .file-list .file-item .bottom .text-loading{font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.4px;color:#611616;padding-left:16px}
.drag-and-drop-files .file-list .file-item.failed .top .left .icon.icon-success{display:none}
.drag-and-drop-files .file-list .file-item.failed .top .left .icon.icon-error{display:block}
.drag-and-drop-files .file-list .file-item.failed .top .right .text-file .text-status{color:#611616}
.drag-and-drop-files .file-list .file-item.failed .top .right .icon.icon-delete{display:none}
.drag-and-drop-files .file-list .file-item.failed .top .right .icon.icon-warning{display:block}
.drag-and-drop-files.error .file-upload-container{border:2px dashed #611616}
.drag-and-drop-files.error .file-list{display:none}