.LoopDiagram-module__MbMhca__loop{flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.LoopDiagram-module__MbMhca__step{grid-template-columns:40px 1fr;grid-template-areas:"i t""i d""a a";column-gap:14px;width:min(560px,100%);display:grid}.LoopDiagram-module__MbMhca__icon{background:var(--panel-2);border:3px solid var(--line);grid-area:i;place-items:center;width:40px;height:40px;display:grid}.LoopDiagram-module__MbMhca__t{font-family:var(--font-pixel);letter-spacing:.1em;grid-area:t;padding-top:4px;font-size:12px}.LoopDiagram-module__MbMhca__d{color:var(--ink-dim);grid-area:d}.LoopDiagram-module__MbMhca__arrow{text-align:center;color:var(--ink-faint);grid-area:a;padding:6px 0;font-size:14px}.LoopDiagram-module__MbMhca__todo .LoopDiagram-module__MbMhca__t{color:var(--ink-dim)}.LoopDiagram-module__MbMhca__done .LoopDiagram-module__MbMhca__icon{border-color:var(--gb-deep);color:var(--gb)}.LoopDiagram-module__MbMhca__done .LoopDiagram-module__MbMhca__t{color:var(--ink)}.LoopDiagram-module__MbMhca__now .LoopDiagram-module__MbMhca__icon{background:var(--gb);color:var(--bg);border-color:var(--glow)}.LoopDiagram-module__MbMhca__now .LoopDiagram-module__MbMhca__t{color:var(--glow)}