.SortableList{background-color:#fafafb;flex-flow:wrap;gap:10px;height:12rem;padding:.5rem;list-style:none;display:flex}.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(4px / var(--scale-x,1));box-sizing:border-box;color:#333;background-color:#fff;flex-grow:1;justify-content:space-between;align-items:center;height:3rem;padding:18px 20px;font-family:sans-serif;font-size:1rem;font-weight:400;list-style:none;display:flex}.DragHandle{touch-action:none;width:12px;cursor:var(--cursor,pointer);appearance:none;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:5px;outline:none;flex:none;justify-content:center;align-items:center;padding:15px;display:flex}.DragHandle:hover{background-color:#0000000d}.DragHandle:focus-visible{box-shadow:0 0 0 2px #4c9ffe}.DragHandle svg{fill:#919eab;flex:none;height:100%;margin:auto;overflow:visible}