.dtp-drop-feedback {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(0,0,0, 0.8);
  color: #e8e8e8;

  opacity: 0;
  transition: opacity 0.2s;

  pointer-events:  none;

  &.feedback-active {
    opacity: 1;
  }

  .drop-feedback-container {
    box-sizing: border-box;
    padding: 20px;

    border: dotted 3px #e8e8e8;
    border-radius: 10px;

    background-color: #48a8d4;
    color: #e8e8e8;

    pointer-events: none;

    .feedback-icon {
      margin-bottom: 10px;

      font-size: 2.5em;
      line-height: 1;

      color: #ffffff;

      pointer-events: none;
    }

    .drop-feedback-prompt {
      font-size: 1.2em;
      pointer-events: none;
    }
  }
}