.commodity-legend{display:flex;justify-content:flex-end;gap:18px;margin-top:12px;color:#9eb0c2;font-size:12px}
.commodity-legend span:before{content:"";display:inline-block;width:18px;height:2px;margin-right:6px;vertical-align:middle}
.legend-high:before{background:#f0ad4e}.legend-avg:before{background:#36d17f}.legend-low:before{background:#58a6ff}
.commodity-tooltip{z-index:2}.commodity-detail .up{color:#ef5350!important}.commodity-detail .down{color:#31c77a!important}
.commodity-live-change{display:inline-block!important;margin:0 0 7px;padding:3px 9px;border-radius:999px;background:#222b35;font-size:13px;font-weight:800}.commodity-live-change.up{background:rgba(239,83,80,.13)}.commodity-live-change.down{background:rgba(49,199,122,.13)}.commodity-live-change.flat,.flat{color:#aebaca!important}.commodity-tech-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:8px 0 2px;color:#91a4b8;font-size:11px}.commodity-tech-legend span:before{content:"";display:inline-block;width:18px;height:2px;margin-right:6px;vertical-align:middle}.commodity-tech-legend .ma5:before{background:#4ea1ff}.commodity-tech-legend .ma10:before{background:#64d8cb}.commodity-tech-legend .ma20:before,.commodity-tech-legend .dea:before{background:#f0b83f}.commodity-tech-legend .ma30:before{background:#c084fc}.commodity-tech-legend .dif:before{background:#f4f7fb}.commodity-tech-legend .macd:before{height:7px;background:linear-gradient(90deg,#ef5350 50%,#31c77a 50%)}.commodity-subchart{margin-top:13px;padding-top:10px;border-top:1px solid #283442}.commodity-subchart h3{margin:0 0 3px;color:#b7c6d8;font-size:13px}.commodity-subchart canvas{display:block;width:100%;height:120px}.commodity-subchart #commodity-macd-chart{height:140px}.commodity-tooltip .up{color:#ef5350!important}.commodity-tooltip .down{color:#31c77a!important}@media(max-width:700px){.commodity-tooltip{white-space:normal;max-width:calc(100% - 12px)}.commodity-tech-legend{gap:9px}}