User:Alistair3149/sandbox/Userheader/styles.css

.t-userstats { display: flex; font-size: 0.8125rem; line-height: 1.375; overflow-x: auto; }

.t-userstats__item { padding: 0 var( --space-md ); }

.t-userstats__item:first-child { padding-left: 0; }

.t-userstats__item + .t-userstats__item { border-left: 1px solid var( --border-color-base ); }

.t-userstats__label { color: var( --color-base--subtle ); letter-spacing: 0.05em; }

.t-userstats__value { color: var( --color-base--emphasized ); font-weight: 500; font-size: 2rem; white-space: nowrap; }

.t-userstats__desc { letter-spacing: 0.025em; }

.t-progressbar__bar { position: relative; height: 4px; background-color: var( --color-surface-2 ); }

.t-progressbar { font-size: 0.8125rem; line-height: 1.375; }

.t-progressbar__header { margin-bottom: 0.5rem; display: flex; justify-content: space-between; }

.t-progressbar__progress { position: absolute; top: 0; bottom: 0; background-color: var( --color-primary ); }

.t-progressbar__footer { margin-top: 0.5rem; display: flex; justify-content: space-between; color: var( --color-base--subtle ); }