.connection-row{align-items:flex-start}
@media(min-width:601px){.hero{min-height:880px}}
.connection-status{width:168px;display:flex;flex-direction:column;align-items:center;gap:12px}
.connection-status .live-status{width:100%;min-height:72px}
.rating-badge{display:block;width:88px;height:31px;line-height:1;transition:filter .2s}
.rating-badge img{display:block;width:88px;height:31px}
.rating-badge:hover{filter:brightness(1.12)}
@media(max-width:600px){.connection-status{width:100%;max-width:290px}.connection-status .live-status{min-height:0}}
.site-header{gap:18px}
.site-header nav{gap:18px}
.header-vote{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;line-height:30px;white-space:nowrap}
.header-vote-label,.header-vote-count{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b3d39b45;background:#18382bdd;border-radius:3px;color:#d5ebc7;height:32px}
.header-vote-label{gap:7px;padding:0 9px}
.header-vote-label img{width:16px;height:16px}
.header-vote-count{min-width:26px;padding:0 6px;color:#ead4a4}
.header-vote:hover .header-vote-label{background:#28503a;border-color:#b3d39b88}
@media(max-width:1050px){.site-header{display:grid;grid-template-columns:1fr auto;row-gap:12px}.site-header>.brand{grid-column:1;grid-row:1}.site-header>.header-actions{grid-column:2;grid-row:1}.site-header>nav{grid-column:1;grid-row:2}.site-header>.header-vote{grid-column:2;grid-row:2;justify-self:end}}
@media(max-width:600px){.site-header>nav{grid-column:1 / -1;grid-row:3}.site-header>.header-vote{grid-column:1 / -1;grid-row:2;justify-self:start;font-size:10px}.header-vote-label,.header-vote-count{height:29px}.site-header{row-gap:10px}}