@import 'main';

.dropzone {
  width: 100%;
  padding: 16px;
  text-align: center;
  border: 2px dashed $color_grey;
  color: $color_grey;
  @include border-radius();
  @include transition();
  font-size: 20px;
}

.disabled {
  color: $color_grey;
}

.accept {
  border-color: $color_secondary;
}

.reject {
  border-color: $color_error;
}

.upload-icon {
  display: block;
  font-size: 32px;
  color: $color_grey;
  margin-bottom: 16px;
  @include transition();

  .accept & {
    color: $color_secondary;
  }

  .reject & {
    color: $color_error;
  }
}

.upload-link {
  color: $color_secondary;
  cursor: pointer;

  .disabled & {
    color: $color_grey;
  }
}

.supported-formats {
  font-size: 12px;
  margin-top: 6px;
}