
.table-head,.metric-row{grid-template-columns:21% 25% 25% 29%}
.metric-row{min-height:146px}
.latest,.change{padding-left:16px}
.latest strong,.change strong{font-variant-numeric:tabular-nums}
.provided-date{display:flex;flex-direction:column;gap:3px;margin-top:10px!important}
.provided-date span{font-size:14px;color:#52616a}
.provided-date b{font-size:14px;color:#1c2c33;font-weight:650}
.column-label{margin:0 0 6px!important;color:#52616a;font-size:14px}
.change strong{display:block;font-size:18px;color:#1c2c33}
.absolute-change{display:block;font-size:14px;color:#52616a;margin-top:2px}
.period-dates{font-variant-numeric:tabular-nums;margin-top:5px!important}
.position-meter{width:100%;max-width:235px;padding:8px 5px 0 0}
.position-rail{height:4px;background:#d2dcd6;position:relative;margin:3px 6px 8px}
.position-marker{position:absolute;top:-5px;width:3px;height:14px;background:#176a54;transform:translateX(-50%)}
.position-marker:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#176a54;left:-2.5px;top:3px}
.position-ticks{display:flex;justify-content:space-between;font-size:14px;color:#52616a}
.observation-time{margin-top:2px!important}
.trend-button{padding-left:18px}
@media(max-width:1250px) and (min-width:801px){.table-head,.metric-row{grid-template-columns:21% 25% 26% 28%}}
@media(max-width:800px){.metric-row{grid-template-columns:1fr 1.25fr;gap:10px;padding:18px 16px}.latest{padding-left:8px}.change{padding:10px 0 0;border-top:1px solid #edf0ee;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px 12px}.change .column-label{grid-column:1}.change strong,.change .position-meter{grid-column:2;grid-row:1 / span 2}.absolute-change{grid-column:2}.period-dates{grid-column:1}.trend-button{padding:0}.position-meter{max-width:none}.sentiment-row .period-dates{grid-column:1 / -1;margin-top:10px!important}}

.metric-name p{word-break:keep-all}
