.file-uploader .dropzone{padding:30px;text-align:center;background-color:#FFFFFF;border-radius:10px;cursor:pointer}.file-uploader .dropzone .browse-btn{width:100%;border-radius:50px;cursor:pointer;margin-top:24px;display:flex;justify-content:center}.file-uploader .dropzone .browse-btn button{width:200px;height:40px;border:none;font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:500}.file-uploader .dropzone .title-upload{font-weight:600;color:#000000;margin-bottom:10px}.file-uploader .dropzone .desc,.file-uploader .dropzone .title-upload{font-size:var(--font-h4);line-height:var(--font-h4-lh);text-align:center}.file-uploader .dropzone .desc{font-weight:400;color:#84898C}.file-uploader .error{color:#E30004;font-size:var(--font-h4);line-height:var(--font-h4-lh);margin-top:.5rem;text-align:right;display:flex;justify-content:flex-end}.file-uploader .file-item{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;padding:1rem;margin-top:1rem;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.file-uploader .file-item .file-info{display:flex;align-items:center;gap:20px;width:calc(100% - 140px)}.file-uploader .file-item .file-info .file-name{color:#000000;font-size:var(--font-h4);line-height:var(--font-h4-lh);font-weight:400;text-align:left;display:flex;align-items:center;width:100%}.file-uploader .file-item .file-info .file-name .file-icon{margin-right:20px;color:#000000;width:30px;height:auto}.file-uploader .file-item .file-info .file-name .text{width:calc(100% - 30px);word-break:break-word}.file-uploader .file-item .progress-container{display:flex;flex-direction:column;gap:0}.file-uploader .file-item .progress-container .progress-bg-bar{height:8px;background-color:#E5E5E5;border-radius:4px;width:100%;position:relative;z-index:0;transform:translateY(8px)}.file-uploader .file-item .progress-container .progress-bar{height:8px;background-color:#E5E5E5;border-radius:4px;width:100%;position:relative;z-index:1}.file-uploader .file-item .progress-container .progress-bar:before{content:"";display:block;height:100%;background-color:#d6a316;border-radius:4px;transition:width .1s ease-in-out}.file-uploader .file-item .progress-container .loading{position:relative;color:transparent;cursor:default;pointer-events:none;background-image:url(/images/loading.svg);background-repeat:no-repeat;background-size:24px;background-position:50%;font-size:0!important;transition:none!important;display:block;width:24px;height:24px;animation:spin 1s linear infinite}.file-uploader .file-item .progress-container .progress-text{font-size:var(--font-h5);line-height:var(--font-h5-lh);color:#E4BF45;text-align:right;display:flex;justify-content:flex-end}.file-uploader .file-item .completed{right:20px;position:absolute;display:flex;align-items:center}.file-uploader .file-item .completed .completed-icon{color:#579A00;margin-right:5px}.file-uploader .file-item .completed .failed-icon{background-color:#AD5D5D;color:#FFFFFF;margin-right:5px;width:16px;height:16px;border-radius:50%;padding:3px}.file-uploader .file-item .completed .complete{margin-right:10px;color:#579A00}.file-uploader .file-item .completed .failed{margin-right:10px;color:#AD5D5D}.file-uploader .file-item .remove-btn{background:none;border:none;color:#000000;cursor:pointer;width:30px;height:30px;border-radius:50%}.file-uploader .file-item .remove-btn:hover{background-color:#AD5D5D;border-radius:50%;color:#FFFFFF}@keyframes spin{to{transform:rotate(-1turn)}}@media (max-width:980px){.file-info .file-name .file-icon{width:19px!important;height:auto;margin-right:10px}.file-info .completed .file-icon{width:12px;height:auto}.file-info .completed span{font-size:11px}}@media (max-width:450px){.file-info{align-items:flex-start!important;width:auto!important}.file-info .file-name{display:flex;align-items:flex-start;justify-content:flex-start}.file-info .completed{position:relative!important;right:0!important;margin-left:auto}}