.mspp-send-progress { margin: 24px 0 12px; width: 100%; }
.mspp-send-progress[hidden] { display: none; }
.mspp-progress-value { margin-bottom: 12px; color: #19474c; font-size: clamp(26px, 4vw, 36px); font-weight: 500; line-height: 1.2; font-variant-numeric: tabular-nums; }
.mspp-progress-track { height: 20px; overflow: hidden; border-radius: 999px; background: #edf6f6; }
.mspp-progress-fill { height: 100%; width: 0; border-radius: inherit; background: #04b0a0; transition: width .25s ease; }
.mspp-send-progress.is-indeterminate .mspp-progress-fill { animation: mspp-progress-slide 1.5s ease-in-out infinite alternate; }
.mspp-send-progress.has-error .mspp-progress-fill { background: #ae6534; animation: none; }
@keyframes mspp-progress-slide { from { transform: translateX(0); } to { transform: translateX(185%); } }
@media (prefers-reduced-motion: reduce) { .mspp-progress-fill { transition: none; } .mspp-send-progress.is-indeterminate .mspp-progress-fill { animation: none; } }