.dropzone {
  border: 1px dashed var(--#{$prefix}border-color);
  color: var(--#{$prefix}muted);
  padding: 1rem;

  &.dz-drag-hover {
    border: 1px dashed var(--#{$prefix}primary);
    background: rgba(var(--#{$prefix}primary-rgb), .01);
    color: var(--#{$prefix}primary);

    .dz-message {
      opacity: 1;
    }
  }

  .dz-preview {
    margin: .5rem;

    .dz-image {
      border-radius: var(--#{$prefix}border-radius);
    }

    .dz-success-mark {
      height: 54px;
    }
  }
}