/* Price-axis grip for both token charts, and no candle readout on phones. */
.chart-axis-grip{position:absolute;top:10px;z-index:7;display:grid;place-items:center;width:14px;height:44px;border-radius:7px;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none;color:var(--muted)}
.chart-axis-grip i{display:block;width:4px;height:26px;border-radius:2px;background:currentColor;opacity:.55;transition:opacity 120ms ease,transform 120ms ease}
.chart-axis-grip:hover i,.chart-axis-grip.on i,.chart-axis-grip:focus-visible i{opacity:1;transform:scaleY(1.15);color:var(--ink-2)}
.chart-axis-grip:hover,.chart-axis-grip.on{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.chart-axis-grip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.chart-axis-dragging,body.chart-axis-dragging *{cursor:ew-resize!important;user-select:none!important}
@media(max-width:700px){
  .chart-axis-grip{width:20px;height:56px;top:8px}
  .chart-axis-grip i{width:4px;height:30px;opacity:.7}
  /* The candle readout (O H L C, change, volume) sits over the candles on a
     phone and hides what it describes; the crosshair tags carry the price. */
  #tvBasic .tv-legend,#tv .tv-legend{display:none!important}
}