:root {
--bg-color-700: #282828;
--font-color-700: #ffffff;
}
body {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
}
.widget-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
padding: 20px;
background: var(--bg-color-700);
border-radius: 10px;
max-width: 300px;
margin: 20px auto;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.widget-image {
width: 100%;
height: auto;
border-radius: 8px;
object-fit: cover;
}
.widget-button {
background: linear-gradient(120deg, #03bafc, #036ffc);
color: #fff;
padding: 12px 24px;
border: none;
border-radius: 8px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
width: 100%;
}
.widget-button:hover {
transform: scale(1.05);
box-shadow: 0 4px 15px rgba(3, 186, 252, 0.3);
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.widget-container {
animation: fadeIn 0.5s ease-in;
}
@media (max-width: 768px) {
.widget-container {
max-width: 100%;
margin: 10px;
}
.widget-button {
padding: 10px 20px;
font-size: 14px;
}
}
body {
width: 100vw;
}
body {
overflow-x: hidden;
}
body {
background-color: var(--bg-color-800);
}
body {
color: var(--font-color-800);
}
body {
font-family: "Montserrat",sans-serif;
}
body {
font-weight: 400;
}
body {
background: url("https://gspics.org/images/2025/04/01/Is89xh.jpg");
}
body {
background-repeat: no-repeat;
}
body {
background-position: center;
}
body {
background-size: cover;
}
body {
background-attachment: fixed;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.LangSwitcher-module__wrapper,[class~=Categories-module__categories] {
display: none;
}
[class~=skewer] {
transform: skewX(356deg);
}
[class~=Banner-module__img] {
display: block;
}
[class~=Banner-module__img] {
margin-left: auto;
}
.Header-module__wrapper,[class~=Banner-module__img] {
margin-bottom: 10px;
}
[class~=Banner-module__img] {
margin-right: auto;
}
[class~=HeaderNav-module__link]:hover,[class~=HeaderNav-module__link]:focus {
background: #393939;
}
[class~=Banner-module__img] {
margin-top: .104166667in;
}
[class~=HeaderNav-module__link]:focus,[class~=PlayerMenu-module__loginLink],[class~=HeaderNav-module__link],[class~=HeaderNav-module__link]:hover,[class~=Header-module__wrapper],.PlayerMenu-module__profileLink,[class~=Banner-module__img],.Search-module__wrapper {
border-radius: 10px;
}
[class~=Banner-module__img] {
max-width: 100%;
}
[class~=Header-module__logo] {
background: url("https://ibb.org.ru/images/2025/05/12/NlxQqBc33c36beed815201d.png");
}
[class~=Header-module__logo],[class~=HeaderNav-module__link]:focus,[class~=HeaderNav-module__link]:hover {
text-transform: none;
}
[class~=Header-module__logo] {
background-size: cover;
}
[class~=Header-module__logo] {
width: 205.000000032px;
}
[class~=Header-module__logo] {
height: 49.999999968px;
}
[class~=Header-module__logo] {
font-size: 0;
}
[class~=Header-module__wrapper] {
background-color: var(--bg-color-700);
}
[class~=Header-module__wrapper] {
padding-left: 11.25pt;
}
[class~=Header-module__wrapper] {
padding-bottom: 0;
}
[class~=HeaderNav-module__link]:hover {
font-size: .875pc;
}
[class~=Header-module__wrapper] {
padding-right: .9375pc;
}
[class~=Header-module__wrapper] {
padding-top: 0;
}
.Header-module__wrapper {
min-height: 3.75pc;
}
[class~=Header-module__wrapper] {
font-weight: 500;
}
[class~=Header-module__wrapper] {
width: 100%;
}
[class~=PlayerMenu-module__loginLink],[class~=HeaderNav-module__link],[class~=PlayerMenu-module__profileLink] {
font-size: 10.5pt;
}
[class~=HeaderNav-module__wrapper],.Header-module__wrapper,[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
display: flex;
}
[class~=HeaderNav-module__wrapper],[class~=Header-module__wrapper],[class~=PlayerMenu-module__loginLink],[class~=PlayerMenu-module__profileLink] {
align-items: center;
}
[class~=PlayerMenu-module__profileLink]:hover,[class~=HeaderNav-module__link]:hover,[class~=PlayerMenu-module__loginLink]:focus,[class~=PlayerMenu-module__profileLink]:focus,[class~=PlayerMenu-module__loginLink]:hover,[class~=HeaderNav-module__link]:focus {
color: #fff;
}
[class~=Header-module__wrapper],[class~=HeaderNav-module__wrapper] {
flex-wrap: wrap;
}
[class~=HeaderNav-module__wrapper] {
column-gap: 10px;
}
[class~=HeaderNav-module__wrapper] {
margin-left: 1.25pc;
}
[class~=HeaderNav-module__wrapper] {
text-transform: uppercase;
}
[class~=HeaderNav-module__link],[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
background: #333;
}
h4 {
color: #c5c5c5;
}
[class~=PlayerMenu-module__loginLink],[class~=HeaderNav-module__link],[class~=PlayerMenu-module__profileLink] {
text-transform: none;
}
[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink],[class~=HeaderNav-module__link] {
font-family: "Montserrat",sans-serif;
}
.PlayerMenu-module__profileLink,[class~=HeaderNav-module__link],.PlayerMenu-module__loginLink {
color: #c9c9c9;
}
[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink],[class~=HeaderNav-module__link] {
font-weight: 400;
}
.PlayerMenu-module__loginLink,[class~=PlayerMenu-module__profileLink],[class~=Product-module__wrapper],[class~=HeaderNav-module__link] {
cursor: pointer;
}
[class~=HeaderNav-module__link] {
padding-left: 7.5pt;
}
[class~=HeaderNav-module__link] {
padding-bottom: .104166667in;
}
[class~=HeaderNav-module__link],[class~=Search-module__iconWrapper],[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
padding-right: .625pc;
}
[class~=HeaderNav-module__link] {
padding-top: .625pc;
}
[class~=PlayerMenu-module__profileLink],[class~=HeaderNav-module__link],[class~=PlayerMenu-module__loginLink] {
transition: all .1s ease;
}
.PlayerMenu-module__profileLink,.PlayerMenu-module__loginLink,[class~=Product-module__price],[class~=Search-module__iconWrapper] {
justify-content: center;
}
[class~=PlayerMenu-module__loginLink],[class~=PlayerMenu-module__profileLink] {
padding-left: 5.25pt;
}
[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
padding-bottom: 7.000000032px;
}
[class~=PlayerMenu-module__loginLink]:hover,[class~=PlayerMenu-module__loginLink]:focus,[class~=PlayerMenu-module__profileLink]:focus,[class~=PlayerMenu-module__profileLink]:hover {
background-color: #1384f5;
}
[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
padding-top: .072916667in;
}
[class~=Search-module__icon] path {
stroke: #8d8d8d;
}
[class~=PlayerMenu-module__profileLink],.PlayerMenu-module__loginLink {
flex-direction: row-reverse;
}
[class~=PlayerMenu-module__profileLink],[class~=PlayerMenu-module__loginLink] {
gap: .104166667in;
}
[class~=Search-module__wrapper],[class~=Product-module__name] {
width: 100%;
}
[class~=Search-module__iconWrapper],[class~=Search-module__wrapper] {
display: flex;
}
[class~=Search-module__wrapper] {
height: 2.5pc;
}
[class~=Product-module__wrapper]:hover {
transform: scale(1.04);
}
[class~=Product-module__wrapper],.Search-module__wrapper {
overflow: hidden;
}
[class~=Search-module__wrapper] {
background: var(--bg-color-700);
}
[class~=telegram]:hover {
background: #1d6f97;
}
[class~=telegram]:hover {
border-left-width: .062500002pc;
}
.Search-module__wrapper {
margin-top: 0pt;
}
[class~=Search-module__iconWrapper] {
height: 100%;
}
[class~=Product-module__wrapper],[class~=Search-module__iconWrapper] {
padding-left: 10px;
}
[class~=Search-module__iconWrapper] {
padding-bottom: 0;
}
[class~=Search-module__iconWrapper] {
padding-top: 0;
}
[class~=Search-module__iconWrapper] {
background: transparent;
}
[class~=Search-module__iconWrapper] {
color: var(--font-color-700);
}
[class~=Search-module__iconWrapper],[class~=Product-module__price] {
align-items: center;
}
[class~=Search-module__iconWrapper],[class~=Product-module__wrapper] {
border-radius: 7.5pt;
}
[class~=Product-module__wrapper] {
background: #282828;
}
[class~=Product-module__wrapper] {
background-image: linear-gradient(180deg,#3b3b3b 0%,transparent 50%);
}
[class~=Product-module__wrapper] {
position: relative;
}
[class~=Product-module__wrapper],[class~=Product-module__name] {
padding-bottom: .625pc;
}
[class~=Product-module__wrapper] {
padding-right: .104166667in;
}
[class~=Product-module__name],[class~=Product-module__wrapper] {
padding-top: 10px;
}
[class~=Product-module__wrapper] {
height: 2.604166667in;
}
[class~=Product-module__name],[class~=Product-module__price] {
color: #fff;
}
[class~=Product-module__wrapper] {
transition: .3s all;
}
[class~=Product-module__wrapper] {
animation: Product-module__productAnimation .15s ease;
}
[class~=Product-module__name] {
z-index: 6;
}
[class~=Product-module__name] {
transition: all .2s ease;
}
[class~=Product-module__name] {
transform: none;
}
[class~=Product-module__name] {
padding-left: .499999998pc;
}
.telegram:hover {
border-bottom-width: 1.000000032px;
}
[class~=Categories-module__category] {
cursor: pointer;
}
[class~=Product-module__name] {
padding-right: 7.999999968px;
}
[class~=Product-module__name] {
bottom: 1.25pc;
}
[class~=Product-module__name],[class~=Product-module__price] {
left: 0;
}
[class~=telegram]:hover {
border-right-width: .010416667in;
}
.telegram:hover {
border-top-width: 1.000000032px;
}
[class~=Product-module__name] {
text-align: center;
}
[class~=Product-module__price],h4,[class~=Product-module__name],[class~=boxHeader] {
font-family: "Montserrat",sans-serif;
}
[class~=Product-module__price],[class~=Product-module__name] {
font-size: .145833333in;
}
[class~=Product-module__name] {
font-weight: 600;
}
[class~=Product-module__name],[class~=Product-module__price] {
background-color: transparent;
}
[class~=Product-module__price] {
top: unset;
}
[class~=telegram]:hover {
border-left-style: solid;
}
[class~=Product-module__price] {
bottom: 0;
}
[class~=Product-module__price] {
right: 0;
}
[class~=Product-module__price] {
background-image: linear-gradient(360deg,#282828,transparent);
}
[class~=Product-module__price] {
padding-left: .312499998pc;
}
[class~=Product-module__price] {
padding-bottom: .312499998pc;
}
[class~=Product-module__price] {
padding-right: 4.999999968px;
}
[class~=Product-module__price] {
padding-top: 3.749999976pt;
}
[class~=telegram]:hover {
border-bottom-style: solid;
}
[class~=Product-module__price] {
border-radius: 0 0 1.5pt;
}
[class~=Product-module__price] {
display: flex;
}
[class~=Product-module__price] {
font-weight: 400;
}
[class~=Categories-module__category] {
color: var(--font-color-900);
}
[class~=Categories-module__category] {
background-color: var(--bg-color-700);
}
[class~=Categories-module__category] {
padding-left: 11.25pt;
}
[class~=productModalDescription],[class~=Categories-module__category],[class~=KitContent-module__containsItem] {
padding-bottom: 7.500000024pt;
}
[class~=telegram]:hover {
border-right-style: solid;
}
[class~=Categories-module__category] {
padding-right: .15625in;
}
[class~=KitContent-module__containsItem],[class~=productModalDescription],[class~=Categories-module__category] {
padding-top: 10.000000032px;
}
[class~=boxBody],[class~=Shop-module__header],[class~=boxHeader],[class~=boxFooter],[class~=Categories-module__category],[class~=productModalDescription] {
border-radius: .104166667in;
}
[class~=telegram]:hover {
border-top-style: solid;
}
[class~=Categories-module__category] {
transition: all .15s ease;
}
[class~=Categories-module__category] {
margin-left: 3.749999976pt;
}
[class~=Categories-module__category] {
margin-bottom: .312499998pc;
}
[class~=Categories-module__category] {
margin-right: 4.999999968px;
}
[class~=Categories-module__category] {
margin-top: 3.749999976pt;
}
[class~=Shop-module__header],[class~=KitContent-module__itemName] {
width: 100%;
}
[class~=Shop-module__header] {
font-size: 1.0625pc;
}
[class~=boxFooter] {
background: var(--bg-color-700);
}
[class~=boxBody] {
background: #1c1c1c;
}
[class~=productModalDescription],[class~=boxBody],[class~=boxHeader] {
margin-bottom: .625pc;
}
[class~=telegram]:hover {
border-left-color: #2ea1d9;
}
[class~=telegram]:hover {
border-bottom-color: #2ea1d9;
}
[class~=boxHeader] {
background: var(--bg-color-700);
}
[class~=telegram]:hover {
border-right-color: #2ea1d9;
}
[class~=productModalDescription] a {
cursor: pointer;
}
[class~=boxHeader] {
color: #c5c5c5;
}
[class~=boxHeader] {
font-size: 1pc;
}
[class~=boxHeader] {
font-weight: 500;
}
[class~=productModalDescription] {
list-style: inside;
}
[class~=productModalDescription] {
text-align: left;
}
[class~=KitContent-module__containsItem],[class~=productModalDescription] {
padding-left: .625pc;
}
[class~=KitContent-module__containsItem],[class~=productModalDescription] {
padding-right: .625pc;
}
[class~=KitContent-module__containsItem],[class~=productModalDescription] {
background-color: var(--bg-color-700);
}
[class~=telegram]:hover {
border-top-color: #2ea1d9;
}
[class~=telegram]:hover {
border-image: none;
}
[class~=KitContent-module__containsItem] {
border-radius: 1.999999968px;
}
[class~=KitContent-module__itemName],[class~=KitContent-module__containsItem] {
border-radius: .625pc;
}
[class~=KitContent-module__containsItem] {
position: relative;
}
[class~=KitContent-module__containsItem] {
display: flex;
}
[class~=KitContent-module__containsItem] {
align-items: center;
}
[class~=KitContent-module__itemName] {
padding-left: .5pc;
}
[class~=KitContent-module__itemName] {
padding-bottom: 8px;
}
[class~=KitContent-module__itemName] {
padding-right: .5pc;
}
[class~=KitContent-module__itemName] {
padding-top: 6pt;
}
[class~=KitContent-module__itemName],[class~=KitContent-module__itemCount] {
position: absolute;
}
[class~=discord]:hover {
background: #40407f;
}
[class~=KitContent-module__itemName] {
top: 0;
}
[class~=KitContent-module__itemName],[class~=KitContent-module__itemCount] {
left: 0;
}
[class~=KitContent-module__itemName] {
right: 0;
}
[class~=KitContent-module__itemName],[class~=KitContent-module__itemCount] {
text-align: start;
}
[class~=Button-module__btn][class~=Button-module__gray]:hover {
background-color: #373737;
}
.Button-module__btn,[class~=discord]:hover {
border-left-width: .0625pc;
}
[class~=KitContent-module__itemName] {
color: var(--font-color-800);
}
[class~=discord]:hover,[class~=Button-module__btn] {
border-bottom-style: solid;
}
[class~=Button-module__btn],[class~=discord]:hover {
border-bottom-width: .75pt;
}
[class~=KitContent-module__itemName] {
font-size: .9375pc;
}
[class~=RouletteContent-module__lineWrapper],[class~=KitContent-module__itemName] {
overflow: hidden;
}
[class~=KitContent-module__itemName] {
text-overflow: ellipsis;
}
[class~=KitContent-module__itemName] {
white-space: nowrap;
}
.discord:hover,.Button-module__btn {
border-right-style: solid;
}
[class~=discord]:hover,[class~=Button-module__btn] {
border-top-style: solid;
}
[class~=KitContent-module__itemCount],[class~=KitContent-module__itemName] {
background-color: var(--product-items-trans-bg-color);
}
h4 {
font-size: .875pc;
}
[class~=Button-module__btn],[class~=discord]:hover {
border-right-width: .010416667in;
}
[class~=discord]:hover,[class~=Button-module__btn] {
border-top-width: .75pt;
}
[class~=KitContent-module__itemCount] {
bottom: 0;
}
[class~=KitContent-module__itemCount] {
padding-left: .375pc;
}
[class~=Button-module__btn],[class~=discord]:hover {
border-left-style: solid;
}
h4 {
font-weight: 500;
}
[class~=KitContent-module__itemCount] {
padding-bottom: .25pc;
}
[class~=KitContent-module__itemCount] {
padding-right: .0625in;
}
[class~=KitContent-module__itemCount] {
padding-top: .25pc;
}
[class~=KitContent-module__itemCount] {
color: var(--font-color-900);
}
[class~=KitContent-module__itemCount] {
border-radius: .3125pc;
}
[class~=Button-module__btn] {
cursor: pointer;
}
.Button-module__btn {
padding-left: 9.75pt;
}
[class~=Button-module__btn] {
padding-bottom: .072916667in;
}
[class~=Button-module__btn] {
padding-right: 9.75pt;
}
.Button-module__btn {
padding-top: .072916667in;
}
[class~=Button-module__btn] {
border-left-color: transparent;
}
.Button-module__btn {
border-bottom-color: transparent;
}
[class~=discord]:hover {
border-left-color: #5454a7;
}
[class~=discord]:hover {
border-bottom-color: #5454a7;
}
[class~=Button-module__btn] {
border-right-color: transparent;
}
.Button-module__btn {
border-top-color: transparent;
}
[class~=Button-module__btn] {
border-image: none;
}
[class~=discord]:hover {
border-right-color: #5454a7;
}
[class~=discord]:hover {
border-top-color: #5454a7;
}
[class~=Button-module__btn] {
transition: all .2s ease;
}
[class~=Button-module__btn] {
border-radius: 10px;
}
[class~=RouletteContent-module__lineWrapper],[class~=productModalContainsItem] {
position: relative;
}
[class~=RouletteContent-module__lineWrapper] {
width: 100%;
}
[class~=RouletteContent-module__lineWrapper] {
background: var(--bg-color-800);
}
[class~=productModalContainsItem],[class~=RouletteContent-module__lineWrapper] {
display: flex;
}
[class~=RouletteContent-module__lineWrapper] {
height: 3.020833333in;
}
[class~=RouletteContent-module__lineWrapper],[class~=ProductModal-module__header],[class~=productModalContainsItem] {
align-items: center;
}
[class~=RouletteContent-module__lineWrapper] {
border-radius: .15625in;
}
[class~=RouletteContent-module__lineWrapper] {
margin-bottom: .625pc;
}
[class~=Product-module__discount],[class~=productModalContainsItem] {
border-radius: 10px;
}
[class~=productModalContainsItem] {
background-color: var(--bg-color-700);
}
[class~=Product-module__discount],[class~=productModalContainsItem] {
padding-left: 10px;
}
[class~=productModalContainsItem] {
padding-bottom: 10px;
}
[class~=productModalContainsItem],[class~=Product-module__discount] {
padding-right: 10px;
}
[class~=productModalDescription] a {
transition: all .15s ease;
}
[class~=productModalContainsItem] {
padding-top: 10px;
}
[class~=ProductModal-module__header] {
font-size: 12.75pt;
}
[class~=ProductModal-module__header] {
justify-content: space-between;
}
[class~=Product-module__discount] {
top: .072916667in;
}
[class~=Product-module__discount] {
right: 7px;
}
[class~=Product-module__discount] {
background-color: #2f8be6;
}
h4 {
text-align: start;
}
[class~=Product-module__discount] {
color: var(--font-color-700);
}
[class~=Product-module__discount] {
padding-bottom: 4.999999968px;
}
[class~=Product-module__discount] {
padding-top: 3.749999976pt;
}
[class~=MonitoringServer-module__progressBarAnim] {
font-size: 10.499999976pt !important;
}
[class~=MonitoringServer-module__progressBarAnim] {
position: absolute;
}
[class~=MonitoringServer-module__progressBarAnim] {
top: 0;
}
[class~=MonitoringServer-module__progressBarAnim] {
left: 0;
}
.MonitoringServer-module__progressBarAnim {
height: 100%;
}
[class~=discord]:hover {
border-image: none;
}
[class~=MonitoringServer-module__progressBarAnim] {
opacity: .8;
}
[class~=MonitoringServer-module__progressBarAnim] {
background: conic-gradient(from -30deg at 25%,transparent 240deg,rgba(255,255,255,.15) 0%) 0/1.44em,conic-gradient(from -30deg at 75%,rgba(255,255,255,.15) 240deg,transparent 0%) 0/1.44em;
}
[class~=MonitoringServer-module__progressBarAnim] {
box-shadow: inset 0 0 0in #000;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
border-left-width: medium;
}
[class~=MonitoringServer-module__progressBarAnim] {
animation: MonitoringServer-module__monitoringAnimation 2s linear infinite;
}
[class~=productModalDescription] a {
background: #434343;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
border-left-style: none;
}
[class~=bonus] {
width: 50%;
}
[class~=xbox__header] {
padding-right: 11.25pt;
}
[class~=bonus] {
background: linear-gradient(120deg,#0c85fe,#02509d);
}
[class~=bonus] {
color: #fff;
}
[data-categoryid="428287"],[data-categoryid="428288"],[data-categoryid="0"],[class~=bonus] {
animation: gradient 3s ease infinite;
}
[class~=bonus] {
background-size: 400% 400%;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
border-left-color: currentColor;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
border-image: none;
}
[class~=xbox__header] {
border-right-width: .010416667in;
}
[class~=bonus] {
border-radius: 0pc .104166667in .104166667in 0px;
}
[data-categoryid="428287"],[data-categoryid="0"],[data-categoryid="428288"] {
color: #202020;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left],[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
background: #333;
}
[data-categoryid="0"] {
background: linear-gradient(120deg,#03bafc,#036ffc);
}
[data-categoryid="0"] {
background-size: 400% 400%;
}
[data-categoryid="428288"],[data-categoryid="428287"],[data-categoryid="0"] {
transform: translate3d(0,0,0);
}
[data-categoryid="428287"] {
background: linear-gradient(120deg,#03bafc,#036ffc);
}
[class~=xbox__header] {
border-top-width: .75pt;
}
[data-categoryid="428287"] {
background-size: 400% 400%;
}
[data-categoryid="428288"] {
background: linear-gradient(120deg,#03bafc,#036ffc);
}
[data-categoryid="428288"] {
background-size: 400% 400%;
}
[class~=xbox__header] {
background: #282828;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__right] {
border-radius: .104166667in;
}
[class~=xbox__header] {
background-image: linear-gradient(180deg,#313131 0%,transparent 50%);
}
[class~=productModalDescription] a,.xbox__header {
padding-left: .15625in;
}
[class~=xbox__header] {
padding-bottom: .15625in;
}
.xbox__header {
padding-top: 11.25pt;
}
[class~=vkontakte],[class~=xbox__header] {
border-radius: 15px;
}
[class~=xbox__header] {
border-left-width: .75pt;
}
[class~=xbox__header] {
border-bottom-width: 1px;
}
[class~=xbox__header] {
border-left-style: solid;
}
[class~=xbox__header] {
border-bottom-style: solid;
}
[class~=xbox__header] {
border-right-style: solid;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left] {
border-right-width: medium;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left] {
border-right-style: none;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left] {
border-right-color: currentColor;
}
[class~=xbox__header] {
border-top-style: solid;
}
.xbox__header {
border-left-color: #373737;
}
.xbox__header {
border-bottom-color: #373737;
}
.xbox__header {
border-right-color: #373737;
}
[class~=xbox__header] {
border-top-color: #373737;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left],[class~=xbox__header] {
border-image: none;
}
[class~=xbox__header] {
margin-bottom: .104166667in;
}
[class~=social-box] {
text-align: center;
}
[class~=social-box] {
display: grid;
}
[class~=productModalDescription] a {
padding-bottom: 5px;
}
[class~=social-box] {
line-height: 2rem;
}
[class~=social-box] {
margin-top: 1.25pc;
}
[class~=social-box] {
margin-left: 7.5pt;
}
[class~=social-box] {
margin-right: .104166667in;
}
[class~=vkontakte] {
background: #2c3547;
}
[class~=vkontakte] {
border-left-width: .125pc;
}
[class~=vkontakte] {
border-bottom-width: .020833333in;
}
[class~=vkontakte] {
border-right-width: 1.5pt;
}
[class~=vkontakte] {
border-top-width: 2px;
}
[class~=vkontakte] {
border-left-style: solid;
}
[class~=vkontakte] {
border-bottom-style: solid;
}
[class~=vkontakte] {
border-right-style: solid;
}
[class~=vkontakte] {
border-top-style: solid;
}
[class~=vkontakte] {
border-left-color: #3c4861;
}
[class~=vkontakte] {
border-bottom-color: #3c4861;
}
#user-icon {
margin-top: 2.25pt;
}
[class~=vkontakte] {
border-right-color: #3c4861;
}
[class~=vkontakte] {
border-top-color: #3c4861;
}
[class~=vkontakte] {
border-image: none;
}
[class~=vkontakte] {
box-shadow: 0 10px .208333333in 0 rgba(0,98,255,.15);
}
[class~=vkontakte],[class~=telegram] {
text-transform: uppercase;
}
[class~=vkontakte],[class~=telegram] {
color: #fff;
}
[class~=CountSelector-module__changeCountBtn][class~=CountSelector-module__left] {
border-radius: .625pc;
}
[class~=Button-module__btn][class~=Button-module__gray] {
color: var(--font-color-800);
}
[class~=vkontakte] {
margin-bottom: .260416667in;
}
[class~=vkontakte],[class~=telegram] {
padding-left: 0pc;
}
[class~=vkontakte] {
padding-bottom: .125pc;
}
[class~=telegram],[class~=vkontakte] {
padding-right: 0px;
}
[class~=telegram],[class~=vkontakte] {
padding-top: 5px;
}
[class~=vkontakte],[class~=telegram] {
transition: .3s;
}
[class~=Button-module__btn][class~=Button-module__gray] {
background-color: #434343;
}
[class~=telegram] {
background: #253137;
}
[class~=telegram] {
border-left-width: 1px;
}
[class~=telegram] {
border-bottom-width: .75pt;
}
[class~=telegram] {
border-right-width: .0625pc;
}
[class~=telegram] {
border-top-width: .010416667in;
}
[class~=telegram] {
border-left-style: solid;
}
[class~=telegram] {
border-bottom-style: solid;
}
[class~=telegram] {
border-right-style: solid;
}
[class~=telegram] {
border-top-style: solid;
}
[class~=productModalDescription] a {
padding-top: 3.749999976pt;
}
[class~=Button-module__btn][class~=Button-module__accent] {
color: var(--font-color-700);
}
[class~=telegram] {
border-left-color: #2f4651;
}
[class~=telegram] {
border-bottom-color: #2f4651;
}
[class~=telegram] {
border-right-color: #2f4651;
}
[class~=telegram] {
border-top-color: #2f4651;
}
[class~=telegram] {
border-image: none;
}
[class~=discord],[class~=telegram] {
border-radius: 11.25pt;
}
[class~=discord],[class~=desc_title],[class~=telegram] {
font-family: "Montserrat",sans-serif;
}
[class~=discord],[class~=telegram] {
margin-bottom: 15px;
}
[class~=telegram],[class~=desc-main],[class~=discord] {
padding-bottom: 3.749999976pt;
}
[class~=discord] {
background: #252837;
}
[class~=Button-module__btn][class~=Button-module__gray] {
border-left-color: #434343;
}
[class~=discord] {
border-left-width: 1px;
}
[class~=discord] {
border-bottom-width: .0625pc;
}
[class~=discord] {
border-right-width: .010416667in;
}
[class~=discord] {
border-top-width: .0625pc;
}
[class~=Button-module__btn][class~=Button-module__gray]:focus {
background-color: #373737;
}
[class~=discord] {
border-left-style: solid;
}
[class~=discord] {
border-bottom-style: solid;
}
[class~=discord] {
border-right-style: solid;
}
[class~=discord] {
border-top-style: solid;
}
[class~=discord] {
border-left-color: #2f3251;
}
[class~=Button-module__btn][class~=Button-module__gray] {
border-bottom-color: #434343;
}
[class~=discord] {
border-bottom-color: #2f3251;
}
[class~=Button-module__btn][class~=Button-module__gray] {
border-right-color: #434343;
}
[class~=discord] {
border-right-color: #2f3251;
}
[class~=discord] {
border-top-color: #2f3251;
}
[class~=discord] {
border-image: none;
}
[class~=discord] {
text-transform: uppercase;
}
[class~=Button-module__btn][class~=Button-module__gray],.desc-service {
border-top-color: #434343;
}
[class~=PlayerBalance-module__btn]:hover,[class~=discord],[class~=desc_title],[class~=PlayerBalance-module__btn]:focus {
color: #fff;
}
[class~=discord] {
padding-left: 0pc;
}
[class~=discord] {
padding-right: 0px;
}
[class~=discord],[class~=desc-main] {
padding-top: .052083333in;
}
[class~=Button-module__btn][class~=Button-module__accent] {
background-color: linear-gradient(120deg,#03bafc,#036ffc);
}
[class~=discord] {
transition: .3s;
}
[class~=socicon] {
vertical-align: sub;
}
[class~=socicon] {
margin-right: .437500002pc;
}
[class~=desc-main] {
padding-left: 3.75pt;
}
[class~=desc-main] {
padding-right: .052083333in;
}
[class~=pd-additional],[class~=text-container],[class~=desc-service],[class~=desc-service-main] {
display: flex;
}
[class~=Button-module__btn][class~=Button-module__accent] {
border-left-color: var(--accent-color-800);
}
[class~=Button-module__btn][class~=Button-module__accent] {
border-bottom-color: var(--accent-color-800);
}
[class~=productModalDescription] a {
padding-right: 11.25pt;
}
[class~=desc-service-main],[class~=desc-service] {
justify-content: space-between;
}
[class~=productModalDescription] a:hover {
color: #ababab;
}
[class~=desc-service],[class~=desc-service-main] {
flex-wrap: wrap;
}
[class~=desc-service] {
padding-left: 4%;
}
[class~=desc-service] {
padding-bottom: 2%;
}
[class~=desc-service] {
padding-right: 4%;
}
[class~=desc-service] {
padding-top: 2%;
}
[class~=desc-service] {
border-radius: 7.5pt;
}
[class~=desc-service] {
background: #333;
}
[class~=desc-service] {
border-left-width: 1.000000032px;
}
[class~=desc-service] {
border-bottom-width: .010416667in;
}
[class~=desc-service] {
border-right-width: .010416667in;
}
[class~=desc-service] {
border-top-width: .010416667in;
}
[class~=desc-service] {
border-left-style: solid;
}
[class~=desc-service] {
border-bottom-style: solid;
}
[class~=desc-service] {
border-right-style: solid;
}
.desc-service {
border-top-style: solid;
}
[class~=desc-service] {
border-left-color: #434343;
}
[class~=desc-service] {
border-bottom-color: #434343;
}
.desc-service {
border-right-color: #434343;
}
[class~=desc-service] {
border-image: none;
}
[class~=desc-service] {
margin-top: 3pt;
}
[class~=Button-module__btn][class~=Button-module__accent] {
border-right-color: var(--accent-color-800);
}
[class~=desc-service] {
width: 100%;
}
[class~=Button-module__btn][class~=Button-module__accent] {
border-top-color: var(--accent-color-800);
}
[class~=desc-service],[class~=pd-additional] {
align-items: center;
}
[class~=desc_title],[class~=desc-text-info] {
text-align: left;
}
[class~=desc_title] {
font-size: 1pc;
}
[class~=PlayerBalance-module__btn]:hover,[class~=PlayerBalance-module__btn]:focus {
background-color: #1384f5;
}
[class~=pd-additional],[class~=desc-text],[class~=desc_title] {
font-weight: 500;
}
[class~=productModalDescription] a {
border-radius: .625pc;
}
[class~=desc_title] {
margin-bottom: .625pc;
}
[class~=text-container] {
-webkit-box-orient: vertical;
}
[class~=text-container] {
-webkit-box-direction: normal;
}
[class~=text-container] {
-ms-flex-direction: column;
}
[class~=text-container] {
flex-direction: column;
}
[class~=text-container] {
-webkit-box-pack: justify;
}
[class~=text-container] {
-ms-flex-pack: justify;
}
[class~=text-container] {
justify-content: space-evenly;
}
[class~=text-container] {
overflow: hidden;
}
[class~=text-container] {
-webkit-box-flex: 1;
}
[class~=text-container] {
-ms-flex: 1;
}
[class~=text-container] {
flex: 1;
}
[class~=pd-additional] {
background: linear-gradient(90deg,#28f,#0157ff);
}
[class~=pd-additional] {
background-size: 400% 400%;
}
[class~=pd-additional],[class~=pd-additional-info] {
animation: gradient 5s ease infinite;
}
[class~=pd-additional] {
transform: translate3d(0,0,0);
}
[class~=ProfileNav-module__navItem]:hover,[class~=boxBody]:last-child,[class~=ProfileNav-module__navItem]:focus,[class~=ProfileNav-module__navItem][class~=ProfileNav-module__active] {
border-radius: .625000002pc;
}
[class~=pd-additional] {
transform: scale(1);
}
[class~=pd-additional] {
width: auto;
}
[class~=pd-additional] {
height: 15pt;
}
[class~=pd-additional] {
padding-left: 7.5pt;
}
[class~=pd-additional] {
padding-bottom: 0pc;
}
.CountSelector-module__label,[class~=desc-text],[class~=pd-additional],[class~=CountSelector-module__input],[class~=desc-text-info],[class~=TotalSum-module__label],[class~=productModalDescription] a,[class~=TotalSum-module__input] {
font-family: "Montserrat",sans-serif;
}
[class~=pd-additional] {
padding-right: 7.5pt;
}
[class~=pd-additional] {
padding-top: 0px;
}
[class~=pd-additional] {
border-radius: .072916667in;
}
[class~=pd-additional] {
transition: transform 400ms cubic-bezier(.68,-.55,.27,1.55);
}
[class~=pd-additional] {
margin-left: 7.5pt;
}
[class~=pd-additional],[class~=desc-text] {
color: #fff;
}
[class~=ProfileNav-module__navItem]:focus,[class~=ProfileNav-module__navItem]:hover,[class~=ProfileNav-module__navItem][class~=ProfileNav-module__active] {
background: #2f8be6;
}
[class~=productModalDescription] a,[class~=pd-additional] {
font-size: 9pt;
}
[class~=desc-text] {
font-size: 10.5pt;
}
[class~=TotalSum-module__inputWrapper] {
border-radius: .104166667in;
}
[class~=desc-text-info] {
color: #939393;
}
[class~=desc-text-info] {
font-size: .75pc;
}
[class~=desc-text-info] {
font-weight: 400;
}
[class~=pd-additional-info] {
background: linear-gradient(120deg,#03bafc,#036ffc);
}
[class~=pd-additional-info] {
background-size: 400% 400%;
}
[class~=pd-additional-info] {
transform: translate3d(0,0,0);
}
[class~=pd-additional-info] {
margin-left: 9px;
}
[class~=pd-additional-info] {
font-size: .8125pc;
}
[class~=pd-additional-info] {
color: rgba(255,255,255,.9) !important;
}
[class~=CountSelector-module__inputWrapper],[class~=TotalSum-module__input],[class~=CountSelector-module__input],[class~=PlayerBalanceModal-module__inputWrapper],[class~=CountSelector-module__label],[class~=TotalSum-module__inputWrapper],[class~=TotalSum-module__label] {
width: 100%;
}
[class~=CountSelector-module__label],[class~=TotalSum-module__label] {
text-align: left;
}
.CountSelector-module__label,[class~=TotalSum-module__label] {
display: block;
}
[class~=CountSelector-module__input],[class~=TotalSum-module__input],[class~=TotalSum-module__label],[class~=CountSelector-module__label] {
font-size: .875pc;
}
[class~=socials__item]+[class~=socials__item] {
margin-top: 16px;
}
[class~=productModalDescription] a,[class~=CountSelector-module__label],[class~=TotalSum-module__input],[class~=CountSelector-module__input],[class~=TotalSum-module__label] {
font-weight: 500;
}
[class~=socials__item_vk] [class~=socials__item-bg] {
background: url("https://i.imgur.com/eIEvMCw.png");
}
.CountSelector-module__label,[class~=TotalSum-module__label] {
color: #fff;
}
[class~=TotalSum-module__label],.CountSelector-module__label {
margin-bottom: .375pc;
}
.socials__item_ds .socials__item-bg {
background-image: url("https://i.imgur.com/bcMvuX3.png");
}
[class~=TotalSum-module__inputWrapper],[class~=CountSelector-module__inputWrapper] {
display: flex;
}
[class~=TotalSum-module__inputWrapper] {
height: 36px;
}
[class~=socials__item_tg] [class~=socials__item-bg] {
background: url("https://i.imgur.com/caabuFI.png");
}
[class~=TotalSum-module__inputWrapper],[class~=CountSelector-module__inputWrapper] {
overflow: hidden;
}
[class~=TotalSum-module__inputWrapper] {
background: var(--bg-color-700);
}
[class~=TotalSum-module__currency] {
height: 100%;
}
[class~=socials__item-link]:hover {
background: #fff;
}
[class~=CountSelector-module__input],[class~=PlayerBalance-module__btn],[class~=productModalGiveText],[class~=PlayerBalanceModal-module__currency],[class~=PlayerBalanceModal-module__input],[class~=TotalSum-module__input],[class~=TotalSum-module__currency] {
padding-left: 7.5pt;
}
[class~=TotalSum-module__currency],[class~=CountSelector-module__input],[class~=TotalSum-module__input] {
padding-bottom: 0;
}
[class~=PlayerBalance-module__btn],[class~=TotalSum-module__currency],[class~=productModalGiveText],[class~=TotalSum-module__input],[class~=PlayerBalanceModal-module__currency],[class~=PlayerBalanceModal-module__input],[class~=CountSelector-module__input] {
padding-right: 7.5pt;
}
[class~=CountSelector-module__input],[class~=TotalSum-module__input],[class~=TotalSum-module__currency] {
padding-top: 0;
}
[class~=TotalSum-module__currency] {
background: transparent;
}
[class~=TotalSum-module__currency] {
color: var(--font-color-700);
}
[class~=TotalSum-module__currency],[class~=PlayerBalanceModal-module__currency] {
line-height: 2.25pc;
}
[class~=TotalSum-module__input],[class~=CountSelector-module__input] {
color: #fff;
}
[class~=CountSelector-module__inputWrapper],[class~=productModalGiveText] {
border-radius: .625pc;
}
[class~=CountSelector-module__input],[class~=productModalGiveText] {
text-align: center;
}
[class~=CountSelector-module__inputWrapper] {
height: .375in;
}
[class~=CountSelector-module__inputWrapper] {
background: var(--bg-color-700);
}
[class~=productModalGiveText] {
background: #162537;
}
[class~=socials__item-link]:hover {
color: #121218;
}
[class~=productModalGiveText] {
padding-bottom: 10px;
}
[class~=productModalGiveText] {
padding-top: .625pc;
}
[class~=productModalGiveText] {
color: #93c1f7;
}
[class~=productModalGiveText] {
display: block;
}
[class~=productModalGiveText] {
font-size: .135416667in;
}
[class~=productModalGiveText],[class~=PlayerBalance-module__btn] {
font-weight: 400;
}
[class~=PlayerBalanceModal-module__currency] {
height: 100%;
}
[class~=PlayerBalanceModal-module__currency] {
padding-bottom: 0;
}
[class~=PlayerBalanceModal-module__currency] {
padding-top: 0;
}
[class~=PlayerBalanceModal-module__currency] {
background: var(--accent-color-800);
}
[class~=PlayerBalanceModal-module__currency] {
color: var(--font-color-700);
}
[class~=PlayerBalanceModal-module__currency] {
border-radius: 5% 5% 0% 0%;
}
[class~=PlayerBalanceModal-module__inputWrapper],[class~=ProfileContent-module__input] {
display: flex;
}
[class~=user-avatar],[class~=PlayerBalanceModal-module__inputWrapper] {
height: .375in;
}
[class~=PlayerBalanceModal-module__inputWrapper] {
border-radius: 3.75pt;
}
[class~=ProfileContent-module__input],[class~=PlayerBalanceModal-module__inputWrapper] {
overflow: hidden;
}
[class~=PlayerBalanceModal-module__inputWrapper] {
background: var(--bg-color-700);
}
[class~=user-avatar-pic],[class~=user-avatar] {
border-radius: 50%;
}
[class~=user-avatar] {
width: .375in;
}
[class~=ProfileContent-module__input],[class~=user-avatar-pic],[class~=PlayerBalanceModal-module__input] {
width: 100%;
}
[class~=user-avatar-pic] {
height: 100%;
}
[class~=user-avatar-pic] {
object-fit: cover;
}
[class~=PlayerBalance-module__btn] {
background: #333;
}
[class~=ProfileContent-module__infoWrapper],[class~=ProfileContent-module__input],[class~=ProfileNav-module__navItem],[class~=PlayerBalance-module__btn] {
border-radius: .625pc;
}
[class~=PlayerBalanceModal-module__label],[class~=PlayerBalance-module__btn] {
font-size: .145833333in;
}
[class~=PlayerBalance-module__btn] {
text-transform: none;
}
[class~=PlayerBalanceModal-module__input],[class~=PlayerBalanceModal-module__label],[class~=PlayerBalance-module__btn] {
font-family: "Montserrat",sans-serif;
}
[class~=PlayerBalance-module__btn] {
color: #c9c9c9;
}
[class~=ProfileNav-module__navItem],[class~=PlayerBalance-module__btn] {
cursor: pointer;
}
[class~=PlayerBalance-module__btn] {
padding-bottom: 7.500000024pt;
}
[class~=PlayerBalance-module__btn] {
padding-top: 10.000000032px;
}
[class~=PlayerBalance-module__btn] {
transition: all .1s ease;
}
[class~=PlayerBalanceModal-module__label] {
margin-bottom: .5pc;
}
[class~=PlayerBalanceModal-module__input],[class~=PlayerBalanceModal-module__label] {
font-weight: 500;
}
[class~=PlayerBalanceModal-module__input],[class~=PlayerBalanceModal-module__label] {
color: #fff;
}
[class~=ProfileContent-module__input],[class~=PlayerBalanceModal-module__input] {
padding-bottom: 0;
}
[class~=PlayerBalanceModal-module__input],[class~=ProfileContent-module__input] {
padding-top: 0;
}
[class~=PlayerBalanceModal-module__input] {
font-size: .166666667in;
}
[class~=ProfileContent-module__infoWrapper] {
margin-bottom: .9375pc;
}
[class~=ProfileContent-module__input] {
height: 2.25pc;
}
[class~=ProfileContent-module__input],[class~=ProfileNav-module__navItem] {
padding-left: .15625in;
}
[class~=ProfileNav-module__navItem],[class~=ProfileContent-module__input] {
padding-right: .9375pc;
}
[class~=ProfileContent-module__input],[class~=ProfileNav-module__navItem] {
background: var(--bg-color-700);
}
[class~=ProfileNav-module__navItem] {
padding-bottom: 7.5pt;
}
[class~=ProfileNav-module__navItem] {
padding-top: 7.5pt;
}
[class~=ProfileNav-module__navItem] {
color: var(--font-color-900);
}
[class~=ProfileNav-module__navItem] {
transition: all .15s ease;
}
[class~=socials__title] {
font-weight: 400;
}
[class~=socials__title] {
font-size: 9pt;
}
[class~=socials__item-title],[class~=socials__item-link],[class~=socials__title] {
text-transform: uppercase;
}
[class~=socials__title] {
color: #737572;
}
[class~=socials__title] {
margin-bottom: 16.5pt;
}
[class~=socials__item] {
display: flex;
}
[class~=socials__item] {
justify-content: space-between;
}
[class~=socials__item] {
align-items: center;
}
[class~=socials__item-link],[class~=socials__item] {
border-radius: .5pc;
}
[class~=socials__item] {
padding-left: 16px;
}
[class~=socials__item] {
padding-bottom: 1.25pc;
}
[class~=socials__item] {
padding-right: 16px;
}
[class~=socials__item] {
padding-top: 1.25pc;
}
[class~=socials__item] {
position: relative;
}
[class~=socials__item] {
overflow: hidden;
}
[class~=socials__item_vk] {
background: linear-gradient(180deg,rgba(50,119,170,.6) 0%,#477bff 100%);
}
.socials__item_ds {
background: linear-gradient(180deg,rgba(151,71,255,.6) 0%,#9747ff 100%);
}
[class~=socials__item_tg] {
background: linear-gradient(180deg,rgba(50,119,170,.6) 0%,#477bff 100%);
}
[class~=socials__item-bg] {
position: absolute;
}
[class~=socials__item-bg] {
top: 0;
}
[class~=socials__item-bg] {
left: 0;
}
[class~=socials__item-bg] {
right: 0;
}
[class~=socials__item-bg] {
width: 100%;
}
[class~=socials__item-bg] {
height: 100%;
}
[class~=socials__item-bg] {
z-index: 1;
}
[class~=socials__item-left],[class~=socials__item-right] {
position: relative;
}
[class~=socials__item-left],[class~=socials__item-right] {
z-index: 2;
}
[class~=socials__item-title] {
font-size: .104166667in;
}
[class~=socials__item-title] {
color: rgba(224,224,224,.68);
}
[class~=socials__item-title] {
margin-bottom: 8px;
}
[class~=socials__item-title] {
font-weight: 300;
}
.socials__item-name {
font-size: 11.25pt;
}
#user-icon,#user-icon {
width: 1.125pc;
}
.socials__item-name {
color: #f2f2f2;
}
.socials__item-name,[class~=socials__item-link] {
font-weight: 500;
}
[class~=socials__item-link] {
padding-left: .59375pc;
}
[class~=socials__item-link] {
padding-bottom: 9.75pt;
}
[class~=socials__item-link] {
padding-right: .59375pc;
}
[class~=socials__item-link] {
padding-top: 9.75pt;
}
[class~=socials__item-link] {
background: rgba(255,255,255,.04);
}
[class~=socials__item-link] {
color: #e0e0e0;
}
[class~=socials__item-link] {
font-size: .104166667in;
}
[class~=socials__item-link] {
transition: all .3s ease-out;
}
[class~=productModalDescription] a {
color: #fff;
}
.widget-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
padding: 20px;
background: var(--bg-color-700);
border-radius: 10px;
max-width: 300px;
margin: 20px auto;
}
.widget-image {
width: 100%;
height: auto;
border-radius: 8px;
object-fit: cover;
}
.widget-button {
background: linear-gradient(120deg, #03bafc, #036ffc);
color: #fff;
padding: 12px 24px;
border: none;
border-radius: 8px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
}
.widget-button:hover {
transform: scale(1.05);
box-shadow: 0 4px 15px rgba(3, 186, 252, 0.3);
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.server-monitor {
background: #1a1a1a;
border-radius: 12px;
padding: 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 400px;
width: 100%;
color: #ffffff;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.monitor-header {
margin-bottom: 20px;
}
.monitor-header h4 {
font-size: 1.25rem;
font-weight: 600;
margin: 0;
color: #ffffff;
}
.monitor-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.server-status {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: rgba(255, 255, 255, 0.05);
border-radius: 8px;
}
.status-indicator {
width: 12px;
height: 12px;
border-radius: 50%;
background: #4CAF50;
position: relative;
}
.status-indicator::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: #4CAF50;
animation: pulse 2s infinite;
}
.status-text {
font-weight: 500;
color: #4CAF50;
}
.server-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.info-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
background: rgba(255, 255, 255, 0.05);
border-radius: 6px;
}
.info-label {
color: #a0a0a0;
font-size: 0.9rem;
}
.info-value {
font-weight: 500;
color: #ffffff;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0;
}
}
/* Responsive adjustments */
@media (max-width: 480px) {
.server-monitor {
padding: 16px;
}
.monitor-header h4 {
font-size: 1.1rem;
}
.info-item {
padding: 6px 10px;
}
}
.widget-container {
animation: fadeIn 0.5s ease-in;
}
@media (max-width: 768px) {
.widget-container {
max-width: 100%;
margin: 10px;
}
.widget-button {
padding: 10px 20px;
font-size: 14px;
}
}