html{scroll-padding-top:148px}
.market-ribbon{position:sticky;top:94px;z-index:4;height:44px;border-bottom:1px solid var(--line);background:#0b1523;color:#c7d4df;font:10px/1.4 monospace;font-variant-numeric:tabular-nums}
.market-ribbon-inner{height:100%;display:flex;align-items:center;gap:18px}
.market-source{display:flex;align-items:center;gap:7px;flex:none;white-space:nowrap;letter-spacing:.7px;color:#b5c5d3}
.market-dot{width:5px;height:5px;border-radius:50%;background:#d6b77c;flex:none}
.market-ribbon[data-state="provider"] .market-dot{background:var(--a)}
.market-ribbon[data-state="offline"] .market-dot{background:#8c9aaa}
.market-basis{color:#7f93a8;font-size:9px;letter-spacing:0}
.market-lane{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.market-track{display:flex;width:max-content;animation:market-drift 48s linear infinite;will-change:transform}
.market-group{display:flex;align-items:center;justify-content:space-around;gap:38px;min-width:var(--market-lane-width,1100px);padding:0 19px;flex:none}
.market-item{display:inline-flex;align-items:center;gap:10px;flex:none;white-space:nowrap;height:42px}
.market-symbol{color:#8da4b8;font-size:9px;letter-spacing:.3px}
.market-price{min-width:55px;text-align:right;color:#e4edf3}
.market-change{min-width:55px;text-align:right;color:#8da4b8}
.market-change[data-direction="up"]{color:var(--a)}
.market-change[data-direction="down"]{color:#fa8d9b}
.market-quality{color:#bba781;font-size:8px;letter-spacing:.3px}
.market-item[data-quality="stale"] .market-price,.market-item[data-quality="disconnected"] .market-price,.market-item[data-quality="unknown"] .market-price{color:#8da4b8}
.market-pause{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:1px solid #2c4054;background:transparent;color:#9bb0c2;border-radius:3px;font:11px monospace}
.market-pause:hover{border-color:var(--a);color:var(--a)}
.market-lane:focus .market-track,.market-ribbon[data-paused="true"] .market-track{animation-play-state:paused}
@media(hover:hover){.market-ribbon:hover .market-track{animation-play-state:paused}}
.market-ribbon[data-state="offline"] .market-price,.market-ribbon[data-state="offline"] .market-change{color:#8da4b8}
@keyframes market-drift{to{transform:translateX(-50%)}}
@media(max-width:1100px){.market-ribbon{top:86px}html{scroll-padding-top:140px}}
@media(max-width:700px){.market-ribbon-inner{gap:10px}.market-source{font-size:9px;gap:5px}.market-basis{font-size:8px}.market-group{gap:25px;padding-inline:13px}.market-item{gap:8px}.market-pause{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.market-track{animation:none;will-change:auto}.market-group[aria-hidden="true"]{display:none}.market-lane{overflow-x:auto;scrollbar-width:thin}.market-pause{display:none}}