#sm-site .listing-page .listing-server-online{flex-wrap:wrap;align-content:center;gap:5px}
#sm-site .listing-page .soh{position:relative;flex:0 0 100%;width:112px;max-width:100%;min-width:0;margin-top:3px;font-family:Rubik,Arial,sans-serif;font-weight:400;line-height:1.3}
#sm-site .listing-page .soh-label{display:block;color:#8198ac;font-size:9px;margin-bottom:2px}
#sm-site .listing-page .soh-plot{display:block;width:112px;max-width:100%;height:32px;outline:none;touch-action:pan-y;border-radius:4px}
#sm-site .listing-page .soh-plot:focus-visible{outline:2px solid #6aa9d8;outline-offset:2px}
#sm-site .listing-page .soh-line{stroke:#579fd0;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
#sm-site .listing-page .soh-base{stroke:#deebf5;stroke-width:1;fill:none}
#sm-site .listing-page .soh-dot{fill:#579fd0}
#sm-site .listing-page .soh-note{display:block;font-size:9px!important;font-weight:400!important;line-height:1.4;color:#8298ac;max-width:112px;white-space:normal}
#sm-site .listing-page .soh [hidden]{display:none!important}
.soh-tooltip{position:fixed;z-index:10000;max-width:240px;padding:9px 12px;border:1px solid #cfdfec;border-radius:9px;background:#fff;box-shadow:0 6px 22px #416b8e22;color:#365772;font:400 11px/1.5 Rubik,Arial,sans-serif;pointer-events:none}
.soh-tooltip[hidden]{display:none!important}
@media(max-width:640px){
#sm-site .listing-page .listing-server-online .soh{grid-column:2;justify-self:start}
#sm-site .listing-page .listing-server-online .listing-our-players{grid-column:2}
#sm-site .listing-page .listing-server-online .listing-online-pill{justify-self:start}
}