.domain-network{color:var(--lightningcss-light,#352f28)var(--lightningcss-dark,#f2ece4);-webkit-user-select:none;user-select:none;isolation:isolate;width:100%;max-width:570px;margin:0;position:relative}.domain-network__heading,.domain-network__caption{font-family:var(--font-mono,"Geist Mono Variable", monospace);letter-spacing:.08em;color:var(--lightningcss-light,#7d7975)var(--lightningcss-dark,#c3cac5);justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:450;line-height:1.5;display:flex}.domain-network__heading{padding:0 18px}.domain-network__heading>span:first-child,.domain-network__caption>span:first-child{align-items:center;gap:7px;display:inline-flex}.domain-network__coordinate{color:var(--lightningcss-light,#9e9c99)var(--lightningcss-dark,#a1aaa7);font-size:9px}.domain-network__signal{background:var(--lightningcss-light,#7a6f63)var(--lightningcss-dark,#34383b);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 3px var(--lightningcss-light,#7a6f630e)var(--lightningcss-dark,#0000000e)}.domain-network__canvas{aspect-ratio:520/410;width:100%;position:relative}.domain-network__grid{z-index:-1;opacity:.22;background-image:radial-gradient(var(--lightningcss-light,#aca8a4)var(--lightningcss-dark,#363332) .6px,#0000 .6px);background-size:14px 14px;position:absolute;inset:2% 1%;-webkit-mask-image:radial-gradient(#000 20%,#0000 72%);mask-image:radial-gradient(#000 20%,#0000 72%)}.domain-network__wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.domain-network__guides{stroke:var(--lightningcss-light,#e1dfdc)var(--lightningcss-dark,#2d3336);stroke-width:.7px}.domain-network__orbit-ticks{stroke:var(--lightningcss-light,#aaa5a0)var(--lightningcss-dark,#4c4540);stroke-width:.8px}.domain-network__center-ring{stroke:var(--lightningcss-light,#cbc2b9)var(--lightningcss-dark,#4c4540);stroke-width:.8px;fill:var(--lightningcss-light,#f2efeb)var(--lightningcss-dark,#181c1f)}.domain-network__center-ring-inner{stroke:var(--lightningcss-light,#cdc6be)var(--lightningcss-dark,#4c4540);stroke-width:.65px;fill:var(--lightningcss-light,#ebe5df)var(--lightningcss-dark,#202528)}.domain-network__packet{opacity:0}.domain-network__hub{z-index:3;flex-direction:column;align-items:center;width:145px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -29px}.domain-network__hub-icon{color:var(--lightningcss-light,#38322c)var(--lightningcss-dark,#f2ece4);background:var(--lightningcss-light,#d7c3b0)var(--lightningcss-dark,#363332);border:1px solid var(--lightningcss-light,#b0a397)var(--lightningcss-dark,#4c4540);border-radius:17px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 4px 8px var(--lightningcss-light,#3f38310a)var(--lightningcss-dark,#0000000a),0 0 0 5px var(--lightningcss-light,#f9f6f4aa)var(--lightningcss-dark,#fffa),inset 0 1px var(--lightningcss-light,#f8f3ec)var(--lightningcss-dark,#fff)}.domain-network__hub-domain{text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:165px;font-family:var(--font-mono,"Geist Mono Variable", monospace);letter-spacing:-.025em;background:var(--lightningcss-light,#fbfaf8)var(--lightningcss-dark,#111315);border:1px solid var(--lightningcss-light,#e4e1de)var(--lightningcss-dark,#2d3336);border-radius:6px;margin-top:12px;padding:5px 10px;font-size:11px;font-weight:550;display:block;overflow:hidden;box-shadow:0 3px 8px var(--lightningcss-light,#38322c06)var(--lightningcss-dark,#00000006)}.domain-network__hub-label{font-family:var(--font-mono,"Geist Mono Variable", monospace);letter-spacing:.14em;color:var(--lightningcss-light,#8b857f)var(--lightningcss-dark,#a1aaa7);margin-top:7px;font-size:7px}.domain-network__node{z-index:2;color:var(--lightningcss-light,#4a453f)var(--lightningcss-dark,#f2ece4);background:var(--lightningcss-light,#fdfcfb)var(--lightningcss-dark,#111315);border:1px solid var(--lightningcss-light,#e2e0dd)var(--lightningcss-dark,#2d3336);border-radius:7px;align-items:center;gap:7px;max-width:175px;padding:9px 11px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:absolute;translate:-50% -50%;box-shadow:0 4px 12px var(--lightningcss-light,#26221d05)var(--lightningcss-dark,#00000005),0 1px 1px var(--lightningcss-light,#26221d03)var(--lightningcss-dark,#00000003)}.domain-network__node.is-active{background:var(--lightningcss-light,#fbf8f5)var(--lightningcss-dark,#111315);border-color:var(--lightningcss-light,#afa396)var(--lightningcss-dark,#4c4540);box-shadow:0 5px 15px var(--lightningcss-light,#57493a0c)var(--lightningcss-dark,#0000000c),0 0 0 3px var(--lightningcss-light,#e0d6cd33)var(--lightningcss-dark,#0003)}.domain-network__node-dot{background:var(--lightningcss-light,#aca196)var(--lightningcss-dark,#34383b);border-radius:1px;flex-shrink:0;width:4px;height:4px}.domain-network__node-name{font-family:var(--font-mono,"Geist Mono Variable", monospace);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:9px;line-height:1.3;overflow:hidden}.domain-network__node-name>span{color:var(--lightningcss-light,#9c9894)var(--lightningcss-dark,#a1aaa7);font-size:8px}.domain-network__node>svg{color:var(--lightningcss-light,#a39e99)var(--lightningcss-dark,#a1aaa7);flex-shrink:0}.domain-network__axis{font-size:7px;font-family:var(--font-mono,"Geist Mono Variable", monospace);letter-spacing:.05em;color:var(--lightningcss-light,#aba8a5)var(--lightningcss-dark,#89938f);position:absolute;bottom:9.5%}.domain-network__axis--left{left:6.5%}.domain-network__axis--right{right:6.5%}.domain-network__caption{letter-spacing:.04em;border-top:1px solid var(--lightningcss-light,#e6e4e2)var(--lightningcss-dark,#2d3336);margin:2px 18px 0;padding:13px 0 0;font-size:8px}.domain-network__caption-end{color:var(--lightningcss-light,#a8a4a0)var(--lightningcss-dark,#a1aaa7);font-size:7px}.domain-network.is-scanning .domain-network__signal{animation:1.1s ease-in-out infinite domain-network-signal}.domain-network.is-scanning .domain-network__hub-icon{animation:2s ease-in-out infinite domain-network-hub}@keyframes domain-network-signal{50%{opacity:.35}}@keyframes domain-network-hub{50%{box-shadow:0 4px 8px var(--lightningcss-light,#3f38310a)var(--lightningcss-dark,#0000000a),0 0 0 12px var(--lightningcss-light,#d7c3b022)var(--lightningcss-dark,#0002),inset 0 1px var(--lightningcss-light,#f8f3ec)var(--lightningcss-dark,#fff)}}@media (max-width:480px){.domain-network__heading{padding:0 8px;font-size:8px}.domain-network__node{gap:5px;max-width:130px;padding:7px 8px}.domain-network__node-name{font-size:8px}.domain-network__node-name>span{display:none}.domain-network__node>svg{width:10px}.domain-network__hub-icon{border-radius:14px;width:49px;height:49px}.domain-network__hub{translate:-50% -24.5px}.domain-network__hub-icon>svg{width:23px}.domain-network__hub-domain{max-width:135px;margin-top:8px;font-size:9px}.domain-network__hub-label{margin-top:5px;font-size:6px}.domain-network__caption{gap:6px;margin-inline:8px;font-size:7px}.domain-network__caption-end{font-size:6px}}@media (prefers-reduced-motion:reduce){.domain-network *,.domain-network :before,.domain-network :after{transition:none!important;animation:none!important}.domain-network__packet{display:none}}@media (max-width:350px){.domain-network__node{max-width:98px}}