.topology:after{display:none}
.overview-fabric{margin-top:14px}
.topology .fabric{position:relative;display:block;width:100%;height:500px;min-height:0;margin-top:24px;padding:0;overflow:hidden;border:1px solid #20292e;background:#0b0f11;touch-action:none}
.flow-loading{display:grid;height:100%;place-items:center;color:var(--muted);font:11px ui-monospace,SFMono-Regular,monospace}
.rf-route-node{width:226px;min-height:74px;padding:12px 15px;border:1px solid #354047;border-radius:3px;background:#111518;box-shadow:0 9px 24px #0005;color:var(--text)}
.rf-route-node.origin{min-height:92px;border-color:#30a45a;background:linear-gradient(145deg,#16472b,#0d2317);box-shadow:0 10px 30px #0007,0 0 22px #2f9a5521}
.rf-route-node.up{border-color:#3c6163}
.rf-route-node.degraded{border-color:#8a6235}
.rf-route-node.down{border-color:#793a43}
.rf-route-node small,.rf-route-node span,.rf-route-node em{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-route-node small{color:var(--cyan);font:700 10px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em;text-transform:uppercase}
.rf-route-node.origin small{color:#8fe8aa}
.rf-route-node strong{display:block;margin:7px 0 5px;font:500 20px/1 Georgia,"Times New Roman",serif}
.rf-route-node span{color:#a6b1b2;font:10px/1.25 ui-monospace,SFMono-Regular,monospace}
.rf-route-node em{margin-top:7px;color:#7f8e90;font:normal 9px/1.2 ui-monospace,SFMono-Regular,monospace}
.rf-route-node .react-flow__handle{width:7px;height:7px;border:0;background:var(--cyan);box-shadow:0 0 10px currentColor}
.rf-route-node.origin .react-flow__handle{background:var(--acid)}
.rf-route-node.degraded .react-flow__handle{background:var(--warn)}
.rf-route-node.down .react-flow__handle{background:var(--bad)}
.react-flow__edge.rf-route-edge .react-flow__edge-path{stroke:#68e0e8;stroke-width:1.5;stroke-dasharray:4 7}
.react-flow__edge.rf-route-edge.degraded .react-flow__edge-path{stroke:var(--warn)}
.react-flow__edge.rf-route-edge.down .react-flow__edge-path{stroke:var(--bad);opacity:.45}
.react-flow__edge.animated path{animation-duration:1.4s}
.react-flow__controls{overflow:hidden;border:1px solid #344148;border-radius:2px;box-shadow:0 8px 20px #0007}
.react-flow__controls-button{border:0!important;border-bottom:1px solid #344148!important;background:#12191c!important;fill:#b8c3c4!important}
.react-flow__controls-button:hover{background:#1b2529!important}
.react-flow__attribution{background:#0d1215cc!important;color:#718083!important;font-size:8px!important}
.react-flow__attribution a{color:#8f9c9d!important}
.topology .caption{margin:14px 4px 0}
@media(max-width:800px){
  .topology .fabric{height:460px;margin-top:20px}
  .rf-route-node{width:210px}
  .react-flow__controls{top:12px!important;bottom:auto!important;transform:scale(.9);transform-origin:top left}
}
@media(max-width:480px){
  .topology .fabric{height:430px}
  .rf-route-node{width:196px;padding:11px 13px}
  .rf-route-node strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.react-flow__edge.animated path{animation:none!important}}