/* Where a dragged file lands, as WhatsApp's: over the whole conversation, a dashed line in the account's green on a solid tint of it, and the one sentence in the middle. */
.ds-drop-zone {
  position: absolute;
  inset: var(--ds-space-3);
  z-index: var(--ds-z-dropdown);
  display: grid;
  place-items: center;
  padding: var(--ds-space-6);
  border: 2px dashed var(--ds-cta);
  border-radius: var(--ds-radius-2xl);
  background: var(--ds-cta-soft);
  color: var(--ds-on-cta-soft);
  pointer-events: none;
  animation: ds-drop-zone-in var(--ds-duration-fast) var(--ds-ease-out);
}

.ds-drop-zone[hidden] { display: none; }

.ds-drop-zone__label {
  font-size: var(--ds-font-size-xl);
  font-weight: var(--ds-weight-medium);
  text-align: center;
}

@keyframes ds-drop-zone-in { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .ds-drop-zone { animation: none; }
}