@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>.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:80vh;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-legend{color:var(--darkgray);flex-wrap:wrap;gap:.35rem .75rem;margin:.4rem 0 0;padding:0;font-size:.72rem;line-height:1.25;display:flex}.graph-legend-item{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.graph-legend-swatch{border-radius:2px;flex-shrink:0;width:.65rem;height:.65rem;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff2e}.graph-legend-swatch--current{box-shadow:inset 0 0 0 2px var(--secondary);background-color:#0000}.global-graph-outer>.graph-legend{z-index:10000;border:1px solid var(--lightgray);pointer-events:none;background:#000000c7;border-radius:6px;margin:0;padding:.55rem .75rem;font-size:.8rem;display:none;position:fixed;bottom:calc(50% - 40vh + 1rem);left:calc(50% - 40vw + 1rem)}@media (max-width:800px){.global-graph-outer>.graph-legend{bottom:calc(50% - 40vh + .75rem);left:calc(5% + .75rem)}}.global-graph-outer.active>.graph-legend{display:flex}}