.tchart{flex-direction:column;gap:14px;min-width:0;display:flex}.tchart [hidden]{display:none}.tchart-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 28px;display:flex}.tchart-spans{gap:2px;display:flex}.tchart-spans button{min-width:44px;height:34px;color:var(--ink-2);font:500 13.5px/1 var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:0 10px}.tchart-spans button:hover{background:var(--surface-mid);color:var(--ink)}.tchart-spans button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.tchart-spans button:disabled{color:var(--ink-3);opacity:.45;cursor:default;background:0 0}.tchart-compare{min-height:34px;font:500 14px/1.3 var(--display);color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.tchart-compare:hover{color:var(--ink)}.tchart-compare input{-webkit-appearance:none;appearance:none;background:var(--card);width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--ink-3);cursor:pointer;flex:none;place-content:center;margin:0;display:grid}.tchart-compare input:before{content:"";background:var(--on-primary);clip-path:polygon(12% 52%,0 66%,38% 100%,100% 22%,86% 10%,37% 70%);width:12px;height:12px;transform:scale(0)}.tchart-compare input:checked{background:var(--primary);box-shadow:none}.tchart-compare input:checked:before{transform:scale(1)}.tchart-strip{min-height:30px}.tchart-read{flex-wrap:wrap;align-items:baseline;gap:2px 14px;width:max-content;max-width:100%;display:flex}.tchart-value{font:500 26px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}.tchart-pct{font:500 17px/1.15 var(--display);letter-spacing:-.01em}.tchart-other{font:500 14px/1.3 var(--display);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tchart-other [data-dir]{margin-left:2px}.tchart-body{grid-template-columns:minmax(0, 1fr) var(--yw,5ch);font:500 12.5px/1 var(--display);color:var(--ink-3);font-variant-numeric:tabular-nums;gap:8px 10px;display:grid}.tchart-plot{touch-action:pan-y;cursor:crosshair;-webkit-tap-highlight-color:transparent;min-width:0;position:relative}.tchart-plot:focus-visible{outline-offset:6px}.tchart-plot svg{width:100%;height:clamp(220px,30vw,340px);display:block;overflow:visible}.tchart-compact .tchart-plot svg{height:168px}.tchart-grid{fill:none;stroke:var(--surface-high);stroke-width:1px}.tchart-zero{fill:none;stroke:var(--ghost-strong);stroke-width:1px}.tchart-line{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.tchart-line-2{stroke:var(--ink-3);stroke-width:1.5px}.tchart-stop-1{stop-color:var(--primary-2);stop-opacity:.2}.tchart-stop-2{stop-color:var(--primary-2);stop-opacity:0}.tchart-in{animation:.18s ease-out tchart-in}@keyframes tchart-in{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tchart-in{animation:none}}.tchart-guide{background:var(--ghost-strong);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.tchart-dot{background:var(--card);width:11px;height:11px;box-shadow:inset 0 0 0 2.5px var(--primary);border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.tchart-dot-2{width:9px;height:9px;box-shadow:inset 0 0 0 2px var(--ink-3)}.tchart-y{position:relative}.tchart-y span{white-space:nowrap;position:absolute;right:0;transform:translateY(-50%)}.tchart-x{height:14px;position:relative}.tchart-x span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.tchart-x span[data-align=start]{transform:none}.tchart-x span[data-align=end]{transform:translate(-100%)}.tchart-legend{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.tchart-legend span{align-items:center;gap:7px;display:inline-flex}.tchart-key{background:var(--primary);flex:none;width:14px;height:2px;display:inline-block}.tchart-key-2{background:var(--ink-3)}.tchart-compact{gap:12px}.tchart-compact .tchart-value{font-size:21px}.tchart-compact .tchart-spans button{min-width:40px;padding:0 8px}.tchart-one{flex-wrap:wrap;align-items:baseline;gap:10px 14px;display:flex}.tchart-one p:first-of-type{align-items:baseline;gap:14px;display:flex}.tchart-one .empty{flex:100%}@media (width<=640px){.tchart-value{font-size:22px}.tchart-pct{font-size:15px}.tchart[data-compare=on] .tchart-strip{min-height:54px}.tchart-body{column-gap:8px}}