/* The market strip occupies only the existing top band. */
.demo-bar{height:38px;min-height:38px;padding:0;justify-content:stretch;gap:0;overflow:hidden;background:var(--copper);color:#192022}
.demo-bar .market-tape{min-width:0;flex:1;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.demo-bar .market-track{display:flex;align-items:center;width:max-content;height:100%}
.demo-bar[data-ready="true"] .market-track{animation:market-ticker 44s linear infinite}
.demo-bar:hover .market-track,.demo-bar:focus-within .market-track{animation-play-state:paused}
.demo-bar .market-group{display:flex;align-items:center;gap:28px;flex:none;padding-inline-end:28px;white-space:nowrap}
.demo-bar .market-quote{display:inline-flex;align-items:baseline;gap:7px;font:700 11px var(--latin);direction:ltr;white-space:nowrap}
.demo-bar .market-symbol{color:#374039;font-size:10px}
.demo-bar .market-value{min-width:24px;color:#142021;font-variant-numeric:tabular-nums}
.demo-bar .market-change{color:#36453a;font-size:10px;font-variant-numeric:tabular-nums}
.demo-bar .market-change.is-up{color:#185b3e}
.demo-bar .market-change.is-down{color:#8e302c}
@keyframes market-ticker{to{transform:translateX(-50%)}}
@media(max-width:700px){.demo-bar{padding:0;min-height:38px;font-size:9px}.demo-bar .market-group{gap:20px;padding-inline-end:20px}.demo-bar .market-quote{font-size:10px;gap:5px}.demo-bar .market-symbol,.demo-bar .market-change{font-size:9px}}
@media(prefers-reduced-motion:reduce){.demo-bar[data-ready="true"] .market-track{animation:none}.demo-bar .market-tape{overflow-x:auto;mask-image:none}}