.listing-row .listing-population{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;max-width:100%;height:26px;min-height:26px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--bg-sunken);color:var(--text-muted);font:500 11px/1.2 var(--sans);white-space:nowrap;vertical-align:middle}
.listing-population.is-online{border-color:color-mix(in srgb,var(--ok) 24%,var(--line));color:var(--ok)}
.listing-population.is-offline{color:var(--danger)}
.listing-population.is-full,.listing-population.is-crowded,.listing-population.is-populate,.listing-population.is-check{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 24%,var(--line))}
.listing-population.is-unreachable,.listing-population.is-unknown,.listing-population.is-mixed{color:var(--text-muted);border-color:var(--line)}
.listing-population-label{font:500 9px var(--mono);letter-spacing:.04em}
.listing-population-number{display:inline-flex;align-items:baseline;gap:4px;padding-left:6px;border-left:1px solid var(--line);color:var(--text-muted)}
.listing-population-number b{font:600 12px var(--mono);font-variant-numeric:tabular-nums;color:var(--text-soft)}
.listing-population .listing-population-dot{display:block;width:6px;height:6px;min-width:6px;border-radius:50%;color:inherit;background:currentColor;border:0;box-shadow:none}
.listing-population.is-online.is-in-view:not(.is-paused) .listing-population-dot{animation:listing-population-live 2.8s ease-in-out infinite}
.listing-population.is-updated .listing-population-number b{animation:listing-population-received 1.2s ease-out}
.listing-population[hidden],.listing-population [hidden]{display:none!important}
@keyframes listing-population-live{0%,100%{opacity:.55;box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 20%,transparent)}50%{opacity:1;box-shadow:0 0 0 3px transparent}}
@keyframes listing-population-received{0%,30%{color:var(--ok);text-shadow:0 0 9px color-mix(in srgb,var(--ok) 25%,transparent)}100%{color:var(--text-soft);text-shadow:none}}
@media(prefers-reduced-motion:reduce){.listing-population.is-online.is-in-view:not(.is-paused) .listing-population-dot,.listing-population.is-updated .listing-population-number b{animation:none}}