:where(.gc) .gc-plot{--gc-num:clamp(30px, 2.6vw, 36px);position:relative}.gc-hero{z-index:2;pointer-events:none;opacity:0;width:max-content;max-width:calc(100% - 88px);transition:opacity .4s var(--ease);position:absolute;top:0;left:0}.gc-ready .gc-hero{opacity:1}.gc-hero{--readout-sink:14px}.gc-tools{top:calc(var(--gc-num,44px) * .45);z-index:2;gap:8px;display:flex;position:absolute;right:0}.gc-tools:not(:has(>:not([hidden]))){display:none}.gc[data-metric]:not([data-metric=ccu]) .cmp-btn{display:none}.gc-live{z-index:1;position:absolute;bottom:0;left:0;right:0}.gc-live[hidden]{display:none}.gc[data-live] .gc-chart{visibility:hidden}.gc[data-live] .gc-tools>:not(.share-btn,[data-share]){display:none}.gc-live-b{align-items:center;gap:6px;display:inline-flex}.gc-dot{background:var(--up);width:7px;height:7px;animation:gc-breathe 2.4s var(--ease) infinite;border-radius:50%}@keyframes gc-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.gc-dot{animation:none}}.gc-value{min-height:1em;font:600 var(--gc-num,44px) / 1.05 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin-bottom:-.24em;margin-left:-.02em}.gc number-flow{--fade:.16em;margin:calc(-1 * var(--fade)) -.5em;padding:var(--fade) .5em;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%)}.gc-sub{min-height:22px;font:600 16px/22px var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;margin-top:4px;display:flex}.gc-delta{height:1lh;color:var(--up);transition:color .3s var(--ease), opacity .3s var(--ease);align-items:center;gap:5px;display:inline-flex}.gc-delta[data-dir=down]{color:var(--down)}.gc-delta[hidden]{display:none}.gc-arrow{fill:currentColor;width:11px;height:11px;transition:transform .45s var(--ease)}.gc-delta[data-dir=down] .gc-arrow{transform:rotate(180deg)}.gc-pct{align-items:center;display:inline-flex}.gc-when{color:var(--muted);text-overflow:ellipsis;font-weight:500;overflow:hidden}:where(.gc) .gc-chart{cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:448px;position:relative}:where(.gc) .gc-chart[data-tone=up]{--tint-l:var(--up);--tint-d:var(--up)}:where(.gc) .gc-chart[data-tone=down]{--tint-l:var(--down);--tint-d:var(--down)}:root.keys :where(.gc) .gc-chart:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:12px}:where(.gc) .gc-chart canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gc-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.gc-none .gc-plot{display:none}@property --clock-a{syntax:"<angle>";inherits:true;initial-value:0deg}.gc-clock{vertical-align:.04em;background:conic-gradient(color-mix(in srgb, var(--accent) 26%, transparent) var(--clock-a), transparent 0);width:.6em;height:.6em;box-shadow:inset 0 0 0 .05em color-mix(in srgb, var(--accent) 50%, transparent);transition:--clock-a .9s var(--ease);border-radius:50%;margin-right:.16em;display:inline-block;position:relative}.gc-clock[hidden]{display:none}.gc-clock[data-quick]{transition-duration:.14s}.gc-clock:before,.gc-clock:after{content:"";background:var(--accent);position:absolute}.gc-clock:before{transform-origin:50% 100%;width:.06em;height:38%;rotate:var(--clock-a);border-radius:.03em;bottom:50%;left:calc(50% - .03em)}.gc-clock:after{border-radius:50%;inset:calc(50% - .06em)}.gc-keys:empty{display:none}.gc-keys{pointer-events:auto;margin-top:8px}.gc-metric{flex:none;margin-left:auto}@media (width<=640px){:where(.gc) .gc-plot{--gc-num:28px}.gc-hero{--readout-sink:11px}:where(.gc) .gc-chart{height:clamp(220px,29svh,256px)}.gc-foot .gc-ranges{flex:1;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid}.gc-foot .gc-ranges button{justify-content:center;min-width:0;padding:0 6px}.gc-foot .gc-ranges button.gc-live-b{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.gc-hero,.gc-arrow,.gc-clock{transition:none}}