@layer components{lw-sortable-list{display:block;position:relative;container:sortable-list / inline-size}lw-sortable-list [data-sortable-list]{position:relative;display:grid;margin:0;padding:0;list-style:none;border-block:var(--line-1px) solid var(--color-border);counter-reset:sortable-item}lw-sortable-list [data-sortable-item]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) -webkit-max-content;grid-template-columns:minmax(0,1fr) max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--line-05);margin:0;padding-block:0;padding-inline:var(--line-05) var(--line-0125);counter-increment:sortable-item;-webkit-transition:background-color var(--duration-fast) var(--ease-out);transition:background-color var(--duration-fast) var(--ease-out)}lw-sortable-list [data-sortable-item]+[data-sortable-item]{-webkit-border-before:var(--line-1px) solid var(--color-border-muted);border-block-start:var(--line-1px) solid var(--color-border-muted)}lw-sortable-list [data-sortable-item]:has(:focus-visible){background:var(--color-subtle)}lw-sortable-list [data-sortable-content]{min-inline-size:0;overflow-wrap:anywhere}lw-sortable-list[data-sortable-variant=cards] ol[data-sortable-list],lw-sortable-list[data-sortable-variant=cards] ul[data-sortable-list]{gap:var(--line-05);border:0}lw-sortable-list[data-sortable-variant=cards] :is(ol,ul)[data-sortable-list]>[data-sortable-item]{padding-block:var(--line-025);border:var(--line-1px) solid var(--color-border);border-radius:var(--radius-tight);background-color:var(--color-bg)}lw-sortable-list[data-sortable-variant=cards] :is(ol,ul)[data-sortable-list]>[data-sortable-item]+[data-sortable-item]{-webkit-border-before:var(--line-1px) solid var(--color-border);border-block-start:var(--line-1px) solid var(--color-border)}lw-sortable-list[data-sortable-variant=cards] [data-sortable-item][data-sortable-source]{border-color:var(--color-accent)}lw-sortable-list[data-sortable-variant=cards] [data-sortable-item][data-sortable-source]:before{content:none}lw-sortable-list[data-sortable-density=compact] [data-sortable-item]{gap:var(--line-025);padding-inline:var(--line-025)}lw-sortable-list[data-sortable-density=compact] [data-sortable-content],lw-sortable-list[data-sortable-density=compact] :is([data-sortable-handle],[data-sortable-move]){font-size:var(--text-sm);line-height:var(--line-height-sm);letter-spacing:var(--tracking-sm)}lw-sortable-list ol[data-sortable-list]>[data-sortable-item]>[data-sortable-content]:before{content:counter(sortable-item);content:counter(sortable-item) / "";display:inline-block;min-inline-size:var(--line-1);color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums}lw-sortable-list [data-sortable-actions]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--line-0125)}lw-sortable-list [data-sortable-actions] form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--line-0125)}lw-sortable-list :is([data-sortable-handle],[data-sortable-move]){--button-bg: transparent;--button-fg: var(--color-fg);--button-h-space: 0;--button-v-space: var(--line-025);min-inline-size:var(--touch-target-min);-webkit-transition:background-color var(--duration-fast) var(--ease-out);transition:background-color var(--duration-fast) var(--ease-out)}lw-sortable-list :is([data-sortable-handle],[data-sortable-move]):hover{--button-bg: var(--color-subtle)}lw-sortable-list [data-sortable-handle]{cursor:-webkit-grab;cursor:grab;-ms-touch-action:none;touch-action:none}lw-sortable-list [data-sortable-handle]:active{cursor:-webkit-grabbing;cursor:grabbing}lw-sortable-list [aria-disabled=true]{cursor:progress;opacity:.5}lw-sortable-list [data-sortable-item][data-sortable-dragging]{z-index:2;pointer-events:none;-webkit-transform:translate3d(var(--sortable-pointer-x, 0px),var(--sortable-pointer-y, 0px),0);transform:translate3d(var(--sortable-pointer-x, 0px),var(--sortable-pointer-y, 0px),0);opacity:1;background-color:var(--color-bg, Canvas);outline:none;-webkit-box-shadow:0 0 0 calc(var(--line-1px) * 2) var(--color-accent);box-shadow:0 0 0 calc(var(--line-1px) * 2) var(--color-accent);-webkit-transition:none;transition:none}lw-sortable-list[data-sortable-variant=cards] [data-sortable-item][data-sortable-dragging]{border-color:var(--color-accent);background-color:var(--color-bg, Canvas)}lw-sortable-list [data-sortable-item][data-sortable-source]{background:var(--color-accent-tint);-webkit-animation:sortable-source-stage var(--duration-normal) var(--ease-out) both;animation:sortable-source-stage var(--duration-normal) var(--ease-out) both}lw-sortable-list [data-sortable-item][data-sortable-source]:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--line-1px) * 3);background:var(--color-accent)}lw-sortable-list [data-sortable-item][data-sortable-source] [data-sortable-handle]{--button-bg: var(--color-accent);--button-fg: var(--color-bg);cursor:-webkit-grabbing;cursor:grabbing}lw-sortable-list [data-sortable-item][data-sortable-source][data-sortable-dragging]{-webkit-animation:none;animation:none}lw-sortable-list [data-sortable-item][data-sortable-motion=moving]{-webkit-animation:sortable-move-land var(--duration-normal) var(--ease-out) both;animation:sortable-move-land var(--duration-normal) var(--ease-out) both}lw-sortable-list [data-sortable-item][data-sortable-target]:after,lw-sortable-list[data-sortable-end-target] [data-sortable-list]:after{content:"";position:absolute;inset-inline:0;block-size:calc(var(--line-1px) * 3);background:var(--color-accent);pointer-events:none;-webkit-animation:sortable-target-arrive var(--duration-normal) var(--ease-out) both;animation:sortable-target-arrive var(--duration-normal) var(--ease-out) both}lw-sortable-list [data-sortable-item][data-sortable-target]:after{inset-block-start:calc((var(--line-1px) * 4) / -2)}lw-sortable-list[data-sortable-end-target] [data-sortable-list]:after{inset-block-end:calc((var(--line-1px) * 4) / -2)}lw-sortable-list table [data-sortable-list]{display:table-row-group;border-block:0}lw-sortable-list table [data-sortable-item]{display:table-row;padding:0}lw-sortable-list table [data-sortable-item]>:is(th,td){-webkit-transition:background-color var(--duration-fast) var(--ease-out);transition:background-color var(--duration-fast) var(--ease-out)}lw-sortable-list table [data-sortable-actions]{-ms-flex-wrap:nowrap;flex-wrap:nowrap}lw-sortable-list table.table--lined :is(th,td){border-inline:0}lw-sortable-list table.table--lined tbody [data-sortable-item]>:is(th,td){background-color:transparent}lw-sortable-list table.table--lined tbody [data-sortable-item]>th[scope=row]{border-block:0;font-weight:var(--font-bold)}lw-sortable-list table [data-sortable-item][data-sortable-source]>:is(th,td){background:var(--color-accent-tint)}lw-sortable-list table [data-sortable-item][data-sortable-source]:before{content:none}lw-sortable-list table [data-sortable-item][data-sortable-target]>:is(th,td){-webkit-border-before:calc(var(--line-1px) * 3) solid var(--color-accent);border-block-start:calc(var(--line-1px) * 3) solid var(--color-accent)}lw-sortable-list[data-sortable-end-target] table [data-sortable-list]{-webkit-border-after:calc(var(--line-1px) * 3) solid var(--color-accent);border-block-end:calc(var(--line-1px) * 3) solid var(--color-accent)}lw-sortable-list table [data-sortable-item][data-sortable-dragging]>:is(th,td){background-color:var(--color-bg, Canvas)}lw-sortable-list table [data-sortable-item][data-sortable-dragging]{outline:none;-webkit-box-shadow:none;box-shadow:none}lw-sortable-list[data-pending] [data-sortable-list]{border-block-style:dashed}lw-sortable-list [data-sortable-status]{min-block-size:1lh;margin-block:var(--line-05) 0;-webkit-padding-start:var(--line-025);padding-inline-start:var(--line-025);-webkit-border-start:calc(var(--line-1px) * 3) solid transparent;border-inline-start:calc(var(--line-1px) * 3) solid transparent;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--line-height-sm);letter-spacing:var(--tracking-sm)}lw-sortable-list [data-sortable-status]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}lw-sortable-list[data-pending] [data-sortable-status]{border-inline-start-color:var(--color-accent);color:var(--color-fg)}lw-sortable-list [data-sortable-status][data-state=rejected]{border-inline-start-color:var(--color-error);color:var(--color-fg)}@container sortable-list (width < 30em){lw-sortable-list table{display:block}lw-sortable-list table [data-sortable-list]{display:block}lw-sortable-list table [data-sortable-item]{display:grid;grid-template-columns:-webkit-max-content minmax(0,1fr);grid-template-columns:max-content minmax(0,1fr);padding-block:var(--line-025)}lw-sortable-list table [data-sortable-item]>th{grid-column:2;grid-row:1;display:block;text-align:start;-webkit-padding-after:0;padding-block-end:0}lw-sortable-list table [data-sortable-item]>td{grid-column:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:var(--line-05);padding-inline:0;text-align:end}lw-sortable-list table [data-sortable-item]>td:has([data-sortable-actions]){-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}lw-sortable-list table [data-sortable-item]>td:first-child{grid-column:1;grid-row:1 / span 3;align-self:start;padding-block:0}}@media (prefers-reduced-motion: reduce){lw-sortable-list [data-sortable-item],lw-sortable-list :is([data-sortable-handle],[data-sortable-move]){-webkit-transition:none;transition:none}lw-sortable-list [data-sortable-item][data-sortable-source],lw-sortable-list [data-sortable-item][data-sortable-motion=moving],lw-sortable-list [data-sortable-item][data-sortable-target]:after,lw-sortable-list [data-sortable-item][data-sortable-dragging],lw-sortable-list[data-sortable-end-target] [data-sortable-list]:after{-webkit-animation:none;animation:none}}@-webkit-keyframes sortable-source-stage{0%{opacity:.72;-webkit-transform:translateY(var(--line-025));transform:translateY(var(--line-025))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sortable-source-stage{0%{opacity:.72;-webkit-transform:translateY(var(--line-025));transform:translateY(var(--line-025))}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sortable-target-arrive{0%{opacity:0;-webkit-transform:scaleX(.08);transform:scaleX(.08)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes sortable-target-arrive{0%{opacity:0;-webkit-transform:scaleX(.08);transform:scaleX(.08)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes sortable-move-land{0%{-webkit-transform:translate(var(--sortable-from-x),var(--sortable-from-y));transform:translate(var(--sortable-from-x),var(--sortable-from-y))}to{-webkit-transform:translate(0,0);transform:translate(0)}}@keyframes sortable-move-land{0%{-webkit-transform:translate(var(--sortable-from-x),var(--sortable-from-y));transform:translate(var(--sortable-from-x),var(--sortable-from-y))}to{-webkit-transform:translate(0,0);transform:translate(0)}}}