.file-upload-progress,.recording-transfer-panel{padding:16px;margin:12px 0;background:#f0f5ec;border:1px solid #cfddc6;border-radius:10px;color:#294b3b;overflow-wrap:anywhere}
.file-upload-progress strong,.recording-upload-filename{display:block;font-size:15px;line-height:1.4;margin-bottom:9px}
.file-upload-progress progress,.recording-transfer-panel progress{display:block;width:100%;height:14px;margin:10px 0;accent-color:#2d5847;border-radius:10px}
.file-upload-progress progress[value],.recording-transfer-panel progress[value]{appearance:none;border:0;overflow:hidden;background:#dce5d6}
.file-upload-progress progress[value]::-webkit-progress-bar,.recording-transfer-panel progress[value]::-webkit-progress-bar{background:#dce5d6;border-radius:10px}
.file-upload-progress progress[value]::-webkit-progress-value,.recording-transfer-panel progress[value]::-webkit-progress-value{background:#2d5847;border-radius:10px;transition:width .15s linear}
.file-upload-progress progress[value]::-moz-progress-bar,.recording-transfer-panel progress[value]::-moz-progress-bar{background:#2d5847;border-radius:10px}
.file-upload-progress p,.recording-transfer-panel .recording-save-status{font-size:13px;line-height:1.5;margin:7px 0 0;color:#3c5744}
.file-transfer-detail{display:block;font-size:14px;font-weight:600;min-height:1.4em}
.recording-transfer-panel{position:sticky;top:-24px;z-index:6;box-shadow:0 4px 12px #273e2112;margin-top:0}
.recording-transfer-panel[hidden]{display:none}
.recording-transfer-panel .recording-upload-progress[hidden]{display:none}
#archive-upload-status{position:sticky;top:8px;z-index:5;background:white;border-radius:10px}
#archive-upload-status>p{padding:6px 0;font-size:14px}
#archive-upload-status>progress{width:100%;height:7px;accent-color:#799c61}
.file-upload-progress[data-phase=failed]{background:#fff4ed;border-color:#e5c4ae}
@media(max-width:600px){.file-upload-progress,.recording-transfer-panel{padding:12px}.file-upload-progress strong,.recording-upload-filename{font-size:14px}}