/* Quote updates must not change the width/phase of the infinite marquee. */
body[data-route="home"] .axis-market-tape-group {
  column-gap: 20px;
  padding-inline: 10px;
}
body[data-route="home"] .axis-market-tape-group > span {
  flex: 0 0 auto;
  inline-size: 16em;
  padding-inline: 10px;
  gap: 6px;
  justify-content: flex-start;
}
body[data-route="home"] .axis-market-tape-group :is(b, i) {
  display: inline-block;
  flex: 0 0 auto;
  font-family: "IBM Plex Mono", Consolas, monospace;
  font-variant-numeric: tabular-nums lining-nums;
  text-align: left;
  white-space: nowrap;
}
/* Keep the quote together; reserve changing digit widths at the item's end,
   never between the price and change. The marquee itself stays fixed-width. */
body[data-route="home"] .axis-market-tape-group :is(b, i) { inline-size: auto; }
body[data-route="home"] .axis-market-tape-group > span::after { right: -11.5px; }
body[data-route="home"] .axis-market-tape-track {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 760px) {
  body[data-route="home"] .axis-market-tape-group { column-gap: 14px; padding-inline: 7px; }
  body[data-route="home"] .axis-market-tape-group > span { inline-size: 16.5em; padding-inline: 8px; gap: 4px; }
  body[data-route="home"] .axis-market-tape-group > span::after { right: -8.5px; }
}