:root{
  --rfx-bg-light: #ffffff;
  --rfx-fg-light: #111111;
  --rfx-chip-light: rgba(0,0,0,.06);
  --rfx-bg-dark:  #0d0f13;
  --rfx-fg-dark:  #f0f3f7;
  --rfx-chip-dark: rgba(255,255,255,.08);
  --rfx-mono: #969696;
  --rfx-up: #18c964;
  --rfx-down: #ff4d4f;
  --rfx-border: #e6e8ef;
  --rfx-chip-border: #c7d2fe;
}
.rfx-panel{font:500 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans","Helvetica Neue",Arial;background:#f7f8fa;border:1px solid var(--rfx-border);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.rfx-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rfx-check{display:flex;gap:6px;align-items:center}
.rfx-pairs{align-items:flex-start}
.rfx-pairs-list{display:flex;gap:8px;flex-wrap:wrap}
.rfx-tag{background:#eef2ff;border:1px solid var(--rfx-chip-border);border-radius:999px;padding:4px 8px;display:inline-flex;gap:8px;align-items:center}
.rfx-tag button{border:0;background:transparent;cursor:pointer;font-weight:700}
.rfx-wrap{position:relative;border-radius:12px;padding:8px 12px;font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans","Helvetica Neue",Arial;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.rfx-theme-light{ background: var(--rfx-bg-light); color: var(--rfx-fg-light); }
.rfx-theme-dark{ background: var(--rfx-bg-dark);  color: var(--rfx-fg-dark);  }
.rfx-theme-mono{ background: transparent; color: var(--rfx-mono); border: 1px dashed var(--rfx-mono); }
.rfx-ticker{position:relative;overflow:hidden;white-space:nowrap}
.rfx-track{display:inline-flex;gap:22px;align-items:center;animation: rfx-scroll linear infinite;will-change: transform}
@keyframes rfx-scroll{0%{ transform: translateX(-100%) }100%{ transform: translateX(100%) }}
.rfx-item{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:8px}
.rfx-theme-light .rfx-item{background:var(--rfx-chip-light)}
.rfx-theme-dark  .rfx-item{background:var(--rfx-chip-dark)}
.rfx-theme-mono  .rfx-item{background:transparent;border:1px solid var(--rfx-mono);border-radius:8px}
.rfx-label{opacity:.85}
.rfx-value{font-weight:800;letter-spacing:.2px}
.rfx-delta{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.rfx-up{color:var(--rfx-up)}
.rfx-down{color:var(--rfx-down)}
.rfx-flat{opacity:.6}
.rfx-wrap:hover .rfx-track{animation-play-state:paused}
@media (max-width:480px){.rfx-panel{font-size:13px}.rfx-wrap{padding:6px 8px}.rfx-item{padding:4px 8px}}