*,:before,:after{box-sizing:border-box}html,body{background:#111;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#graph{width:100vw;height:100vh}#legend{color:#ddd;z-index:10;pointer-events:none;background:#000000a6;border-radius:6px;padding:10px 14px;font:12px/1.6 sans-serif;position:fixed;top:12px;left:12px}#legend b{color:#fff}#legend .swatch{vertical-align:middle;border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}#legend .swatch-lg{vertical-align:middle;opacity:.85;border-radius:50%;width:15px;height:15px;margin-right:6px;display:inline-block}#legend small{color:#888}#navbar{color:#666;text-align:right;z-index:10;font:11px/1.6 monospace;position:fixed;top:12px;right:12px}#navbar a{color:#888;text-decoration:none}#navbar a:hover{color:#ccc}