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