.euiMarkdownEditorDropZone {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: $euiMarkdownEditorMinHeight;

  &__input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;

    &:hover {
      cursor: pointer;
    }

    &:hover:disabled {
      cursor: not-allowed;
    }
  }

  &--isDragging {
    .euiMarkdownEditorFooter,
    .euiMarkdownEditorTextArea,
    .euiMarkdownEditorTextArea:focus,
    .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
      // sass-lint:disable-block no-important
      background-color: transparentize($euiColorPrimary, .9) !important;
    }

    .euiMarkdownEditorTextArea,
    .euiMarkdownEditorTextArea:focus {
      // sass-lint:disable-block no-important
      background-image: euiFormControlGradient($euiColorPrimary) !important;
    }
  }

  &--isDraggingError {
    .euiMarkdownEditorFooter,
    .euiMarkdownEditorTextArea,
    .euiMarkdownEditorTextArea:focus,
    .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
      // sass-lint:disable-block no-important
      background-color: transparentize($euiColorDanger, .9) !important;
    }
  }

  &--hasError {
    .euiMarkdownEditorTextArea,
    .euiMarkdownEditorTextArea:focus {
      // sass-lint:disable-block no-important
      background-image: euiFormControlGradient($euiColorDanger) !important;
    }
  }
}