@import "../variables/dimensions";
@import "../variables/colors";

// this styles are placeholder till I get spec from designer

.rc-dropzone {
  position: relative;

  min-height: 150px;

  background-color: white;

  padding: $dropzone-padding;

  border-width: 1px;
  border-style: dashed;
  border-color: $dropzone-border;
  border-radius: 5px;
}

.rc-dropzone-active {
  background-color: $dropzone-bg-active;

  border-color: $dropzone-border-active;
}

.rc-dropzone-accept {}
.rc-dropzone-reject {}
.rc-dropzone-disabled {
  background-color: $dropzone-bg-disabled;
}

.rc-dropzone-content {
  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}

.rc-dropzone-caption {}

.rc-dropzone-or {}