@layer base{.sortable-list{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.sortable-item{border-radius:var(--radius-field,.25rem);border:var(--border,1px) solid var(--color-base-300);background-color:var(--color-base-100);color:var(--color-base-content);align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.sortable-item>:only-child{flex:auto;min-width:0}.sortable-item[data-dragging]{border-color:var(--color-primary);z-index:1;position:relative;box-shadow:0 8px 24px -6px #00000040}.sortable-handle{width:1.5rem;height:1.5rem;color:var(--color-base-content);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.sortable-handle{color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}}.sortable-handle{cursor:grab;touch-action:none}.sortable-handle:hover{color:var(--color-base-content)}.sortable-handle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-selector,.25rem)}.sortable-handle:active{cursor:grabbing}.sortable-handle svg{flex-shrink:0;width:1.1rem;height:1.1rem}.sortable-item[data-dragging] .sortable-handle{cursor:grabbing}}