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

  .dz-message {
    color: var(--color-text-subtle);
    text-align: center;
  }

  &.dz-drag-hover {
    background-color: var(--green-100);
    border-style: solid;

    .dz-message {
      color: var(--color-text);
    }
  }
}