.drop-target-overlay.focused-background {
  background-color: rgba( 255, 255, 255 ,  0.8 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  0.8 );
}

.drop-target-overlay .drop-target-component {
  width: calc(100% - (2 * 30px));
  height: calc(100% - (2 * 30px));
  margin: 30px;
  pointer-events: auto;
  border:  3px dashed;
  border-color: rgba( 51, 51, 51 ,  1 );
  border-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.drop-target-overlay .drop-target-component.target-focus {
  background-color: rgba( 0, 0, 0 ,  0.1 );
  background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  0.1 );
}

.drop-target-overlay .drop-target-component .drop-target-component-icon {
  pointer-events: none;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 1;
}

.drop-target-overlay .drop-target-component .drop-target-component-icon h2, .drop-target-overlay .drop-target-component .drop-target-component-icon i {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  font-weight: normal;
}

.drop-target-overlay .drop-target-component .drop-target-component-icon i {
  font-size: 150px;
}

.drop-target-overlay .work-item-form-notification .bowtie-icon.bowtie-edit-delete {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}