.ocfr-ladder{display:grid;gap:7px;max-width:660px;margin:0 auto}.ocfr-row{display:grid;grid-template-columns:minmax(112px,168px) minmax(0,1fr) 74px;align-items:center;gap:12px}.ocfr-name{font-size:13.5px;color:rgba(230,236,246,.72);text-align:right}.ocfr-row--hot .ocfr-name{color:#f2f4f9;font-weight:600}.ocfr-track{height:22px;background:rgba(255,255,255,.035);overflow:hidden}.ocfr-fill,.ocfr-track{display:block;border-radius:5px}.ocfr-fill{height:100%;min-width:3px;background:rgba(255,255,255,.13)}.ocfr-row--hot .ocfr-fill{background:linear-gradient(90deg,rgba(226,192,127,.85),rgba(201,161,88,.55))}.ocfr-price{font-family:var(--oc-mono);font-size:12.5px;color:rgba(230,236,246,.5);text-align:right;white-space:nowrap}.ocfr-row--hot .ocfr-price{color:#e2c07f}.ocfr-legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:18px 0 0;font-size:12.5px;color:rgba(230,236,246,.45)}.ocfr-legend i{display:inline-block;width:22px;height:8px;border-radius:3px;margin-right:7px;vertical-align:middle}.ocfr-legend .ocfr-key-hot{background:rgba(226,192,127,.85)}.ocfr-legend .ocfr-key-cold{background:rgba(255,255,255,.13)}@media (max-width:560px){.ocfr-row{grid-template-columns:minmax(92px,120px) minmax(0,1fr) 64px;gap:8px}.ocfr-name{font-size:12px}}