.demo-module-scss-module__g3c5Sq__demo{margin-block-end:var(--space-5,1.5rem)}.demo-module-scss-module__g3c5Sq__sortable{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;max-inline-size:28rem;margin:0;padding:0;list-style:none;display:flex}.demo-module-scss-module__g3c5Sq__sortable li{align-items:center;gap:var(--space-2,.75rem);padding:var(--space-2,.75rem) var(--space-2,.75rem);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);background:var(--surface-default);transition:box-shadow .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__g3c5Sq__sortable li{transition:none}}.demo-module-scss-module__g3c5Sq__sortable li:before{content:"";background:var(--action-primary-default);opacity:0;pointer-events:none;block-size:2px;position:absolute;inset-inline:0}.demo-module-scss-module__g3c5Sq__sortable li[data-drop-position=before]:before{opacity:1;inset-block-start:-3px}.demo-module-scss-module__g3c5Sq__sortable li[data-drop-position=after]:before{opacity:1;inset-block-end:-3px}.demo-module-scss-module__g3c5Sq__sortable li[data-grabbed]{box-shadow:var(--shadow-2,0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a);border-color:var(--action-primary-default);opacity:.85}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]:focus:not(:focus-visible){outline:none}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{border-radius:var(--radius-sm,.25rem);flex-flow:row;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{transition:none}}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{transition:background-color .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{transition:none}}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]:hover{background-color:var(--interactive-hover,#00000008)}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]:active{background-color:var(--interactive-active,#0000000f)}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]:disabled,.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle][disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle]{cursor:grab;color:var(--text-muted);touch-action:none;font-size:1.1rem}.demo-module-scss-module__g3c5Sq__sortable [data-slot=handle][aria-pressed=true]{cursor:grabbing;color:var(--action-primary-default)}.demo-module-scss-module__g3c5Sq__sortable [data-slot=position]{text-align:center;inline-size:1.5rem;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-1,.75rem)}.demo-module-scss-module__g3c5Sq__sortable [data-slot=label]{font-weight:var(--font-weight-normal,400);font-style:normal;font-size:var(--font-size-2,.875rem);flex:1}.demo-module-scss-module__g3c5Sq__footer{gap:var(--space-3,.875rem);max-inline-size:28rem;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-block-start:var(--space-3,.875rem);display:flex}.demo-module-scss-module__g3c5Sq__status{color:var(--text-muted);margin:0;font-size:.8rem}.demo-module-scss-module__g3c5Sq__resetBtn{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__g3c5Sq__resetBtn:focus:not(:focus-visible){outline:none}.demo-module-scss-module__g3c5Sq__resetBtn{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__g3c5Sq__resetBtn{transition:none}}.demo-module-scss-module__g3c5Sq__resetBtn:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__g3c5Sq__resetBtn{border:1px solid var(--border-default,#e5e5e5);color:var(--text-primary,#0f0f0f);background:0 0}.demo-module-scss-module__g3c5Sq__resetBtn:hover{background:var(--interactive-hover,#00000008);border-color:var(--border-focus,#384fff)}.demo-module-scss-module__g3c5Sq__resetBtn:active{background:var(--interactive-active,#0000000f)}.demo-module-scss-module__g3c5Sq__resetBtn:disabled,.demo-module-scss-module__g3c5Sq__resetBtn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__g3c5Sq__srOnly{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}