.wft-point:before{background:linear-gradient(90deg, color-mix(in srgb, var(--prev,var(--k-cap)) 55%, transparent), color-mix(in srgb, var(--c,var(--k-cap)) 55%, transparent))}.wft-point[data-kind] .wft-node{border-color:color-mix(in srgb, var(--c) 40%, transparent);background:var(--c-soft);color:var(--c-ink)}.wft-point[data-kind] .wft-kind{color:var(--c-ink)}.wft-flow.lively .wft-point{--d:0s}.wft-flow.lively.drawing .wft-point{--d:calc(min(var(--i,0), 9) * 80ms)}.wft-flow.lively .wft-point:before{transform-origin:0;animation:wft-lay .36s var(--ease) var(--d) backwards}.wft-flow.lively .wft-node{animation:wft-set .42s var(--ease) calc(var(--d) + .14s) backwards}.wft-flow.lively .wft-step,.wft-flow.lively .wft-kind{animation:wft-say .36s var(--ease) calc(var(--d) + .2s) backwards}@keyframes wft-lay{0%{transform:scaleX(0)}}@keyframes wft-set{0%{opacity:0;scale:.5}}@keyframes wft-say{0%{opacity:0;translate:0 .25rem}}.wft-hit{grid-gap:.125rem;grid-gap:.125rem;width:100%;min-width:0;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:.625rem;align-content:start;justify-items:center;gap:.125rem;padding:0;display:grid}.wft-hit:focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}.wft-hit .wft-node{transition:background-color .2s var(--ease), color .2s var(--ease), scale .2s var(--ease)}.wft-hit:hover .wft-node{background:var(--c);color:#fff;scale:1.08}@media (prefers-reduced-motion:reduce){.wft-flow.lively .wft-point:before,.wft-flow.lively .wft-node,.wft-flow.lively .wft-step,.wft-flow.lively .wft-kind{animation:none}}