.#{$boldr-ns}dropzone {
  border: 1px solid $outer-space;
}

.#{$boldr-ns}dropzone__panel {
  align-items: center;
  width: 100%;
  height: 250px;
  margin: 0 auto;
}

.#{$boldr-ns}dropzone__drop {
  padding-top: 100px;
  text-align: center;
}

.#{$boldr-ns}dropzone__drop-sm {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.preview {
  position: relative;
  width: 200px;
  height: 220px;
  cursor: move;
}

.preview img {
  max-width: 100%;
  max-height: 100%;
}

.#{$boldr-ns}dropzone__empty {
  padding: 80px;
  color: #a1a1a1;
  background-color: rgb(255, 255, 255);
  border: 2px dashed rgba(0, 0, 0, 0.1);
  margin: 20px 20px 0;
  font-size: 16px;
}

.#{$boldr-ns}dropzone__active {
  background-color: rgba(18, 179, 117, 0.4);
}

.#{$boldr-ns}dropzone__reject {
  background-color: rgba(244, 67, 54, 0.8);
}

.#{$boldr-ns}dropzone__footer {
  background-color: rgba(0, 0, 0, 0.05);
}