:root{--color-bg: #ffffff;--color-text: #1a1a1a}body{background-color:var(--color-bg);color:var(--color-text);margin:0;display:flex;place-items:center;justify-content:center;min-height:100vh;font-family:sans-serif}.network.svelte-1n46o8q{display:flex;flex-direction:column;position:relative;gap:4ch}.network.svelte-1n46o8q .connectors:where(.svelte-1n46o8q){position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.network.svelte-1n46o8q .node:where(.svelte-1n46o8q){position:relative}.network.svelte-1n46o8q .node:where(.svelte-1n46o8q) .content:where(.svelte-1n46o8q){display:flex;justify-content:center}.network.svelte-1n46o8q .node:where(.svelte-1n46o8q) .content:where(.svelte-1n46o8q)>:where(.svelte-1n46o8q){border:1px solid gray;padding:1ch;border-radius:1ch;width:fit-content}.network.svelte-1n46o8q .node:where(.svelte-1n46o8q) .connector:where(.svelte-1n46o8q){text-align:center;transform:translateY(-50%)}.network.svelte-1n46o8q .node:where(.svelte-1n46o8q) .connector:where(.svelte-1n46o8q) button:where(.svelte-1n46o8q){border-radius:50%;aspect-ratio:1 / 1;border:1px solid gray;background-color:var(--color-bg);font-family:monospace}
