.twf-graph{background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:22px 22px;place-items:center;display:grid;position:absolute;inset:0}.twf-node{color:#f3f2ec;background:#141a28;border:1px solid #fff3;border-radius:10px;align-items:center;gap:7px;width:min(118px,25%);height:40px;padding:0 10px;display:flex;position:absolute;box-shadow:0 24px 50px -30px #000000e6}.twf-node svg{color:var(--s3d-accent);flex:none}.twf-node b{min-width:0;font:600 11px var(--pub-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.twf-node:before,.twf-node:after{content:"";border:2px solid var(--s3d-accent);background:#0b0f1a;border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%}.twf-node:before{left:-5px}.twf-node:after{right:-5px}.twf-ok,.twf-bad{border:2px solid var(--pub-acid);box-shadow:0 0 22px -4px color-mix(in srgb, var(--pub-acid) 80%, transparent);border-radius:10px;position:absolute;inset:-1px}.twf-bad{border-color:#ff4d2e;box-shadow:0 0 30px -2px #ff4d2ee6}.twf-wire{transform-origin:0;height:2px;margin-top:-1px;position:absolute;top:50%;left:50%}.twf-wire i{transform-origin:0;background:color-mix(in srgb, var(--s3d-accent) 85%, #fff);height:100%;display:block}.twf-run{background:var(--pub-acid);width:12px;height:12px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--pub-acid) 60%, transparent);border-radius:50%;position:absolute}.twf-waits{top:4%;right:6%}.twf-broken{bottom:12%;right:4%}.twf-plan{-webkit-backdrop-filter:none;backdrop-filter:none;width:min(290px,62%);bottom:5%;right:5%}@media (width<=640px){.twf-node{gap:4px;height:32px;padding:0 7px}.twf-node b{font-size:10px}.twf-waits{top:0;right:0}.twf-broken{bottom:8%;right:0}.twf-plan{width:78%;bottom:4%;right:4%}}