.chart-hover{--tip-muted:#a9a9b2;--tip-soft:#d6d6dc;--tip-rule:#3a3a42;--tip-you:#34343c;--tip-flat:#eceef2;cursor:crosshair;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:8px;position:relative}.chart-hover:focus-visible{outline:2px solid var(--border-brand);outline-offset:4px}.chart-hover-marks{pointer-events:none;z-index:2;position:absolute;inset:0}.chart-hover-guide{background:var(--ink);width:1px;margin-left:-.5px;position:absolute}.chart-hover-dot{box-sizing:border-box;border-radius:var(--radius-full);border:2px solid var(--surface);background:var(--ink);width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.chart-hover-dot.is-emphasis{border:2.5px solid var(--ink);width:14px;height:14px;background:var(--accent)!important}.chart-hover-date{background:var(--ink);color:var(--on-ink);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600;line-height:14px;position:absolute;transform:translate(-50%,-50%)}.chart-hover-tip{box-sizing:border-box;background:var(--ink);width:max-content;max-width:min(232px,100%);color:var(--on-ink);font-family:var(--font-body);text-align:left;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;font-size:12px;line-height:16px;display:flex;position:absolute;box-shadow:0 12px 28px #1a1a1f38}.chart-tip-heading{color:var(--tip-muted)}.chart-tip-main{align-items:center;gap:8px;min-width:180px;display:flex}.chart-tip-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:28px}.chart-tip-name{color:var(--tip-muted)}.chart-tip-change{border-radius:var(--radius-full);white-space:nowrap;align-self:flex-start;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.chart-tip-change.is-positive{background:var(--success-soft);color:var(--success)}.chart-tip-change.is-negative{background:var(--danger-soft);color:var(--danger)}.chart-tip-change.is-neutral{background:var(--tip-flat);color:var(--ink-2)}.chart-tip-note{color:var(--tip-soft)}.chart-tip-action{border-top:1px solid var(--tip-rule);color:var(--tip-soft);align-items:flex-start;gap:8px;margin-top:2px;padding-top:8px;line-height:17px;display:flex}.chart-tip-action-num{border-radius:var(--radius-full);background:var(--surface);width:18px;height:18px;color:var(--ink);flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.chart-tip-action-done{color:var(--tip-muted)}.chart-tip-row{min-width:172px;color:var(--tip-soft);align-items:center;gap:8px;display:flex}.chart-tip-row.is-you{background:var(--tip-you);color:var(--on-ink);border-radius:6px;margin:0 -6px;padding:2px 6px;font-weight:700}.chart-tip-key{width:10px;height:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--on-ink) 70%, transparent);border-radius:2px;flex:none}.chart-tip-key.is-dashed{height:0;box-shadow:none;border-top:2px dashed;border-radius:0}.chart-tip-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chart-tip-row-value{font-variant-numeric:tabular-nums;font-weight:600}.chart-now{background:var(--ink);height:24px;color:var(--on-ink);white-space:nowrap;pointer-events:none;border-radius:8px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;transform:translate(calc(10px - 100%),calc(-100% - 10px))}.chart-hover.is-active .chart-dims{opacity:.25}.chart-table{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.chart-table-toggle{color:var(--accent-strong);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.chart-table-toggle:focus-visible{outline:2px solid var(--border-brand);outline-offset:2px;border-radius:4px}.chart-table-wrap{width:100%;max-height:320px;overflow:auto}.chart-table-wrap table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px;line-height:18px}.chart-table-wrap th,.chart-table-wrap td{border-bottom:1px solid var(--subtle);text-align:left;white-space:nowrap;padding:6px 12px 6px 0}.chart-table-wrap thead th{background:var(--surface);color:var(--ink-2);font-weight:600;position:sticky;top:0}.chart-table-wrap tbody th{font-weight:500}
