.df-container,.df-container *,.df-container ::after,.df-container ::before{box-sizing:border-box}.df-container{width:100%;height:100%;background-color:#f0f5f9;border:2px solid #f0f5f9;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:18px;font-family:sans-serif}.df-container .df-drop-area{width:100%;height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.df-container .df-drop-area .df-message{color:#1e2022;font-size:1.2rem;font-weight:700;cursor:pointer}.df-files{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px}.df-file{padding:8px;background-color:#1e2022;border-radius:8px;box-shadow:0 0 8px 1px #1e2022bf}.df-file-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.df-file-thumbnail>img{width:100%;min-width:100%;height:100%;border-radius:6px}.df-file-thumbnail>svg{color:#f0f5f9}.df-file-data{width:100%;padding:8px;padding-right:0;min-width:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px}.df-file-progress-container{width:100%;background-color:#f0f5f9;border-radius:18px;overflow:hidden}.df-file-progress-bar{height:4px;width:0%;background-color:#f0f5f9;transition:background-color .5s ease}.df-file-info{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px}.df-file-name{display:flex;flex-direction:column;color:#f0f5f9;gap:4px;min-width:0;width:100%}.df-file-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.df-file-name small{font-size:12px;font-weight:600}.df-file-status{display:flex;align-items:center;justify-content:center;padding:4px;width:32px;min-width:32px;height:32px;color:#f0f5f9}.df-file-status svg{width:100%}