@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;z-index:3;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:8px;width:94vw;height:90vh;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.graph-container,.global-graph-container{position:relative}.graph-container,.graph-canvas-host{width:100%;height:100%}.graph-settings-button{z-index:3;width:24px;height:24px;color:var(--dark);opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:.3rem;padding:.2rem;position:absolute;top:0;left:0}.graph-settings-button:hover{opacity:1;background-color:var(--lightgray)}.graph-settings{z-index:2;box-sizing:border-box;background:var(--light);border:1px solid var(--lightgray);text-align:right;direction:rtl;border-radius:8px;width:min(280px,100% - .8rem);max-height:calc(100% - 2.8rem);padding:.4rem .7rem .7rem;font-size:.85rem;display:none;position:absolute;top:2.2rem;left:.4rem;overflow-y:auto;box-shadow:0 4px 16px #00000026}.graph-settings.open{display:block}.graph-settings details{border-bottom:1px solid var(--lightgray);padding:.3rem 0}.graph-settings details:last-of-type{border-bottom:none}.graph-settings summary{cursor:pointer;color:var(--dark);padding:.2rem 0;font-weight:600}.graph-settings .graph-search{box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);width:100%;color:var(--darkgray);border-radius:6px;margin:.3rem 0;padding:.35rem .5rem;font-family:inherit;font-size:.85rem}.graph-settings .graph-setting{color:var(--darkgray);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;margin:.35rem 0;display:flex}.graph-settings .graph-setting.slider{flex-direction:column;align-items:stretch;gap:.1rem}.graph-settings .graph-setting input[type=range]{width:100%;accent-color:var(--secondary)}.graph-settings .graph-setting input[type=checkbox]{accent-color:var(--secondary);width:1rem;height:1rem}.graph-settings .graph-type-chips{flex-wrap:wrap;gap:.3rem;margin:.4rem 0;display:flex}.graph-settings .graph-type-chip{cursor:pointer;color:var(--type-color,var(--secondary));background:color-mix(in srgb, var(--type-color,var(--secondary)) 14%, transparent);border:1px solid color-mix(in srgb, var(--type-color,var(--secondary)) 45%, transparent);border-radius:999px;padding:.15rem .6rem;font-family:inherit;font-size:.8rem;transition:opacity .15s}.graph-settings .graph-type-chip[aria-pressed=false]{opacity:.4;text-decoration:line-through}.graph-settings .graph-reset{width:100%;color:var(--darkgray);border:1px solid var(--lightgray);cursor:pointer;background:0 0;border-radius:6px;margin-top:.5rem;padding:.35rem;font-family:inherit;font-size:.8rem}.graph-settings .graph-reset:hover{background:var(--lightgray)}}