@import url("https://esm.sh/dropzone@6.0.0-beta.2/dist/dropzone.css");

.dropzone {
  border: 2px dashed var(--color-border);
  border-radius: var(--rounded-xl);
  padding: var(--size-2);
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.dropzone .dz-preview .dz-error-message {
  background: var(--color-negative);
  text-align: center;
  text-wrap: balance;
}

.dropzone .dz-preview .dz-error-message::after {
  border-bottom: 6px solid var(--color-negative);
}

.dropzone .dz-preview:has(.dz-remove) .dz-error-message  {
  top: 148px;
}