/* The handle stays separate from the linked card, and the grid stays still until drop. */
button[data-favorite-drag]:not(.default) { display: grid; place-items: center; width: 32px; height: 32px; padding: 6px; border: 0; border-radius: 5px; background: transparent; color: #aaaab6; cursor: grab; touch-action: none; }
button[data-favorite-drag][hidden] { display: none; }
button[data-favorite-drag]:not(.default):hover, button[data-favorite-drag]:not(.default):focus-visible { border: 0; background: transparent; color: #fff; }
button[data-favorite-drag] svg, button[data-favorite-drag] .eyy-icon { width: 16px; height: 16px; }
.favorite-drag-source { opacity: .45; }
.eyy-favorite-dragging, .eyy-favorite-dragging * { cursor: grabbing !important; user-select: none !important; }
.favorite-drag-ghost, .favorite-drop-marker { position: fixed; z-index: 10000; pointer-events: none; }
.favorite-drag-ghost { max-width: 240px; padding: 9px 12px; border: 2px solid #6578b8; border-radius: 6px; background: #09090b; color: #fff; box-shadow: 0 8px 25px #000a; }
.favorite-drop-marker { border-radius: 3px; background: #819cff; box-shadow: 0 0 9px #819cff; }
button[data-favorite-drag] .eyy-icon--grip { display: block; background: currentColor; mask: url('/dist/img/icons/grip.svg') center / contain no-repeat; transition: transform 160ms ease; }
@media (prefers-reduced-motion: reduce) { button[data-favorite-drag] .eyy-icon--grip { transition: none; transform: none !important; } }
.favorite-drag-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }