@import "https://ch3rn1k.me/archive/fonts/web/CeraPro/CeraPro.css";

.PlayerMenu-module__loginLink {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки */
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid transparent; /* Начальный цвет границы */
    color: #ffffff; /* Начальный цвет текста */
}

.PlayerMenu-module__loginLink:focus {
    color: #ffffff; /* Сохраняем исходный цвет текста */
    background: rgba(255, 255, 255, 0.04); /* Сохраняем фон */
    outline: none; /* Убираем стандартный фокус (если нужно) */
}

.PlayerMenu-module__loginLink:active {
    color: #ffffff; /* Цвет текста при нажатии */
    background: rgba(255, 255, 255, 0.1); /* Немного более яркий фон при нажатии */
    border-color: #3ef0a3; /* Граница сохраняется */
}

.PlayerMenu-module__loginLink:hover {
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки остаётся прежним */
    color: #3ef0a3; /* Цвет текста при наведении */
    border: 2px solid #3ef0a3; /* Цвет границы при наведении */
}


body {
background-color:#000!important;
background-size:cover!important;
font-family:CeraPro,sans-serif
}

@font-face {
font-family:FontAwesome;
font-style:normal;
font-weight:400;
src:url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?v=4.6.3);
src:url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg")
}

.fa {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto
}

.fa-2x {
font-size:2em
}

.widget {
    background-color: #49494936;
    padding: 15px;
    border-radius: 10px;
    width: 265px;
    font-family: Arial, sans-serif;
}

.widget-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.widget-button {
    background-color: #7b7b7b; /* Standard color for buttons */
    border: none;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;  /* Центрируем элементы по вертикали */
    text-decoration: none;  /* Remove underline for links */
    transition: background-color 0.3s ease;
}

.widget-button .icon {
    display: flex;
    align-items: center;  /* Центрируем иконку внутри контейнера */
    justify-content: center;
    margin-right: 8px;
}

.widget-button .icon img {
    width: 20px;
    height: 20px;
    vertical-align: middle;  /* Выровнять иконку по центру строки */
}

.discord-button {
    background-color: #333333; /* Standard color */
}

.discord-button:hover {
    background-color: #5662f6; /* Hover color for Discord */
}

.telegram-button {
    background-color: #333333; /* Standard color for Telegram */
}

.telegram-button:hover {
    background-color: #32a8dd; /* Hover color for Telegram */
}

.FunPay-button {
    background-color: #333333; /* Standard color */
}

.FunPay-button:hover {
    background-color: #0078A4; /* Hover color for Discord */
}

.widget-button:hover {
    opacity: 0.9;
}

.fa-3x {
font-size:3em
}

.fa-4x {
font-size:4em
}

.fa-5x {
font-size:5em
}

.fa-border {
border:solid .08em #eee;
border-radius:.1em;
padding:.2em .25em .15em
}

.fa-fw {
text-align:center;
width:1.28571429em
}

.fa-lg {
font-size:1.33333333em;
line-height:.75em;
vertical-align:-15%
}

.fa-li {
left:-2.14285714em;
position:absolute;
text-align:center;
top:.14285714em;
width:2.14285714em
}

.fa-li.fa-lg {
left:-1.85714286em
}

.fa-pull-left {
float:left
}

.Banner-module__img {
    display: none;
}

.Search-module__wrapper {
display: none;
}

.ProductItemSelector-module__label {
display: none;
}

.Categories-module__categories {
display: none;
}

.Header-module__logo {
display: none;
}

.fa-pull-right {
float:right
}

.fa-pulse {
animation:fa-spin 1s infinite steps(8)
}

.fa-spin {
animation:fa-spin 2s infinite linear
}

.fa-ul {
list-style-type:none;
margin-left:2.14285714em;
padding-left:0
}

.fa-ul>li {
position:relative
}

.fa.fa-pull-left {
margin-right:.3em
}

.fa.fa-pull-right {
margin-left:.3em
}

.fa.pull-left {
margin-right:.3em
}

.fa.pull-right {
margin-left:.3em
}

.pull-left {
float:left
}

.pull-right {
float:right
}

body {
background-image:url(https://gspics.org/images/2024/02/23/0b5xao.png)
}

Banner-module__img {
background-image:url()
}

/* Для Firefox */
scrollbar-color: #3ef0a3 #333 !important; /* Цвет ползунка и фона */
scrollbar-width: thin !important; /* Тонкий scrollbar */

/* Для Internet Explorer 10+ и Edge */
::-ms-scrollbar {
    width: 8px !important;
}

::-ms-scrollbar-thumb {
    background-color: #3ef0a3 !important;
    border-radius: 10px !important;
}

@keyframes fa-spin {
0% {
transform:rotate(0)
}

100% {
transform:rotate(359deg)
}
}

.Button-module__btn.Button-module__accent {
background-color:#3ef0a3;
border:0px solid #3ef0a3;
border-radius:10px;
}

.Button-module__btn.Button-module__accent:hover {
background-color:#e82f4e;
transition:all .3s ease
}

.Button-module__btn.Button-module__gray {
    background: #787878;
    border: 1px solid #20202000;
    border-radius: 15px;
    color: rgba(255, 255, 255, .7);
    transition: background-color 0.3s ease; /* Добавляем анимацию изменения цвета фона */
}

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

.Servers-module__server.Servers-module__active {
    background-color: #3ef0a3;
    color: #fff;
}

.ProfileNav-module__navItem:hover {
    background-color: #3ef0a3; /* Цвет фона при наведении */
    color: white; /* Цвет текста при наведении (если необходимо) */
}

.Servers-module__server {
    cursor: pointer;
    color: #ffffff;
    min-width: unset;
    max-width: unset;
    border-radius: 10px;
    transition: all .15s ease;
    width: auto;
    display: inline-block;
    height: auto;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%);
    background: #333333;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 15px;
}

.Servers-module__server:hover {
    background-color: #3ef0a3;
    color: #fff;
}


.Servers-module__active {
    background: linear-gradient(to left, #3ef0a3 0, #3ef0a3 100%);
    color: #fff;
    border-radius: 10px; /* Добавляет скругление углов */
}

.Categories-module__category.Categories-module__active {
background:linear-gradient(to left,#3ef0a3 0,#3ef0a3 100%);
border:none;

  
font-weight:400;
transform:scale(1.10)
}

.Categories-module__category.Categories-module__enableFocus:focus {
background:linear-gradient(to left,#3ef0a3 0,#3ef0a3 100%);
color:#fff
}

.Categories-module__enableFocus {
background: #333333;
border-radius:7.5px;
font-size: 15px;
color:rgba(255,255,255,.7);
margin-left:5px
}

.Categories-module__enableFocus:hover {
background: #3ef0a3;
color:#ffffff;
transform:scale(1)
}

.DesktopCopyright-module__link {
color:#3ef0a3;
font-size:14px;
font-weight:700;
line-height:1
}

.DesktopCopyright-module__wrapper {
background: #262626;
border-radius:0 10px 0 0!important;
bottom:0!important;
font-size:14px;
left:0!important;
padding:7px!important
}

.Header-module__wrapper {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
align-items:center;
background:#49494936;
border-radius:10px;
display:flex;
flex-wrap:wrap;
font-weight:500;
margin-bottom:20px;
min-height:60px;
padding:0 15px;
width:100%
}

.LangSwitcher-module__currentLang {
    display: none; /* Полностью скрывает элемент, он не будет отображаться и занимать место в макете */
}

/* Основные стили для элемента .LangSwitcher-module__currentLang */
/*.LangSwitcher-module__currentLang {
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.04); /* Начальный цвет фона */
    transition: background-color 0.3s ease; /* Плавное изменение цвета фона */
/*}

.LangSwitcher-module__currentLang:hover {
    background-color: #3ef0a3; /* Цвет фона при наведении */
    color: #ffffff;
}

/* Стили для элемента .LangSwitcher-module__lang при наведении и фокусе */
.LangSwitcher-module__lang:hover,
.LangSwitcher-module__lang:focus {
    background: linear-gradient(to left, #e82f4e 0, #e82f4e 100%);
    color: #e82f4e;
}

/* Основные стили для элемента .LangSwitcher-module__lang */
.LangSwitcher-module__lang {
    width: 100%;
    align-items: center;
}

/* Основные стили для элемента .LangSwitcher-module__list */
.LangSwitcher-module__list {
    background: #262626;
    border: 1px solid #3ef0a3;
    border-radius: 10px;
}

.PlayerBalance-module__btn {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 9px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    align-items: center;
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки */
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid transparent; /* Начальный цвет границы */
    color: #ffffff; /* Начальный цвет текста */
}

.PlayerBalance-module__btn:focus {
    background: transparent;
    color: inherit;
}

.PlayerBalance-module__btn:hover {
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки остаётся прежним */
    color: #3ef0a3; /* Цвет текста при наведении */
    border: 2px solid #3ef0a3; /* Цвет границы при наведении */
}

.HeaderNav-module__wrapper,.Header-module__nav
{
    margin-left: -5px;
}

.Product-module__discount {
  top: 0;
  right: 0;
  color: #ffffff;
  border-radius: 0px 0px 0px 20px;
  font-weight: 600;
  font-size: 13px;
  background: #333333;
  background-size: 400% 400%;
  animation: gradientAnimation 3s ease infinite;
  padding: 1px 10px;
}


.Product-module__name {
font-size:14px;
text-align:center;
text-shadow:0 0 8px #000;
transition:all .4s
}

.HistoryContent-module__header {
    font-size: 17px;
    display: flex;
    justify-content: space-around;
    border-radius: 15px !important; /* Закругляем углы и используем !important */
    margin-bottom: 20px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.HistoryContent-module__header {
    font-size: 17px;
    display: flex;
    justify-content: space-around;
}

.boxHeader {
    background: var(--bg-color-700);
    border-radius: 2px 2px 0 0;
}

.Product-module__price {
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    padding: 1px 10px;
    border-radius: 0px 0px 20px 0px;
    text-shadow: 1px 1px 1px #000;
    font-weight: 600;
    font-size: 14px;
    background: linear-gradient(to left, #3ef0a3, #333333); /* Градиент без анимации */
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 65%);
    text-transform: uppercase;
}

.Product-module__wrapper {
background:#dfdfdf12;
border-radius:10px;
box-shadow:0 0 5px 0 rgba(0 0 0 / 95%);
transition:all .2s
}

.Product-module__wrapper:hover {
-moz-transform:scale(1.07);
-o-transform:scale(1.07);
-webkit-transform:scale(1.07);
box-shadow: 0 0 10px 0 rgb(44 217 170);
transform:scale(1.07)
}

.Product-module__wrapper:hover .Product-module__name {
    backface-visibility: hidden;
    background: rgba(62, 240, 163, 0.4); /* Прозрачный фон */
    border-radius: 0 0 10px 10px;
    opacity: 1;
    padding: 1px 10px;
}


.ProductModal-module__header {
align-items:center;
color:#bbb;
display:flex;
font-size:26px;
font-weight:700;
justify-content:center;
text-transform:uppercase
}

.ProductModal-module__roulette {
background:#262626;
border-radius:20px
}

.ProductModal-module__roulette .boxBody {
background:#262626
}

.ProductModal-module__roulette .boxFooter {
background:#262626;
border-radius:20px
}

.ProductModal-module__roulette .boxHeader {
background:#262626;
border-radius:20px
}

.RouletteContent-module__line {
margin-left:-61px
}

.RouletteContent-module__lineWrapper {
-webkit-mask-image:linear-gradient(to left,rgba(255,255,255,0) 5%,#000 35%,#000 65%,rgba(255,255,255,0) 95%);
background:#262626;
margin-bottom:15px
}

.RouletteContent-module__rouletteItem {
background:transparent
}

.RouletteContent-module__rouletteItemImg {
background:#333;
border-radius:35px;
box-shadow:5px 5px 10px rgba(0,0,0,0.05);
height:240px;
overflow:hidden;
padding:25px;
transform:scale(0.9);
width:240px
}

.RouletteContent-module__rouletteItemInfo {
color:#262626;
font-size:16px
}

.RouletteContent-module__triangle.RouletteContent-module__bottom {
display:none
}

.RouletteContent-module__triangle.RouletteContent-module__top {
animation-duration:2s;
animation-iteration-count:infinite;
animation-name:bounce-2;
animation-timing-function:ease;
border-left:18px solid transparent;
border-right:18px solid transparent;
border-top:20px solid #bbb
}

.Search-module__iconWrapper {
background: #3ef0a3;
border-radius:15px 0 0 15px
}

.Search-module__input {
background:rgba(255,255,255,.04);
border-radius:0 15px 15px 0;
color:rgba(255,255,255,.7)
}

.Search-module__input:focus {
background:rgba(255,255,255,.08)
}

.Search-module__wrapper {
background:none
}

.Shop-module__wrapper .boxFooter {
border-radius:0 0 10px 10px;
background: rgba(255, 255, 255, 0.04); /* Фон кнопки остаётся прежним */
}

.TotalSum-module__currency {
    height: 100%;
    padding: 0 10px;
    background: #3ef0a3;
    color: #fff;
    line-height: 36px;
}

.TotalSum-module__input {
background:rgba(255,255,255,.04)
}

.TotalSum-module__inputWrapper {
border-radius:15px;
color:rgba(255,255,255,.7)
}

.avatar-link {
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    white-space: nowrap;
    transition: all 0.1s ease;
    border: 2px dashed #696969; /* Изначальный цвет границы */
}

.avatar-link:hover {
    border-color: #46ECA4; /* Цвет границы при наведении */
}

.fa-flip-horizontal {
transform:scale(-1,1)
}

.fa-flip-vertical {
transform:scale(1,-1)
}

.fa-inverse {
color:#fff
}

.fa-rotate-180 {
transform:rotate(180deg)
}

.fa-rotate-270 {
transform:rotate(270deg)
}

.fa-rotate-90 {
transform:rotate(90deg)
}

.fa-stack {
display:inline-block;
height:2em;
line-height:2em;
position:relative;
vertical-align:middle;
width:2em
}

.fa-stack-1x {
line-height:inherit
}

.fa-stack-1x,.fa-stack-2x {
left:0;
position:absolute;
text-align:center;
width:100%
}

.fa-stack-2x {
font-size:2em
}

.flag-icon {
display:inline-block;
height:auto;
vertical-align:middle;
width:20px
}

.flag-icon-selected {
display:flex;
height:auto;
width:25px
}

.productModalContainsItem {
background:rgba(255,255,255,.08);
border-radius:10px
}

.productModalContainsTitle {
display:none
}

.productModalItemCount {
color:var(--greyple);
font-size:13px;
line-height:18px
}

.Product-module__img {
    object-fit: contain;
    width: 100%;
    padding: 8%;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgba(44, 217, 170, 0.4) 100%);
    border-radius: 5px;
}

.Product-module__img {
    object-fit: contain;
}

.Product-module__wrapper {
    background: #6c2e2e;
    position: relative;
    padding: 10px;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;
    animation: Product-module__productAnimation .15s ease;
    display: block;
    position: relative;
    background: #333333;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-backface-visibility: hidden;
    border-radius: 25px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 95%);
}

.Selector-module__dropDownItem:hover, .Selector-module__dropDownItem:focus, .Selector-module__dropDownItem.Selector-module__active {
    background: #e82f4e;
}

.Selector-module__dropDownItem+.Selector-module__dropDownItem {
    margin-top: 2px;
}

.dropDownItem:hover {
    background-color: #e82f4e; /* Изменяем цвет фона при наведении */
}

.Selector-module__dropDownItem {
    width: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 8px 12px;
    background: #282828;
    border-radius: 5px;
    text-align: left;
    transition: all .2s ease;
}

.Selector-module__dropDownList.Selector-module__openOnBottom {
    margin-top: 2px;
    top: 100%;
}

.Selector-module__dropDownList {
    width: 100%;
    position: absolute;
    background: #282828;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
    padding: 8px;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 60;
}

.productModalItemName {
color:#e8e8e8;
font-size:15px;
font-weight:600;
line-height:20px
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
-webkit-filter:none;
filter:none
}

:root[data-theme] {
--accent-color-800:rgb(255 255 255);
--accent-color-900:rgb(255 255 255);
--background-color:rgb(24 24 27 / 31%);
--bg-color-700:#49494936;
--bg-color-900:#49494936;
--card-background-color:rgba(255,255,255,.015);
--card-border-color:rgba(255,255,255,0.1);
--card-box-shadow-1:rgba(0,0,0,0.05);
--card-box-shadow-1-blur:6px;
--card-box-shadow-1-y:3px;
--card-box-shadow-2:rgba(0,0,0,0.1);
--card-box-shadow-2-blur:15px;
--card-box-shadow-2-y:8px;
--card-hover-border-color:rgba(255,255,255,0.2);
--card-hover-box-shadow-1:rgba(0,0,0,0.04);
--card-hover-box-shadow-1-blur:10px;
--card-hover-box-shadow-1-y:5px;
--card-hover-box-shadow-2:rgba(0,0,0,0.3);
--card-hover-box-shadow-2-blur:25px;
--card-hover-box-shadow-2-y:15px;
--card-hover-icon-background-color:rgb(106 98 72 / 37%);
--card-hover-icon-border-color:rgb(255 214 0 / 81%);
--card-hover-icon-color:#ff0000bd;
--card-icon-background-color:rgba(255,255,255,0.08);
--card-icon-border-color:rgba(255,255,255,0.12);
--card-icon-color:#D4D4D8;
--card-label-color:#FFFFFF;
--card-line-color:#2A2B2C;
--card-shine-opacity:.1;
--card-tile-color:rgb(227 184 12 / 29%);
--default-font-family:CeraPro;
--font-color-800:rgb(255 255 255);
--sb-size:10px;
--sb-thumb-color:#3ef0a3;
--sb-track-color:#262626;
--text-color:#A1A1AA
}


@keyframes gradientAnimation {
  0%   { background: #e82f4e; }
  50%  { background: #761828; }
  100% { background: #e82f4e; }
}

.CountSelector-module__inputWrapper {
border-radius:15px
}

.CountSelector-module__changeCountBtn {
    width: 80px;
    height: 100%;
    background: #3ef0a3;
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all .15s ease;
}

.CountSelector-module__inputWrapper .CountSelector-module__input {
background:rgba(255,255,255,.04)
}

.ModalLayout-module__modal {
  background: #262626;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgb(44 217 170);
  max-width: 360px; /* Максимальная ширина окна */
}

.ProductModal-module__wrapper {
    display: flex;
    flex-direction: column;
}
.PlayerBalance-module__modal .Button-module__accent {
background:#3ef0a3;
border-color:#3ef0a3;
border-radius:10px
}

.PlayerBalance-module__modal .Button-module__accent:hover {
background-color:#3ef0a3;
color:#3ef0a3;
transition:all .3s ease
}

.PlayerBalance-module__modal .PlayerBalanceModal-module__header {
justify-content:center;
font-size: 22px;
font-weight: 500;
}

.PlayerBalance-module__modal .boxBody {
background:#262626
}

.PlayerBalance-module__modal .boxFooter {
background:#262626;
border-radius:20px
}

.PlayerBalance-module__modal .boxHeader {
background:#262626;
border-radius:20px
}


.PlayerBalanceModal-module__currency {
    height: 100%;
  	font-size: 15px;
    font-weight: 400;
    padding: 0 10px;
    background: #3ef0a3;
    color: #fff;
    line-height: 36px;
}

.PlayerBalanceModal-module__inputWrapper {
background:rgba(255,255,255,.04);
border-radius:10px
}

.ProductModal-module__set .boxHeader,.ProductModal-module__set .boxBody,.ProductModal-module__set .boxFooter {
background:transparent
}

.ProductModal-module__set {
-webkit-box-pack:center;
background-color:#262626;
border-radius:2px;
display:flex;
flex-flow:row wrap;
justify-content:center;
margin:5px 0;
padding:0
}

.card {
background-color:var(--background-color);
border-radius:15px;
box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);
cursor:pointer;
margin-bottom:30px;
padding:10px 10px 10px 20px;
position:relative;
transition:box-shadow .25s
}

.card .background {
-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);
border-radius:inherit;
inset:0;
mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);
overflow:hidden;
position:absolute
}

.card .background .tiles {
opacity:0;
transition:opacity .25s
}

.ProfileContent-module__input {
    width: 100%;
    display: flex;
    height: 80px;
    border-radius: 15px !important; /* Закругляем углы и используем !important */
    overflow: hidden;
    padding: 0 15px;
    background: #282828;
}

.Cookie-module__wrapper {
background: #282828;
border-radius: 15px !important; /* Закругляем углы и используем !important */
}

.ProfileContent-module__input {
    width: 100%;
    display: flex;
    height: 36px;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 15px;
    background: #282828;
}

.card .background .tiles .tile {
-webkit-animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-duration:8s;
animation-iteration-count:infinite;
background-color:var(--card-tile-color);
opacity:0;
position:absolute
}

.card .background .tiles .tile.tile-1 {
height:10%;
left:0;
top:0;
width:22.5%
}

.card .background .tiles .tile.tile-10 {
height:22.5%;
left:77.5%;
top:32.5%;
width:22.5%
}

.card .background .tiles .tile.tile-2 {
height:10%;
left:22.5%;
top:0;
width:27.5%
}

.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9 {
-webkit-animation-delay:-6s;
animation-delay:-6s
}

.card .background .tiles .tile.tile-3 {
height:10%;
left:50%;
top:0;
width:27.5%
}

.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8 {
-webkit-animation-delay:-4s;
animation-delay:-4s
}

.card .background .tiles .tile.tile-4 {
height:10%;
left:77.5%;
top:0;
width:22.5%
}

.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6,.card .background .tiles .tile.tile-10 {
-webkit-animation-delay:-2s;
animation-delay:-2s
}

.card .background .tiles .tile.tile-5 {
height:22.5%;
left:0;
top:10%;
width:22.5%
}

.card .background .tiles .tile.tile-6 {
height:22.5%;
left:22.5%;
top:10%;
width:27.5%
}

.card .background .tiles .tile.tile-7 {
height:22.5%;
left:50%;
top:10%;
width:27.5%
}

.card .background .tiles .tile.tile-8 {
height:22.5%;
left:77.5%;
top:10%;
width:22.5%
}

.card .background .tiles .tile.tile-9 {
height:22.5%;
left:50%;
top:32.5%;
width:27.5%
}

.card .icon {
display:table;
padding:8px;
position:relative;
z-index:2
}

.card .icon svg {
color:var(--card-icon-color);
display:block;
height:24px;
position:relative;
transform:translateZ(0);
transition:color .25s;
width:24px;
z-index:1
}

.card .icon::after {
-webkit-backdrop-filter:blur(2px);
backdrop-filter:blur(2px);
background-color:var(--card-icon-background-color);
border:1px solid var(--card-icon-border-color);
border-radius:10px;
content:"";
inset:1.5px;
position:absolute;
transition:background-color 0.25s,border-color .25s
}

.card .shine {
border-radius:inherit;
inset:0;
opacity:0;
overflow:hidden;
position:absolute;
transition:opacity .5s;
z-index:1
}

.card .shine:before {
background-image:var(--card-shine-gradient);
border-radius:50%;
bottom:55%;
content:"";
filter:blur(35px);
left:50%;
opacity:var(--card-shine-opacity);
padding-bottom:150%;
position:absolute;
transform:translateX(-50%);
width:150%
}

.card h4 {
color:var(--card-label-color);
font-family:inherit;
font-size:14px;
font-weight:600;
line-height:2;
margin:12px 0 4px;
position:relative;
z-index:2
}

.card p {
color:var(--text-color);
font-size:14px;
line-height:1.7;
margin:0;
position:relative;
z-index:2
}

.card::before {
background-color:var(--card-background-color);
border-radius:15px;
content:"";
inset:0;
position:absolute
}

.grid {
grid-gap:32px;
grid-template-columns:repeat(2,240px);
margin-top:30px;
position:relative;
z-index:1
}

@-webkit-keyframes tile {
0%,12.5%,100% {
opacity:1
}

25%,82.5% {
opacity:0
}
}

@keyframes tile {
0%,12.5%,100% {
opacity:1
}

25%,82.5% {
opacity:0
}
}

.btn-secondary {
background:rgba(0,0,0,.19);
border-color:transparent;
color:rgba(255,255,255,.81);
outline:0!important;
padding:7px 13px
}

.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
-webkit-box-shadow:none;
background:linear-gradient(to right,#3ef0a3 0,#3ef0a3 100%);
border-color:#0a0a0a;
color:#fff;
transform:scale(1.15)
}

.btn.btn-secondary {
background-color:#1c1c1c;
border-radius:15px;
color:white;
font-size:12px
}

.btn.btn-secondary:hover {
box-shadow:none;
color:white
}

.card .background .line {
inset:0;
opacity:0;
position:absolute;
transition:opacity .35s
}

.card .background .line:after {
bottom:0;
top:0;
transform:scaleY(0);
transform-origin:50% 0;
width:1px
}

.card .background .line:before {
height:1px;
left:0;
right:0;
transform:scaleX(0);
transform-origin:0 50%
}

.card .background .line:before,.card .background .line:after {
background-color:var(--card-line-color);
content:"";
position:absolute;
transition:transform .35s
}

.card:hover {
box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)
}

.card:hover .background .line {
opacity:1;
transition-duration:.15s
}

.card:hover .background .line.line-1:before,.card:hover .background .line.line-1:after {
transition-delay:0s
}

.card:hover .background .line.line-2:before,.card:hover .background .line.line-2:after {
transition-delay:.15s
}

.card:hover .background .line.line-3:before,.card:hover .background .line.line-3:after {
transition-delay:.3s
}

.card:hover .background .line:after {
transform:scaleY(1)
}

.card:hover .background .line:before {
transform:scaleX(1)
}

.card:hover .background .tiles {
opacity:1;
transition-delay:.25s
}

.card:hover .background .tiles .tile {
-webkit-animation-name:tile;
animation-name:tile
}

.card:hover .icon svg {
color:var(--card-hover-icon-color)
}

.card:hover .icon::after {
background-color:var(--card-hover-icon-background-color)
}

.card:hover .shine {
opacity:1;
transition-delay:0s;
transition-duration:.5s
}

.store-categories .btn {
border:none!important;
margin-bottom:5px;
margin-right:5px;
transition:all .2s ease-in-out
}

.ProfileNav-module__name {
    font-size: 14px;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-weight: 600;
    background: rgba(255,255,255,0.04);
    padding: 5px 7px;
}

.ProfileNav-module__img {
    margin-bottom: 15px;
    border-radius: 15px;
    width: 100px;
    height: 100px;
}
.ProfileNav-module__img {
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}

.store-categories .btn.active {
background:linear-gradient(to left,#3ef0a3 0,#3ef0a3 100%);
border:none;
color:#fff;
font-weight:400;
transform:scale(1.15)
}

.store-categories .btn.active:hover {
background:linear-gradient(to left,#3ef0a3 0,#3ef0a3 100%);
border:none;
color:#fff!important;
font-weight:400;
transform:scale(1.15)!important
}

.store-categories .btn:hover {
background:rgba(255,255,255,.2);
color:rgba(255,255,255,.7);
transform:scale(1)!important
}

.Profile-module__wrapper {
    display: flex;
    align-items: flex-start;
}

.store-categories>.btn {
border-radius:7.5px;
margin-bottom:5px
}

.store-categories>.btn+.btn {
border-radius:7.5px;
margin-left:5px
}

.BasketTable-module__inlineBtn {
    position: relative;
    border-radius: 10px;
    margin-top: 5px;
    background-color: #3ef0a3;
    padding: 5px 10px; /* Установим отступы для кнопки */
    transition: background-color 0.3s ease; /* Добавим плавное переходное состояние */
}

.BasketTable-module__inlineBtn:hover {
    background-color: #e8314f; /* Изменяем цвет фона при наведении */
}

.BasketTable-module__inlineBtn span {
    font-size: 10px;
    position: relative;
  	font-weight: bold;
    z-index: 1; /* Установим z-index для текста, чтобы он был выше */
}

.BasketTable-module__inlineBtn::before {
    content: ''; /* Создаем псевдоэлемент */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px; /* Задаем радиус скругления углов */
    z-index: 0; /* Установим нижний z-index, чтобы псевдоэлемент был ниже текста */
}

.BasketTable-module__value {
font-size: 17px;
}

@media (min-width: 768px) {
.store-categories {
flex-direction:row;
flex-wrap:wrap;
margin-bottom:16px
}

.ProfileContent-module__header {
    display: flex;
    justify-content: flex-start;
    font-size: 17px;
}
  
.ProfileContent-module__header {
    display: flex;
    justify-content: space-around;
    font-size: 17px;
    margin-bottom: 7px;
    align-items: center;
    margin-left: auto;
    border-radius: 15px !important; /* Закругляем углы и используем !important */
    margin-right: auto;
}
  
.ProfileContent-module__title {
    visibility: hidden; /* Текст будет скрыт, но место для него останется */
}


.ProfileContent-module__infoWrapper {
    margin-bottom: 15px;
}
   
.ProfileContent-module__box {
    background-color: var(--bg-color-700);
    padding: 0 4px;
} 
  
.Selector-module__dropDownCurrentItem {
    width: 100%;
    cursor: pointer;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    white-space: nowrap;
    font-size: 15px;
    outline: 0px solid transparent;
    transition: all .1s ease;
    background: linear-gradient(90deg, #646464, #787878, #3e3e3e, #444444);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    transform: translate3d(0, 0, 0);
}
  
.productModalGiveText {
    color: #E82F4E;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    background: aqua;
    padding: 10px;
    background: #429A74;
    margin-bottom: 15px;
    border-radius: 15px;
}
  
.gs-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30000;
    user-select: none;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #282828;
    background-size: cover !important;
    /*background: url(https://gspics.org/images/2023/12/18/05phCL.png) center center; */
    /* background: url(https://cdn.discordapp.com/attachments/997265572029005835/1037384958110609460/background6.png) center center; */
}
  
.gs-loader__spinner {
    width: 175px;
    height: 175px;
    margin: -100;
    border: 0px solid #cd422a;
    border-bottom-color: #202020;
    border-radius: 0%;
    display: block;
    margin: 0 auto;
    animation: rotation 1s linear infinite;
    background: url(https://gspics.org/images/2024/02/07/0Z7Iuh.png) no-repeat;
}
  
.gs-loader_hide {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: visibility 0s .3s,opacity .3s;
}

.dropDownList.dropDownListOpenOnTop { 
    width: 100%;
    position: absolute;
    background: #282828;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
    padding: 8px;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 60;
}
  
  .dropDownCurrentItem {
    width: 100%;
    cursor: pointer;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    white-space: nowrap;
    font-size: 15px;
    outline: 1px solid transparent;
    transition: all .1s ease;
    background: linear-gradient(90deg, #646464, #787878, #3e3e3e, #444444);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    transform: translate3d(0, 0, 0);
}
  
.BasketSearch-module__iconWrapper {
background:rgba(255,255,255,.08)
}

.BasketSearch-module__wrapper {
border-radius:15px
}

.BasketTable-module__tableLine {
    padding: 6px 10px; /* Уменьшаем отступы для уменьшения высоты */
    border-radius: 15px !important; /* Закругление углов */
    background-color: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
    margin-bottom: 10px; /* Добавляем отступ снизу, чтобы создать пространство между строками */
}

.BasketTable-module__tableHeader {
    border-radius: 15px !important; /* Закругление для заголовка таблицы */
    background-color: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
    margin-bottom: 10px;
    padding: 6px 6px
}

.BasketTable-module__tableLine {
    border-radius: 15px !important; /* Закругление для строк таблицы */
    background-color: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
}

.BasketTable-module__tableLine:nth-child(2n-1) {
    background-color: rgba(255, 255, 255, 0.04); /* Фон для нечетных строк */
}
  
.BasketTable-module__tableTitle {
    color: #f7f6f6;
    display: flex; /* Используем Flexbox для выравнивания */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали (если нужно) */
    width: 100%; /* Элемент должен занимать всю ширину */
}

.HistorySearch-module__iconWrapper {
background:rgba(255,255,255,.08)
}

.HistorySearch-module__wrapper {
border-radius:15px
}

  
.HistoryContent-module__header {
    display: flex;
    justify-content: space-around;
    font-size: 17px;
    margin-bottom: 20px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
}
  
.BasketTable-module__itemImg, .BasketTable-module__skeletonImg {
    width: 50px;
    height: 46px;
    margin-right: 16px;
}
  
.HistorySearch-module__iconWrapper {
    height: 100%;
    padding: 0 10px;
    background: #3ef0a3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.HistoryContent-module__header {
    font-size: 17px;
    display: flex;
    justify-content: space-around;
}
  
.HistoryTable-module__tableLine, .HistoryTable-module__tableHeader {
    border-radius: 15px !important; /* Закругление для заголовка таблицы */
    background-color: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
    margin-bottom: 10px;
    padding: 6px 6px
}

.boxBody:last-child  {
background-color: transparent; /* Прозрачный фон */
}

.HistorySearch-module__input {
    font-size: 15px;
    width: 100%;
    padding: 0 10px;
}

  
.ProfileContent-module__body {
    background-color: transparent; /* Задаем прозрачный фон */
}

.ProfileNav-module__wrapper .ProfileNav-module__logOut {
background-color: #282828;
border:0px solid #282828
}
  
.ProfileNav-module__wrapper {
    min-width: 180px;
    max-width: 180px;
    margin-right: 20px;
}  
  
.ProfileNav-module__body.boxBody {
  border-radius: 25px; /* Закругление углов */
}

  
.ProfileNav-module__wrapper .ProfileNav-module__logOut:hover {
background-color:#e8314f;
border-color:#7b7b7b;
font-weight: 600;
color: rgba(255, 255, 255, 7);
}

.ProfileNav-module__wrapper .ProfileNav-module__logOut {
color: var(--font-color-900);
font-weight: 600;
}
  
.boxFooter {
border-radius: 25px;
background-color: transparent;
}

.block_by_category .kit-item {
align-items:center;
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 20%) 100%);
border-radius:8px;
display:flex;
flex-direction:column;
height:80px;
margin:8px;
width:80px
}
  
  
.block_by_category:before {
color:#e9eaec;
display:block;
font-size:16px;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
text-transform:uppercase;
white-space:nowrap;
width:100%
}


.ShopFooter-module__link {
    font-size: 12px;
    padding: 2px 4px;
    color: #3ef0a3;
    text-align: center;
    transition: color 0.1s ease; /* Добавляем анимацию изменения цвета текста */
}
  
.ShopFooter-module__link:hover {
    color: #e82f4e; /* Изменяем цвет текста при наведении мышкой */
}
  
.customModalContent {
background:linear-gradient(180deg,#1d1b18 0%,#2d261a 100%);
border-radius:20px;
box-shadow:0 0 100px #3ef0a3;
color:white;
padding:10px;
width:900px
}

.customModalContent .boxBody {
background:transparent;
font-size:14px;
line-height:1.42857143;
padding:15px;
position:relative
}

.customModalContent .boxFooter {
background:transparent
}

.customModalContent .boxHeader {
background:transparent;
font-size:40px;
margin-bottom:15px;
text-align:center
}

.kit-item {
align-items:center;
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 20%) 100%);
border-radius:8px;
display:flex;
flex-direction:column;
height:80px;
margin:8px;
width:80px
}
  
.ProfileNav-module__navItem+.ProfileNav-module__navItem {
    margin-top: 3px;
}

.ProfileNav-module__navItem {
    cursor: pointer;
    background: var(--bg-color-700);
    border-radius: 10px;
    font-weight: 600;
    padding: 7px 15px;
    color: var(--font-color-900);
    transition: all .15s ease;
    margin-bottom: 2px;
    text-align: center;
}
  
.ProfileNav-module__navItem.ProfileNav-module__active {
    color: rgba(255,255,255,1);
    background: #333333;
}
  
.ProfileNav-module__navItem.ProfileNav-module__active {
    color: rgba(255,255,255,7);
    background: #3ef0a3;
}

.kit-item:hover {
transform:scale(1.1);
transition:transform 200ms cubic-bezier(0.68,-0.55,0.27,1.55)
}

.kit-item__image {
transform:scale(0.7);
width:100%
}

.kit-item__quantity {
border-radius:0 0 15px 15px;
font-size:12px;
position:relative;
top:-20px
}

.kit-items {
-ms-flex-flow:row wrap;
-ms-flex-pack:center;
-webkit-box-direction:normal;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-flow:row wrap;
justify-content:center
}

.modal-open {
overflow:hidden
}

.modal-open .modal {
background-size:cover;
overflow-x:hidden
}

.serverheader {
border-radius:15px;
font-size:20px;
margin-bottom:10px;
margin-top:20px
}

.ProfileNav-module__header {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    margin-bottom: 5px;
}
  
.productModalDescription {
    background: transparent; /* Устанавливаем прозрачный фон */
}

  
.ProfileNav-module__header {
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 25px !important;
    margin-bottom: 5px;
}

.boxHeader {
    background: var(--bg-color-700);
    border-radius: 2px 2px 0 0;
}

  
.BasketContent-module__header {
    display: flex;
    justify-content: space-around;
    font-size: 17px;
    margin-bottom: 20px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
}

.BasketContent-module__header {
    font-size: 17px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px !important; /* Устанавливаем скругление углов с помощью !important */
}

.BasketContent-module__header:last-child {
    border-radius: 0 15px 15px 0 !important; /* Устанавливаем разные углы для последнего элемента */
}
  
.BasketSearch-module__iconWrapper {
    height: 100%;
    padding: 0 10px;
    background: #3ef0a3;
    color: var(--font-color-700);
    display: flex;
    align-items: center;
    justify-content: center;
}
  
.boxHeader {
    background: var(--bg-color-700);
    border-radius: 2px 2px 0 0;
}
.boxHeader, .boxBody, .boxFooter {
    padding: 10px;
    border-radius:10px 10px 0px 0px;
}
  
.productModalGiveText {
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: 500;
}
  
.productModalGiveText {
    order: 4; /* Устанавливаем порядок следования элемента .productModalGiveText */
}

.serverheader span {
animation:gradient 5s ease infinite;
background:linear-gradient(90deg,#E82F4E,#6e2fe8,#2372d5,#2cd9aa);
background:linear-gradient(90deg,#b58f54,#e8a92f,#b59c54,#e8ca2f);
background-size:400% 400%;
border-radius:20px;
border-radius:7px;
color:white;
color:white;
font-size:15px;
font-size:15px;
padding:2px 12px;
padding:2px 12px 2px 12px;
text-transform:uppercase;
text-transform:uppercase;
transform:translate3d(0,0,0)
}

.serverheader span:before {
content:'\f017';
font-family:FontAwesome;
font-weight:100;
margin-right:5px
}

.unbancolor {
color:#3ef0a3
}


.xbox_custom_rules li {
margin-bottom:10px
}

.xbox_custom_rules p {
margin:0 0 10px
}

.xbox_custom_rules ul {
list-style-type:disc;
margin-left:0;
padding-left:20px
}

@keyframes float {
0% {
transform:translatey(0px)
}

100% {
transform:translatey(0px)
}

50% {
transform:translatey(-30px)
}
}

.container-oplata .tooltiptext1 {
background-color:rgba(0,0,0,0.5);
border-radius:6px;
color:#fff;
left:105%;
opacity:0;
padding:10px;
position:absolute;
text-align:center;
transition:opacity 220ms ease-out;
visibility:hidden;
width:170px;
z-index:1
}

.container-oplata .tooltiptext1::after {
border-color:transparent rgba(0,0,0,0.5) transparent transparent;
border-style:solid;
border-width:5px;
content:"";
margin-top:-5px;
position:absolute;
right:100%;
top:50%
}

.container-oplata:hover .tooltiptext1 {
opacity:1;
visibility:visible
}

.priv_discount {
background:#1b1b1b;
border-radius:0 10px 0 10px;
color:white;
cursor:help;
font-size:14px;
font-weight:400;
opacity:1;
padding:0 8px 0 10px;
position:absolute;
right:0;
top:0;
z-index:3
}

.priv_discount2 {
background:rgba(33,33,33,0.5);
border-radius:0 10px 0 10px;
color:white;
cursor:help;
font-size:14px;
font-weight:400;
opacity:1;
padding:0 8px 0 10px;
position:absolute;
right:0;
top:0;
z-index:3
}

.container-oplata {
background: #5455549c;
border-radius:12px;
cursor:pointer;
display:-webkit-inline-box;
height:50px;
margin-bottom:5px;
padding:5px;
right:-21110px;
text-align:initial;
transform:scale(1);
transition:all .2s ease-out;
width:100%
}

.container-oplata {
display:flex
}

.container-oplata:hover {
transform:scale(0.95)
}

.container-oplata:last-child {
margin-bottom:0!important;
right:-11120px
}

.icon-user-oplata {
-ms-flex:0 0 auto;
-webkit-box-flex:0;
border-radius:0;
flex:0 0 auto;
height:30px!important;
margin:5px;
margin-right:10px!important;
width:30px!important
}

.textContainer-oplata {
-ms-flex:1;
-ms-flex-direction:column;
-ms-flex-pack:justify;
-webkit-box-direction:normal;
-webkit-box-flex:1;
-webkit-box-orient:vertical;
-webkit-box-pack:justify;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex:1;
flex-direction:column;
justify-content:space-evenly;
overflow:hidden
}

@media only screen and (max-width: 767px) {
.container-oplata .tooltiptext1 {
left:24%;
top:-160%
}

.container-oplata .tooltiptext1::after {
border-color:rgba(0,0,0,0.5) transparent transparent;
border-style:solid;
border-width:5px;
content:"";
margin-top:-5px;
position:absolute;
right:50%;
top:105%
}
}

.ProductModal-module__dropdown .boxHeader,.ProductModal-module__dropdown .boxBody,.ProductModal-module__dropdown .boxFooter,.ProductModal-module__dropdown {
background-color:#262626;
border-radius:15px;
}

@media (min-width: 768px) {
.ProductModal-module__dropdown {
width:590px
}

.ProductModal-module__dropdown .ProductModal-module__form {
order:3;
}

.ProductModal-module__dropdown .SelectContent-module__selectorWrapper {
min-width:40%;
order:2;
padding-top:10px
}

.ProductModal-module__dropdown .boxBody {
align-items:flex-start;
display:flex;
flex-wrap:wrap;
justify-content:center
}

.ProductModal-module__dropdown {
order:1;
width:60%
}

.productModalImg.BasketTable-module__itemImg {
    height: auto; /* Сохраните пропорции изображения */
}
  
#xbox_button {
height:50px;
margin:1px auto 0;
width:50px
}

.MonitoringServer-module__name {
font-size:15px
}

.MonitoringServer-module__progressBar {
  border-radius: 20px;
  background: linear-gradient(to right, #3ef0a3 0%, #3ef0a3 100%);
}

.MonitoringServer-module__progressBarWrapper {
background-color:rgb(223 223 223 / 7%);
border-radius:20px;
height:20px
}

.MonitoringServer-module__progressInfo {
background-color:#262626;
border:1px solid #3ef0a3;
border-radius:10px
}
  
.MonitoringServer-module__progressInfo:before {
border-color:#3ef0a3 transparent transparent
}

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

.MonitoringWidget-module__body {
border-radius:15px
}

.PlayerMenuMobile-module__menu .PlayerMenuMobile-module__header,.PlayerMenuMobile-module__menu .PlayerMenuMobile-module__body {
background-color:#262626
}

.ProductModal-module__dropdown .SelectContent-module__selectorWrapper .dropDownItem:hover,.dropDownItem:focus {
background:linear-gradient(to left,#e82f4e 0,#e82f4e 100%);
color:#282828
color: #fff;
}
  
.ProductModal-module__dropdown .dropDownCurrentItem {
background-color:rgba(255,255,255,.04);
border-radius:15px;
outline:none
}

.ProductModal-module__dropdown .dropDownCurrentItem:hover,.dropDownCurrentItem:focus {
outline:none
}

.Widgets-module__widgetWrapper .boxFooter {
display:none
}

.HistoryContent-module__header {
display:none
}

.ProfileContent-module__header {
display:none
}

.BasketContent-module__header {
display:none
}
  
.boxHeader.Shop-module__header,.boxHeader.MonitoringWidget-module__header {
display:none
}

.xbox {
background:rgba(19,29,13,0);
border-radius:8px;
box-shadow:0 1px 1px transparent;
margin-bottom:0
}

.xbox {
background:rgba(212,186,173,0);
color:#fff
}

.xbox.xbox_monitoring6 {
background:#49494936;
border-radius:10px;
margin-top:8px
}

.MonitoringServer-module__progressBarAnim {
    box-shadow: none !important;
    animation: none !important;
    background: none !mportant;
}
  
.xbox_monitoring6 {
background:#282828de;
border-radius:25px;
margin-bottom:10px;
padding:15px;
padding-bottom:5px;
padding-left:23px;
padding-right:23px;
padding-top:5px
}

.PlayerBalanceModal-module__footer .Button-module__accent {
	background-color: #3ef0a3;
    border-color: #3ef0a3;
    color: #fff;
    transition: all .3s ease;
}

.PlayerBalanceModal-module__footer .Button-module__accent:hover, .Button-module__accent:focus {
    background: #e82f4e!important;
  	color: #fff!important;
    border-color: #212121!important;
    border-radius: 10px!important;
}
  
@media (min-width: 1200px) {
    .container {
        width:1300px
    }
}
  
.PlayerMenu-module__profileLink {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки */
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid transparent; /* Начальный цвет границы */
    color: #ffffff; /* Начальный цвет текста */
}

.PlayerMenu-module__profileLink:focus {
	background: rgba(255, 255, 255, 0.04); /* Фон кнопки */
    color: inherit;
}

.PlayerMenu-module__profileLink:hover {
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки остаётся прежним */
    color: #3ef0a3; /* Цвет текста при наведении */
    border: 2px solid #3ef0a3; /* Цвет границы при наведении */
}

.Categories-module__categories button {
    padding: 7px 15px; /* Уменьшаем вертикальные отступы */
    font-size: 14px; /* Можно также уменьшить размер шрифта, если нужно */
}
  
  
  .HeaderNav-module__link {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    white-space: nowrap;
    transition: all 0.3s ease-out;
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки */
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid transparent; /* Начальный цвет границы */
    color: #ffffff; /* Начальный цвет текста */
}

  .HistoryTable-module__tableTitle {
    color: #f7f6f6;
    display: flex; /* Используем Flexbox для выравнивания */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали (если нужно) */
    width: 100%; /* Элемент должен занимать всю ширину */
  }

.HeaderNav-module__link:focus {
    color: inherit;
}

.HeaderNav-module__link:hover {
    background: rgba(255, 255, 255, 0.04); /* Фон кнопки остаётся прежним */
    color: #3ef0a3; /* Цвет текста при наведении */
    border: 2px solid #3ef0a3; /* Цвет границы при наведении */
}
  
.HistoryTable-module__tableLine {
    border-radius: 15px !important; /* Закругление углов */
    background-color: rgba(255, 255, 255, 0.04); /* Полупрозрачный фон */
}
  
.HistoryTable-module__value {
    display: flex; /* Используем Flexbox для выравнивания */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center; /* Центрируем по вертикали (если нужно) */
    width: 100%; /* Элемент должен занимать всю ширину */
  }

.HistoryTable-module__tableLine:nth-child(1n-1) {
    border-radius: 15px !important; /* Закругление углов для первой строки */
    background-color: rgba(255, 255, 255, 0.04); /* Фон для первой строки */
}

.Pagination-module__page, .Pagination-module__active {
    border-radius: 5px; /* Закругление углов */
}

.Pagination-module__navPageBtn, .Pagination-module__left, .Pagination-module__right {
border-radius: 5px;
}
  
.Selector-module__dropDownCurrentItem:hover,
.Selector-module__dropDownCurrentItem:focus {
    outline: 0px solid var(--accent-color-800); /* Убираем контур при наведении и фокусе */
}
  
.ProfileContent-module__box {
    border-radius: 15px; /* Закругление углов */
}
  
.ProfileNav-module__body.boxBody {
    background: none; /* Убирает задний фон */
}

.PlayerBalanceModal-module__info {
    font-size: 14px;
    padding: 5px 15px;
  	border-radius: 10px;
  	background: #2d2d2d;
  	max-width: 94%; /* Ограничение ширины */
  	margin: 0 auto;
}

.PlayerBalanceModal-module__link {
    color: #3ef0a3;
    text-decoration: none;
}

.PlayerBalanceModal-module__link:hover {
    text-decoration: underline;
}

.PlayerBalanceModal-module__label {
    display: none;
}
  
.Shop-module__wrapper .boxFooter:before {
    content: 'ИП Ашманова Татьяна Владимировна ИНН: 622401113163 ОГРНИП: 325620000008691';
    color: #6b6b6b;
    text-align: center;
    display: flex;
    justify-content: center;
}