.upload-progress-ui{
  margin:14px 0;
  padding:14px 16px;
  border:1px solid rgba(80,66,62,.18);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 26px rgba(30,24,22,.06);
}
.upload-progress-ui[hidden]{display:none!important}
.upload-progress-heading,.upload-progress-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.upload-progress-heading strong{font-size:.96rem}
.upload-progress-heading span{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.upload-progress-track{height:12px;margin:10px 0;border-radius:999px;overflow:hidden;background:rgba(80,66,62,.12)}
.upload-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary,#7d5c5c);transition:width .12s linear}
.upload-progress-footer{font-size:.86rem;color:#655b57}
.upload-progress-cancel{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:inherit;padding:4px 0;white-space:nowrap}
.upload-progress-ui.is-processing .upload-progress-fill{width:100%!important;animation:artshop-upload-processing 1.1s ease-in-out infinite alternate}
.upload-progress-ui.is-complete .upload-progress-fill{width:100%!important}
.upload-progress-ui.is-error{border-color:rgba(174,49,49,.35);background:rgba(255,245,245,.95)}
.upload-progress-ui.is-error .upload-progress-fill{background:#b63d3d}
.upload-progress-ui.is-cancelled .upload-progress-fill{background:#8b817d}
@keyframes artshop-upload-processing{from{opacity:.42}to{opacity:1}}
@media (max-width:640px){
  .upload-progress-ui{padding:12px}
  .upload-progress-footer{align-items:flex-start;flex-direction:column}
  .upload-progress-cancel{align-self:flex-end}
}
@media (prefers-reduced-motion:reduce){.upload-progress-fill{transition:none}.upload-progress-ui.is-processing .upload-progress-fill{animation:none}}
.form-grid > .upload-progress-ui,.checkout-form > .upload-progress-ui,.home-pool-upload > .upload-progress-ui{grid-column:1/-1;width:100%;box-sizing:border-box}
.product-image-add > .upload-progress-ui{width:100%;box-sizing:border-box}