/* OSIRIS tool: open interest and volume. Only what tools.css does not have: the legend row and the chart cursor. */
.oi-legend{margin:0 0 1rem}
.oi-legend__hint{margin-left:auto;color:var(--fog)}
.tpanel #oiCanvas{cursor:grab;-webkit-tap-highlight-color:transparent}
.tpanel #oiCanvas.is-drag{cursor:grabbing}
.tpanel #oiCanvas:focus-visible{outline:2px solid var(--nile-strong);outline-offset:4px;border-radius:12px}
.tcanvas.is-busy canvas{opacity:.4;transition:opacity .25s}
.tmsg.is-note{padding:.75rem 1rem;margin-top:.9rem;border-radius:12px;border:1px solid var(--line-strong);border-left:2px solid var(--accent);background:var(--fill-soft);color:var(--text);text-align:left;font-size:var(--t-small)}

@media (max-width:760px){
  #sRCard{grid-column:1/-1}
  #oiTitle small{display:block;margin:.2rem 0 0}
  .oi-legend__hint{display:none}
}