.ping-indicator { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; color:#46a6de; }
.ping-bars { display:inline-flex; align-items:flex-end; gap:2px; height:14px; }
.ping-bars i { display:block; width:4px; background:#66717b; opacity:.45; }
.ping-bars i:nth-child(1) { height:5px; }
.ping-bars i:nth-child(2) { height:9px; }
.ping-bars i:nth-child(3) { height:14px; }
.ping-green .ping-bars i { background:#46d875; opacity:1; }
.ping-yellow .ping-bars i:nth-child(-n+2) { background:#ffd24a; opacity:1; }
.ping-red .ping-bars i:first-child { background:#ff6565; opacity:1; }
.ping-value { color:inherit; }