.diagram.svelte-r0iemp{border:1px solid var(--border);background:linear-gradient(var(--site-grid-line) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--site-grid-line) 1px, transparent 1px) 0 0 / 24px 24px, var(--surface);border-radius:12px;padding:28px}.hops.svelte-r0iemp{align-items:stretch;display:flex}.hop.svelte-r0iemp{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);flex-direction:column;flex:1;gap:4px;min-width:0;padding:14px;display:flex}.hop.server.svelte-r0iemp{border-color:var(--accent-border);box-shadow:0 0 0 4px var(--accent-soft)}.where.svelte-r0iemp{font:var(--fw-medium) 11px var(--font-mono);color:var(--muted)}.what.svelte-r0iemp{color:var(--text);font-weight:var(--fw-semibold)}.detail.svelte-r0iemp{font:12px var(--font-mono);color:var(--text-2);overflow-wrap:anywhere}.link.svelte-r0iemp{background:var(--border-strong);flex:0 0 36px;align-self:center;height:2px;position:relative;overflow:hidden}.link.svelte-r0iemp i:where(.svelte-r0iemp){background:var(--accent);width:10px;height:2px;animation:1.6s linear infinite svelte-r0iemp-packet;position:absolute;top:0;left:-10px}@keyframes svelte-r0iemp-packet{to{left:100%}}@media (prefers-reduced-motion:reduce){.link.svelte-r0iemp i:where(.svelte-r0iemp){animation:none;left:40%}}.host.svelte-r0iemp{border-top:1px dashed var(--border-strong);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0 calc(50% + 18px);padding-top:14px;font-size:13px;display:flex}.host.svelte-r0iemp span:where(.svelte-r0iemp){border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text-2);padding:3px 9px}.host.svelte-r0iemp em:where(.svelte-r0iemp){color:var(--muted);font-style:normal}@media (width<=760px){.hops.svelte-r0iemp{flex-direction:column}.link.svelte-r0iemp{flex:0 0 20px;width:2px;height:20px}.link.svelte-r0iemp i:where(.svelte-r0iemp){display:none}.host.svelte-r0iemp{margin-left:0}}