.ytl{margin:0;min-width:0;display:grid;gap:4px}.ytl-plot{position:relative;height:210px;margin:6px 0 0}.ytl-grid{position:absolute;inset:0;pointer-events:none}.ytl-gl{right:0;border-top:1px solid var(--border)}.ytl-gl,.ytl-gl span{position:absolute;left:0}.ytl-gl span{top:-15px;font-size:11px;color:var(--ink-4);font-variant-numeric:tabular-nums;background:var(--surface);padding-right:4px}.ytl-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ytl-dot{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface)}.ytl-dot.on{width:10px;height:10px}.ytl-val{position:absolute;transform:translate(-50%,-150%);font-size:11px;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.ytl-val.on{font-size:12.5px;font-weight:850;color:var(--accent-d,var(--ink))}.ytl-x{position:relative;height:18px;margin-top:2px}.ytl-x span{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--ink-4);font-weight:600;font-variant-numeric:tabular-nums}.ytl-x span.on{color:var(--ink-2);font-weight:800}.ytl-empty{margin:0;padding:16px;text-align:center;color:var(--ink-4);font-size:12.5px}@media (max-width:600px){.ytl-plot{height:170px}.ytl-x-extra{display:none}}