.drag,[data-id]:active{opacity:.8}.drag,.drag *{cursor:grabbing!important}.dragover{opacity:.8;cursor:grabbing}.indicator{pointer-events:none;background:currentColor;display:none;position:absolute}.indicator-in,.indicator-before,.indicator-after{display:block}.indicator-in{width:var(--indicator-w);height:var(--indicator-h);top:var(--indicator-y);left:var(--indicator-x);background:0 0;border:2.5px dashed;border-radius:6px;max-width:100%;max-height:100%}.indicator-after.indicator-vertical{width:var(--indicator-w);height:2px;top:calc(var(--indicator-y) + var(--indicator-h) - 1px + var(--indicator-offset));left:var(--indicator-x)}.indicator-after.indicator-horizontal{height:var(--indicator-h);width:2px;top:var(--indicator-y);left:calc(var(--indicator-x) + var(--indicator-w) - 1px + var(--indicator-offset))}.indicator-before.indicator-horizontal{width:2px;height:var(--indicator-h);left:calc(var(--indicator-x) - 1px - var(--indicator-offset));top:var(--indicator-y)}.indicator-before.indicator-vertical{width:var(--indicator-w);height:2px;top:calc(var(--indicator-y) - 1px - var(--indicator-offset));left:var(--indicator-x)}.drag-image{color:#fff;background:#000;border-radius:10px;margin:10px;padding:2px 8px;font-size:13px;font-weight:700}.drop{animation:.35s drop}@keyframes drop{0%{box-shadow:inset -200px -200px 0 200px #0000004d}to{box-shadow:inset -200px -200px 0 200px #0000}}.selected{box-shadow:inset -200px -200px 0 200px #0000001a}.placeholder{z-index:1;background:0 0;border-radius:8px;outline:2px dashed #000;pointer-events:none!important}