/* Mobile chart zoom: real SVG zoom, independent from browser page zoom. */
.chart-zoom-controls{
  display:none;
  align-items:center;
  width:max-content;
  margin:0 0 .45rem .15rem;
  padding:.18rem;
  border:1px solid rgba(128,128,128,.28);
  border-radius:999px;
  background:rgba(18,18,24,.88);
  color:#f5f5f5;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  position:relative;
  z-index:8;
}
.chart-zoom-controls button{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  min-width:2.15rem;
  min-height:2.05rem;
  padding:.25rem .55rem;
  border-radius:999px;
  font:600 .72rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  touch-action:manipulation;
}
.chart-zoom-controls button:active{background:rgba(255,255,255,.12)}
.chart-zoom-controls .chart-zoom-level{
  min-width:3.55rem;
  font-variant-numeric:tabular-nums;
  font-size:.66rem;
  opacity:.86;
}
.chart-zoom-help{
  display:none;
  margin:-.15rem 0 .45rem .25rem;
  font:500 .61rem/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  opacity:.62;
}
@media (hover:none), (max-width:900px){
  .chart-zoom-controls{display:flex}
  .chart-zoom-help{display:block}
  .scrollx,.plot{
    touch-action:pan-x pan-y !important;
    -ms-touch-action:pan-x pan-y !important;
  }
}
/* The barcode page is light; inherit its text color but use a matching light control surface. */