.upload-progress{margin:0 0 24px;padding:28px 30px;background:linear-gradient(120deg,#effcfa,#d6efee);border:2px solid #1b9ca6;border-radius:20px;box-shadow:0 10px 35px #14727e16;color:#174954;scroll-margin:15px}.upload-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.upload-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#167d87}.upload-progress h3{margin:9px 0 20px;font-size:clamp(21px,2.5vw,29px);line-height:1.25;letter-spacing:-.6px}.upload-progress-heading>strong{font-size:clamp(30px,4vw,46px);white-space:nowrap;letter-spacing:-1px}.upload-progress-track{height:32px;background:#bedbdc;border-radius:10px;overflow:hidden;border:1px solid #a4cdce}.upload-progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#0d7d91,#2bc8bd);border-radius:8px;transition:width .25s ease}.upload-progress p{font-size:15px!important;line-height:1.65;font-weight:600;color:#315f66;margin:18px 0}.upload-progress-steps{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #a5cece;padding-top:16px;font-size:11px;font-weight:700;color:#49737a}.upload-progress.is-indeterminate .upload-progress-track>div{animation:upload-wait 1.7s ease-in-out infinite}.upload-progress[data-stage="success"]{background:linear-gradient(120deg,#edf9ee,#d9f1e4);border-color:#459a6b}.upload-progress[data-stage="success"] .upload-progress-track>div{background:linear-gradient(90deg,#288558,#52bc83)}.upload-progress[data-stage="success"] h3,.upload-progress[data-stage="success"] .upload-progress-heading>strong{color:#226a46}.upload-progress[data-stage="error"],.upload-progress[data-stage="paymentError"]{border-color:#cb9656;background:#fff3e2}.upload-progress[data-stage="error"] .upload-progress-track{display:none}.upload-progress[data-stage="paymentError"] .upload-progress-track>div{background:#b98235}@keyframes upload-wait{0%{transform:translateX(-105%)}100%{transform:translateX(270%)}}@media(max-width:600px){.upload-progress{padding:20px 17px;border-radius:16px}.upload-progress-heading{gap:12px}.upload-progress h3{font-size:21px}.upload-progress p{font-size:13px!important}.upload-progress-track{height:30px}.upload-progress-steps{font-size:9px;gap:7px}.upload-kicker{font-size:9px}}@media(prefers-reduced-motion:reduce){.upload-progress-track>div{transition:none}.upload-progress.is-indeterminate .upload-progress-track>div{animation:none;width:100%!important;opacity:.55}}
