/* Content-only styles; the parent owns header row placement. */
#market-ticker {
  position: relative;
  display: flex;
  align-items: center;
  gap: .35rem .6rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  --market-ticker-up: #087443;
  --market-ticker-down: #b42335;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #market-ticker { --market-ticker-up: #63e6ad; --market-ticker-down: #ff6b79; }
}
:root[data-theme="dark"] #market-ticker { --market-ticker-up: #63e6ad; --market-ticker-down: #ff6b79; }

#market-ticker[hidden] { display: none; }

.market-ticker-item {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .25rem;
  min-height: 1.65rem;
  color: inherit;
  font-size: .75rem;
  line-height: 1.2;
}

.market-ticker-icon,
.market-ticker-icon-fallback {
  display: inline-grid;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  place-items: center;
  border-radius: 50%;
  object-fit: contain;
  font-size: .65rem;
  font-weight: 700;
}

.market-ticker-change { opacity: .8; font-variant-numeric: tabular-nums; }
.market-ticker-change.is-up { color: var(--market-ticker-up, var(--ok, #63e6ad)); }
.market-ticker-change.is-down { color: var(--market-ticker-down, var(--bad, #ff6b79)); }
.market-ticker-item.is-stale .market-ticker-value { text-decoration: underline dotted; text-underline-offset: .18em; }
.market-ticker-stale-cue { color: var(--dim, currentColor); font-size: .8em; }
.market-ticker-value { font-variant-numeric: tabular-nums; }
.market-ticker-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 700px) {
  #market-ticker { gap: .25rem .55rem; }
  .market-ticker-item { font-size: .7rem; }
}

/* Identical groups meet at the same pixel, without a restart at the seam. */
.market-ticker-track{display:flex;flex:0 0 auto;width:max-content;will-change:transform}
.market-ticker-group{display:flex;align-items:center;flex:0 0 auto;gap:1rem;padding-right:1rem}
.market-ticker-pause{position:absolute;inset-inline-end:0;top:0;bottom:0;z-index:1;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--fg);padding:0 7px;cursor:pointer;opacity:0;transition:opacity 150ms}
#market-ticker:hover .market-ticker-pause,#market-ticker:focus-within .market-ticker-pause,.market-ticker-pause[aria-pressed="true"]{opacity:1}
.market-ticker-pause:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:-2px}
#market-ticker.market-ticker-static{overflow-x:auto}
.market-ticker-static .market-ticker-track{transform:none!important;will-change:auto}
.market-ticker-static .market-ticker-pause{display:none}
@media(prefers-reduced-motion:reduce){.market-ticker-pause{transition:none}}