sample-drop-slot.css

.node-drop-slot {
  display: block;
  opacity: 0;
  background-image: url('data:image/png;base64,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');
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  height: 12px;
  width: 100%;
  margin-left: 3px;
  margin-top: -4px;
  border-bottom: 1px dotted rgba(0,0,0,0.2);
  border-top: 1px dotted rgba(0,0,0,0.2);
}

.is-dragging-over .node-drop-slot {
  opacity: 1;
}

.is-dragging-over-disabled .node-drop-slot {
  opacity: 0.5;
  cursor: no-drop;
}