#filedropzone {
  border: var(--uploads-dropzone-border);
  padding: 0;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;

  .placeholder {
    font-style: italic;
    color: var(--uploads-dropzone-place-holder-color);
    height: 100%;
  }

  &.error {
    border-color: var(--uploads-dropzone-error-border-color);
    background-color: var(--uploads-dropzone-error-background-color);
  }

  &.success {
    border-color: var(--uploads-dropzone-success-border-color);
    background-color: var(--uploads-dropzone-success-background-color);
  }
}

.dz-preview {
  margin-bottom: 1em;
}

.dz-progress {
  height: 20px;
  width: 300px;
    background-color: var(--uploads-dropzone-progress-border);

  .dz-upload {
    background-color: var(--uploads-dropzone-progress-background-color);
    display: block;
    height: 20px;
  }
}