.gc-read{min-height:18px;font:500 14px/18px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 -4px}.gc-read.on{color:var(--fg);font-weight:600}.gc-plot:where(:not(.gc *)){--gc:var(--ch-b);touch-action:pan-y;cursor:crosshair;height:200px;position:relative}.gc-plot:where(:not(.gc *))[hidden]{display:none}.gc-plot:where(:not(.gc *)):empty:before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--line) 60%, transparent) 1.1px, transparent 1.4px);background-size:14px 14px;position:absolute;inset:0 40px 26px 0}.gc-box{position:absolute;inset:0 40px 0 0}.gc-box:before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--line) 60%, transparent) 1.1px, transparent 1.4px);pointer-events:none;background-size:14px 14px;position:absolute;inset:0 0 26px}.gc-plot:where(:not(.gc *)) svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gc-w0{stop-color:color-mix(in srgb, var(--gc) 24%, transparent);transition:stop-color .3s var(--ease)}.gc-wm{stop-color:color-mix(in srgb, var(--gc) 12%, transparent);transition:stop-color .3s var(--ease)}.gc-w1{stop-color:color-mix(in srgb, var(--gc) 0%, transparent)}.gc-line{fill:none;stroke:var(--gc);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .3s var(--ease)}.gc-line.enter,.gc-area.enter{animation:gc-reveal 1.1s var(--ease) backwards}@keyframes gc-reveal{0%{clip-path:inset(-12px 100% -12px -12px)}to{clip-path:inset(-12px)}}.gc-cursor{stroke:var(--muted);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0}.gc-cursor.on{opacity:.6}.gc-end,.gc-hover{background:var(--gc);width:10px;height:10px;box-shadow:0 0 0 3px var(--bg);pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.gc-end[hidden],.gc-hover[hidden]{display:none}.gc-x,.gc-y{font:500 12px/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;position:absolute}.gc-x{bottom:4px;transform:translate(-50%)}.gc-y{right:0;transform:translateY(-50%)}@media (prefers-color-scheme:dark){.gc-plot:where(:not(.gc *)):where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--gc:var(--ch-na)}}.gc-plot:where(:not(.gc *)):where(:root[data-theme=dark],:root[data-theme=dark] *){--gc:var(--ch-na)}@media (width<=640px){.gc-plot:where(:not(.gc *)){height:170px}}