@charset "UTF-8";
:root {
  --game-bg: hsl(120 17% 96% / 1);
  --game-color-1: #d9d9d9;
  --game-color-2: #477A1E;
  --game-color-2-in: #ffffff;
  --game-color-3: #66412C;
  --game-icon-color: #477A1E;
  --g-text-shadow-2: #5e2c0a;
  --game-color-dark: #272a3b;
  --game-color-subdark: #3e404b;
  --game-dark-opacity: rgb(59 51 38 / 30%);
  --game-bg-target: #2c9830;
  --game-text-target-in: #ffffff;
  --game-server-hover: #477A1E;
  --game-tagmod-color: #976746;
  --game-header-gradient: linear-gradient(rgb(39 42 59 / 80%) 0%, rgb(39 42 59 / 90%) 100%);
  --game-color-forest: #157e3c;
  --chip-bg: #fff;
  --chip-br-default: #e4e4e7;
}

[data-theme=dark] {
  --game-bg: hsl(229 11% 15% / 1);
  --game-color-forest: #31d367;
  --chip-bg: var(--glass-bg-hard);
  --chip-br-default: var(--glass-br-bright-neutral);
}

/* Webfont: MinecraftTen */
@font-face {
  font-family: "MinecraftTen";
  src: url("../fonts/MinecraftTen/MinecraftTen.eot"); /* IE9 Compat Modes */
  src: url("../fonts/MinecraftTen/MinecraftTen.eot?#iefix") format("embedded-opentype"), url("../fonts/MinecraftTen/MinecraftTen.woff") format("woff"), url("../fonts/MinecraftTen/MinecraftTen.ttf") format("truetype"), url("../fonts/MinecraftTen/MinecraftTen.svg#MinecraftTen") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.header .bg-color {
  overflow: hidden;
}
.header .header-bg {
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  height: 238px;
  -webkit-mask: unset;
  mask: unset;
}

.header-info {
  backdrop-filter: blur(10px);
}
.header-info:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.25);
}

.fixgame-bg {
  z-index: 0;
}

.game-title {
  font-family: "MinecraftTen";
  color: #24262b;
}

.filter-sidebar .title-block {
  font-family: "MinecraftTen";
}

.chips .chips-list .chip-item,
.chips .chips-list .chip-item-v2 {
  background: var(--chip-bg) !important;
  border-radius: 3px !important;
  border-bottom: 2px solid var(--chip-br-default) !important;
}
.chips .chips-list .chip-item.active,
.chips .chips-list .chip-item-v2.active {
  background: #2c9830 !important;
  border-color: #3b8526 !important;
}

.page-premium .conditions button {
  margin-top: 15px;
  background-color: var(--game-bg-target, #47c2ff);
  color: var(--game-text-target-in, #222);
  box-shadow: inset 0 -4px 0 #488c31, inset 0 4px 0 #31a735;
}

.modern-server-list.minecraft .list-body .server-item:hover {
  background-color: rgba(71, 122, 30, 0.1411764706);
  color: #fff;
}
.modern-server-list.minecraft .list-body .server-item:hover .tag-list .tag-item {
  background: #fff !important;
}
.modern-server-list.minecraft .list-body .server-item .mfavicon {
  display: flex;
  margin-right: 14px;
}
.modern-server-list.minecraft .list-body .server-item .mfavicon img {
  width: 56px;
  height: 56px;
  border-radius: 3px;
}
.modern-server-list.minecraft .list-body .server-item .server-name {
  font-size: 14px;
  margin-bottom: 2px;
  color: var(--text-secondary);
  font-weight: 600;
  letter-spacing: 0.5px;
}
.modern-server-list.minecraft .list-body .server-item .server-name::after {
  aspect-ratio: 1/1;
  background-color: #000;
  content: "";
  clip-path: polygon(14.29% 0%, 14.29% 28.57%, 71.43% 28.57%, 71.43% 85.71%, 100% 85.71%, 100% 0, 14.29% 0%, 14.29% 71.43%, 0% 71.43%, 0% 100%, 28.57% 100%, 28.57% 71.43%, 57.14% 71.43%, 57.14% 42.86%, 28.57% 42.86%, 28.57% 71.43%, 14.29% 71.43%);
  display: none;
  margin-left: 8px;
  margin-bottom: 1px;
  width: 7px;
  height: 7px;
}
.modern-server-list.minecraft .list-body .server-item .server-name:hover::after {
  display: inline-block;
}
.modern-server-list.minecraft .list-body .server-item .tag-list .tag-item {
  position: relative;
  line-height: 17px;
  font-weight: 500;
  color: rgb(202, 54, 54);
  background-color: rgba(202, 54, 54, 0.07);
  border-bottom: 1px solid rgba(202, 54, 54, 0.1);
}
.modern-server-list.minecraft .list-body .server-item .tag-list .tag-item:hover {
  background: #2c9830 !important;
  border-color: #3b8526 !important;
  color: #fff !important;
}
.modern-server-list.minecraft .list-body .server-item .version {
  font-size: 12px;
  padding-top: 4px;
  /* font-size: 11px; */
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #414a3c;
  font-weight: 500;
}
.modern-server-list.minecraft .list-body .server-item .version i {
  margin-left: 3px;
}
.modern-server-list.minecraft .list-body .server-item .players-now {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.6px;
  font-family: "Russo One", sans-serif;
  color: var(--game-color-forest);
}
.modern-server-list.minecraft .list-body .server-item .col .main-row {
  display: grid;
  grid-template-rows: 1fr 17px auto;
}
.modern-server-list.minecraft .list-body .server-item .col.col-ip .main-row {
  gap: 2px;
}
.modern-server-list.minecraft .list-body .server-item .col .ip {
  border-radius: 3px;
  color: #5a6164;
  background: none;
  padding: 4px 6px;
  color: var(--game-color-forest);
  font-weight: 500;
}
.modern-server-list.minecraft .list-body .server-item .col .ip:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.swidget-minecraft {
  background: var(--game-bg-target) !important;
  color: var(--game-text-target-in);
}
.swidget-minecraft .th {
  color: var(--game-text-target-in) !important;
}

/* 
    Тест фикса для темной темы тегов 
    Через переменные это не сделать, ибо important
*/
html[data-theme=dark] .tag-list .tag-item {
  background: #1b1b1b !important;
  color: #b4b2b2 !important;
}
html[data-theme=dark] .modern-server-list.minecraft .list-body .server-item:hover .tag-list .tag-item {
  background: #1b1b1b !important;
  color: #b4b2b2 !important;
}