.tree-node-draggable {
  height: 36px;
  width: 100%;
  position: relative; }
  .tree-node-draggable .top-target {
    position: absolute;
    height: 6px;
    width: 100%; }
    .tree-node-draggable .top-target.dragging {
      border-style: solid;
      border-width: 2px 0 0 0;
      border-color: rgba( 16, 124, 16 ,  1 );
      border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 ); }
  .tree-node-draggable .bottom-target {
    bottom: 0px;
    position: absolute;
    height: 6px;
    width: 100%; }
    .tree-node-draggable .bottom-target.dragging {
      border-style: solid;
      border-width: 0 0 2px 0;
      border-color: rgba( 16, 124, 16 ,  1 );
      border-color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 ); }
  .tree-node-draggable .reparent-target {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    .tree-node-draggable .reparent-target.dragging {
      background-color: rgba( 223, 246, 221 ,  1 );
      background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 ); }