@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-settings-panel{z-index:10000;box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);width:min(260px,100vw - 2rem);max-height:min(78vh,720px);color:var(--dark);border-radius:8px;padding:.85rem;font-size:.9rem;position:fixed;top:50%;right:max(1rem,3vw);overflow:auto;transform:translateY(-50%);box-shadow:0 16px 40px #0000002e}.graph-settings-title{margin:0 0 .6rem;font-weight:700}.graph-settings-section{border-top:1px solid var(--lightgray);margin-top:.55rem;padding:.55rem 0 0}.graph-settings-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.graph-settings-section>summary{cursor:pointer;font-weight:600;list-style:none}.graph-settings-section>summary::-webkit-details-marker{display:none}.graph-setting-row{gap:.35rem;margin-top:.7rem;display:grid}.graph-setting-label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.graph-setting-value{color:var(--gray);font-variant-numeric:tabular-nums;font-size:.8rem}.graph-setting-row input[type=range]{width:100%}.graph-setting-row input[type=checkbox]{width:2.2rem;height:1.2rem;accent-color:var(--secondary)}.graph-settings-reset{border:1px solid var(--lightgray);width:100%;color:var(--dark);cursor:pointer;background:0 0;border-radius:6px;margin-top:.8rem;padding:.45rem .6rem}.graph-settings-reset:hover{background:var(--lightgray)}@media (max-width:800px){.graph-settings-panel{max-height:42vh;inset:auto auto 1rem 50%;transform:translate(-50%)}}.graph-settings-panel-local{z-index:auto;width:100%;max-height:none;box-shadow:none;margin:.55rem 0 0;padding:0;font-size:.85rem;position:static;inset:auto;overflow:hidden;transform:none}.graph-settings-panel-local[open]{padding:.65rem .75rem .75rem;overflow:visible}.graph-settings-panel-local>summary{cursor:pointer;padding:.55rem .7rem;list-style:none}.graph-settings-panel-local>summary::-webkit-details-marker{display:none}.graph-settings-panel-local[open]>summary{padding:0 0 .45rem}.graph-settings-panel-local .graph-settings-section:first-of-type{border-top:1px solid var(--lightgray);margin-top:.55rem;padding-top:.55rem}.graph-settings-panel-global{position:fixed}@media (max-width:800px){.graph-settings-panel-local{max-height:none;inset:auto;transform:none}}}