.SortableItem{box-shadow:0 0 0 calc(1px / var(--scale-x,1)) #3f3f440d, 0 1px calc(3px / var(--scale-x,1)) 0 #22215126;border-radius:calc(10px / var(--scale-x,1));box-sizing:border-box;color:#333;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#fff;flex-grow:1;align-items:center;padding:18px 20px;font-size:1rem;font-weight:400;list-style:none;display:flex}.SortableItem:active{cursor:grabbing}.SortableItem__handle{width:44px;min-height:44px;color:var(--color-grey-400);touch-action:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;margin:-18px -20px -18px 4px;display:flex}.SortableItem__position{min-width:32px;min-height:44px;color:var(--color-grey-500);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;margin-right:8px;display:flex}.SortableItem__position[aria-pressed=true]{color:var(--color-blue-700);background:var(--color-blue-50)}@media (pointer:coarse){.SortableItem__position{min-width:44px}}.SortableItem[data-selected]{box-shadow:0 0 0 2px var(--color-blue-600), 0 1px 3px 0 #22215126;scroll-margin:5rem 0 8rem}.SortableItem--compact{padding:10px 16px}.SortableItem--compact .SortableItem__handle{margin:-10px -16px -10px 4px}.SortableItem--compact .SortableItem__position{min-width:44px}
.SortableList{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}