.dropzone {
  border: dashed 2px var(--color-gray-light) !important;
  border-radius: var(--border-radius) !important;
  margin-bottom: 1rem !important;
  background-color: var(--color-bg) !important;
  color: var(--color-ink) !important;

  .dz-image-preview {
    z-index: 1 !important;
  }

  .dz-default.dz-message {
    color: var(--color-ink-muted) !important;
  }
}

.dropzone .dz-preview,
.dropzone .dz-preview.dz-file-preview,
.dropzone .dz-preview.dz-image-preview {
  background: transparent !important;
}

.dropzone .dz-preview .dz-image,
.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview.dz-image-preview .dz-image {
  background: transparent !important;
}

.dz-preview .dz-details {
  display: none;
}

/* Show the file details on hover */
.dz-preview:hover .dz-details {
  display: block;
}

/* Hide progress bar when upload is complete */
.dropzone .dz-preview.dz-complete .dz-progress {
  display: none;
}