.draglist-section{flex-direction:column;align-items:center;gap:1rem;width:100%}.draglist-section>h1{text-decoration:underline}.draglist{justify-content:center;width:100%}.drop-section{flex-direction:column;align-items:center;gap:1rem;width:100%}.drop-section>h1{text-decoration:underline}.drag-item{text-align:center;border-radius:1rem;padding:1.5rem 1rem}.drag-item:hover{cursor:grab}.drag-item:active{cursor:grabbing}.drop{border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;height:100%;min-height:7rem;padding:1rem;overflow:auto}.drop-item{border:1px solid #000;border-radius:1rem;height:fit-content;padding:.5rem 2rem;font-size:1.5rem}.SortableList{flex-direction:column;gap:10px;width:100%;padding:0;list-style:none;display:flex}.sortableGridList{display:flex;flex-direction:row!important}.SortableItem{border-radius:calc(4px / var(--scale-x,1));box-sizing:border-box;color:#333;flex-grow:1;justify-content:space-between;align-items:center;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;margin-right:10px;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}