.reference-metrics{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:center;margin:12px 0}.reference-metrics strong{color:#d6e775;font-size:21px}.reference-metrics span{font-size:12px;color:#a9b5c5}.reference-bars{display:flex;gap:12px;align-items:end;overflow-x:auto;padding:20px 0}.reference-bars>div{display:flex;flex:1;min-width:42px;align-items:center;flex-direction:column;gap:8px;font-size:12px}.reference-bars i{display:block;width:75%;max-width:45px;background:linear-gradient(#6bdcc1,#287a82);border-radius:5px 5px 0 0}.reference-bars small{white-space:nowrap}.reference-chart{border-top:1px solid #33424f}