/* Loading bar overlay for receipt upload button */

.uw-upload-wrap{
  position: relative;
}

.uw-upload-overlay{
  display: none;
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  align-items: center;
  justify-content: center;
  pointer-events: all;
  cursor: progress;
}

/* Indeterminate loading bar */
.uw-upload-bar{
  width: 72%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  overflow: hidden;
}

.uw-upload-bar::before{
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  border-radius: 999px;
  background: rgba(255,255,255,0.75);
  transform: translateX(-120%);
  animation: uwUploadBar 1.05s ease-in-out infinite;
}

@keyframes uwUploadBar{
  0%   { transform: translateX(-120%); }
  100% { transform: translateX(280%); }
}

/* Show overlay while server callback is running */
#rcpt-upload-loading-target[data-dash-is-loading="true"] ~ #rcpt-upload-overlay{
  display: flex;
}