.FlowDiagram-module__II4JXq__root{aspect-ratio:var(--at);background:var(--color-paper);max-width:440px;margin-left:auto;margin-right:auto;position:relative}.FlowDiagram-module__II4JXq__still,.FlowDiagram-module__II4JXq__canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.FlowDiagram-module__II4JXq__wide,.FlowDiagram-module__II4JXq__root[data-live] .FlowDiagram-module__II4JXq__still{display:none}.FlowDiagram-module__II4JXq__label,.FlowDiagram-module__II4JXq__head{left:var(--xt);top:var(--yt);margin:0;position:absolute}.FlowDiagram-module__II4JXq__label{width:var(--wt);translate:var(--trt);text-align:var(--tat);font:500 13px/1.4 var(--font-body);color:var(--color-body);text-wrap:pretty}.FlowDiagram-module__II4JXq__head{font:600 11px/1 var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold-text);translate:0 -50%}.FlowDiagram-module__II4JXq__muted{color:var(--color-slate)}.FlowDiagram-module__II4JXq__idle{color:#6d6762}.FlowDiagram-module__II4JXq__root[data-live] [data-flow-step],.FlowDiagram-module__II4JXq__root[data-live] [data-flow-head]{opacity:0}.FlowDiagram-module__II4JXq__replay{--btn-press:.97;right:var(--rt);top:calc(var(--yt) - 20px);min-height:40px;font:600 13px/1 var(--font-body);letter-spacing:.02em;color:var(--color-body);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:1px solid rgba(42,36,32,.5);border-radius:2px;align-items:center;gap:8px;padding:0 14px 0 12px;transition:transform .13s cubic-bezier(.25,.46,.45,.94),color .18s cubic-bezier(.2,0,0,1),border-color .18s cubic-bezier(.2,0,0,1);display:none;position:absolute}.FlowDiagram-module__II4JXq__root[data-live] .FlowDiagram-module__II4JXq__replay{display:inline-flex}.FlowDiagram-module__II4JXq__replay svg{transition:rotate .42s cubic-bezier(.16,1,.3,1)}.FlowDiagram-module__II4JXq__replay:hover{color:var(--color-gold-text);border-color:var(--color-gold-text)}.FlowDiagram-module__II4JXq__replay:hover svg{rotate:-50deg}@media (pointer:coarse){.FlowDiagram-module__II4JXq__replay{min-height:44px;top:calc(var(--yt) - 22px)}}@media (min-width:1024px){.FlowDiagram-module__II4JXq__root{aspect-ratio:var(--aw);max-width:none}.FlowDiagram-module__II4JXq__wide{display:block}.FlowDiagram-module__II4JXq__tall{display:none}.FlowDiagram-module__II4JXq__label,.FlowDiagram-module__II4JXq__head{left:var(--xw);top:var(--yw)}.FlowDiagram-module__II4JXq__label{width:var(--ww);translate:var(--trw);text-align:var(--taw);font-size:14px}.FlowDiagram-module__II4JXq__head{font-size:12px}.FlowDiagram-module__II4JXq__replay{right:var(--rw);top:calc(var(--yw) - 20px)}@media (pointer:coarse){.FlowDiagram-module__II4JXq__replay{top:calc(var(--yw) - 22px)}}}@media (prefers-reduced-motion:reduce){.FlowDiagram-module__II4JXq__replay svg{transition:none}}