:root {
  --game-bg: #edf0ec;
  --game-color-1: #d9d9d9;
  --game-color-2: #ca0000;
  --game-color-2-in: #ffffff;
  --game-color-3: #5a8d21;
  --game-icon-color: #e87a1a;
  --g-text-shadow-2: #5e2c0a;
  --game-color-dark: #3b2c27;
  --game-color-subdark: #3e404b;
  --game-dark-opacity: rgb(59 50 38 / 30%);
  --game-bg-target: #5a8d21;
  --game-text-target-in: #1e202f;
  --game-server-hover: #cebca2;
  --game-tagmod-color: #ca0000;
  --game-header-gradient: linear-gradient(rgb(39 59 56 / 80%) 0%, rgb(39 42 59 / 90%) 100%);
}

[data-theme=dark] {
  --game-bg: hsl(229 11% 15% / 1);
}

.modern-server-list .list-body .server-item .col-ip {
  flex-basis: 210px;
}
.modern-server-list .list-body .server-item .country {
  align-items: center;
  flex-basis: min-content;
  padding: 0 12px 0 0;
}
.modern-server-list .list-body .server-item .country img {
  width: 25px;
  height: auto;
  opacity: 0.84;
}
.modern-server-list .list-body .server-item .tag-list .tag-item {
  background-color: #cf7270;
  color: #fff;
}
.modern-server-list .list-body .server-item .tag-list .tag-item:first-of-type {
  background-color: #ca0000;
}
.modern-server-list .list-body .server-item .tag-list .tag-item.tag-mod {
  background-color: #ca0000;
}
.modern-server-list .list-body .server-item .players-now {
  color: #ca0000;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.6px;
  font-family: "Russo One", sans-serif;
  color: #b03232;
}
.modern-server-list .list-body .server-item .players-now .online-circle {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  background: #ca0000;
  border-radius: 50%;
  box-shadow: 0 0 0px 2px #efa9a9;
  display: none;
}
.modern-server-list .list-body .server-item .ip-rage {
  background: #ffce34;
  color: #333;
  font-weight: 500;
  border-radius: 3px;
  padding: 4px 7px;
  width: 210px;
}
.modern-server-list .list-body .server-item .ip-rage .text-ip {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modern-server-list .list-body .server-item .ip-rage path {
  fill: #333333;
}
.modern-server-list .list-body .server-item .ip-rage:hover {
  box-shadow: 0 0 0 1px #333333;
}
.modern-server-list .list-body .server-item .ip-rage:hover path {
  fill: #333333;
}
.modern-server-list .list-body .server-item .launcher-icon {
  display: flex;
  align-items: center;
}
.modern-server-list .list-body .server-item:hover {
  backdrop-filter: blur(20px);
  background: linear-gradient(rgba(21, 75, 21, 0.55) 0%, rgba(48, 115, 53, 0.65) 100%);
  box-shadow: none;
}
.modern-server-list .list-body .server-item.premium-server:hover {
  background-color: var(--game-server-hover);
  box-shadow: none;
}
.modern-server-list .list-body .server-item.premium-server {
  background: #f16868; /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #f16868, #81314f); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #f16868, #81314f);
  border-color: #eae6e1 #dcd6d0 #d5c9be #dcd6d0;
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server .server-name {
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server:before {
  content: "";
  background-image: url(/templates/MonWave-v3/assets/img/games/samp/city_silhouette.png);
  width: 100%;
  height: 100%;
  position: absolute;
  /* background-size: 1000px; */
  /* backdrop-filter: blur(20px); */
  bottom: 0;
  left: 0;
  opacity: 0.1;
  background-size: contain;
  mix-blend-mode: hard-light;
}
.modern-server-list .list-body .server-item.premium-server .tag-list .tag-item {
  background-color: #5476a8;
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server .tag-list .tag-item.tag-mod {
  background-color: #2e4971;
}
.modern-server-list .list-body .server-item.premium-server .reviews span {
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server svg, .modern-server-list .list-body .server-item.premium-server path {
  fill: #ffffff;
}
.modern-server-list .list-body .server-item.premium-server .launcher-icon svg, .modern-server-list .list-body .server-item.premium-server .launcher-icon path {
  fill: #333333;
}
.modern-server-list .list-body .server-item.premium-server .players-now {
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server:hover {
  background-color: var(--game-server-hover);
  box-shadow: none;
}