.upload-progress{width:100%;height:20px;border-radius:10px;border:none;background-color:#e5e7eb;appearance:none}.upload-progress::-webkit-progress-bar{background-color:#e5e7eb;border-radius:10px}.upload-progress::-webkit-progress-value{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:10px;transition:width .3s ease}.upload-progress::-moz-progress-bar{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:10px}.upload-progress.success{background-color:#dcfce7}.upload-progress.success::-webkit-progress-bar{background-color:#dcfce7}.upload-progress.success::-webkit-progress-value{background:linear-gradient(90deg,#22c55e,#16a34a)}.upload-progress.success::-moz-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a)}.upload-progress-thin{width:100%;height:8px;border-radius:4px;border:none;background-color:#f1f5f9;appearance:none}.upload-progress-thin::-webkit-progress-bar{background-color:#f1f5f9;border-radius:4px}.upload-progress-thin::-webkit-progress-value{background:#3b82f6;border-radius:4px;transition:width .3s ease}.upload-progress-thin::-moz-progress-bar{background:#3b82f6;border-radius:4px}.upload-progress-striped::-webkit-progress-value{background:repeating-linear-gradient(45deg,#3b82f6,#3b82f6 10px,#60a5fa 0,#60a5fa 20px);animation:progress-stripes 1s linear infinite}.upload-progress-striped::-moz-progress-bar{background:repeating-linear-gradient(45deg,#3b82f6,#3b82f6 10px,#60a5fa 0,#60a5fa 20px);animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:40px 0}}