.image-upload-progress{grid-column:1/-1;display:grid;gap:6px;padding:8px 9px;border:1px solid #41414b;border-radius:6px;background:#17171d}.image-upload-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#c8c8d0;font:600 9px/1 DM Sans,sans-serif}.image-upload-progress span{display:inline-flex;align-items:center;gap:5px}.image-upload-progress svg{color:#f17a80}.image-upload-progress b{color:#eeeeef;font:600 8px/1 DM Mono,monospace}.image-upload-progress>div:last-child{height:4px;overflow:hidden;border-radius:999px;background:#303039}.image-upload-progress i{display:block;height:100%;border-radius:inherit;background:#f12630;transition:width .18s cubic-bezier(.23,1,.32,1)}.image-upload-progress--complete{border-color:#416b50;background:#142019}.image-upload-progress--complete svg{color:#8fc49d}.image-upload-progress--complete i{background:#73b682}.image-uploader--compact .image-upload-progress{min-width:185px}.image-uploader--compact .image-upload-progress>div:first-child{font-size:8px}.image-uploader{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.image-uploader>input{display:none}.image-uploader>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #42424b;border-radius:6px;color:#ededf1;background:#202027;font:600 10px/1 DM Sans,sans-serif}.image-uploader>button:not(:disabled):hover{border-color:#e45058;background:#2b2024}.image-uploader>img{width:42px;height:34px;border:1px solid #3a3a44;border-radius:5px;-o-object-fit:contain;object-fit:contain;background:#fff}.image-uploader>p{grid-column:1/-1;margin:0;color:#ff9499;font-size:9px}.image-uploader--compact{display:flex}.image-uploader--compact>button{min-height:29px;padding:0 8px;font-size:9px}.image-uploader--compact>img{width:31px;height:29px}