// generic drag-n-drop target
.e2-external-drop-target-dragover {
  position: relative;
  background: rgba(96,160,255,.2);
  transition: none;
}

.e2-external-drop-target-dragover-alt {
  background: rgba(160,96,0,.2);
}

// body drag-n-drop target
.e2-external-drop-target-body.e2-external-drop-target-dragover {
  background: transparent;
}

.e2-external-drop-target-body.e2-external-drop-target-dragover,
.e2-external-drop-target-body.e2-external-drop-target-dragover-alt {
  background: var(--backgroundColor);
}

.e2-external-drop-target-body:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow .25s ease-out;  
  pointer-events: none;
}

.e2-external-drop-target-body.e2-external-drop-target-dragover:before {
  box-shadow: inset 0 0 0 8px rgba(96,160,255,.5);
  transition: none;
}

.e2-external-drop-target-body.e2-external-drop-target-dragover-alt:before {
  box-shadow: inset 0 0 0 8px rgba(192,128,64,.5);
  transition: none;
}
