.city-network-side{min-width:0}.city-network{width:100%;padding:20px;border:1px solid var(--rule);border-radius:24px;background:var(--paper-2);color:var(--ink);box-shadow:0 20px 70px rgba(0,185,239,.08)}.city-network-label{display:flex;justify-content:space-between;gap:14px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--ink-2)}.city-network svg{display:block;width:100%;height:auto;overflow:visible}.city-building,.city-window{fill:none;stroke:var(--ink);stroke-width:2;opacity:.14}.city-window{opacity:.09}.city-link{fill:none;stroke:var(--blue);stroke-width:3;opacity:.6}.city-pulse{fill:#ffa728}.city-endpoint,.city-chassis{fill:var(--paper);stroke:var(--rule);stroke-width:2}.city-endpoint{transition:stroke .2s,filter .2s}.city-network a:hover .city-endpoint,.city-network a:focus .city-endpoint{stroke:var(--blue);filter:drop-shadow(0 0 6px rgba(0,185,239,.35))}.city-network a:focus{outline:2px solid var(--blue)}.city-endpoint-name{font-size:15px;font-weight:700;fill:var(--ink)}.city-switch-name{font-size:10px;font-weight:800;fill:var(--ink)}.city-ear{fill:var(--paper-2);stroke:var(--ink);stroke-width:1}.city-hole{fill:var(--ink)}.city-switch-port{fill:var(--blue);animation:city-port 4s infinite;animation-delay:calc(var(--port)*.13s)}.city-network-note{font-size:15px;line-height:1.6;margin:8px 0;color:var(--ink)}.city-network small{font-size:10px;color:var(--ink-2)}@keyframes city-port{0%,100%{opacity:.35}40%,70%{opacity:1;fill:#65c765}}@media(prefers-reduced-motion:reduce){.city-switch-port{animation:none}.city-pulse{display:none}}@media(max-width:600px){.city-network{padding:14px}.city-network-label{font-size:8px}.city-network-note{font-size:13px}}