.Banner-module__img { display: none; } .LangSwitcher-module__wrapper { position: relative; display: none; } .HeaderNav-module__link { cursor: pointer; padding: 10px; transition: all .1s ease; background: rgb(35 35 35); border-radius: 10px; color: #9a9a9a; font-size: 12px; font-family: "Unbounded", sans-serif; font-weight: 400; text-transform: none; } .HeaderNav-module__link:hover, .HeaderNav-module__link:focus { color: #e7e7e7; background: rgb(45 45 45); border-radius: 10px; } .PlayerMenu-module__profileLink, .PlayerMenu-module__loginLink { text-transform: none; color: #c9c9c9; font-size: 13px; font-weight: 400; font-family: "Unbounded", sans-serif; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 10px; white-space: nowrap; transition: all .1s ease; background: #282828; border: solid 1px #414141; } .PlayerMenu-module__profileLink:hover, .PlayerMenu-module__profileLink:focus, .PlayerMenu-module__loginLink:hover, .PlayerMenu-module__loginLink:focus { background-color: #414141; color: #fff; } .SupportLink-module__link { display: none; } .Search-module__iconWrapper { height: 100%; padding: 0 10px; background: #282828; color: #fff; display: flex; align-items: center; justify-content: center; } .Widgets-module__wrapper.Widgets-module__rightSide { margin-right: 0; margin-left: 8px; } .productModalDescription { text-align: left; padding: 5px; margin-bottom: 10px; background-color: transparent; border-radius: 10px; border: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 2fr)); gap: 5px; width: 100%; } .productModalDescription .container-oplata { background: linear-gradient(90deg, #353535, #353535); border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 50px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: initial; transition: 0.3s; width: 100%; color: #bdbdbd; } .productModalDescription .container-oplata:hover { background: linear-gradient(90deg, #353535, #535353); background-size: 100% 400%; border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 50px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: initial; width: 100%; color: #fff; transition: 0.3s; } .productModalDescription .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; } .productModalDescription .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; } .WelcomeSelectServer-module__server { width: 100%; background-color: #292929; padding: 10px 15px; border-radius: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background-color: #414141; border-radius: 10px; color: #fff; } .Servers-module__server { cursor: pointer; color: var(--font-color-900); background-color: #282828; padding: 10px 15px; border-radius: 10px; flex: 1; margin: 5px; min-width: 200px; max-width: 300px; transition: all .15s ease; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 10px; } .Product-module__name { z-index: 6; transition: all .2s ease; transform: translateY(0%); width: 100%; padding: 10px 8px; bottom: 0; left: 0; background: linear-gradient(1deg, #232323, transparent); font-size: 12px; } .product-eggs { display: contents; line-height: 1.5rem; } .product-eggs-inside { background: #282828; font-size: 13px; line-height: 1.2rem; width: 100%; margin: 0px; padding: 10px; border-radius: 10px; border: solid 1px #414141; transition: 0.3s; cursor: pointer; } .product-eggs-inside:hover { background: #414141; font-size: 13px; width: 100%; margin: 0px; padding: 10px; border-radius: 10px; border: solid 1px #414141; transition: 0.3s; } .product-eggs-description-mini { font-size: 11px; color: #838383; } [data-modalproductid="8262588"] { width: 600px; } .kit_btn { font-size: 14px; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #282828; border: 1px solid #414141; color: #ffffff !important; height: 40px; margin-top: 10px; margin-left: 15px; margin-right: 15px; display: block; text-align: center; } .kit_btn:hover { font-size: 14px; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #ff2f54; border-color: transparent; color: #ffffff !important; box-shadow: 0 0 10px 0px #a1374a; } [data-serverid="36117"]:focus { cursor: pointer; color: #fff; background-color: #b73048; padding: 10px 15px; border-radius: 10px; flex: 1; margin: 5px; min-width: 200px; max-width: 300px; transition: all .15s ease; } [data-serverid="35476"]:focus { cursor: pointer; color: #fff; background-color: #358338; padding: 10px 15px; border-radius: 10px; flex: 1; margin: 5px; min-width: 200px; max-width: 300px; transition: all .15s ease; } [data-serverid="34891"]:focus { cursor: pointer; color: #fff; background-color: #2467d3; padding: 10px 15px; border-radius: 10px; flex: 1; margin: 5px; min-width: 200px; max-width: 300px; transition: all .15s ease; } .kit-item { width: 100px; height: 115px; display: grid; background: #282828; background-image: radial-gradient(#1e1e1e 0%, transparent 70%); border: 1px solid #282828; border-radius: 10px; padding: 10px; transition: 0.3s; justify-items: end; justify-content: start; } .kit-item:hover{ background: #313131; border: 1px solid #313131; background-image: radial-gradient(#272727 0%, transparent 70%); transition: 0.3s; } .kit-item-image{ margin-left: 5px; } .kit-item-image-src{ width: 70px; height: 70px; } .kit-item-quantity{ color: #d1d1d1; width: 40px; text-align: right; } .kit-category-title{ margin-bottom: 15px; margin-top: 15px; } @media screen and (max-width: 1160px) { .Products-module__wrapper.Products-module__grid2, .Products-module__wrapper.Products-module__grid3, .Products-module__wrapper.Products-module__grid4, .Products-module__wrapper.Products-module__grid5, .Products-module__wrapper.Products-module__grid6 { grid-template-columns: repeat(auto-fill, minmax(150px, 2fr)); } } .productModalImg { max-width: 150px; width: 100%; height: 150px; object-fit: contain; margin-bottom: 10px; } body { /* background: #292929; */ background-size: cover !important; background: url(https://i.imgur.com/Kh70bxG.png) no-repeat center center fixed; background-position: 50%; } body:after { background-image: url(https://i.imgur.com/UITUNyL.png); content: " "; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; pointer-events: none; opacity: .5; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background: #282828; border-radius: 10px; height: 5px; } ::-webkit-scrollbar-track { background: rgba(132, 132, 130, 0); } .monitoring { background: url(https://i.imgur.com/D3RfpGD.png) 50% / cover, #1a1a1a!important; border: solid 1px #252525; border-radius: 10px; width: 100%; height: 160px; } .monitoring-header{ display: flex; align-items: center; width: 100%; height: 40px; gap: 0.5rem; margin-left: 15px; margin-top: 5px; } .monitoring-image{ background-image: url(https://gspics.org/images/2024/09/10/I0QFMO.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .monitoring-title{ font-size: 12px; font-weight: 400; font-family: "Unbounded", sans-serif; } .pulse-online { margin-top: 0px; display: block; width: 7px; height: 7px; border-radius: 50%; background: #45f138; animation: animate_pulse 2s infinite; } .pulse-offline { margin-top:0px; display: block; width: 7px; height: 7px; border-radius: 50%; background: #f13838; animation: animate_pulse_off 2s infinite; } @keyframes animate_pulse { 0% { box-shadow: 0 0 0 0 rgb(69 241 56 / 60%); } 70% { box-shadow: 0 0 0 7px rgba(228, 25, 49, 0); } 100% { box-shadow: 0 0 0 0 rgba(228, 25, 49, 0); } } @keyframes animate_pulse_off { 0% { box-shadow: 0 0 0 0 rgb(241 56 56 / 60%); } 70% { box-shadow: 0 0 0 7px rgba(228, 25, 49, 0); } 100% { box-shadow: 0 0 0 0 rgba(228, 25, 49, 0); } } .monitoring-online { display: flex; align-items: center; width: 100%; height: 10px; gap: 0.5rem; margin-left: 15px; margin-top: 10px; } .monitoring-users{ background-image: url(https://i.imgur.com/riajwBA.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 17px; height: 17px; } .monitoring-wipe { display: flex; align-items: center; width: 100%; height: 10px; gap: 0.5rem; margin-left: 15px; margin-top: 20px; } .monitoring-wimage{ background-image: url(https://i.imgur.com/a1GqrDK.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; } .connect { margin-top: 18px; margin-left: 15px; margin-right: 15px; } .copybtn { font-size: 13px; line-height: 1.1 !important; font-weight: 500; font-style: normal; text-transform: none; text-align: center; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #282828; border: solid 1px #414141; color: #ffffff !important; cursor: pointer; transition: 0.3s; } .copybtn:hover { font-size: 13px; line-height: 1.1 !important; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #414141; border: solid 1px #414141; color: #ffffff !important; transition:0.3s; } .promo { background: #1a1a1a!important; border: solid 1px #252525; border-radius: 10px; width: 100%; height: 110px; } .promo-header { display: flex; align-items: center; width: 100%; height: 30px; gap: 0.5rem; margin-left: 15px; margin-top: 5px; } .promo-title { font-size: 12px; font-weight: 400; font-family: "Unbounded", sans-serif; color: #fff; } .promo-gift{ background-image: url(https://i.imgur.com/0NkPFaC.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 17px; height: 17px; } .promo-desc { display: flex; align-items: center; width: 100%; height: 10px; margin-left: 5px; } .promo-info { padding: 0px 10px 5px 10px; font-size: 13px; color: #8d8d8d; } .promo-auth { padding: 5px 10px 5px 10px; font-size: 10px; color: #555555; margin-left: 25px; } .copy-promo { margin-top: 10px; margin-left: 15px; margin-right: 15px; } .copy-placeholder { font-size: 14px; line-height: 1.1 !important; font-family: "Unbounded", sans-serif; font-weight: 400; font-style: normal; text-transform: none; text-align: center; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #282828; position: relative; overflow: hidden; color: #ffffff !important; } .copy-placeholder:before { content: ''; width: 100%; height: 200%; position: absolute; top: 0; left: 0; opacity: 0.4; filter: blur(10px); background: linear-gradient(to left, transparent 0%, #fff 30%, #fff 60%, transparent 100%); transform: translate(-100%, -25%) rotate(10deg); animation: blick 4s infinite; } .discord { background: url(https://i.imgur.com/3rbpHVe.png) no-repeat 70px 100% / cover, #1a1a1a!important; border: solid 1px #252525; border-radius: 10px; width: 100%; height: 190px; } .discord-header{ display: flex; align-items: center; width: 100%; height: 40px; gap: 0.5rem; margin-left: 15px; margin-top: 5px; } .discord-image{ background-image: url(https://i.imgur.com/0E0U989.png); background-position: center; background-size: contain; width: 25px; height: 25px; background-repeat: no-repeat; } .discord-title{ font-size: 15px; font-weight: 400; font-family: "Unbounded", sans-serif; } .discord-desc { margin-left: 15px; margin-top: 5px; } .discord_btn { font-size: 14px; line-height: 1.1 !important; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #445ded; border-color: transparent; color: #ffffff !important; transition: 0.3s; cursor: pointer; margin-left: 15px; margin-right: 15px; display: block; text-align: center; box-shadow: 0 0 20px 0px #253489; } .discord_btn:hover { font-size: 14px; line-height: 1.1 !important; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 10px; padding: 0.5em 1.5em; background: #3f51b1; border-color: transparent; color: #ffffff !important; transition: 0.3s; cursor: pointer; box-shadow: 0 0 10px 0px #253489; } .discord-connect { margin-top: 18px; margin-left: 15px; margin-right: 15px; margin-bottom: 20px; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; }