@layer cs.components{.cs-steplist.svelte-ohnxxc{--sl-rail:1.75rem;gap:var(--cs-space-2);min-inline-size:0;display:grid;container:cs-steplist/inline-size}.cs-steplist[data-depth].svelte-ohnxxc:not([data-depth="0"]){--sl-rail:1.5rem}.cs-steplist-items.svelte-ohnxxc{gap:var(--cs-space-2);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.cs-steplist-items[data-empty].svelte-ohnxxc{min-block-size:var(--cs-space-2)}.cs-steplist-items[data-drop-end].svelte-ohnxxc:after{content:"";block-size:2px;border-radius:var(--cs-radius-full);background:var(--cs-accent-fg);margin-inline-start:calc(var(--sl-rail) + var(--cs-space-2))}.cs-steplist-empty.svelte-ohnxxc{padding:var(--cs-space-3) var(--cs-space-4);border:var(--cs-bw) dashed var(--cs-line-2);border-radius:var(--cs-radius-md);color:var(--cs-text-3);font-size:var(--cs-text-sm)}.cs-steplist-empty[data-drop].svelte-ohnxxc{border-color:var(--cs-accent-line);background:var(--cs-accent-soft)}.cs-step.svelte-ohnxxc{grid-template-columns:var(--sl-rail) minmax(0, 1fr);gap:var(--cs-space-2);min-inline-size:0;display:grid;position:relative}.cs-step.svelte-ohnxxc:before{content:"";inset-block:calc(var(--sl-rail) + var(--cs-space-1)) calc(var(--cs-space-2) * -1);border-inline-start:var(--cs-bw) solid var(--cs-line-2);position:absolute;inset-inline-start:calc(var(--sl-rail) / 2)}.cs-step.svelte-ohnxxc:last-child:before{display:none}.cs-step[data-drop].svelte-ohnxxc:after{content:"";inset-block-start:calc(var(--cs-space-1) * -1 - 1px);inset-inline:calc(var(--sl-rail) + var(--cs-space-2)) 0;border-radius:var(--cs-radius-full);background:var(--cs-accent-fg);block-size:2px;position:absolute}.cs-step-rail.svelte-ohnxxc{justify-content:center;padding-block-start:var(--cs-space-2);display:flex}.cs-step-marker.svelte-ohnxxc{inline-size:var(--sl-rail);block-size:var(--sl-rail);border-radius:var(--cs-radius-full);background:var(--cs-surface-2);box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);color:var(--cs-text-2);font-size:var(--cs-text-xs);font-variant-numeric:tabular-nums;font-weight:var(--cs-weight-semibold);place-items:center;display:inline-grid;position:relative}.cs-step[data-status=err].svelte-ohnxxc .cs-step-marker:where(.svelte-ohnxxc){box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-err-line);color:var(--cs-err-text)}.cs-step-card.svelte-ohnxxc{border-radius:var(--cs-radius-lg);background:var(--cs-surface-1);min-inline-size:0;box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);transition:box-shadow var(--cs-dur-2) var(--cs-ease-standard), opacity var(--cs-dur-2) var(--cs-ease-standard);container:cs-step/inline-size}.cs-steplist[data-depth].svelte-ohnxxc:not([data-depth="0"]) .cs-step-card:where(.svelte-ohnxxc){background:var(--cs-surface-2)}.cs-step[data-status=err].svelte-ohnxxc>.cs-step-card:where(.svelte-ohnxxc){box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-err-line)}.cs-step[data-status=warn].svelte-ohnxxc>.cs-step-card:where(.svelte-ohnxxc){box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-warn-line)}.cs-step[data-grabbed].svelte-ohnxxc>.cs-step-card:where(.svelte-ohnxxc){box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-accent-line), var(--cs-elev-2)}.cs-step[data-dragging].svelte-ohnxxc>.cs-step-card:where(.svelte-ohnxxc){opacity:.5}.cs-step[data-disabled].svelte-ohnxxc>.cs-step-card:where(.svelte-ohnxxc)>.cs-step-head:where(.svelte-ohnxxc) .cs-step-title:where(.svelte-ohnxxc){color:var(--cs-text-3);text-decoration:line-through}.cs-step-head.svelte-ohnxxc{align-items:center;gap:var(--cs-space-1);min-block-size:calc(var(--cs-target-min) + var(--cs-space-3));padding:var(--cs-space-1) var(--cs-space-1) var(--cs-space-1) var(--cs-space-1);min-inline-size:0;display:flex}.cs-step-handle.svelte-ohnxxc{inline-size:var(--cs-target-min);block-size:var(--cs-target-min);border-radius:var(--cs-radius-sm);color:var(--cs-text-3);cursor:grab;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.cs-step-handle.svelte-ohnxxc:hover{background:var(--cs-surface-3);color:var(--cs-text-1)}.cs-step-handle.svelte-ohnxxc:focus-visible{outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:calc(var(--cs-focus-offset) * -1)}.cs-step-handle[aria-pressed=true].svelte-ohnxxc{background:var(--cs-accent-soft);color:var(--cs-accent-text);cursor:grabbing}.cs-step-title.svelte-ohnxxc{align-items:center;gap:var(--cs-space-1) var(--cs-space-2);min-inline-size:0;font-size:var(--cs-text-sm);flex-wrap:wrap;flex:8rem;display:flex}.cs-step-tools.svelte-ohnxxc{align-items:center;gap:var(--cs-space-1);flex:none;display:flex}.cs-step-problems.svelte-ohnxxc{gap:var(--cs-space-1);margin:0 var(--cs-space-3) var(--cs-space-2);color:var(--cs-err-text);font-size:var(--cs-text-xs);padding:0;list-style:none;display:grid}.cs-step-problems[data-tone=warn].svelte-ohnxxc{color:var(--cs-warn-text)}.cs-step-problems.svelte-ohnxxc li:where(.svelte-ohnxxc){align-items:flex-start;gap:var(--cs-space-1);display:flex}.cs-step-summary.svelte-ohnxxc{min-inline-size:0;padding:0 var(--cs-space-3) var(--cs-space-2) calc(var(--cs-target-min) + var(--cs-space-2));color:var(--cs-text-2);font-size:var(--cs-text-sm)}.cs-step-body.svelte-ohnxxc{gap:var(--cs-space-4);min-inline-size:0;padding:var(--cs-space-3);border-block-start:var(--cs-bw) solid var(--cs-line-1);display:grid}.cs-steplist-footer.svelte-ohnxxc{gap:var(--cs-space-2);flex-wrap:wrap;padding-inline-start:calc(var(--sl-rail) + var(--cs-space-2));display:flex}@container cs-steplist (width<=26rem){.cs-step.svelte-ohnxxc{grid-template-columns:minmax(0,1fr)}.cs-step-rail.svelte-ohnxxc,.cs-step.svelte-ohnxxc:before{display:none}.cs-step[data-drop].svelte-ohnxxc:after,.cs-steplist-items[data-drop-end].svelte-ohnxxc:after{margin-inline-start:0;inset-inline-start:0}.cs-steplist-footer.svelte-ohnxxc{padding-inline-start:0}}@container cs-step (width<=22rem){.cs-step-head.svelte-ohnxxc{flex-wrap:wrap}.cs-step-summary.svelte-ohnxxc{padding-inline-start:var(--cs-space-3)}.cs-step-body.svelte-ohnxxc{padding:var(--cs-space-2)}}.cs-steplist-sr.svelte-ohnxxc{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.cs-step-card.svelte-ohnxxc{transition:none}}@media (forced-colors:active){.cs-step-card.svelte-ohnxxc,.cs-step-marker.svelte-ohnxxc{border:1px solid canvastext}.cs-step[data-drop].svelte-ohnxxc:after,.cs-steplist-items[data-drop-end].svelte-ohnxxc:after{background:highlight}.cs-step-handle[aria-pressed=true].svelte-ohnxxc{outline:2px solid highlight}}}
