*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:sans-serif}body{display:flex;flex-direction:column}#controls{padding:10px;background-color:#f8f8f8;flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.root-info{color:#666;font-style:italic}.digit-3-input::-webkit-inner-spin-button{width:75px;text-align:center;padding:4px 6px;border:1px solid #ced4da;border-radius:4px}#mynetwork{flex:1 1 auto;border:2px solid black;min-height:200px}#matchList{margin:0;padding-left:1em;list-style:none}#matchList li{padding:2px 6px;margin-bottom:2px;border-radius:4px;cursor:pointer}#matchList li:hover{background-color:#f0f0f0}#matchList li.selected{background-color:#d0ebff;font-weight:700}#matchList li.invisible{opacity:.5;pointer-events:none;cursor:default}#matchList li.invisible:hover{background-color:inherit;cursor:default}@media (max-width: 600px){#controls{flex-direction:column;align-items:stretch}}