.servers{& h1{font-size:1.875em;margin:2.1333em 0 1.333em}.items{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5em;gap:2.5em;padding-bottom:5em}.server-item{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1em 1.5em 1.5em}.server-item .info{align-items:center;border-bottom:1px solid rgba(168,179,198,.5);display:flex;gap:.5em;line-height:2em;padding-bottom:1em;.title{align-items:center;display:inline-flex;font-size:1.25em;font-weight:600;flex-grow:1;gap:.25em}.indicator{align-items:center;display:inline-flex;height:1.5em;justify-content:center;width:1.5em;.dot{animation:pulse-positive 1s ease-out infinite;background-color:var(--server-positive-color);border-radius:50%;height:.625em;outline:0 solid transparent;width:.625em}&.maintenance .dot{animation:pulse-negative 1s ease-out infinite;background-color:var(--server-negative-color)}}.status{border:1px solid var(--server-positive-color);border-radius:4px;color:var(--server-positive-color);font-size:.75em;font-weight:600;height:2.666em;line-height:2.666em;padding:0 .5em;&.maintenance{border-color:var(--server-negative-color);color:var(--server-negative-color)}}}.server-item .stats{display:flex;flex-direction:column;gap:.5em;padding:1em 0;& p{margin:0}.country{align-items:center;display:flex;gap:.5em}.country svg{border:1px solid var(--border-color)}.bandwidth,.usage{color:var(--text-subtle-color);font-size:.75em;line-height:2em;& span{color:var(--text-primary-color);font-size:1rem}}}.server-item .progress-bar{display:flex;gap:.25em;& span{border-radius:4px;background-color:var(--server-neutral-color);flex:1 1;height:.375em}&.positive .filled{background-color:var(--server-positive-color)}&.attention .filled{background-color:var(--server-attention-color)}&.negative .filled{background-color:var(--server-negative-color)}}}@media screen and (max-width:1023px){.servers .items{grid-template-columns:1fr;gap:2.5em;max-width:600px;position:relative;left:50%;transform:translateX(-50%)}}@media screen and (max-width:640px){.servers{.server-item{font-size:14px;max-width:280px;position:relative;left:50%;transform:translateX(-50%);.info{flex-direction:column;.title{font-size:14px}}}}}@keyframes pulse-positive{0%{outline-color:rgba(0,160,70,.5);outline-width:0}to{outline-color:rgba(0,160,70,0);outline-width:.5em}}@keyframes pulse-negative{0%{outline-color:rgba(255,139,0,.5);outline-width:0}to{outline-color:rgba(255,139,0,0);outline-width:.5em}}