@import 'main';

.dropzone {
  height: auto;
}

.content {
  height: 100%;
  @include transition();

  &.hidden {
    opacity: 0;
  }
}

.drag {
  @include border-radius(8px);
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  @include middle();
  border: 2px dashed $color_grey;
  color: $color_grey;
  text-align: center;
  @include transition();
  background-color: $color_light_bright;
  visibility: hidden;
  opacity: 0;

  .accept & {
    border-color: $color_secondary;
  }

  .reject & {
    border-color: $color_primary;
  }

  &.active {
    visibility: visible;
    opacity: 1;
  }
}