body{justify-content:space-around;font-family:sans-serif;background:#fff;margin:0;padding:20px}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.row{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.panel{flex:1 1 275px;max-width:300px;border:0 solid #fff;padding:0;background:#fff;text-align:center;box-sizing:border-box}svg{background:#fff;border:0 solid #ccc;margin-top:10px}.cell{stroke:#333;stroke-width:1;fill:#f4e4b3}.cell.highlight{fill:#e5da76;stroke:#000;stroke-width:2px}.matrix-cell{fill:#fff;stroke:#333;stroke-width:.5}.matrix-cell.edge{fill:#0078d7}.matrix-cell.highlight{fill:#122b5b;stroke:#000;stroke-width:1}.node{fill:#f0e6c8;stroke:#000}.node.highlight{fill:#e5da76}.link{stroke:#aad}.link.highlight{stroke:#08306b;stroke-width:3px}.row-label.highlight,.col-label.highlight{fill:#000;font-weight:bold;font-size:16px}.grid-label.highlight{fill:#000;font-weight:bold;font-size:18px}.grid-group.highlight .grid-label{fill:black;font-size:18px;font-weight:bolder}.grid-link{opacity:0;stroke-dasharray:100;stroke-dashoffset:100}.grid-link.highlight{opacity:1;stroke-dashoffset:0}.node-label.highlight{fill:#000;font-weight:bold;font-size:18px}.cell.selected{fill:#d6a510;stroke:#000;stroke-width:2px}.node.selected{fill:#d6a510;stroke:#000;stroke-width:2px}