#dropzone {
  position: absolute;
  top: var(--dyte-space-0, 0px);
  right: var(--dyte-space-0, 0px);
  bottom: var(--dyte-space-0, 0px);
  left: var(--dyte-space-0, 0px);
  z-index: 10;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));
  color: rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64))
}

#dropzone.active {
  display: flex;
  animation: 0.2s slide-up ease-in
}