.pc-metric{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;min-height:72px;align-items:end;column-gap:18px;padding:11px 13px;overflow:hidden}
.pc-metric>div{display:contents}.pc-metric>div>span{grid-column:1/-1;align-self:start;overflow:hidden;color:#858c99;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.pc-metric>div>strong{grid-column:1;grid-row:2;margin:7px 0 0;color:#2e3543;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.pc-metric>em{grid-column:2;grid-row:2;min-width:0;margin:0;padding:0 0 1px;border:0;text-align:right}
.pc-metric .pc-metric-breakdown{display:flex!important;min-width:0;align-items:center;justify-content:flex-end;gap:14px}
.pc-metric .pc-metric-breakdown i{display:inline-flex;position:relative;align-items:center;gap:4px;padding-left:9px;color:#7f8795;font-size:9px;line-height:1;white-space:nowrap}
.pc-metric .pc-metric-breakdown i::before{position:absolute;left:0;width:5px;height:5px;border-radius:50%;background:#aeb6c4;content:""}
.pc-metric .pc-metric-breakdown i b{display:inline;color:#586172;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.pc-metric .pc-metric-breakdown i.success::before{background:#42a97b}.pc-metric .pc-metric-breakdown i.success b{color:#27835e}
.pc-metric .pc-metric-breakdown i.warning::before{background:#dda049}.pc-metric .pc-metric-breakdown i.warning b{color:#ad701f}
.pc-metric .pc-metric-breakdown i.danger::before{background:#d96e7b}.pc-metric .pc-metric-breakdown i.danger b{color:#bf505c}
.pc-metric .pc-metric-breakdown i.primary::before{background:#6381db}.pc-metric .pc-metric-breakdown i.primary b{color:#315fc1}
@media(max-width:900px){.pc-metric{column-gap:10px}.pc-metric .pc-metric-breakdown{gap:9px}}