@import "https://cdn.jsdelivr.net/gh/tonsky/FiraCode@4/distr/fira_code.css";html{background:#222;font-family:Fira Code,monospace}body{overflow:hidden}.backdrop{cursor:grab;width:100%;height:100%;position:fixed}.canvas{transform-style:preserve-3d;perspective:5000px;background-color:#aaa;width:100%}.scene{transform-style:preserve-3d;text-align:center;width:100%}.navbar{width:100%;padding:0;display:flex;position:fixed;top:0;left:0}.nav-node{color:#eee;height:100%;padding:1em;transition:all .3s}.nav-node:hover{cursor:pointer;background-color:#333}.data-plane{cursor:pointer;background-color:#3333;width:75%;transition:all .25s;position:absolute;top:0;left:0}.cursor-transparent{pointer-events:none}.data-plane:hover,.data-plane.selected{opacity:1;background-color:#333}.data-plane.drillable:hover>.data-plane-key-name,.data-plane.drillable.selected>.data-plane-key-name{transform:translate(1em)}.data-plane:hover>.data-plane-value,.data-plane.selected>.data-plane-value{opacity:.8}.data-plane-copy{color:#fff;cursor:pointer;opacity:0;z-index:10;padding:.5em;position:absolute;top:2em;right:3em}.data-plane.selected>.data-plane-copy,.data-plane:hover>.data-plane-copy,.data-plane-copy:hover{opacity:1}.data-plane-key-name{color:#ddd;white-space:nowrap;z-index:10;font-size:3em;position:absolute;top:-1.5em}.drillable>.data-plane-key-name{color:#fff;transition:all 1s}.data-plane:hover>.data-plane-key-name,.data-plane.selected>.data-plane-key-name{opacity:1}.data-plane.drillable:hover>.data-plane-key-name{text-decoration:underline}.data-plane-value{color:#ccc;opacity:.4;height:100%;font-size:1em;font-weight:400}.data-plane-value-scroll-container{padding:1em;overflow:auto}.data-plane-value-scroll-container>pre{border-radius:5px;margin-top:0!important}