.servers{grid-template-columns:repeat(var(--servers-per-row,4), 1fr);gap:15px;display:grid}.server{cursor:pointer;border-radius:8px;flex-direction:row;justify-content:space-between;display:flex;position:relative}.server:hover .server__bg img{opacity:.3;transform:scale(1.05)}.server.loading{height:91.5px}.server.loading:before{content:"";background:linear-gradient(110deg,#ffffff0d 8%,#ffffff1a 18%,#ffffff0d 33%) 0 0/200% 100%;border-radius:6px;width:100%;height:100%;animation:1s linear infinite servers-shine;position:absolute;top:0;left:0}.server.loading .server__info,.server.loading .server__buttons,.server.loading .server__online,.server.loading .server__bg{display:none}@keyframes servers-shine{to{background-position-x:-200%}}.server__info{z-index:3;flex-direction:column;gap:5px;width:calc(100% - 44px);min-width:0;padding:20px 0 20px 20px;display:flex}.server__info-name{align-items:center;gap:7px;display:flex}.server__info-name-label{color:#f0b358;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f0b3581a;border-radius:6px;padding:3px 7px;font-size:13px;font-weight:600;line-height:17px}.server__info-name-value{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:600;overflow:hidden}.server__info-name-point{background-color:#00ff8f;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:block}.server__info-name-point.is-offline{background-color:#ff6363}.server__info-online{color:#ffffffd9;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.server__info-online-players{white-space:nowrap;align-items:center;gap:7px;display:flex;position:relative}.server__info-online-players:after{content:"";background-color:#fff3;width:2px;height:10px;display:block}.server__info-online-map{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.server__buttons{z-index:3;flex-direction:column;display:flex}.server__buttons-button{opacity:.5;cursor:pointer;width:44px;height:44px;color:inherit;background-color:#ffffff0d;border:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.server__buttons-button:hover{opacity:1}.server__buttons-play a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.server__online{background-color:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.server__online-value{background-color:var(--span-color);height:100%;transition:width .3s}.server__bg{z-index:1;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.server__bg img{object-fit:cover;opacity:.2;width:100%;height:100%;transition:all .5s}@media (max-width:1367px){.servers{grid-template-columns:repeat(3,1fr)}}@media (max-width:1150px){.servers{grid-template-columns:repeat(2,1fr)}}@media (max-width:1025px){.servers{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.servers{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.servers{grid-template-columns:repeat(1,1fr)}}