.ds-page .ds-mk-dotflow{flex-direction:column;gap:18px;display:flex}.ds-page .ds-mk-dotflow-field{flex-wrap:wrap;align-items:flex-start;gap:8px 22px;display:flex}.ds-page .ds-mk-dotflow-grp{flex-direction:column;gap:8px;min-width:0;display:flex}.ds-page .ds-mk-dotflow-grp.start{flex:220px;max-width:300px}.ds-page .ds-mk-dotflow-grp.join{flex:120px}.ds-page .ds-mk-dotflow-dots{flex-wrap:wrap;gap:5px;max-width:290px;display:flex}.ds-page .ds-mk-dotflow-dots i{width:22px;height:22px;transition:background .5s var(--ease), transform .5s var(--spring), border-color .5s var(--ease);background:#ffffff1f;border:2px solid #0000;border-radius:50%;flex:none}.ds-page .ds-mk-dotflow-dots i.k{background:var(--blue)}.ds-page .ds-mk-dotflow-dots i.l{border-color:var(--ember);background:0 0;transform:scale(.62)}.ds-page .ds-mk-dotflow-dots i.j{border:2px dashed var(--blue-soft);background:0 0}.ds-page .ds-mk-dotflow-dots i.n{background:#ffffff0f;transform:scale(.5)}.ds-page .ds-mk-dotflow-key{font-family:var(--mono);color:var(--t3);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.ds-page .ds-mk-dotflow-key span{align-items:center;gap:6px;display:inline-flex}.ds-page .ds-mk-dotflow-key i{border-radius:50%;width:12px;height:12px;display:inline-block}.ds-page .ds-mk-dotflow-key i.k{background:var(--blue)}.ds-page .ds-mk-dotflow-key i.l{border:2px solid var(--ember)}.ds-page .ds-mk-dotflow-key i.j{border:2px dashed var(--blue-soft)}.ds-page .ds-mk-dotflow-sum{font-family:var(--mono);color:var(--t3);overflow-wrap:anywhere;font-size:14px;line-height:1.7}.ds-page .ds-mk-dotflow-sum b{color:var(--ember);font-weight:600}@media (max-width:420px){.ds-page .ds-mk-dotflow-dots{gap:4px;max-width:250px}.ds-page .ds-mk-dotflow-dots i{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.ds-page .ds-mk-dotflow-dots i{transition:none}}