@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,100,1,200");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --bg-color: rgba(43, 41, 36, 0.8);
    --bg-image: url(https://content.magicrust.ru/images/other/bg_radial.png),
        linear-gradient(0deg, var(--bg-color), var(--bg-color)), url(https://content.magicrust.ru/images/other/bg.jpg);
    --bg-size: 100% 100%, 100% 100%, cover;
    --navigation-bg: rgba(178, 56, 35, 0.5);
    --filter-title: hsla(27, 58%, 93%, 0.75);
    --filter-option: hsla(27, 58%, 93%, 0.56);
    --serverlist-bg-color: rgba(0, 0, 0, 0.35);
    --serverpanel-bg-color: hsla(0, 0%, 100%, 0.1);
    --serverpanel-bg-color-hover: rgba(115, 141, 69, 0.5);
    --server-title-color: hsla(27, 58%, 93%, 0.75);
    --server-online-color: hsla(27, 58%, 93%, 0.56);
    --server-tag-bg: #2c4761;
    --server-tag-color: hsla(27, 58%, 93%, 0.75);
    --help-bg: #1a6497;
    --help-color: #66b6ef;
    --radius3: 0px;
    --radius10: 0px;
    --border-color: inset 0 0 0 1px #dce1e6;
    --block-color: #fff;
    --block-header-color: #fafbfc;
    --block-color-hover: #aeb7c21f;
    --block-color-active: #aeb7c229;
    --block-shadow: 0 4px 8px rgb(0 0 0/8%);
    --navbar-color: #fafbfc;
    --navbar-color-hover: #aeb7c21f;
    --navbar-boxshadow-hover: #6590c1;
    --navbar-dropdown-boxshadow-hover: #6590c1;
    --text-color: #292b2c;
    --text-shadow-color: #0002;
    --text-link-color: #2a5885;
    --btn-color: #5181b8;
    --btn-hover: #6590c1;
    --btn-text-color: #fff;
    --success-color: #92bc47;
    --danger-color: #d9534f;
    --warning-color: #f0ad4e;
    --primary-color: #0275d8;
    --secondary-color: #fafbfc;
    --success-color-hover: #449d44;
    --danger-color-hover: #c9302c;
    --warning-color-hover: #ec971f;
    --primary-color-hover: #025aa5;
    --secondary-color-hover: #dce1e6;
    --input-bg-color: #fafbfc;
    --notify-bg-color: #fff;
    --notify-text-color: #fff;
    --marginP: 15px;
    --marginM: -15px;
    --dev-bg-color: #f0f4;
    --dev-bg-image: repeating-linear-gradient(90deg, #8884, #8884 1px, #8881 0, #8881 31px, #8884 0, #8884 32px),
        repeating-linear-gradient(180deg, #8884, #8884 1px, #8881 0, #8881 31px, #8884 0, #8884 32px);
}

/* Body */
body {
  background-color: var(--bg-color);
  background-image: var(--bg-image);
  background-position: 50%;
  background-size: var(--bg-size);
}

/* Hidden Elements */
.Header-module__logoWrapper,
.Shop-module__header,
.bannerContainer {
  display: none;
}

.Shop-module__wrapper .boxBody {
  background: none;
  padding: 0;
}

/* Profile and Widgets */
.ProfileNav-module__wrapper,
.Widgets-module__wrapper {
  background-color: var(--navigation-bg);
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  min-width: 320px;
  overflow: auto;
  padding: 12px 30px;
  scrollbar-color: #0006 #0000;
  scrollbar-width: none;
  width: 320px;
}

/* Products */
.Products-module__wrapper .Product-module__wrapper {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  margin-bottom: 3px;
  overflow: hidden;
  padding: 6px;
}

.Products-module__wrapper .Product-module__wrapper:hover {
  background-color: var(--serverpanel-bg-color-hover);
}

.Products-module__wrapper .Product-module__wrapper .Product-module__img {
  transform: scale(.9);
  transition: .3s;
}

.Products-module__wrapper .Product-module__wrapper:hover .Product-module__img {
  transform: scale(1);
}

/* Search */
.Search-module__wrapper {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .05);
  border-radius: var(--radius10);
  display: flex;
  margin-bottom: 3px;
  margin-top: 15px;
  overflow: hidden;
  padding: 24px 6px;
}

.Search-module__wrapper:focus,
.Search-module__wrapper:hover {
  background-color: hsla(0, 0%, 100%, .15);
}

.Search-module__input {
  color: var(--server-title-color);
  display: block;
  font-size: 15px;
  padding: 0 5px;
  width: 100%;
}

.Search-module__input::placeholder {
  color: var(--server-title-color);
}

.Search-module__iconWrapper {
  background: none;
}

/* Categories */
.Categories-module__categories {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  margin: 5px 0 0;
}

.Categories-module__categories .Categories-module__category {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 6px;
}

.Categories-module__categories .Categories-module__category.Categories-module__active,
.Categories-module__categories .Categories-module__category:focus,
.Categories-module__categories .Categories-module__category:hover {
  background-color: var(--serverpanel-bg-color-hover);
}

/* Main Container */
main.container {
  align-items: normal;
  display: flex;
  height: 100vh;
  justify-content: center;
  margin: auto;
  width: auto;
}

.Widgets-module__wrapper .Widgets-module__widgetWrapper:last-of-type {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.headerContainer {
  margin: 0;
  padding: 0;
  width: 1200px;
}

.Header-module__wrapper {
  margin: 0 0 15px;
}

.HeaderNav-module__wrapper {
  margin-left: 0;
}

.boxFooter {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  margin: 15px 0 0;
  padding: 20px;
}

.ShopFooter-module__links {
  margin-bottom: 0;
  margin-top: 30px;
}

body main.container>section {
  height: 100%;
  margin-bottom: 0;
  overflow: auto;
  padding: 0;
  scrollbar-width: none;
  width: 1200px;
}

.Header-module__wrapper {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  margin: 0;
  padding: 20px;
}

/* Responsive Design */
@media (max-width: 1500px) {
  .headerContainer,
  body main.container>section {
    width: 1000px;
  }
}

@media (max-width: 1300px) {
  .headerContainer,
  body main.container>section {
    width: 800px;
  }

  .Header-module__wrapper {
    flex-direction: column;
    flex-flow: column-reverse;
    gap: 10px;
    justify-content: center;
  }

  .PlayerMenu-module__wrapper {
    justify-content: center;
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  .headerContainer,
  body main.container>section {
    width: 600px;
  }

  .Categories-module__categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    margin: 5px 0 0;
  }
}

@media (max-width: 970px) {
  main.container {
    align-items: center;
    height: auto;
  }

  .PlayerMenu-module__wrapper,
  .ProfileNav-module__wrapper,
  .Widgets-module__wrapper,
  .headerContainer,
  body main.container>section {
    width: 100%;
  }

  .PlayerMenu-module__wrapper {
    justify-content: space-between;
    margin-left: 0;
  }

  .LangSwitcher-module__wrapper {
    flex: 1 0;
  }

  .Header-module__wrapper {
    padding: 10px;
  }
}

@media (max-width: 474px) {
  .Categories-module__categories {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}

/* Content Sections */
.BasketContent-module__wrapper>h2,
.HistoryContent-module__wrapper>h2,
.Page-module__wrapper>h2,
.ProfileContent-module__wrapper>h2,
.SupportContent-module__wrapper>h2 {
  background-color: var(--serverpanel-bg-color-hover);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: 800;
  margin: 15px 0 0;
  padding: 15px;
}

.BasketContent-module__wrapper>.boxBody,
.HistoryContent-module__wrapper>.boxBody,
.Page-module__wrapper>.boxBody,
.ProfileContent-module__wrapper>.boxBody,
.SupportContent-module__wrapper>.boxBody {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  margin: 5px 0 0;
  padding: 15px;
}

.ProfileContent-module__title {
  color: var(--filter-title);
  cursor: default;
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: 800;
}

.ProfileContent-module__box {
  background: none;
}

.ProfileContent-module__infoLine {
  align-items: center;
  color: var(--filter-title);
  display: flex;
  gap: 10px;
  padding: 10px 0;
}

.ProfileContent-module__infoLine+.ProfileContent-module__infoLine {
  border-top: 1px solid var(--serverpanel-bg-color);
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid {
  color: var(--filter-title);
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover {
  color: #738d45;
}

.ProfileContent-module__infoLineValue {
  color: var(--filter-title);
  font-weight: 500;
}

/* Input Wrappers */
.CountSelector-module__inputWrapper,
.PlayerBalanceModal-module__inputWrapper,
.ProfileContent-module__inputWrapper,
.TotalSum-module__inputWrapper {
  align-items: center;
  background-color: hsla(0, 0%, 100%, .05);
  border-radius: var(--radius10);
  display: flex;
  margin-bottom: 3px;
  margin-top: 15px;
  overflow: hidden;
  padding: 24px 6px;
}

.CountSelector-module__changeCountBtn {
  background-color: var(--serverpanel-bg-color);
  border: none !important;
  font-family: Roboto Condensed;
}

.CountSelector-module__changeCountBtn:active,
.CountSelector-module__changeCountBtn:focus,
.CountSelector-module__changeCountBtn:hover {
  background-color: var(--serverpanel-bg-color-hover);
}

.CountSelector-module__inputWrapper,
.PlayerBalanceModal-module__inputWrapper,
.TotalSum-module__inputWrapper {
  padding: 0;
}

.PlayerBalanceModal-module__inputWrapper {
  margin-top: 5px;
  padding: 0;
}

.PlayerBalanceModal-module__currency,
.TotalSum-module__currency {
  background-color: var(--serverpanel-bg-color-hover);
}

.CountSelector-module__label,
.PlayerBalanceModal-module__label,
.TotalSum-module__label {
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-size: 18px;
  font-weight: 800;
}

.CountSelector-module__inputWrapper:focus,
.CountSelector-module__inputWrapper:hover,
.ProfileContent-module__inputWrapper:focus,
.ProfileContent-module__inputWrapper:hover,
.TotalSum-module__inputWrapper:focus,
.TotalSum-module__inputWrapper:hover {
  background-color: hsla(0, 0%, 100%, .15);
}

.ProfileContent-module__input {
  background: none;
  color: var(--server-title-color);
  display: block;
  font-size: 15px;
  padding: 0 5px;
  width: 100%;
}

/* Buttons */
.Button-module__btn.ProfileContent-module__usePromoBtn {
  background-color: var(--success-color);
  background-size: 512px;
  border-color: var(--success-color);
  border-radius: var(--radius10);
  color: #cef7cc;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
}

.Button-module__btn.ProfileContent-module__usePromoBtn:active,
.Button-module__btn.ProfileContent-module__usePromoBtn:focus,
.Button-module__btn.ProfileContent-module__usePromoBtn:hover {
  background-color: var(--success-color-hover);
  border-color: var(--success-color-hover);
}

.Button-module__btn.ProfileNav-module__logOut {
  background-color: var(--danger-color);
  background-size: 512px;
  border-color: var(--danger-color);
  border-radius: var(--radius10);
  color: #f7d3cc;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
}

.Button-module__btn.ProfileContent-module__logOut:active,
.Button-module__btn.ProfileContent-module__logOut:focus,
.Button-module__btn.ProfileContent-module__logOut:hover {
  background-color: var(--danger-color-hover);
  border-color: var(--danger-color-hover);
}

/* Profile Navigation */
.ProfileNav-module__body.boxBody {
  background: none;
}

.ProfileNav-module__header.boxHeader {
  background-color: hsla(0, 0%, 100%, .05);
  border-radius: var(--radius10);
}

.ProfileNav-module__wrapper .boxFooter {
  margin-top: 0;
}

.ProfileNav-module__navItem {
  background-color: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: var(--server-title-color);
  color: #f7d3cc;
  text-align: center;
}

.ProfileNav-module__navItem.ProfileNav-module__active,
.ProfileNav-module__navItem:hover {
  background-color: var(--serverpanel-bg-color-hover);
}

/* Monitoring Widget */
.boxHeader.MonitoringWidget-module__header {
  background: none;
  color: var(--filter-title);
  cursor: default;
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: 800;
  padding: 0;
}

.MonitoringWidget-module__body.boxBody {
  background: none;
  font-family: Roboto Condensed;
  margin-top: 10px;
  padding: 0;
}

.Widgets-module__widgetWrapper .boxFooter {
  display: none;
}

.MonitoringServer-module__info,
.MonitoringServer-module__olineDivider {
  color: hsla(27, 55%, 92%, .6);
  font-size: 14px;
}

.MonitoringServer-module__icon {
  height: 14px;
  width: 14px;
  transition: all 0.3s ease;
}

.MonitoringServer-module__icon:hover {
  transform: translateY(-3px);
}

/* Social */
.social {
  background: var(--serverpanel-bg-color);
  margin: 0 -30px;
  padding: 15px;
}

.social_title {
  background: none;
  color: var(--filter-title);
  cursor: default;
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: 800;
  padding: 0;
  text-align: center;
}

.social_info {
  flex-direction: column;
  font-size: 16px;
  font-weight: 800;
  gap: 5px;
}

.social_info,
.social_info_online {
  align-items: center;
  display: flex;
  font-family: Roboto Condensed;
  justify-content: center;
}

.social_info_online {
  background: var(--serverlist-bg-color);
  border-radius: 100px;
  color: var(--success-color);
  gap: 4px;
  padding: 5px 16px;
}

.social_info_online:before {
  background-color: var(--success-color);
  border-radius: 50%;
  content: "";
  display: block;
  display: inline-block;
  height: 10px;
  width: 10px;
}

.social_info_total {
  align-items: center;
  background: var(--serverlist-bg-color);
  border-radius: 100px;
  color: #9f9f9f;
  display: flex;
  font-family: Roboto Condensed;
  gap: 4px;
  justify-content: center;
  padding: 5px 16px;
}

.social_info_total:before {
  background-color: #b9bbbe;
  border-radius: 50%;
  content: "";
  display: block;
  display: inline-block;
  height: 10px;
  width: 10px;
}

.social_list_item {
  display: block;
}

.social_list_item_icon {
  background-color: #b9bbbe;
  display: block;
  height: 32px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  max-height: 32px;
  max-width: 32px;
  max-width: 100%;
  min-height: 32px;
  min-width: 32px;
  opacity: .8;
  transition: .3s;
  width: 32px;
}

.social_list_item:active .social_list_item_icon,
.social_list_item:focus .social_list_item_icon,
.social_list_item:hover .social_list_item_icon {
  opacity: 1;
  transform: scale(1.1);
}

.social_list {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper {
  margin-top: 40px;
}

/* Bonuses */
.bonuses_header {
  background: none;
  color: var(--filter-title);
  cursor: default;
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: 800;
  padding: 0;
}

.bonuses_table {
  font-family: Roboto Condensed;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  margin-top: 10px;
  grid-gap: 5px;
  display: grid;
}

.bonuses_table_item {
  align-items: center;
  background: var(--serverpanel-bg-color-hover);
  color: #e4dad1;
  display: flex;
  flex-direction: row;
  font-family: Roboto Condensed;
  font-size: 12px;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease;
}

.bonuses_table_item:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  background: rgba(115, 141, 69, 0.7);
}

.bonuses_table_item>span {
  color: var(--success-color);
  font-family: Roboto Condensed;
  font-weight: 800;
}

/* Progress Bar */
.MonitoringServer-module__progressBarWrapper {
  background: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  height: 10px;
  overflow: hidden;
}

.MonitoringServer-module__progressBar {
  background: var(--success-color);
  border-radius: var(--radius10);
}

.MonitoringServer-module__progressBarAnim {
  box-shadow: none;
}

/* Products */
.Products-module__wrapper {
  gap: 5px;
}

.Products-module__wrapper .Product-module__wrapper {
  margin-bottom: 0;
}

/* Body After */
body:after {
  background-image: url(https://files.facepunch.com/garry/1b1011b1/test.png?1=);
  content: " ";
  inset: 0;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

/* Modal */
.ModalLayout-module__modal {
  align-items: center;
  background: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: #e4dad1;
  font-family: Roboto Condensed;
  font-size: 12px;
  padding: 10px;
  position: relative;
}

.ProductModal-module__header {
  color: var(--filter-title);
  font-size: 24px;
  font-weight: 800;
}

.ModalLayout-module__modal .boxBody,
.ProductModal-module__header {
  background: none;
  border-radius: var(--radius10);
  font-family: Roboto Condensed;
  padding: 0;
}

.ModalLayout-module__modal .boxBody {
  margin-top: 20px;
}

.ModalLayout-module__positionWrapper {
  align-items: flex-start;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  min-height: 100%;
  padding: 0 var(--safe-padding) 0 var(--safe-padding);
  text-align: center;
}

.KitContent-module__containsItems {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  margin-bottom: 20px;
}

.KitContent-module__containsItem {
  background: var(--serverlist-bg-color);
}

.ModalLayout-module__positionWrapper .boxFooter .Button-module__btn.Button-module__gray {
  background-color: #b23825;
  background-size: 512px;
  border: none;
  border-radius: var(--radius10);
  color: #f7d3cc;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.boxFooter .Button-module__btn.Button-module__gray:hover {
  background-color: #c43d29;
}

.boxFooter .Button-module__btn.Button-module__accent {
  background-color: #5c7137;
  background-size: 512px;
  border: none;
  border-radius: var(--radius10);
  color: #a8dc4d;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.boxFooter .Button-module__btn.Button-module__accent:hover {
  background-color: #6d8641;
  color: #a8dc4d;
}

.ModalLayout-module__positionWrapper .boxFooter {
  background: none;
  padding: 0;
}

.productModalGiveText {
  color: #d22727;
  color: var(--filter-title);
  display: block;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}

.productModalGiveText,
i,
p,
p span,
strong {
  font-family: Roboto Condensed;
}

/* Rules */
.rules .snoska,
.welcome_page .snoska,
.widget_referrals .snoska {
  background: var(--serverpanel-bg-color-hover);
  border: 1px dashed var(--serverpanel-bg-color);
  border-radius: 0;
  color: #adadad;
  font-size: 14px;
  padding: 15px;
}

.rules>ol {
  margin-top: 30px;
}

.rules ol ol li {
  background-color: rgba(0, 0, 0, .1);
  color: #bab1a8;
  padding: 10px;
  transition: .2s;
}

.rules ol ol li:nth-of-type(2n) {
  background-color: hsla(28, 26%, 86%, .05);
}

.rules ol ol {
  margin-top: 15px;
}

.rules ol ol ol {
  margin-top: 5px;
}

.rules .title {
  font-size: 20px;
}

.rules .sub_title {
  font-size: 16px;
  margin-bottom: 10px;
}

.rules li {
  display: block;
}

.rules li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

.rules li.not_num:before {
  content: "";
}

.not_num+.not_num {
  margin-top: 30px;
}

.not_num .title {
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-size: 18px;
  font-weight: 800;
}

/* Logo */
.logo {
  display: block;
  margin-top: 10px;
}

.logo_title {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.logo_title_region {
  color: rgba(74, 0, 0, .75);
  font-family: Roboto Condensed;
  font-size: 64px;
  font-style: italic;
  font-weight: 800;
  left: 50%;
  margin-left: -29px;
  margin-top: -24px;
  position: absolute;
  text-transform: uppercase;
}

.logo_title_name {
  font-size: 32px;
  text-align: center;
}

.logo_title_description,
.logo_title_name {
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-weight: 800;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.logo_title_description {
  font-size: 14px;
}

.Widgets-module__widgetWrapper[data-widgetid="143102"]+.Widgets-module__widgetWrapper {
  margin-top: 40px;
}

/* Header Navigation */
.HeaderNav-module__wrapper a {
  background-color: #1d547a;
  background-size: 512px;
  border: none;
  border-radius: var(--radius10);
  color: #80bae4;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.HeaderNav-module__wrapper a:hover {
  background-color: #225d88;
  color: #80bae4;
}

.HeaderNav-module__wrapper a.active {
  background-color: #6d8641;
  color: #a8dc4d;
}

/* Player Menu */
.PlayerMenu-module__loginLink {
  background-color: #b23825;
  background-size: 512px;
  border: none;
  border-radius: var(--radius10);
  color: #f7d3cc;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.PlayerMenu-module__loginLink:hover {
  background-color: #c43d29;
  color: #f7d3cc;
}

.PlayerMenu-module__loginLink.active {
  background-color: #6d8641;
  color: #a8dc4d;
}

.LangSwitcher-module__btn {
  background-size: 512px;
  background: none;
  border: none;
  border-radius: var(--radius10);
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.LangSwitcher-module__btn:focus,
.LangSwitcher-module__btn:hover {
  background-color: #6d8641;
  color: #a8dc4d;
}

.LangSwitcher-module__list {
  align-items: center;
  background: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  color: #e4dad1;
  font-family: Roboto Condensed;
  font-size: 12px;
  padding: 10px;
}

.PlayerBalance-module__btn {
  background-size: 512px;
  background: none;
  border: none;
  border-radius: var(--radius10);
  color: var(--filter-title);
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: background-color .15s;
}

.PlayerBalance-module__btn:focus,
.PlayerBalance-module__btn:hover {
  background-color: #6d8641;
  color: #a8dc4d;
}

*,
:after,
:before {
  font-family: "Roboto Condensed", var(--default-font-family), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.PlayerMenu-module__profileLink {
  align-items: center;
  background: none;
  background: var(--serverpanel-bg-color);
  border-radius: var(--radius10);
  display: flex;
  flex-flow: row-reverse;
  gap: 10px;
  padding: 10px;
}

.PlayerMenu-module__profileLink:focus,
.PlayerMenu-module__profileLink:hover {
  background: var(--serverpanel-bg-color-hover);
  opacity: .8;
}

.profile_info_username {
  font-family: Roboto Condensed;
  font-size: 14px;
  font-weight: 800;
  line-height: 14px;
}

.profile_info_steamid,
.profile_info_username {
  color: var(--filter-title);
  max-width: 146px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.profile_info_steamid {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  margin-top: 5px;
}

.PlayerMenu-module__profileLink .profile_avatar {
  width: 31px;
}

.PlayerMenu-module__profileLink .profile_avatar img {
  display: block;
  max-width: 100%;
}

.DesktopCopyright-module__wrapper {
  background: none !important;
  justify-content: center;
  left: 0 !important;
  margin-top: 15px;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  text-align: center;
  top: 0;
  width: 100%;
}

.Widgets-module__widgetWrapper {
  margin-top: 20px;
}

.MonitoringServer-module__info {
  display: flex;
  gap: 5px;
  justify-content: flex-start;
}

.MonitoringServer-module__btns {
  display: flex;
  flex: 1 0;
  justify-content: flex-end;
}

.server_tag {
  background: #2d4f6a;
  padding: 3px;
}

[data-monitoringserverid=total] {
  display: none;
}

.Search-module__wrapper {
  height: 48px;
  overflow: initial;
  padding: 0;
}

.Search-module__iconWrapper {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  padding: 0;
}

.select_server {
  position: relative;
  z-index: 4;
}

.select_server_active {
  background-color: #6d8641;
  background-size: 512px;
  border: none;
  border-radius: var(--radius10);
  color: #a8dc4d;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-weight: 800;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  position: relative;
  text-transform: uppercase;
  transition: background-color .15s;
  white-space: nowrap;
  z-index: 5;
}

.Search-module__icon {
  margin-left: 10px;
}

.Servers-module__servers {
  display: none;
}

.select_server:hover .Servers-module__servers {
  background: rgba(0, 0, 0, .75);
  display: block;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  padding: 5px;
  position: absolute;
  top: 100%;
  z-index: 4;
}

.Servers-module__server {
  background-color: rgba(0, 0, 0, .75);
  border: none;
  border-radius: var(--radius10);
  color: var(--server-title-color);
  font-family: Roboto Condensed;
  font-size: 14px;
  font-weight: 800;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0 14px;
  position: relative;
  text-transform: uppercase;
  transition: background-color .15s;
  white-space: nowrap;
  z-index: 5;
}

.Servers-module__server.Servers-module__active {
  background-color: #6d8641;
  color: #a8dc4d;
}

.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu {
  background: var(--bg-color-700);
  width: 100%;
}

.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu .boxBody.PlayerMenuMobile-module__body {
  padding: 0 20px;
}

.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu .PlayerMenuMobile-module__playerMenu {
  flex-direction: row;
}

.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu .PlayerMenuMobile-module__playerMenu .PlayerMenuMobile-module__loginLink,
.PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu .PlayerMenuMobile-module__playerMenu .PlayerMenuMobile-module__profileLink {
  text-transform: uppercase;
}

.HeaderNav-module__wrapper.PlayerMenuMobile-module__nav {
  gap: 5px;
  width: 100%;
}

.HeaderNav-module__wrapper.PlayerMenuMobile-module__nav a {
  width: 100%;
}

.MonitoringServer-module__wrapper .MonitoringServer-module__progressInfo {
  border-radius: 6px;
  left: auto;
  margin-bottom: 9px;
  right: 0;
  width: auto;
}

.MonitoringServer-module__wrapper .MonitoringServer-module__progressInfo:before {
  left: auto;
  right: 0;
}

.MonitoringServer-module__wrapper .MonitoringServer-module__playersInfo {
  font-size: 12px;
  text-align: left;
}

.Header-module__wrapper a,
.Header-module__wrapper button span,
.ProfileNav-module__body .ProfileNav-module__navItem,
.custom_header {
  align-items: center;
  display: flex;
}

.custom_header {
  gap: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.custom_header_item {
  background-position: 50%;
  background-size: cover;
  height: 300px;
  overflow: hidden;
}

.custom_header_item:first-of-type {
  width: 500px;
}

.custom_header_item:last-of-type {
  flex: 1 0;
}

/*# sourceMappingURL=style.min.css.map */