@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);
:root {
  --default-bg: #131313;
  --default-font-size: 16px;
  --default-font-family: "Roboto Condensed";
  --default-font-weight: 600;
  --default-font-color: #ffffff;
  --default-font-color-hover: #fff9;
  --small-font-size: 12px;
  --big-font-size: 20px;
  --active-color-btn: #e03e53;
  --hover-color-btn: #c63a3a;
  --passive-color-btn: #c63a3a;
  --product-price: #c63a3a;
  --product-price-hover: #b83636;
  --product-card-bg: #282828;
  --server-bg-active: #3d3c3c;
  --server-bg-hover: #3d3c3c;
  --server-bg: #282828;
  --accent-color-700: #b83636;
  --accent-color-800: #b83636;
  --accent-color-900: #b83636;
}

:root[data-theme] {
  --bg-color-800: #7e1f1f;
  --bg-color-700: #7e1f1f;
  --accent-color-700: #b83636;
  --accent-color-800: #b83636;
  --accent-color-900: #b83636;
}

[data-monitoringserverid="28505"]:before {
  content: "○ Вайп по пятницам";
  height: 30px;
  font-weight: var(--default-font-weight);
  font-size: var(--big-font-size);
  display: flex;
  align-items: start;
}

.swiper {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background-color: aliceblue;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ccc;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
  transform: scale(1.4);
}

* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: var(--default-font-family), sans-serif;
  color: var(--default-font-color);
}

img {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
}

body::-webkit-scrollbar {
  width: 0px;
}

body {
  background-color: var(--default-bg);
}

.Header-module__logoWrapper {
  cursor: pointer;
}

.container.bannerContainer,
.Categories-module__categories,
.Shop-module__header,
.Widgets-module__wrapper .boxFooter,
.LangSwitcher-module__currentLang,
.container.headerContainer
  .Header-module__wrapper
  .Header-module__logoWrapper
  .Header-module__logo,
.Search-module__wrapper,
.boxHeader.MonitoringWidget-module__header,
.MonitoringServer-module__icon,
.ProfileContent-module__header.boxHeader,
.BasketContent-module__header.boxHeader,
.HistoryContent-module__header.boxHeader {
  display: none;
}

.container.Index-module__wrapper,
.container.Profile-module__wrapper,
.container.ProfileBasket-module__wrapper,
.container.ProfileHistory-module__wrapper {
  max-width: 1450px;
  width: auto;
}

.container.headerContainer {
  width: 100%;
  background: radial-gradient(15% 100% at 50% 50%, #ce6060 0%, #c63a3a 100%);
}

.container.headerContainer .Header-module__wrapper {
  max-width: 1450px;
  padding: 0 10px;
  margin: 0 auto;
  background-color: transparent;
  margin-bottom: 20px;
  min-height: 60px;
}

.container.headerContainer .Header-module__wrapper .HeaderNav-module__wrapper {
  margin: 0;
}

.container.headerContainer .Header-module__wrapper .Header-module__logoWrapper {
  background: url("https://i.imgur.com/J6LsVzt.png");
  width: 200px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.HeaderNav-module__link,
.PlayerMenu-module__wrapper {
  color: var(--default-font-color);
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
  letter-spacing: 1px;
  transition: 0.2s;
  padding: 20px 10px;
}

.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus,
.PlayerMenu-module__profileLink:hover,
.PlayerMenu-module__profileLink:focus,
.PlayerMenu-module__loginLink:hover,
.PlayerMenu-module__loginLink:focus {
  color: var(--default-font-color-hover);
  transition: 0.2s;
  background-color: unset;
}

.Search-module__wrapper,
.Servers-module__server,
.Categories-module__category,
.Categories-module__category.Categories-module__active,
.Categories-module__category:hover .PlayerMenu-module__profileLink,
.PlayerMenu-module__loginLink,
.Button-module__btn.Button-module__accent,
.Button-module__btn.Button-module__gray,
.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper,
.Toast-module__toast,
.ProductItemSelector-module__items,
.ProductItemSelector-module__item.ProductItemSelector-module__active,
.ProductItemSelector-module__item:hover,
.ProductItemSelector-module__item:focus,
.productModalDescription,
.productModalContainsItem,
.PlayerMenuMobile-module__profileLink,
.PlayerMenuMobile-module__loginLink,
.Widgets-module__widgetWrapper,
.PlayerBalanceModal-module__inputWrapper,
.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus,
.ProfileContent-module__infoWrapper,
.Selector-module__dropDownCurrentItem,
.ProfileContent-module__input,
.ProfileNav-module__img,
.BasketSearch-module__wrapper,
.BasketTable-module__tableHeader,
.BasketTable-module__tableLine:nth-child(2n-1),
.HistorySearch-module__wrapper,
.HistoryTable-module__tableHeader,
.HistoryTable-module__tableLine:nth-child(2n-1),
.Cookie-module__wrapper,
.Product-module__wrapper,
.ProfileNav-module__body.boxBody,
.boxBody:last-child {
  border-radius: 10px;
}

.MonitoringWidget-module__header,
.ProfileContent-module__header,
.ProfileNav-module__header,
.BasketContent-module__header.boxHeader,
.HistoryContent-module__header.boxHeader,
.WelcomeSelectServer-module__header.boxHeader,
.ProductModal-module__header.boxHeader,
.PlayerBalanceModal-module__header {
  border-radius: 10px 10px 0px 0px;
}

.MonitoringWidget-module__body,
.ProfileNav-module__wrapper .boxFooter,
.ItemContent-module__footer.boxFooter,
.PlayerBalanceModal-module__footer {
  border-radius: 0px 0px 10px 10px;
}

.Shop-module__wrapper .boxBody,
.MonitoringWidget-module__body.boxBody,
.Shop-module__wrapper .boxFooter,
.DesktopCopyright-module__wrapper {
  background: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0) !important;
}

.Servers-module__server.Servers-module__active,
.Servers-module__server:hover,
.Servers-module__server:focus {
  background: var(--server-bg-hover);
  color: var(--default-font-color);
  transition: 0.2s;
}

.Shop-module__wrapper {
  width: calc(100% - 264px - 30px);
}

.Servers-module__server.Servers-module__active {
  font-weight: var(--default-font-weight);
  color: var(--default-font-color);
  transition: 0.2s;
  background: var(--server-bg);
}

.Servers-module__server {
  background: var(--server-bg-active);
  font-size: 14px;
  color: var(--default-font-color-hover);
  padding: 15.5px 0;
  max-width: unset;
  width: 100%;
}

.Product-module__wrapper {
  background: var(--product-card-bg);
  overflow: visible;
  transition: 0.2s;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Product-module__name {
  transform: translateY(0);
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--small-font-size);
  font-weight: var(--default-font-weight);
  height: 32px;
}

.MonitoringServer-module__name {
  display: block;
  margin-bottom: 5px;
  color: var(--default-font-color-hover);
  font-weight: 600;
  transition: 0.2s;
}

.MonitoringServer-module__progressBarAnim {
  background: var(--active-color-btn);
  transition: 0.2s;
}

.MonitoringServer-module__info {
  position: relative;
  top: -23px;
  left: 8px;
  width: fit-content;
}

.MonitoringServer-module__info > span {
  color: var(--default-font-color-hover);
  font-size: var(--small-font-size);
  transition: 0.2s;
}

.MonitoringServer-module__wrapper + .MonitoringServer-module__wrapper {
  margin-top: -10px;
}

.MonitoringServer-module__progressBarWrapper {
  border-radius: 5px;
  height: 20px;
}

.Product-module__discount {
  top: -10px;
  right: -10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  padding: unset;
  text-align: center;
  font-size: 15px;
  z-index: 1;
  transition: background-color 0.15s;
}

.Product-module__price {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-radius: 0 0 10px 10px;
  top: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
  background: #c63a3a;
  height: 35px;
  transition: 0.2s;
}

.Product-module__price span:not(.Product-module__oldPrice)::before {
  font-family: FontAwesome;
  content: "\f07a";
  font-size: 18px;
  margin-right: 5px;
}

.Product-module__oldPrice {
  color: var(--default-font-color-hover);
}

.Product-module__oldPrice:after {
  background-color: var(--default-font-color-hover);
}

.Product-module__wrapper:hover .Product-module__price {
  background: #e14848;
  transition: 0.2s;
}

.Product-module__wrapper:hover .Product-module__img {
  transform: scale(1.1);
  transition: 0.2s;
}

.Product-module__img {
  transition: 0.2s;
  width: 160px;
}

.DesktopCopyright-module__text {
  color: var(--default-font-color-hover);
}

.MonitoringServer-module__progressBarWrapper {
  background-color: #4f1313;
}

.PlayerBalance-module__btn {
  transition: 0.2s;
}

.PlayerBalance-module__btn:hover,
.PlayerBalance-module__btn:focus {
  color: var(--default-font-color-hover) !important;
  transition: 0.2s;
  background-color: unset;
}

MonitoringServer-module__wrapper:hover .MonitoringServer-module__info > span {
  color: var(--default-font-color);
  transition: 0.2s;
}

.MonitoringServer-module__wrapper:hover
  .MonitoringServer-module__progressBarAnim {
  background: var(--product-price-hover);
  transition: 0.2s;
}

.MonitoringServer-module__wrapper:hover .MonitoringServer-module__name {
  color: var(--default-font-color);
  transition: 0.2s;
}

.ModalLayout-module__modal .boxHeader,
.ModalLayout-module__modal .boxBody,
.ModalLayout-module__modal .boxFooter,
.productModalDescription,
.TotalSum-module__input,
.CountSelector-module__changeCountBtn,
.CountSelector-module__input {
  background: var(--default-bg);
}

.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper {
  border: 2px solid var(--product-price);
}

.TotalSum-module__currency,
.CountSelector-module__changeCountBtn:hover,
.CountSelector-module__changeCountBtn:focus {
  background: var(--product-price);
}

.CountSelector-module__changeCountBtn.CountSelector-module__left {
  border-right: 0px;
}

.CountSelector-module__changeCountBtn.CountSelector-module__right {
  border-left: 0px;
}

.Button-module__btn {
  padding: 10px 32px;
  font-weight: var(--default-font-weight);
}

.Button-module__btn.Button-module__gray {
  background-color: var(--default-bg);
  border: 2px solid var(--product-price);
  transition: 0.2s;
}

.Button-module__btn.Button-module__gray:hover,
.Button-module__btn.Button-module__gray:focus {
  background-color: #521616;
  transition: 0.2s;
}

.ProductModal-module__command,
.ProductModal-module__bp,
.ProductModal-module__item,
.ProductModal-module__dropdown {
  width: 500px;
}

.ProfileContent-module__header.boxHeader,
.ProfileContent-module__box,
.Selector-module__dropDownCurrentItem,
.Selector-module__dropDownList,
.ProfileContent-module__input,
.BasketSearch-module__input,
.BasketTable-module__tableLine:nth-child(2n-1),
.Pagination-module__navPageBtn,
.Pagination-module__page.Pagination-module__active,
.Pagination-module__page,
.BasketTable-module__tableHeader,
.HistorySearch-module__input,
.HistoryTable-module__tableHeader,
.HistoryTable-module__tableLine:nth-child(2n-1),
.PlayerMenuMobile-module__header,
.Toast-module__toast,
.PlayerBalanceModal-module__input {
  background: var(--active-color-btn);
}

.ProfileContent-module__body.boxBody,
.ProfileNav-module__body.boxBody,
.BasketContent-module__wrapper .boxBody,
.HistoryContent-module__wrapper .boxBody,
.gs-loader {
  background: var(--hover-color-btn);
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid {
  color: var(--default-font-color);
  transition: 0.2s;
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover {
  color: var(--default-font-color-hover);
  transition: 0.2s;
}

.ProfileContent-module__infoLine + .ProfileContent-module__infoLine {
  border: 0px;
}

.ProfileNav-module__header.boxHeader {
  display: none;
}

.ProfileNav-module__navItem.ProfileNav-module__active {
  color: var(--default-font-color);
  background: rgba(255, 255, 255, 0);
  font-weight: var(--default-font-weight);
}

.ProfileNav-module__navItem:hover,
.ProfileNav-module__navItem:focus {
  color: var(--default-font-color);
  background: rgba(255, 255, 255, 0);
  font-weight: 500;
  font-size: var(--big-font-size);
}

.ProfileNav-module__navItem {
  color: var(--default-font-color-hover);
  background: rgba(255, 255, 255, 0);
  font-weight: 500;
  font-size: var(--big-font-size);
}

.ProfileNav-module__body.boxBody {
  margin-bottom: 10px;
}

.ProfileNav-module__wrapper .boxFooter {
  padding: 0;
  background: rgba(255, 255, 255, 0);
}

.ProfileContent-module__title {
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
}

.BasketTable-module__tableTitle,
.HistoryTable-module__tableTitle {
  color: var(--default-font-color);
  font-weight: var(--default-font-weight);
}

.PlayerMenuMobile-module__nav {
  align-items: flex-end;
}

@media (max-width: 980px) {
  .boxBody:last-child {
    border-radius: 0px;
  }
  .boxBody:last-child {
    background: var(--hover-color-btn);
  }
  .PlayerMenuMobile-module__profileLink,
  .PlayerBalance-module__btn {
    background: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: flex-end;
    color: var(--default-font-color);
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight);
    letter-spacing: 1px;
    transition: 0.2s;
    padding: 0;
    text-transform: uppercase;
  }
  .PlayerMenuMobile-module__playerMenu {
    margin-bottom: 12px;
  }
  .HeaderNav-module__link,
  .PlayerMenu-module__wrapper {
    padding: 12px 0;
  }
}
.boxBody.PlayerMenuMobile-module__body {
  background: var(--accent-color-900);
}

.layout-panel-help-message {
  background-color: var(--product-card-bg);
  height: 50px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0 15px;
}
.layout-panel-help-message span {
  z-index: 1;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.layout-panel-help-message__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to left,
    #333333,
    #333333 50%,
    var(--passive-color-btn) 50%
  );
  background-size: 200% 5%;
  animation: gradient 30s cubic-bezier(0.48, 0.51, 0.48, 0.51) infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.PlayerMenu-module__loginLink::before {
  font-family: FontAwesome;
  content: "\f1b6" !important;
  font-weight: 400;
  margin-right: 5px;
}

@media screen and (max-width: 970px) {
  .Shop-module__wrapper {
    width: 100%;
  }
}
.boxBody.privilage {
  display: grid;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas: "boxBody-image boxBody-description" "boxBody-additional boxBody-additional" "boxBody-kits boxBody-kits";
}

.boxBody-image {
  grid-area: boxBody-image;
}
.boxBody-image .productModalImg {
  max-width: 200px;
  height: initial;
}

.boxBody-description {
  grid-area: boxBody-description;
  background-color: #222;
  border-radius: 10px;
  padding: 10px 20px;
  height: fit-content;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.boxBody-description h4,
.boxBody-description p {
  margin: 0;
  color: #fff;
}
.boxBody-description h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

.boxBody-additional {
  grid-area: boxBody-additional;
  display: flex;
  flex-direction: column;
  background-color: #222;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.boxBody-additional__title h4 {
  text-align: start;
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
.boxBody-additional__items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.boxBody-additional__items__item {
  border-radius: 10px;
  background-color: var(--accent-color-900);
  position: relative;
  width: 130px;
  height: 130px;
  cursor: pointer;
}
.boxBody-additional__items__item:hover
  .boxBody-additional__items__item__description {
  opacity: 1;
  z-index: 2;
}
.boxBody-additional__items__item__content {
  width: 100%;
  height: 100%;
}
.boxBody-additional__items__item__content__img {
  width: 100%;
  padding: 0 20px;
}
.boxBody-additional__items__item__content__title {
  text-align: center;
  color: #fff;
}
.boxBody-additional__items__item__description {
  position: absolute;
  background-color: #8a2f2f;
  border-radius: 10px;
  display: flex;
  padding: 15px;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}

.boxBody-kits {
  grid-area: boxBody-kits;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  gap: 20px;
}
.boxBody-kits__title h4 {
  text-align: start;
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.boxBody-kits__items {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.boxBody-kits__items__item {
  border-radius: 10px;
  background-color: var(--accent-color-900);
  position: relative;
  width: 65px;
  height: 65px;
  cursor: pointer;
}
.boxBody-kits__items__item__content {
  width: 100%;
  height: 100%;
}
.boxBody-kits__items__item__content__img {
  width: 100%;
  padding: 0 5px;
}
.boxBody-kits__items__item__content__title {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 5px;
}
.boxBody-kits__items__item__description {
  position: absolute;
  background-color: #443768;
  border-radius: 10px;
  display: flex;
  padding: 15px;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}

.ModalLayout-module__modal.ProductModal-module__set
  .productModalFormRow:nth-child(2),
.ModalLayout-module__modal.ProductModal-module__item
  .productModalFormRow:nth-child(2) {
  display: none;
}

@media screen and (max-width: 990px) {
  .PlayerMenu-module__langSwitcher,
  .PlayerMenu-module__balance {
    display: none;
  }
}
.RouletteContent-module__lineWrapper {
  margin: 0 30px;
  width: calc(100% - 60px);
  border-radius: 8px;
}
.RouletteContent-module__lineWrapper
  .RouletteContent-module__line
  .RouletteContent-module__rouletteItem {
  background: #411717;
  border-radius: 8px;
}

.PlayerMenuMobile-module__langSwitcher,
.PlayerMenuMobile-module__balance,
.PlayerMenuMobile-module__profileLink,
.PlayerMenuMobile-module__loginLink {
  display: flex !important;
  width: 100%;
  justify-content: flex-end;
  background-color: transparent;
}

.PlayerMenu-module__socialLink {
  margin-right: 24px !important;
}

.PlayerBalance-module__btn span::before {
  font-family: FontAwesome;
  content: "\f055";
  font-weight: 400;
  margin-right: 5px;
}

@media screen and (max-width: 980px) {
  .PlayerMenu-module__socialLink {
    display: none;
  }
}
.CrosseCloseBtn-module__line {
  background-color: #fff;
}

.PlayerMenuMobile-module__loginLink {
  transition: 0.2s;
  padding: 10px 0;
}
.PlayerMenuMobile-module__loginLink:hover {
  opacity: 0.8;
}
.PlayerMenuMobile-module__loginLink::before {
  font-family: FontAwesome;
  content: "\f1b6" !important;
  font-weight: 400;
  margin-right: 5px;
}

.PlayerMenuMobile-module__playerMenu {
  margin: 0;
}

.HeaderNav-module__logo {
  height: 50px;
  width: 50%;
  margin: 0 auto;
}

.boxHeader.PlayerMenuMobile-module__header {
  background-color: var(--bg-color-800);
}

.ProfileContent-module__input::placeholder {
  color: #fff;
}

.PlayerBalanceModal-module__input,
.Selector-module__dropDownCurrentItem,
.ProfileContent-module__input,
.ProfileContent-module__infoWrapper.ProfileContent-module__box {
  background: #f74949;
}

.HistoryTable-module__tableHeader,
.HistorySearch-module__input,
.BasketTable-module__tableHeader,
.BasketSearch-module__input {
  background: #f74949;
}

.HistoryTable-module__tableLine:nth-child(2n-1),
.BasketTable-module__tableLine:nth-child(2n-1) {
  background: #f74949;
}

.Selector-module__dropDownList.Selector-module__openOnBottom {
  background: #6e1d1d;
}

.Button-module__btn.ProfileContent-module__usePromoBtn.Button-module__accent {
  background-color: #f74949;
}

.HistorySearch-module__input::placeholder,
.BasketSearch-module__input::placeholder {
  color: #fff;
}

.HistoryTable-module__value,
.BasketTable-module__value {
  color: #fff;
}

.Pagination-module__page {
  color: #fff;
}
.Pagination-module__page.Pagination-module__active {
  color: #fff;
}

.Toast-module__toast {
  background-color: #282828;
}

.boxBody-kits__item {
  background: #222;
  padding: 10px 20px;
  border-radius: 10px;
}