.boxFooter,.xbox__body {
border-bottom: 2px solid #FFA500
}
.vkontakte,.vkontakte:hover {
box-shadow: 0 10px 20px 0 rgba(199, 133, 0, 1);
}
.Banner-module__img {
display: none
}
[data-monitoringserverid="33514"]:before {
content: "Только глобал вайп, вайп в пятницу каждую неделю:";
height: 30px;
font-weight: 500;
font-size: 15px;
display: flex;
align-items: start
}
body {
background-size: cover!important;
background: url(https://i.ibb.co/rQN6XpG/bg-alternate.jpg) 50% no-repeat fixed
font-family: 'Montserrat', sans-serif;
}
body:after {
background-image: url(https://i.ibb.co/ssK5csg/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: #ad1e37;
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;
padding: 10px;
cursor: pointer;
border-radius: 5px;
overflow: hidden;
animation: .15s Product-module__productAnimation;
background-image: radial-gradient(#ed3253 0,transparent 70%);
background-size: 300% 300%;
background-repeat: no-repeat;
background-position: 20% 120%;
border: 1px solid #3b3b3b7a
}
.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: #cf9b00
--accent-color-900: #cf9b00;
--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://gspics.org/images/2024/03/18/0NCAiD.png) 0 0/contain no-repeat;
width: 400px;
height: 90px
}
.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: #cf9b00;
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,#9d1a32,#f94161,#c12743,#a91f38);
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
}
}