:root {
  --game-color-1: #272a3b;
  --game-color-2: #4a4a4a;
  --game-color-2-in: #ffffff;
  --game-color-3: #625b50;
  --game-icon-color: #cdc200;
  --g-text-shadow-2: #5e5a0a;
  --game-color-dark: #1a1815;
  --game-color-subdark: #625b50;
  --game-dark-opacity: rgb(26 24 21 / 60%);
  --game-bg-target: #c6bea1;
  --game-text-target-in: #111111;
  --game-server-premium: #d9d2c8;
  --game-server-hover: rgb(26 24 21 / 50%);
  --game-tagmod-color: #495343;
  --game-tagmod-color: #4a4a4a;
  --game-header-gradient: linear-gradient(rgb(39 42 59 / 80%) 0%, rgb(39 42 59 / 90%) 100%);
}

[data-theme=dark] {
  --game-bg: hsl(229 11% 15% / 1);
  --game-bg-target: #8a846f;
  --game-tagmod-color: #6f6f6f;
  --game-tag-bg: #6f6f6f94;
  --game-tag-color: #fff;
  --game-server-premium: #4a4a4a;
}

.modern-server-list.css .list-body .server-item .col.server-main {
  flex-basis: 45%;
}
.modern-server-list.css .list-body .server-item .col.col-about {
  flex-basis: 72px;
}
.modern-server-list.css .list-body .server-item .overflow-fix {
  align-items: center;
}
.modern-server-list.css .list-body .server-item .version-tip {
  transform: rotate(90deg);
  transform-origin: left bottom 0;
  display: inline-block;
  color: #5b584a;
  background: var(--game-bg-target, #333);
  padding: 1px 8px;
  border-radius: 3px;
  font-size: 11px;
  left: 35px;
  top: -6px;
  font-weight: 700;
  white-space: nowrap;
  margin-top: -46px;
  /* text-shadow: 0 1px #5b584a; */
  letter-spacing: 1px;
  display: none;
}
.modern-server-list.css .list-body .server-item .version-tag-tip {
  color: var(--text-third);
  background: none;
  font-weight: 500;
  text-transform: lowercase !important;
  padding: 0;
  margin-left: 6px;
  border-bottom: 1px dashed var(--text-third);
  border-radius: 0;
  font-size: 11px;
}
.modern-server-list.css .list-body .server-item:hover .version-tag-tip {
  color: #fff;
}
.modern-server-list.css .list-body .server-item:hover .color-switch {
  color: #fff !important;
}
.modern-server-list.css .list-body .server-item:hover svg,
.modern-server-list.css .list-body .server-item:hover path {
  fill: #fff !important;
}