.flow-explainer-module__-MBleq__box{--fx-ink:#0b0d12;--fx-surface:#12151d;--fx-line:#ffffff1a;--fx-text:#ffffffeb;--fx-dim:#ffffff6b;--fx-faint:#ffffff38;--fx-accent:#4da2ff;--fx-wallet:#6ea8ff;--fx-eth:#f0a44a;--fx-gw:#4fbf7b;--fx-sui:#4da2ff;--fx-db:#b489f5;--fx-agg:#34b6a8;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-io:cubic-bezier(.77, 0, .175, 1);border:1px solid var(--fx-line);background:radial-gradient(120% 90% at 80% 0%, #4da2ff14, transparent 60%), var(--fx-ink);color:var(--fx-text);border-radius:20px;margin:0;padding:20px 20px 14px;font-family:inherit}.flow-explainer-module__-MBleq__scroll{overscroll-behavior-x:contain;overflow-x:auto}.flow-explainer-module__-MBleq__svg{width:100%;min-width:720px;height:auto;display:block}.flow-explainer-module__-MBleq__group rect{fill:#ffffff04;stroke:var(--fx-faint);stroke-width:1px;stroke-dasharray:5 5}.flow-explainer-module__-MBleq__group text{fill:var(--fx-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.flow-explainer-module__-MBleq__node rect{fill:var(--fx-surface);stroke:var(--fx-line);stroke-width:1px;transition:stroke .2s var(--ease-out), fill .2s var(--ease-out)}.flow-explainer-module__-MBleq__node{transform-box:fill-box;transform-origin:50%;transition:transform .22s var(--ease-out)}.flow-explainer-module__-MBleq__node[data-on=true]{transform:scale(1.03)}.flow-explainer-module__-MBleq__node[data-on=true] rect{stroke:var(--tone);fill:color-mix(in srgb, var(--tone) 14%, var(--fx-surface))}.flow-explainer-module__-MBleq__node[data-tone=wallet]{--tone:var(--fx-wallet)}.flow-explainer-module__-MBleq__node[data-tone=eth]{--tone:var(--fx-eth)}.flow-explainer-module__-MBleq__node[data-tone=gw]{--tone:var(--fx-gw)}.flow-explainer-module__-MBleq__node[data-tone=sui]{--tone:var(--fx-sui)}.flow-explainer-module__-MBleq__node[data-tone=db]{--tone:var(--fx-db)}.flow-explainer-module__-MBleq__node[data-tone=agg]{--tone:var(--fx-agg)}.flow-explainer-module__-MBleq__nodeLabel{fill:var(--fx-text);text-anchor:middle;transition:fill .2s var(--ease-out);font-size:13px;font-weight:500}.flow-explainer-module__-MBleq__node[data-on=true] .flow-explainer-module__-MBleq__nodeLabel{fill:var(--tone)}.flow-explainer-module__-MBleq__nodeSub{fill:var(--fx-dim);text-anchor:middle;font-size:10.5px}.flow-explainer-module__-MBleq__edge{fill:none;stroke:var(--fx-faint);stroke-width:1.25px;transition:stroke .22s var(--ease-out)}.flow-explainer-module__-MBleq__edge[data-on=true]{stroke:var(--fx-accent)}.flow-explainer-module__-MBleq__headDim{fill:var(--fx-faint)}.flow-explainer-module__-MBleq__headOn{fill:var(--fx-accent)}.flow-explainer-module__-MBleq__edgeNum{fill:var(--fx-faint);text-anchor:middle;transition:fill .22s var(--ease-out);font-size:11px;font-weight:600}.flow-explainer-module__-MBleq__edgeNum[data-on=true]{fill:var(--fx-accent)}.flow-explainer-module__-MBleq__chip{animation:flow-explainer-module__-MBleq__fx-chip .32s var(--ease-out) both}.flow-explainer-module__-MBleq__chip rect{fill:color-mix(in srgb, var(--fx-accent) 12%, var(--fx-ink));stroke:color-mix(in srgb, var(--fx-accent) 34%, transparent);stroke-width:1px}.flow-explainer-module__-MBleq__chip text{fill:color-mix(in srgb, var(--fx-accent) 78%, #fff);text-anchor:middle;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}@keyframes flow-explainer-module__-MBleq__fx-chip{0%{opacity:0;transform:translateY(3px)}}.flow-explainer-module__-MBleq__packet{fill:var(--fx-accent);filter:drop-shadow(0 0 6px var(--fx-accent));offset-distance:0%;opacity:0;animation:flow-explainer-module__-MBleq__fx-flow 1.5s var(--ease-io) forwards}@keyframes flow-explainer-module__-MBleq__fx-flow{0%{offset-distance:0%;opacity:0}10%{opacity:1}78%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.flow-explainer-module__-MBleq__footer{border-top:1px solid var(--fx-line);align-items:center;gap:16px;margin-top:10px;padding-top:12px;display:flex}.flow-explainer-module__-MBleq__caption{min-height:38px;color:var(--fx-text);animation:flow-explainer-module__-MBleq__fx-caption .26s var(--ease-out);flex:1;align-items:baseline;gap:10px;margin:0;font-size:13.5px;line-height:1.45;display:flex}@keyframes flow-explainer-module__-MBleq__fx-caption{0%{opacity:0;transform:translateY(4px)}}.flow-explainer-module__-MBleq__step{background:color-mix(in srgb, var(--fx-accent) 20%, transparent);width:20px;height:20px;color:var(--fx-accent);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.flow-explainer-module__-MBleq__dots{gap:6px;display:flex}.flow-explainer-module__-MBleq__dot{background:var(--fx-faint);cursor:pointer;width:6px;height:6px;transition:background .2s var(--ease-out), transform .16s var(--ease-out);border:0;border-radius:50%;padding:0}.flow-explainer-module__-MBleq__dot[data-on=true]{background:var(--fx-accent);transform:scale(1.35)}.flow-explainer-module__-MBleq__dot:active{transform:scale(.9)}@media (prefers-reduced-motion:reduce){.flow-explainer-module__-MBleq__packet{display:none}.flow-explainer-module__-MBleq__chip,.flow-explainer-module__-MBleq__node,.flow-explainer-module__-MBleq__caption{transition:none;animation:none;transform:none}.flow-explainer-module__-MBleq__node[data-on=true]{transform:none}}
