.arr-grid{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.arr-grid>li,.card-grid.arr-grid>li[data-warm]{content-visibility:visible;contain:none;cursor:grab;touch-action:pan-y;border-radius:12px;position:relative}.arr-grid>li:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.arr-grid img{-webkit-user-drag:none}.arr-grid>li.arr-lifted>*{opacity:.3;transition:opacity .12s}.arr-grid>li.arr-lifted{background:#f2c66d0d;box-shadow:inset 0 0 0 2px #f2c66d73}.arr-dragging,.arr-dragging>li{cursor:grabbing}.arr-bar{z-index:951;pointer-events:none;will-change:transform;background:linear-gradient(180deg, #fff3cf, var(--gold-1) 20%, var(--gold-1) 80%, #fff3cf);border-radius:6px;width:6px;position:fixed;top:0;left:-3px;box-shadow:0 0 0 1.5px #0c0a26bf,0 0 18px 2px #f2c66dd9}.arr-bar:before,.arr-bar:after{content:"";background:var(--gold-1);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;left:50%;box-shadow:0 0 0 2px #0c0a26bf,0 0 12px #f2c66de6}.arr-bar:before{top:-7px}.arr-bar:after{bottom:-7px}.arr-ghost{z-index:950;opacity:.92;pointer-events:none;transform-origin:0 0;will-change:transform;filter:drop-shadow(0 18px 28px #0009);margin:0;list-style:none;position:fixed;top:0;left:0}.arr-ghost .order-btns,.arr-ghost .arr-tools{visibility:hidden}@media (prefers-reduced-motion:reduce){.arr-grid>li.arr-lifted>*{transition:none}}.arr-bar.arr-bar-h{background:linear-gradient(90deg, #fff3cf, var(--gold-1) 20%, var(--gold-1) 80%, #fff3cf);width:auto;height:6px;top:-3px;left:0}.arr-bar.arr-bar-h:before,.arr-bar.arr-bar-h:after{margin:-7px 0 0;top:50%;bottom:auto}.arr-bar.arr-bar-h:before{left:-7px}.arr-bar.arr-bar-h:after{left:auto;right:-7px}.arr-has-handle>li,.card-grid.arr-has-handle>li[data-warm]{cursor:auto}.arr-handle{width:36px;height:36px;color:var(--gold-1);cursor:grab;touch-action:none;background:#f2c66d14;border-radius:10px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #f2c66d47}.arr-handle:hover{background:#f2c66d29}.arr-dragging .arr-handle{cursor:grabbing}
