/* Custom Uppy styling to match app theme */

/* Change the green upload button to purple */
.uppy-StatusBar-actionBtn--upload {
  background-color: hsl(280, 43%, 42%) !important;
  border: 1px solid hsl(280, 43%, 38%) !important;
}

.uppy-StatusBar-actionBtn--upload:hover {
  background-color: hsl(280, 43%, 38%) !important;
}

/* Style the browse files link */
.uppy-Dashboard-browse {
  color: hsl(280, 43%, 42%) !important;
  font-weight: 500 !important;
  border-bottom: 1px solid hsl(280, 43%, 42%) !important;
  text-decoration: none !important;
}

.uppy-Dashboard-browse:hover {
  color: hsl(280, 43%, 38%) !important;
  border-bottom-color: hsl(280, 43%, 38%) !important;
}

/* Style the inner text (Drop files here or ...) */
.uppy-Dashboard-AddFiles-title {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: hsl(220, 13%, 13%) !important;
}

/* Progress bar color */
.uppy-StatusBar-progress {
  background-color: hsl(280, 43%, 42%) !important;
}

/* File item progress */
.uppy-ProgressBar-percentage {
  background-color: hsl(280, 43%, 42%) !important;
}