.mo-enter{animation:moEnter var(--dur-calm) var(--ease) both;animation-delay:calc(var(--mo-i,0) * var(--stagger))}.mo-exit{animation:moExit var(--dur-base) var(--ease-exit) both;pointer-events:none}@keyframes moEnter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:none}}@keyframes moExit{to{opacity:0;translate:-4px}}[dir=rtl] .mo-exit{animation-name:moExitRtl}@keyframes moExitRtl{to{opacity:0;translate:4px}}.mo-stagger>*{animation:moEnter var(--dur-calm) var(--ease) both;animation-delay:calc(var(--mo-i,0) * var(--stagger))}.mo-settle{animation:moSettle var(--dur-story) var(--ease) both}@keyframes moSettle{0%{background-color:color-mix(in srgb,var(--good) 16%,transparent)}to{background-color:#0000}}.mo-page{animation:moPage var(--dur-calm) var(--ease) both}@keyframes moPage{0%{opacity:0;translate:0 4px}to{opacity:1;translate:none}}.mo-tick{vertical-align:-.2em;flex:none;block-size:1.15em;inline-size:1.15em;display:inline-block}.mo-tick path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:0;animation:moTick var(--dur-calm) var(--ease) both}@keyframes moTick{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.mo-steps{gap:0;margin:0;padding:0;list-style:none;display:flex}.mo-steps.col{flex-direction:column}.mo-step{min-width:0;flex-direction:column;flex:1;gap:6px;padding-inline-end:var(--s3);display:flex;position:relative}.mo-steps.col .mo-step{align-items:flex-start;gap:var(--s3);flex-direction:row;padding-block-end:var(--s4);padding-inline-end:0}.mo-mark{z-index:1;block-size:24px;inline-size:24px;font:600 11px var(--font);background:var(--surface);border:1.5px solid var(--line-2);color:var(--muted);transition:background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),color var(--dur-base);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mo-step.done .mo-mark{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.mo-step.active .mo-mark{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 0 rgba(var(--accent-rgb),.35);animation:moPulse 1.8s var(--ease) infinite}.mo-step.blocked .mo-mark{border-color:var(--crit);color:var(--crit)}@keyframes moPulse{70%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}}html.static .mo-step.active .mo-mark{animation:none}.mo-rail{background:var(--line);block-size:2px;position:absolute;inset-block-start:11px;inset-inline:24px 0;overflow:hidden}.mo-steps.col .mo-rail{block-size:auto;inline-size:2px;inset-block:24px 0;inset-inline-start:11px}.mo-rail i{background:var(--ink);transform-origin:0;block-size:100%;inline-size:100%;transition:transform var(--dur-slow) var(--ease);display:block;transform:scaleX(0)}[dir=rtl] .mo-rail i{transform-origin:100%}.mo-steps.col .mo-rail i{transform-origin:top;transform:scaleY(0)}.mo-step.done .mo-rail i{transform:none}.mo-step:last-child .mo-rail{display:none}.mo-step b{font-size:13px;font-weight:600}.mo-step small{color:var(--muted);margin-block-start:2px;font-size:12px;display:block}.mo-step.todo b{color:var(--muted);font-weight:500}.mo-demo-row{padding:var(--s3);border-radius:var(--r-md);border:1px solid var(--line)}.mo-demo{gap:var(--s3);max-inline-size:520px;display:grid}.mo-demo-bar{gap:var(--s2);display:flex}.mo-demo-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mo-demo-ok{gap:var(--s3);align-items:center;max-inline-size:360px;display:flex}.mo-demo-grow{flex:1}.mo-prail{gap:10px;display:grid}.mo-prail-labels{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.mo-prail-labels li{color:var(--faint);overflow-wrap:anywhere;transition:color var(--dur-calm) var(--ease);align-self:end;font-size:12px;font-weight:500;line-height:1.3}.mo-prail-labels li.done{color:var(--muted)}.mo-prail-labels li.on{color:var(--ink);font-weight:600}.mo-prail-track{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.mo-prail-seg{border-radius:var(--pill);background:var(--line);block-size:4px;display:block;overflow:hidden}.mo-prail-seg i{border-radius:inherit;background:var(--ink);transform-origin:0;block-size:100%;inline-size:100%;transition:transform var(--dur-slow) var(--ease);transition-delay:calc(var(--mo-i,0) * var(--stagger));display:block;transform:scaleX(0)}[dir=rtl] .mo-prail-seg i{transform-origin:100%}.mo-prail-seg.on i{transform:none}@media (max-width:640px){.mo-prail-labels{grid-auto-columns:auto;grid-auto-flow:row}.mo-prail-labels li:not(.on){display:none}}.mo-slide-fwd{animation:moSlideFwd var(--dur-calm) var(--ease) both}.mo-slide-back{animation:moSlideBack var(--dur-calm) var(--ease) both}[dir=rtl] .mo-slide-fwd{animation-name:moSlideBack}[dir=rtl] .mo-slide-back{animation-name:moSlideFwd}@keyframes moSlideFwd{0%{opacity:0;translate:24px}to{opacity:1;translate:none}}@keyframes moSlideBack{0%{opacity:0;translate:-24px}to{opacity:1;translate:none}}.mo-pulse{position:relative}.mo-pulse:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--good);opacity:0;pointer-events:none;animation:moRing var(--dur-story) var(--ease);position:absolute;inset:0}@keyframes moRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.mo-wait{animation:moWait 1.6s var(--ease-in-out) infinite}@keyframes moWait{50%{opacity:.45}}html.static .mo-wait{animation:none}@media (prefers-reduced-motion:reduce){.mo-wait{animation:none}}