@layer quartz-base{.graph>h3{margin:0;font-size:1rem}.graph>.graph-outer{border:1px solid var(--lightgray);box-sizing:border-box;border-radius:5px;height:250px;margin:.5em 0;position:relative;overflow:hidden}.graph>.graph-outer>.global-graph-icon{cursor:pointer;color:var(--dark);opacity:.5;background:0 0;border:none;border-radius:4px;width:24px;height:24px;margin:.3rem;padding:.2rem;transition:background-color .5s;position:absolute;top:0;right:0}.graph>.graph-outer>.global-graph-icon:hover{background-color:var(--lightgray)}.graph>.graph-outer>.graph-local-depth{opacity:0;gap:2px;transition:opacity .2s;display:flex;position:absolute;bottom:4px;left:4px}.graph>.graph-outer>.graph-local-depth>.graph-local-btn{background:var(--light);border:1px solid var(--lightgray);color:var(--gray);cursor:pointer;border-radius:3px;padding:3px 7px;font-family:inherit;font-size:10px;line-height:1;transition:background-color .15s,color .15s}.graph>.graph-outer>.graph-local-depth>.graph-local-btn:hover{background:var(--lightgray);color:var(--dark)}.graph>.graph-outer>.graph-local-depth>.graph-local-btn.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.graph>.graph-outer:hover>.graph-local-depth{opacity:1}.graph>.global-graph-outer{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100vw;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.graph>.global-graph-outer.active{display:inline-block}.graph>.global-graph-outer>.global-graph-container{border:1px solid var(--lightgray);background-color:var(--light);box-sizing:border-box;border-radius:5px;width:80vw;height:70vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:800px){.graph>.global-graph-outer>.global-graph-container{width:90%}}.graph-container{width:100%;height:100%}.graph-depth-controls{background:var(--light);border:1px solid var(--lightgray);z-index:10000;border-radius:6px;gap:6px;padding:4px;display:flex;position:fixed;bottom:12vh;left:50%;transform:translate(-50%)}.graph-depth-controls>.graph-depth-btn{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:.8rem;transition:background-color .2s,color .2s}.graph-depth-controls>.graph-depth-btn:hover{background:var(--lightgray);color:var(--dark)}.graph-depth-controls>.graph-depth-btn.active{background:var(--secondary);color:#fff}}