/* The background stays behind every interactive surface. */
body{isolation:isolate}
.node-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;opacity:.34}
.node-background svg{width:100%;height:100%;display:block}
.network-wire{fill:none;stroke:var(--cable);stroke-width:1;opacity:.27}
.network-signal{fill:none;stroke:var(--cable);stroke-width:1.35;opacity:.6;stroke-linecap:round}
.network-card{fill:#202020;stroke:#71655b;stroke-width:1}
.network-divider,.network-placeholder{fill:none;stroke:#84796e;stroke-width:1;opacity:.38}
.network-node{opacity:.48;transition:opacity 400ms cubic-bezier(.22,1,.36,1)}
.network-node.is-connected{opacity:.58}
.network-node text{fill:#b8a696;font:8px ui-monospace,monospace;letter-spacing:1.3px}
.network-led{fill:#877e71}
.is-connected .network-led{fill:var(--orange)}
.network-port{fill:#191919;stroke:#887362;stroke-width:1.3}
.is-connected .network-port{stroke:var(--orange)}
@media(max-width:760px){.node-background{opacity:.22}}
@media(prefers-reduced-motion:reduce){.network-node{transition:none}}

.network-pulse{fill:none;stroke:var(--cable);stroke-width:2;stroke-linecap:round;stroke-dasharray:.025 2;opacity:0;filter:drop-shadow(0 0 3px var(--cable))}
@media(prefers-reduced-motion:reduce){.network-pulse,.network-signal{display:none}}