.boxFooter,.xbox__body {
  border-bottom: 2px solid #3b3b3b
}

.vkontakte,.vkontakte:hover {
  box-shadow: 0 10px 20px 0 rgba(0,98,255,.15)
}

.Banner-module__img {
  display: none
}

[data-monitoringserverid="33715"]:before {
  content: "Вайп каждый четверг:";
  height: 30px;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  align-items: start
}

body {
  background-size: cover!important;
  background: url(https://media.discordapp.net/attachments/1194525407207227485/1205258935280599140/bg-alternate.jpg) 50% no-repeat fixed
}

body:after {
  background-image: url(https://media.discordapp.net/attachments/1194525407207227485/1205259079690231880/rustnoise_1.png);
  content: " ";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  pointer-events: none;
  opacity: .6
}

.boxHeader,.xbox__header {
  background: #212121;
  padding: 15px;
  border-radius: 5px 5px 0 0;
  border-top: 2px solid #3b3b3b;
  border-left: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b
}

.boxBody,.xbox__body {
  background: rgb(30 30 30 / 90%);
  border-left: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b
}

.xbox__body {
  padding: 10px;
  border-radius: 0 0 5px 5px
}

h4 {
  font-size: 17px;
  font-weight: 400
}

.boxBody {
  padding: 15px;
  border-radius: 0
}

.boxFooter {
  background: #282828;
  border-radius: 0 0 5px 5px;
  border-left: 2px solid #3b3b3b;
  border-right: 2px solid #3b3b3b
}

.Button-module__btn.Button-module__gray {
  color: var(--font-color-800);
  background-color: #373737;
  border-color: #494949;
  border-radius: 5px
}

.Button-module__btn.Button-module__gray:focus,.Button-module__btn.Button-module__gray:hover {
  background-color: #434343
}

.Button-module__btn.Button-module__accent {
  color: var(--font-color-700);
  background-color: var(--accent-color-800);
  border-color: var(--accent-color-800);
  border-radius: 5px
}

.Button-module__btn.Button-module__accent:focus,.Button-module__btn.Button-module__accent:hover {
  background-color: #3dd388;
  border-color: var(--accent-color-900)
}

.Search-module__wrapper {
  width: 100%;
  display: flex;
  height: 34px;
  border-radius: 5px;
  overflow: hidden;
  background: var(--bg-color-700);
  margin-top: 15px
}

.Product-module__wrapper {
  background: var(--bg-color-700);
  position: relative;
  aspect-ratio: 1 / 1.4;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  animation: .15s Product-module__productAnimation;
  background-image: radial-gradient(#2db470 0,transparent 70%);
  background-size: 300% 300%;
  background-repeat: no-repeat;
  background-position: 20% 120%;
  border: 1px solid #3b3b3b7a
}

.Product-module__img {
    object-fit: contain;
    width: 100%;
    aspect-ratio: 0;
}

.Product-module__price {
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 29%);
  padding: 10px;
  border-radius: 0 0 5px;
  display: flex;
  align-items: center
}

.Product-module__discount {
  top: 0;
  right: 0;
  background-color: var(--accent-color-800);
  color: var(--font-color-700);
  padding: 10px;
  border-radius: 0 0 0 5px
}

.productModalContainsItem,.productModalDescription {
  padding: 10px;
  background-color: var(--bg-color-700);
  border-radius: 5px
}

.productModalContainsItem {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #3f3f3f
}

.productModalDescription {
  text-align: left;
  margin-bottom: 10px;
  border: 1px dashed #424242
}

.RouletteContent-module__rouletteItem {
  border-radius: 5px;
  overflow: hidden;
  background: var(--bg-color-700);
  padding: 8px
}

:root[data-theme=red_black] {
  --accent-color-800: #2db470;
  --accent-color-900: #2db470;
  --font-color-700: #fff;
  --font-color-800: rgba(255, 255, 255, .7);
  --font-color-900: #7b7b7b;
  --bg-color-800: #202020;
  --bg-color-700: #282828;
  --bg-color-900: #1d1b1a;
  --product-items-trans-bg-color: rgba(0, 0, 0, .4)
}

.Header-module__logo {
  font-size: 0px;
  text-transform: none;
  background: url(https://raw.githubusercontent.com/Fioletowiy/H-Images/main/BlackDonut/DesignIMG/BlackLogo.png) 0 0/contain no-repeat;
  width: 260px;
  height: 50px
}

.Header-module__wrapper {
  background-color: rgb(0,0,0,0);
  margin-bottom: 20px;
  padding: 0;
  min-height: 70px;
  font-weight: 500;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}

.social-box {
  text-align: center;
  display: grid;
  line-height: 2rem;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px
}

.vkontakte {
  background: #2c3547;
  border: 2px solid #3c4861;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.vkontakte:hover {
  background: #202735;
  border: 2px solid #3c4861;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.telegram,.telegram:hover {
  box-shadow: 0 10px 20px 0 rgba(0,200,255,.15);
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.telegram {
  background: #2c3e47;
  border: 2px solid #3c5661;
  border-radius: 5px
}

.telegram:hover {
  background: #203035;
  border: 2px solid #3c5661;
  border-radius: 5px
}

.youtube,.youtube:hover {
  box-shadow: 0 10px 20px 0 rgba(255,0,0,.15)
}

.youtube {
  background: #472c2c;
  border: 2px solid #613c3c;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.youtube:hover {
  background: #352020;
  border: 2px solid #613c3c;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.twitch,.twitch:hover {
  box-shadow: 0 10px 20px 0 rgba(145,0,255,.15);
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 25px;
  padding: 5px 0 2px;
  transition: .3s
}

.twitch {
  background: #3c2c47;
  border: 2px solid #523c61;
  border-radius: 5px
}

.twitch:hover {
  background: #312035;
  border: 2px solid #523c61;
  border-radius: 5px
}

.socicon {
  vertical-align: sub;
  margin-right: 7px
}

.info {
  font-size: 11px;
  color: #999;
  line-height: 1.5;
  margin-bottom: 10px
}

.info-links,.info-links a,.info-links a:hover {
  font-size: 12px;
  display: grid;
  line-height: 1.8
}

.info-links a {
  transition: .3s
}

.info-links a:hover {
  color: #239b5f;
  transition: .3s
}

@keyframes blick {
  0% {
      transform: translate(-100%,-25%) rotate(10deg)
  }

  100%,20% {
      transform: translate(100%,-25%) rotate(10deg)
  }
}

.bonus {
  width: 50%;
  background: linear-gradient(40deg,#2db470,#3cc27f,#2db470,#3da571);
  color: #fff;
  background-size: 400% 400%;
  border-radius: 0 5px 5px 0;
  position: relative;
  overflow: hidden
}

.bonus:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .4;
  filter: blur(10px);
  background: linear-gradient(to left,transparent 0,#fff 30%,#fff 60%,transparent 100%);
  transform: translate(-100%,-25%) rotate(10deg);
  animation: 4s infinite blick
}

@media (min-width: 768px) {
  .Categories-module__categories {
      text-align:center;
      display: flex;
      width: auto;
      align-content: center;
      flex-direction: column;
      align-items: stretch;
      justify-content: center;
      position: absolute;
      transform: translateX(-185px) rotate(360deg) translateY(0);
      background: rgb(30 30 30 / 90%);
      padding: 10px;
      border-radius: 5px;
      border: 2px solid #3b3b3b;
      flex-wrap: wrap;
      top: 120px
  }

  .container {
      width: 75%;
      max-width: 1280px;
      min-width: 768px;
      padding: 0 var(--safe-padding)
  }

  .Index-module__wrapper {
      display: flex;
      align-items: flex-start;
      margin-top: 50px
  }

  @media (max-width: 768px) {
      .PlayerMenuMobile-module__nav {
          flex-direction:column;
          align-items: center;
          margin-left: 0
      }

      .PlayerMenuMobile-module__playerMenu {
          margin-bottom: 0;
          background: #282828;
          display: flex;
          align-items: center;
          flex-direction: column-reverse;
          padding: 10px
      }

      .PlayerMenuMobile-module__nav {
          display: none
      }
  }

  .Categories-module__category {
      margin-bottom: 0;
      background: #333;
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
      border-radius: 5px;
      display: flex;
      align-items: center;
      padding: 7px 13px;
      font-size: 14px;
      height: 34px
  }

  .Categories-module__category.Categories-module__active,.Categories-module__category:hover {
      background: #333;
      color: var(--font-color-700)
  }

  .Categories-module__category:hover {
      background-color: var(--accent-color-800);
      color: var(--font-color-700)
  }

  [data-categoryid="412179"] {
      color: #fff;
      background: linear-gradient(90deg,#5d5d5d,#363636);
      background-size: 100% 50%
  }

  .Categories-module__categories {
      margin: 0
  }
}

[data-monitoringserverid="18459"]:before {
  content: "Классические:";
  text-align: center;
  display: block;
  margin-bottom: 10px;
  height: 30px;
  font-weight: 500;
  font-size: 20px;
}

[data-monitoringserverid="19225"]:before {
  content: "";
  height: 30px;
  font-weight: 500;
  font-size: 15px;
}
[data-monitoringserverid="25218"]:after{
  content: "";
  display: block;
  border: 2px solid #3dd388;
  margin: 25px 0 0 0;
}

[data-monitoringserverid="25837"]:before{
  content: "Новое:";
  text-align: center;
  display: block;
  margin-bottom: 10px;
  height: 30px;
  font-weight: 500;
  font-size: 20px;
}
[data-monitoringserverid="28219"]:before {
  content: "";
  height: 30px;
  font-weight: 500;
  font-size: 15px;
}