.sortable-chosen{
cursor:default;
}
html[data-dragging=true],
html[data-dragging=true] *{
cursor:grabbing;
}
.sortable-ghost{
opacity:0;
pointer-events:none;
height:0;
min-height:0;
max-height:0;
overflow:hidden;
margin:0;
padding:0;
}
html[data-dragging=true] .sortable-ghost{
opacity:.7;
z-index:1000;
border-radius:var(--br1);
height:var(--ch1);
min-height:var(--ch1);
max-height:var(--ch1);
overflow:visible;
position:relative;
}
html[data-dragging=true] .sortable-ghost .move-handle::before,
html[data-dragging=true] .sortable-ghost .note-content::before,
html[data-dragging=true] .sortable-ghost .note-link-wrapper::before,
.clip.dragging .move-handle::before,
.clip.dragging .note-content::before,
.clip.dragging .note-link-wrapper::before{
box-shadow:inset 0 0 0 2px rgba(255,255,255,0.8);
opacity:1;
}
.clip.dragging{
opacity:1;
background-position:center;
background-size:cover;
z-index:1000;
border-radius:var(--br1);
pointer-events:none;
height:var(--ch1);
}
.clip.dragging img,
.clip.dragging .note-content,
.clip.dragging .note-link-wrapper,
.clip.dragging .yt-link,
.clip.dragging .img-link{
pointer-events:none;
border-radius:var(--br1);
}
html[data-dragging=true] .clip.dragging .clip-buttons,
html[data-dragging=true] .clip.dragging .clip-stats{
display:none;
}
.clip.dragging .note,
.clip.dragging .img-wrap,
.clip.dragging .note-content,
.clip.dragging.clip-note .note,
.clip.dragging.clip-note .note-content{
height:var(--ch1);
min-height:var(--ch1);
max-height:var(--ch1);
overflow:hidden;
}
.multi-drag-badge{
position:fixed;
pointer-events:none;
z-index:10001;
background:#ff5722;
color:#fff;
font-weight:700;
font-size:14px;
min-width:24px;
height:24px;
border-radius:12px;
display:none;
align-items:center;
justify-content:center;
padding:0 8px;
box-shadow:0 2px 8px rgba(0,0,0,0.4);
text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.multi-drag-badge.act{
display:flex;
}
html[data-dragging=true] .clip.sel:not(.dragging) .move-handle{
outline:var(--bw1) solid #ff5722;
}