/* Direct Upload Styles */
.direct-upload {
  width: 100%;
  max-width: 28rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 0.25rem;
  background-color: #f3f4f6;
  border-radius: 9999px;
  overflow: hidden;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  position: relative;
}

.direct-upload__progress {
  height: 100%;
  background-color: #3b82f6;
  border-radius: 9999px;
  transition: width 0.3s ease-out;
}

.direct-upload--complete .direct-upload__progress {
  background-color: #10b981;
}

.direct-upload--error .direct-upload__progress {
  background-color: #ef4444;
}

/* Animation for direct upload completion */
.direct-upload--complete {
  animation: pulse 0.5s cubic-bezier(0.4, 0, 0.6, 1) 1;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}