/* Shared by every form that opts into data-upload-progress. */
.up-prog { display: none; margin-top: 10px; }
.up-bar { height: 8px; border-radius: 5px; background: #e9eef4; overflow: hidden; }
.up-fill { height: 100%; width: 0%; background: #1e8449;
           transition: width .15s linear; }
/* Bytes are all sent and the server is working. Striped and moving, so
   a full bar never reads as a finished-but-frozen upload. */
.up-fill.up-working {
  background-image: linear-gradient(45deg,
    rgba(255,255,255,.28) 25%, transparent 25%, transparent 50%,
    rgba(255,255,255,.28) 50%, rgba(255,255,255,.28) 75%,
    transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: up-stripes .9s linear infinite;
}
@keyframes up-stripes { from { background-position: 1rem 0; }
                        to   { background-position: 0 0; } }
.up-txt { font-size: 0.8rem; color: #55616c; margin-top: 5px; }
.up-error .up-fill { background: #b02a37; }
.up-error .up-txt { color: #b02a37; font-weight: 600; }