*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#222;background:#fff;font:14px/1.4 system-ui,sans-serif;overflow:hidden}h1{margin:0 0 4px;font-size:18px}h2{margin:12px 0 6px;font-size:15px}.graph{position:fixed;inset:0}.status{padding:16px}.panel{background:#fffffff2;border:1px solid #ddd;max-height:calc(100% - 24px);padding:12px;position:fixed;top:12px;overflow-y:auto}.controls{width:290px;left:12px}.details{width:320px;right:12px}.controls>label,.controls>button{margin:10px 0;display:block}.controls input[type=range]{width:100%}.muted{color:#777}.small{font-size:12px}.search{margin:10px 0;position:relative}.search input{width:100%}.search ul,.legend,.accounts{margin:0;padding:0;list-style:none}.search ul{border:1px solid #ddd;border-top:none}.search li{padding:2px 6px}.swatch{border-radius:50%;width:10px;height:10px;margin:0 6px 0 4px;display:inline-block}button.link{color:#0645ad;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.close{float:right;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.details h2{margin-top:0;font-size:17px}.details table{border-collapse:collapse;width:100%}.details td{padding:2px 0}.details td:last-child{text-align:right}.tabs{gap:4px;margin:8px 0;display:flex}.tabs button.active{font-weight:700}.accounts li{justify-content:space-between;padding:1px 0;display:flex}@media (width<=700px){.controls{width:calc(100% - 24px);max-height:40%}.details{width:auto;max-height:45%;top:auto;bottom:12px;left:12px}}