.dck-card{--dck-gap:var(--ui-s4);min-width:0}.dck-list,.dck-kids{margin:0;padding:0;list-style:none;display:grid}.dck-kids{margin-top:var(--ui-s3)}.dck-step{--dck-m:24px;--dck-ring:var(--line);grid-template-columns:var(--dck-m) minmax(0, 1fr);align-items:start;column-gap:var(--ui-s3);padding-bottom:var(--dck-gap);display:grid;position:relative}.dck-step:last-child{padding-bottom:0}.dck-step.is-kid{--dck-m:18px;--dck-gap:var(--ui-s3)}.dck-step:not(:last-child):before,.dck-step:not(:last-child):after{content:"";top:calc(var(--dck-m) + 2px);bottom:2px;left:calc(var(--dck-m) / 2 - 1px);background:var(--line);border-radius:1px;width:2px;position:absolute}.dck-step:not(:last-child):after{background:var(--up);transform-origin:top;transform:scaleY(0)}.dck-step.is-done:not(:last-child):after{transform:none}.dck-mark{width:var(--dck-m);height:var(--dck-m);box-shadow:inset 0 0 0 2px var(--dck-ring);border-radius:50%;place-items:center;display:grid;position:relative}.dck-step.is-done>.dck-mark{background:var(--up);box-shadow:none}.dck-mark svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;width:62%;height:62%}.dck-step.is-now{--dck-ring:color-mix(in srgb, var(--fg) 34%, transparent)}.dck-step.is-now.is-yours{--dck-ring:var(--accent)}.dck-step.is-now>.dck-mark:after{content:"";background:var(--dck-ring);border-radius:50%;width:34%;height:34%}.dck-body{min-width:0;display:grid}.dck-top{align-items:baseline;gap:var(--ui-s2);min-height:var(--dck-m);padding-top:calc((var(--dck-m) - 20px) / 2);display:flex}.dck-label{min-width:0;font:600 var(--ui-fs-body) / 20px var(--font);text-wrap:pretty}.is-kid>.dck-body .dck-label{font-size:14px;font-weight:500;line-height:18px}.is-kid>.dck-body>.dck-top{padding-top:0}.dck-step.is-wait>.dck-body .dck-label,.dck-step.is-todo>.dck-body .dck-label{color:var(--muted);font-weight:500}.dck-at{color:var(--muted);font:500 var(--ui-fs-meta) / 1.3 var(--font);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.dck-line{color:var(--muted);font:500 var(--ui-fs-meta) / 1.45 var(--font);text-wrap:pretty;margin:2px 0 0}.dck-acts{gap:var(--ui-s2);margin-top:var(--ui-s3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.dck-acts>.btn{width:100%}.dck-acts>.btn[aria-busy=true]{opacity:.55;pointer-events:none}.dck-card.is-compact{--dck-gap:var(--ui-s3)}.is-compact .dck-step{--dck-m:20px;column-gap:10px}.is-compact .dck-label{font-size:14px;line-height:18px}.is-compact .dck-top{padding-top:1px}.is-compact .dck-acts{margin-top:var(--ui-s2)}@media (prefers-reduced-motion:no-preference){.dck-step.is-in>.dck-mark,.dck-step.is-fresh>.dck-mark{animation:pop-in var(--appear) var(--spring) both;animation-delay:calc(var(--dck-i,0) * .11s - var(--dck-t,0s))}.dck-step.is-fresh>.dck-mark{animation-timing-function:var(--spring-big)}.dck-step.is-in>.dck-mark path,.dck-step.is-fresh>.dck-mark path{animation:dck-draw var(--dur-slow) var(--ease) both;animation-delay:calc(var(--dck-i,0) * .11s + .14s - var(--dck-t,0s))}.dck-step.is-in:not(:last-child):after,.dck-step.is-fresh:not(:last-child):after{animation:dck-fill .56s var(--ease) both;animation-delay:calc(var(--dck-i,0) * .11s + .22s - var(--dck-t,0s))}.dck-step.is-fresh>.dck-mark:before{content:"";animation:dck-ring .9s var(--ease) calc(.12s - var(--dck-t,0s)) both;pointer-events:none;border-radius:50%;position:absolute;inset:0}.dck-step.is-now>.dck-mark{animation:dck-breathe 2.4s var(--ease) infinite}}@keyframes dck-draw{0%{stroke-dashoffset:1px}}@keyframes dck-fill{0%{transform:scaleY(0)}to{transform:none}}@keyframes dck-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--up) 45%, transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb, var(--up) 0%, transparent)}}@keyframes dck-breathe{50%{box-shadow:inset 0 0 0 2px var(--dck-ring), 0 0 0 5px color-mix(in srgb, var(--dck-ring) 22%, transparent)}}.dl-steps>.dck-card{margin-top:var(--ui-s2)}.dl-step-more{gap:var(--ui-s2);margin-top:var(--ui-s3);display:grid}
