:root {
  --game-bg: #f0efec;
  --game-color-1: #d9d9d9;
  --game-color-2: #d69112;
  --game-color-2-in: #ffffff;
  --game-color-3: #e67817;
  --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: #e38716;
  --game-text-target-in: #1e202f;
  --game-server-hover: #cebca2;
  --game-tagmod-color: #d1292e;
  --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 .tag-list .tag-item {
  background-color: #bdd0a1;
  color: #222321;
}
.modern-server-list .list-body .server-item .tag-list .tag-item.tag-mod {
  background-color: #48863b;
}
.modern-server-list .list-body .server-item .players-now {
  box-shadow: inset 0px 0px 0px 2px #342726;
  border-radius: 2px;
  border: 1px solid #342726;
}
.modern-server-list .list-body .server-item .players-now .real {
  background-color: #d1292e;
}
.modern-server-list .list-body .server-item .players-now .fake {
  background-color: #5a1013;
}
.modern-server-list .list-body .server-item .language {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 500;
}
.modern-server-list .list-body .server-item .language i {
  font-size: 14px;
}
.modern-server-list .list-body .server-item.premium-server-2 {
  background: #f2ebe3;
  border-color: #eae6e1 #dcd6d0 #d5c9be #dcd6d0;
}
.modern-server-list .list-body .server-item.premium-server-2 .server-name {
  text-shadow: #fff -1px 1px;
  color: #000;
}
.modern-server-list .list-body .server-item.premium-server-2:before {
  content: "";
  background-image: url(/assets/image/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-2 .tag-list .tag-item {
  background-color: #ebdcbd;
  color: #222321;
}
.modern-server-list .list-body .server-item.premium-server-2 .tag-list .tag-item.tag-mod {
  background-color: #c8b381;
}
.modern-server-list .list-body .server-item.premium-server-2:hover {
  background-color: var(--game-server-hover);
  box-shadow: none;
}
.modern-server-list .list-body .server-item.premium-server {
  background: #f19168; /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #f19168, #904c65); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #f19168, #904c65); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-color: #eae6e1 #dcd6d0 #d5c9be #dcd6d0;
  color: #fff;
}
.modern-server-list .list-body .server-item.premium-server .server-name,
.modern-server-list .list-body .server-item.premium-server .ip-block {
  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 i {
  color: #fff !important;
}
.modern-server-list .list-body .server-item.premium-server svg, .modern-server-list .list-body .server-item.premium-server path {
  fill: #ffffff !important;
}
.modern-server-list .list-body .server-item.premium-server:hover {
  background-color: var(--game-server-hover);
  box-shadow: none;
}

.fixgame-bg .bg-img {
  -webkit-filter: saturate(0.4) opacity(0.4) blur(2px);
  filter: saturate(0.4) opacity(0.4) blur(2px);
}

.game-title .gamename {
  color: #e67817;
  text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #fff 2px 0px, #fff 0px 2px, #fff -2px 0px, #fff 0px -2px;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
}

.animated {
  animation: colorChangeSamp 0.3s forwards !important;
}

.server-search .chips .chips-list .chip-item {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset -1px -1px 0px 0.5px rgba(145, 99, 42, 0.231372549);
}
.server-search .chips .chips-list .chip-item.active {
  box-shadow: none;
}

@keyframes colorChangeSamp {
  0% {
    color: black;
  }
  100% {
    color: var(--game-color-3, #333);
    text-shadow: #000 1px 0px, #000 1px 1px, #000 0px 1px, #000 -1px 1px, #000 -1px 0px, #000 -1px -1px, #000 0px -1px, #000 1px -1px, #fff 2px 0px, #fff 0px 2px, #fff -2px 0px, #fff 0px -2px;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
  }
}