[data-domain=cyber]{--d:var(--emerald);--d-text:var(--emerald-text);--d-soft:var(--emerald-soft);--d-line:var(--emerald-line)}[data-domain=networks]{--d:var(--blue);--d-text:var(--blue-text);--d-soft:var(--blue-soft);--d-line:var(--blue-line)}[data-domain=systems]{--d:var(--violet);--d-text:var(--violet-text);--d-soft:var(--violet-soft);--d-line:var(--violet-line)}[data-domain=telecoms]{--d:var(--orange);--d-text:var(--orange-text);--d-soft:var(--orange-soft);--d-line:var(--orange-line)}[data-domain=iot]{--d:var(--teal);--d-text:var(--teal-text);--d-soft:var(--teal-soft);--d-line:var(--teal-line)}[data-domain=dev]{--d:var(--rose);--d-text:var(--rose-text);--d-soft:var(--rose-soft);--d-line:var(--rose-line)}[data-domain=methods]{--d:var(--amber);--d-text:var(--amber-text);--d-soft:var(--amber-soft);--d-line:var(--amber-line)}[data-domain=alert]{--d:var(--rose);--d-text:var(--rose-text);--d-soft:var(--rose-soft);--d-line:var(--rose-line)}.viz{--d:var(--text-3);--d-text:var(--text-2);--d-soft:var(--surface-2);--d-line:var(--border-2);width:100%;height:auto;font-family:var(--font-sans);font-kerning:normal;display:block;overflow:visible}.viz-node{fill:var(--surface);stroke:color-mix(in oklab, var(--d) 55%, var(--border));stroke-width:1.5px}.viz-node--solid{fill:color-mix(in oklab, var(--d) 11%, var(--surface));stroke:color-mix(in oklab, var(--d) 70%, var(--border))}.viz-node--ghost{fill:none;stroke:color-mix(in oklab, var(--d) 45%, var(--border));stroke-dasharray:6 6}.viz-panel{fill:var(--surface-2);stroke:var(--border);stroke-width:1px}.viz-panel--d{fill:color-mix(in oklab, var(--d) 9%, var(--surface));stroke:color-mix(in oklab, var(--d) 50%, var(--border))}.viz-wire{fill:none;stroke:var(--border-2);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.viz-wire--d{stroke:var(--d)}.viz-wire--dash{stroke-dasharray:5 6}.viz-wire--thin{stroke-width:1.25px}.viz-wire--thick{stroke-width:3.5px}.viz-route{fill:none;stroke:none}.viz-tunnel{fill:none;stroke:var(--d);stroke-width:12px;stroke-linecap:round;opacity:.16}.viz-badge{fill:var(--surface);stroke:color-mix(in oklab, var(--d) 45%, var(--border));stroke-width:1px}.viz-badge--d{fill:color-mix(in oklab, var(--d) 14%, var(--surface));stroke:color-mix(in oklab, var(--d) 60%, var(--border))}.viz-bar{fill:var(--border)}.viz-fill-d,.viz-dot{fill:var(--d)}.viz-block{fill:var(--d);opacity:.85}.viz-arrow{fill:var(--d)}.viz-cross{fill:none;stroke:var(--d);stroke-width:2.25px;stroke-linecap:round}.viz text{fill:var(--text);font-size:12px}.viz .viz-label{letter-spacing:-.01em;font-size:15px;font-weight:650}.viz .viz-sub{fill:var(--text-2);font-size:12px}.viz .viz-mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:11px}.viz .viz-caps{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--d-text);font-size:10px;font-weight:600}.viz .viz-accent{fill:var(--d-text)}.viz .viz-dim{fill:var(--text-3)}.viz .t-xs{font-size:10px}.viz .t-sm{font-size:10.5px}.viz .t-md{font-size:11.5px}.viz .t-lg{font-size:13.5px}.viz .t-xl{font-size:17px}.viz--thumb .viz-minor{display:none}.viz-icon{color:var(--d)}.viz-icon--muted{color:var(--text-3)}.viz-packet{fill:var(--d);stroke:var(--surface);stroke-width:1.5px;visibility:hidden}.is-playing .viz-packet{visibility:visible}[data-diagram].is-armed .viz>g{opacity:0;transition:opacity .6s var(--ease-out), transform .8s var(--ease-out);transform:translateY(6px)}[data-diagram].is-armed.is-inview .viz>g{opacity:1;transform:none}[data-diagram].is-armed.is-inview .viz>g:nth-child(4n+2){transition-delay:60ms}[data-diagram].is-armed.is-inview .viz>g:nth-child(4n+3){transition-delay:.12s}[data-diagram].is-armed.is-inview .viz>g:nth-child(4n+4){transition-delay:.18s}[data-diagram].is-armed.is-inview .viz>g:nth-child(n+9){transition-delay:.24s}[data-diagram].is-armed.is-inview .viz>g:nth-child(n+17){transition-delay:.32s}@media (prefers-reduced-motion:reduce){[data-diagram].is-armed .viz>g{opacity:1;transition:none;transform:none}}@media (forced-colors:active){.viz-node,.viz-node--solid,.viz-panel,.viz-panel--d,.viz-badge,.viz-badge--d{fill:canvas;stroke:canvastext}.viz-wire,.viz-wire--d,.viz-cross{stroke:canvastext}.viz-tunnel{display:none}.viz-icon{color:canvastext}.viz text,.viz .viz-accent,.viz .viz-caps,.viz-fill-d,.viz-dot,.viz-block,.viz-arrow,.viz-packet{fill:canvastext}}