@import url('https://fonts.googleapis[class~="com"]/css2?family=Unbounded:wght@200..900&display=swap'); @import url('https://fonts.googleapis[class~="com"]/css2?family=Roboto&display=swap'); [class~="Banner-module__img"] { display: none; } [class~="LangSwitcher-module__btn"] { display: none; } [class~="HeaderNav-module__wrapper"] { display: flex; align-items: center; column-gap: 0.625rem; margin-left: 1.25rem; text-transform: uppercase; flex-wrap: wrap; } [class~="HeaderNav-module__link"] { display: flex; gap: 0.5rem; cursor: pointer; padding: 0.5rem 0.625rem 0.5rem 0.625rem; transition: all .1s ease; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; text-transform: none; flex-direction: row-reverse; align-items: center; } [class~="HeaderNav-module__link"]:hover, [class~="HeaderNav-module__link"]:focus { color: rgb(255 255 255); background: rgb(255 255 255 / 10%); border-radius: 0.625rem; } [class~="Support-module__wrapper"] { position: relative; top: 1.5625rem; display: flex; align-items: flex-start; } [class~="SupportContent-module__wrapper"] { width: 100%; max-width: 100%; overflow: auto; margin-bottom: 1.25rem; margin-top: 0.3125rem; } [class~="TicketsTable-module__tableHeader"] { background-color: rgb(255 255 255 / 5%); border-radius: 0.5rem; } [class~="NewTicketModal-module__header"] { display: none; } [class~="errorMessage"] { display: block; width: 100%; text-align: center; margin: 1.25rem 0; font-size: 0.875rem; color: var(--font-color-700); } [class~="errorMessage"]:after { content: "\A ⚠️"; white-space: normal; } #user-icon { margin-top: 0.1875rem; width: 1.125rem; } [class~="nav-icon"] { width: 1.125rem; } #balance-icon { margin-top: 0.1875rem; width: 1.125rem; } [class~="PlayerBalanceModal-module__label"] { margin-bottom: 0.9375rem; font-weight: 500; color: rgb(255 255 255); } [class~="PlayerBalanceModal-module__inputWrapper"] { width: 100%; display: flex; height: 2.5rem; border-radius: 0.625rem; overflow: hidden; background: rgb(255 255 255 / 5%); flex-direction: row-reverse; } [class~="PlayerBalanceModal-module__currency"] { position: relative; top: 0.3125rem; right: 0.3125rem; height: 1.875rem; padding: 0rem 0.625rem; background: rgb(255 255 255 / 5%); border-radius: 0.5rem; color: rgb(255 255 255 / 50%); text-transform: uppercase; font-size: 0.875rem; line-height: 2rem; } [class~="PlayerBalance-module__modal"] { width: 18.75rem; margin-top: 12.5rem; } [class~="PlayerBalance-module__btn"] { text-transform: none; cursor: pointer; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; display: flex; gap: 0.5rem; align-items: center; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; justify-content: center; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; white-space: nowrap; transition: all .1s ease; flex-direction: row-reverse; } [class~="PlayerBalance-module__btn"]:hover, [class~="PlayerBalance-module__btn"]:focus { background-color: rgb(255 255 255 / 10%); color: rgb(255 255 255); } [class~="PlayerMenu-module__profileLink"], [class~="PlayerMenu-module__loginLink"] { text-transform: none; color: #ffffff; font-size: 0.875rem; font-weight: 400; border-radius: 0.625rem; display: flex; gap: 0.5rem; align-items: center; justify-content: center; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; white-space: nowrap; transition: 0.3s all; background: #cd2442; flex-direction: row-reverse; } [class~="PlayerMenu-module__profileLink"]:hover, [class~="PlayerMenu-module__profileLink"]:focus, [class~="PlayerMenu-module__loginLink"]:hover, [class~="PlayerMenu-module__loginLink"]:focus { background-color: #991b31; color: #eff6ff; } [class~="SupportLink-module__link"] { display: flex; cursor: pointer; padding: 0.5rem 0.625rem 0.5rem 0.625rem; transition: all .1s ease; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; text-transform: none; flex-direction: row-reverse; align-items: center; gap: 0.5rem; } [class~="SupportLink-module__link"]:hover, [class~="SupportLink-module__link"]:focus { color: rgb(255 255 255); background: rgb(255 255 255 / 10%); border-radius: 0.625rem; } [class~="Search-module__iconWrapper"] { display: none; } [class~="Widgets-"]module__wrapper[class~="Widgets-module__rightSide"] { margin-right: 0; margin-left: 0.625rem; margin-top: 0.3125rem; } [class~="Shop-module__wrapper"] { width: 57.1875rem; margin-bottom: 1.25rem; margin-top: 0.3125rem; } [class~="productModalDescription"] { text-align: left; padding: 0.3125rem; margin-bottom: 0.625rem; background-color: transparent; border-radius: 0.625rem; border: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(12.5rem, 2fr)); gap: 0.3125rem; width: 100%; } [class~="productModalDescription"] [class~="container-oplata"] { background: linear-gradient(90deg, #353535, #353535); border-radius: 0.75rem; cursor: pointer; display: -webkit-inline-box; height: 3.125rem; margin-bottom: 0.3125rem; padding: 0.3125rem; right: -1319.375rem; text-align: initial; transition: 0.3s; width: 100%; color: #bdbdbd; } [class~="productModalDescription"] [class~="container-oplata"]:hover { background: linear-gradient(90deg, #353535, #535353); background-size: 100% 400%; border-radius: 0.75rem; cursor: pointer; display: -webkit-inline-box; height: 3.125rem; margin-bottom: 0.3125rem; padding: 0.3125rem; right: -1319.375rem; text-align: initial; width: 100%; color: #fff; transition: 0.3s; } [class~="productModalDescription"] [class~="icon-user-oplata"] { -ms-flex: 0 0 auto; -webkit-box-flex: 0; border-radius: 0; flex: 0 0 auto; height: 1.875rem !important; margin: 0.3125rem; margin-right: 0.625rem !important; width: 1.875rem !important; } [class~="productModalDescription"] [class~="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; } [class~="ModalLayout-module__wrapper"] { width: 100vw; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(8 8 8 / 85%); backdrop-filter: blur(0.625rem); -webkit-backdrop-filter: blur(0.625rem); z-index: 200; } [class~="WelcomeSelectServer-module__server"] { width: 100%; background-color: #292929; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; justify-content: space-between; } [class~="Products-module__wrapper"] { margin-top: 0.9375rem; width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.625rem; } [class~="Servers-"]module__server[class~="Servers-module__active"], [class~="Servers-module__server"]:hover, [class~="Servers-module__server"]:focus { background-color: #414141; border-radius: 0.625rem; color: #fff; } [class~="MonitoringServer-module__progressBarWrapper"] { margin-bottom: 0.375rem; border-radius: 0.625rem; position: relative; width: 100%; height: 0.625rem; overflow: hidden; background-color: var(--bg-color-700); } [class~="MonitoringServer-module__progressBarAnim"] { font-size: 0.875rem !important; position: absolute; top: 0; left: 0; height: 100%; opacity: 1; background: #fc2e53; box-shadow: none; animation: none; } [class~="MonitoringServer-module__info"] { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; opacity: 0.7; } [class~="MonitoringServer-module__progressInfo"] { z-index: 7; position: absolute; border-radius: 0.625rem; width: 100%; padding: 0.3125rem 0.5rem; box-shadow: none; background-color: #212121; bottom: 100%; left: 0; margin-bottom: 0.3125rem; opacity: 0; transform: translateY(0.3125rem); visibility: hidden; border: 0.0625rem solid rgb(43, 43, 43); transition: transform .15s cubic-bezier(.4,0,.2,1), opacity .15s cubic-bezier(.4,0,.2,1), visibility .15s step-end; } [class~="Servers-module__server"] { cursor: pointer; color: var(--font-color-900); background-color: #282828; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; flex: 1; margin: 0.3125rem; min-width: 12.5rem; max-width: 18.75rem; transition: all .15s ease; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 0.625rem; } [class~="Product-module__name"] { z-index: 6; transition: all .2s ease; transform: translateY(0%); width: 100%; padding: 0rem; bottom: 1.75rem; left: 0.9375rem; background: transparent; font-size: 0.875rem; font-weight: 500; color: #fafafa; } [class~="Product-module__oldPrice"] { position: relative; margin-right: 0.25rem; font-size: 0.625rem; color: rgb(255 255 255 / 50%); } [class~="Product-module__oldPrice"]:after { display: none; } [class~="product-eggs"] { display: contents; line-height: 1.5rem; } [class~="product-eggs-inside"] { background: rgb(255 255 255 / 5%); font-size: 0.8125rem; line-height: 1.2rem; width: 100%; margin: 0rem; padding: 0.625rem; border-radius: 0.625rem; transition: 0.3s; } [class~="product-eggs-description-mini"] { font-size: 0.6875rem; color: #838383; } [class~="kit_btn"] { font-size: 0.875rem; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 0.625rem; padding: 0.5em 1.5em; background: #282828; border: 0.0625rem solid #414141; color: #ffffff !important; height: 2.5rem; margin-top: 0.625rem; margin-left: 0.9375rem; margin-right: 0.9375rem; display: block; text-align: center; } [class~="kit_btn"]:hover { font-size: 0.875rem; font-weight: 500; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 0.625rem; padding: 0.5em 1.5em; background: #ff2f54; border-color: transparent; color: #ffffff !important; box-shadow: 0 0 0.625rem 0rem #a1374a; } [data-modalproductid="8502124"] { width: 37.5rem; } [data-serverid="36117"]:focus { cursor: pointer; color: #fff; background-color: #b73048; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; flex: 1; margin: 0.3125rem; min-width: 12.5rem; max-width: 18.75rem; transition: all .15s ease; } [data-serverid="35476"]:focus { cursor: pointer; color: #fff; background-color: #358338; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; flex: 1; margin: 0.3125rem; min-width: 12.5rem; max-width: 18.75rem; transition: all .15s ease; } [data-serverid="34891"]:focus { cursor: pointer; color: #fff; background-color: #2467d3; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; flex: 1; margin: 0.3125rem; min-width: 12.5rem; max-width: 18.75rem; transition: all .15s ease; } [class~="kit-item"] { width: 6.25rem; height: 7.1875rem; display: grid; background: #282828; background-image: radial-gradient(#1e1e1e 0%, transparent 70%); border: 0.0625rem solid #282828; border-radius: 0.625rem; padding: 0.625rem; transition: 0.3s; justify-items: end; justify-content: start; } [class~="kit-item"]:hover{ background: #313131; border: 0.0625rem solid #313131; background-image: radial-gradient(#272727 0%, transparent 70%); transition: 0.3s; } [class~="kit-item-image"]{ margin-left: 0.3125rem; } [class~="kit-item-image-src"]{ width: 4.375rem; height: 4.375rem; } [class~="kit-item-quantity"]{ color: #d1d1d1; width: 2.5rem; text-align: right; } [class~="kit-category-title"]{ margin-bottom: 0.9375rem; margin-top: 0.9375rem; } @media screen and (max-width: 72.5rem) { [class~="Products-"]module__wrapper[class~="Products-module__grid2"], [class~="Products-"]module__wrapper[class~="Products-module__grid3"], [class~="Products-"]module__wrapper[class~="Products-module__grid4"], [class~="Products-"]module__wrapper[class~="Products-module__grid5"], [class~="Products-"]module__wrapper[class~="Products-module__grid6"] { grid-template-columns: repeat(auto-fill, minmax(9.375rem, 2fr)); } } [class~="productModalImg"] { max-width: 9.375rem; width: 100%; height: 12.5rem; object-fit: contain; margin-bottom: 1.25rem; } body { font-family: 'Roboto', sans-serif; background-color: #1c1c1c; } body:after { background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVD41a[class~="png"]); content: " "; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 500; pointer-events: none; opacity: .3; } [class~="monitoring-users"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVD9yQ[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.0625rem; height: 1.0625rem; } [class~="pulse-online"] { margin-top: 0rem; display: block; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: #45f138; animation: animate_pulse 2s infinite; } [class~="pulse-offline"] { margin-top:0rem; display: block; width: 0.4375rem; height: 0.4375rem; 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 0.4375rem 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 0.4375rem rgba(228, 25, 49, 0); } 100% { box-shadow: 0 0 0 0 rgba(228, 25, 49, 0); } } [class~="copybtn"] { font-size: 0.875rem; font-weight: 400; border-radius: 0.625rem; padding: 0.5rem; background: rgb(255 255 255 / 5%); border-color: transparent; color: rgb(255 255 255 / 65%); transition: 0.3s all; cursor: pointer; display: block; text-align: center; } [class~="copybtn"]:hover { background: rgb(255 255 255 / 10%); color: rgb(255 255 255); } [class~="rustage-promo"] { background: rgba(28, 28, 28, 0.8); border: solid 0.0625rem rgb(255 255 255 / 5%); border-radius: 0.625rem; width: 100%; transition: 0.2s all; } [class~="rustage-promo"]:hover { background: rgb(30 30 30 / 0.8); border: solid 0.0625rem rgb(255 255 255 / 10%); } [class~="rustage-promo-header"] { display: flex; align-items: center; width: 100%; height: 1.875rem; gap: 0.5rem; margin-left: 0.9375rem; margin-top: 0.3125rem; } [class~="rustage-promo-title"] { font-size: 0.75rem; font-weight: 400; font-family: "Unbounded", sans-serif; color: #fff; } [class~="rustage-promo-gift"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVDDIx[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.0625rem; height: 1.0625rem; } [class~="rustage-promo-gift-blur"] { background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVDDIx[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.0625rem; height: 1.0625rem; filter: blur(0.625rem); opacity: .7; } [class~="rustage-promo-desc"] { display: flex; align-items: center; width: 100%; height: 0.625rem; margin-left: 0.3125rem; } [class~="rustage-promo-info"] { padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; font-size: 0.8125rem; color: rgb(255 255 255 / 65%); } [class~="rustage-promo-auth"] { padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; font-size: 0.625rem; color: #8d8d8d; margin-left: 1.5625rem; } [class~="copy-promo"] { margin-top: 0.625rem; margin-left: 0.9375rem; margin-right: 0.9375rem; } [class~="copy-placeholder"] { font-size: 0.8125rem; font-family: "Unbounded", sans-serif; font-weight: 500; text-align: center; border-radius: 0.625rem; padding: 0.5rem; background: linear-gradient(17deg, rgb(255 255 255 / 5%) 60%, rgb(255 255 255 / 10%)); position: relative; overflow: hidden; color: #ffffff !important; } [class~="copy-placeholder"]:before { content: ''; width: 100%; height: 200%; position: absolute; top: 0; left: 0; opacity: 0.4; filter: blur(0.625rem); background: linear-gradient(to left, transparent 0%, #fff 30%, #fff 60%, transparent 100%); transform: translate(-100%, -25%) rotate(10deg); animation: blick 4s infinite; } [class~="discord"] { background: url(https://gspics[class~="org"]/images/2025/02/04/IVDG4w[class~="png"]) no-repeat 2.1875rem 100% / cover, rgba(28, 28, 28, 0.8) !important; border: solid 0.0625rem rgb(255 255 255 / 5%); border-radius: 0.625rem; width: 100%; height: auto; transition: 0.2s all; } [class~="discord"]:hover { background: rgb(30 30 30 / 0.8); border: solid 0.0625rem rgb(255 255 255 / 10%); } [class~="discord-header"]{ display: flex; align-items: center; width: 100%; height: 2.5rem; gap: 0.5rem; margin-left: 0.9375rem; margin-top: 0.3125rem; } [class~="discord-image"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVDnRh[class~="png"]); background-position: center; background-size: contain; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; } [class~="discord-title"]{ font-size: 0.75rem; color:#fff; font-weight: 400; font-family: "Unbounded", sans-serif; } [class~="discord-text"]{ font-size: 0.75rem; color: rgb(141, 141, 141); } [class~="discord-desc"] { margin-left: 0.9375rem; } [class~="discord-text"] { font-size: 0.8125rem; line-height: 1.1rem; color: rgb(255 255 255 / 75%); font-weight: 400; } [class~="discord_btn"] { font-size: 0.875rem; font-weight: 400; border-radius: 0.625rem; padding: 0.5rem; background: #445ded; border-color: transparent; color: rgb(255 255 255); transition: 0.3s; cursor: pointer; margin-left: 0.9375rem; margin-right: 0.9375rem; margin-bottom: 0.9375rem; display: block; text-align: center; } [class~="discord_btn"]:hover { background: #3b51cd; border-color: transparent; color: rgb(255 255 255); } [class~="discord-connect"] { margin-top: 0.9375rem; margin-left: 0.9375rem; margin-right: 0.9375rem; margin-bottom: 0.9375rem; display: flex; align-items: center; gap: 0.5rem; justify-content: flex-start; } [class~="memberCount"] { background: #282828; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; border-radius: 0.625rem; font-size: 0.8125rem; } [class~="presenceCount"] { background: #282828; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; border-radius: 0.625rem; font-size: 0.8125rem; } #serveronline-red { background: #222222; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; border-radius: 0.625rem; font-size: 0.8125rem; color: #f5f5f5; } [class~="monitoring-info"] { padding: 0.3125rem 0.625rem 0.3125rem 0rem; border-radius: 0.625rem; font-size: 0.8125rem; color: #f5f5f5; } [class~="socials"] { display: flex; gap: 0.5rem; } [class~="socials-vk"] { display: flex; justify-content: center; align-items: center; background: rgb(255 255 255 / 5%); padding-right: 0.0625rem; width: 2.1875rem; height: 2.1875rem; border-radius: 0.5rem; cursor: pointer; transition: all .1s ease; } [class~="socials-vk"]:hover { background: #0077FF; } [class~="socials-telegram"] { display: flex; justify-content: center; align-items: center; background: rgb(255 255 255 / 5%); padding-right: 0.0625rem; width: 2.1875rem; height: 2.1875rem; border-radius: 0.5rem; cursor: pointer; transition: all .1s ease; } [class~="socials-telegram"]:hover { background: #0088cc; } [class~="socials-discord"] { display: flex; justify-content: center; align-items: center; background: rgb(255 255 255 / 5%); width: 2.1875rem; height: 2.1875rem; border-radius: 0.5rem; cursor: pointer; transition: all .1s ease; } [class~="socials-discord"]:hover { background: #5865f2; } [class~="socials-icon"] { width: 1.125rem; height: 1.125rem; } [class~="rustage-bonuses"] { background: rgba(28, 28, 28, 0.8); border: solid 0.0625rem rgb(255 255 255 / 5%); border-radius: 0.625rem; height: auto; transition: 0.2s all; } [class~="rustage-bonuses"]:hover { background: rgb(30 30 30 / 0.8); border: solid 0.0625rem rgb(255 255 255 / 10%); } [class~="rustage-bonuses-header"]{ display: flex; align-items: center; width: 100%; height: 2.5rem; gap: 0.5rem; padding-left: 0.625rem; margin-top: 0.3125rem; } [class~="rustage-bonus-title"] { font-size: 0.75rem; font-weight: 400; font-family: "Unbounded", sans-serif; color: #fff; } [class~="rustage-bonus-image"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVD1jN[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.0625rem; height: 1.0625rem; } [class~="rustage-bonus-image-blur"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVD1jN[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.0625rem; height: 1.0625rem; filter: blur(0.625rem); opacity: .7; } [class~="support_btn"] { font-size: 0.8125rem; line-height: 1.1 !important; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 0.625rem; padding: 0.5em 1.5em; background: #2b2b2b; border: solid 0.0625rem #414141; color: #ffffff !important; transition: 0.3s; cursor: pointer; margin-top: 0.625rem; margin-left: 0.9375rem; margin-right: 0.9375rem; display: block; text-align: center; } [class~="support_btn"]:hover { font-size: 0.8125rem; line-height: 1.1 !important; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0em; border-radius: 0.625rem; padding: 0.5em 1.5em; background: #414141; border: solid 0.0625rem #414141; color: #ffffff !important; transition: 0.3s; cursor: pointer; margin-top: 0.625rem; margin-left: 0.9375rem; margin-right: 0.9375rem; display: block; text-align: center; } [class~="monitoring"] { background: rgba(28, 28, 28, 0.8); border: solid 0.0625rem rgb(255 255 255 / 5%); border-radius: 0.625rem; width: 100%; padding: 0.9375rem; transition: 0.2s all; } [class~="monitoring"]:hover { background: rgb(30 30 30 / 0.8); border: solid 0.0625rem rgb(255 255 255 / 10%); } [class~="monitoring-header"] { display: flex; align-items: center; gap: 0.5rem; } [class~="monitoring-online"] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.625rem; } [class~="monitoring-wipe"] { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.3125rem; } [class~="monitoring-info"] { background: #222222; padding: 0.3125rem 0.625rem 0.3125rem 0.625rem; border-radius: 0.625rem; font-size: 0.8125rem; color: #f5f5f5; } [class~="monitoring-wimage"]{ background-image: url(https://gspics[class~="org"]/images/2025/02/04/IVD6cv[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 0.9375rem; height: 0.9375rem; } [class~="monitoring-image"] { background-image: url(https://gspics[class~="org"]/images/2024/09/10/I0QFMO[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.25rem; height: 1.25rem; } [class~="monitoring-image-blur"] { background-image: url(https://gspics[class~="org"]/images/2024/09/10/I0QFMO[class~="png"]); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.25rem; height: 1.25rem; filter: blur(0.625rem); opacity: .7; } [class~="connect"] { margin-top: 0.625rem; } [class~="xbox__header"] { background: #212121; padding: 0.9375rem; border-radius: 0.3125rem 0.3125rem 0rem 0rem; border-top: solid 0.125rem #3b3b3b; border-left: solid 0.125rem #3b3b3b; border-right: solid 0.125rem #3b3b3b; } [class~="xbox__body"] { padding: 0.625rem; background: rgb(30 30 30 / 90%); border-radius: 0rem 0rem 0.3125rem 0.3125rem; border-bottom: solid 0.125rem #3b3b3b; border-left: solid 0.125rem #3b3b3b; border-right: solid 0.125rem #3b3b3b; } [class~="xbox_bonus"] { font-size: 0.875rem; width: 100%; text-align: center; color: rgb(255 255 255 / 75%); line-height: 3; font-family: "Unbounded", sans-serif; padding-left: 0.9375rem; padding-right: 0.9375rem; margin-bottom: 1.25rem; margin-top: 0.3125rem; } h4 { font-size: 0.8125rem; font-weight: 400; font-family: "Unbounded", sans-serif; color: #fff; } h2 { font-size: 0.875rem; font-weight: 400; font-family: "Unbounded", sans-serif; } h3 { font-size: 0.875rem; font-weight: 400; font-family: "Unbounded", sans-serif; } h1 { font-size: 0.875rem; font-weight: 400; font-family: "Unbounded", sans-serif; } [class~="Widgets-module__widgetWrapper"]+[class~="Widgets-module__widgetWrapper"] { margin-top: 0.9375rem; } [class~="boxHeader"] { display: none; background: rgb(33 33 33 / 90%); backdrop-filter: blur(0.3125rem); -webkit-backdrop-filter: blur(0.3125rem); padding: 0.9375rem; border-radius: 0.3125rem 0.3125rem 0rem 0rem; border-top: solid 0.0625rem #2f2f2f; border-left: solid 0.0625rem #2f2f2f; border-right: solid 0.0625rem #2f2f2f; font-family: "Unbounded", sans-serif; } [class~="boxBody"] { padding: 0.9375rem; background: rgba(28, 28, 28, 0.8); border-radius: 0.625rem 0.625rem 0rem 0rem; border-top: 0.0625rem solid rgb(255 255 255 / 5%); border-left: 0.0625rem solid rgb(255 255 255 / 5%); border-right: 0.0625rem solid rgb(255 255 255 / 5%); } [class~="boxBody"]:last-child { border-radius: 0.5rem; } [class~="boxFooter"] { background: rgba(28, 28, 28, 0.8); border-radius: 0rem 0rem 0.625rem 0.625rem; border-bottom: 0.0625rem solid rgb(255 255 255 / 5%); border-left: 0.0625rem solid rgb(255 255 255 / 5%); border-right: 0.0625rem solid rgb(255 255 255 / 5%); } [class~="ShopFooter-module__text"] { margin-bottom: 0.625rem; text-align: left; font-size: 0.75rem; background: rgb(255 255 255 / 3%); padding: 1.25rem; border-radius: 0.625rem; } [class~="ShopFooter-module__links"] { display: flex; gap: 0.3125rem; align-items: center; justify-content: flex-end; text-transform: none; font-weight: 500; padding: 0rem; border-radius: 0.625rem; } [class~="ShopFooter-module__link"] { font-size: 0.8125rem; padding: 0.375rem 0.375rem; color: rgb(255 255 255 / 50%); font-weight: 400; text-align: center; border: none; background: rgb(255 255 255 / 5%); border-radius: 0.5rem; transition: all .1s ease; } [class~="ShopFooter-module__link"]:hover { color: #ffffff; background: rgb(255 255 255 / 10%); border: none; } [class~="ProfileNav-module__img"] { width: 14.625rem; height: 13.75rem; margin-bottom: 0.9375rem; border-radius: 0.625rem; } [class~="ProfileNav-module__navItem"]:hover, [class~="ProfileNav-module__navItem"]:focus, [class~="ProfileNav-"]module__navItem[class~="ProfileNav-module__active"] { color: var(--font-color-800); background: #393939; border-radius: 0.625rem; } [class~="ProfileNav-module__navItem"] { cursor: pointer; background: var(--bg-color-700); border-radius: 0.125rem; padding: 0.625rem 0.9375rem; color: var(--font-color-900); transition: all .15s ease; border-radius: 0.625rem; } [class~="ProfileContent-module__box"] { background-color: #232323; padding: 0 0.25rem; border-radius: 0.625rem; } [class~="Profile-module__wrapper"] { position: relative; top: 1.5625rem; display: flex; align-items: flex-start; } [class~="ProfileBasket-module__wrapper"] { position: relative; top: 1.5625rem; display: flex; align-items: flex-start; } [class~="BasketSearch-module__wrapper"] { width: 100%; display: flex; height: 2.5rem; border-radius: 0.5rem; overflow: hidden; background: rgb(255 255 255 / 5%); flex-direction: row-reverse; transition: 0.3s all; } [class~="BasketSearch-module__wrapper"]:hover { background: rgb(255 255 255 / 10%); } [class~="BasketSearch-module__iconWrapper"] { height: 100%; padding: 0 0.625rem; background: transparent; color: rgb(255 255 255 / 30%); display: flex; align-items: center; justify-content: center; } [class~="BasketTable-module__tableHeader"] { background-color: rgb(255 255 255 / 5%); border-radius: 0.5rem; } [class~="BasketTable-module__tableTitle"] { color: rgb(255 255 255 / 70%); font-size: 0.8125rem; font-weight: 400; } [class~="ProfileHistory-module__wrapper"] { position: relative; top: 1.5625rem; display: flex; align-items: flex-start; } [class~="HistorySearch-module__wrapper"] { width: 100%; display: flex; height: 2.5rem; border-radius: 0.5rem; overflow: hidden; background: rgb(255 255 255 / 5%); flex-direction: row-reverse; transition: 0.3s all; } [class~="HistorySearch-module__wrapper"]:hover { background: rgb(255 255 255 / 10%); } [class~="HistorySearch-module__iconWrapper"] { height: 100%; padding: 0 0.625rem; background: transparent; color: rgb(255 255 255 / 30%); display: flex; align-items: center; justify-content: center; } [class~="HistorySearch-module__icon"] path { stroke: rgb(255 255 255 / 30%); stroke-width: 0.125rem; } [class~="HistoryTable-module__tableHeader"] { background-color: rgb(255 255 255 / 5%); border-radius: 0.5rem; } [class~="HistoryTable-module__tableTitle"] { color: rgb(255 255 255 / 70%); font-size: 0.8125rem; font-weight: 400; } [class~="Selector-module__dropDownList"] { width: 100%; position: absolute; background: var(--bg-color-700); box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, .1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, .1); padding: 0.625rem; border-radius: 0.5rem; max-height: 12.5rem; overflow-y: auto; z-index: 60; } [class~="Selector-module__dropDownItem"] { width: 100%; display: flex; flex-direction: column; cursor: pointer; padding: 0.625rem 0.625rem; color: var(--font-color-700); border-radius: 0.5rem; text-align: left; transition: all .2s ease; } [class~="Selector-module__dropDownItem"]:hover, [class~="Selector-module__dropDownItem"]:focus, [class~="Selector-"]module__dropDownItem[class~="Selector-module__active"] { background-color: rgb(255 47 84); } [class~="ProfileContent-module__title"] { display: block; margin-bottom: 0.625rem; color: rgb(255 255 255); font-weight: 400; font-size: 0.875rem; } [class~="BasketSearch-module__icon"] path { stroke: rgb(255 255 255 / 30%); stroke-width: 0.125rem; } [class~="ProfileContent-module__infoLine"]+[class~="ProfileContent-module__infoLine"] { border-top: 0.0625rem solid #292929; } [class~="ProfileContent-"]module__infoLineValue[class~="ProfileContent-module__steamid"] { cursor: pointer; color: var(--accent-color-800); transition: all .15s ease; background: #2b2b2b; padding: 0.625rem; border-radius: 0.625rem; width: 40%; text-align: center; } [class~="ProfileContent-module__infoLineValue"] { color: var(--font-color-700); padding: 0.625rem; background: #2b2b2b; border-radius: 0.625rem; width: 40%; text-align: center; } [class~="Selector-module__dropDownCurrentItem"]:hover, [class~="Selector-module__dropDownCurrentItem"]:focus { outline: 0.0625rem solid transparent; background-color: rgb(255 255 255 / 10%); } [class~="Selector-module__dropDownCurrentItem"] { width: 100%; background-color: rgb(255 255 255 / 5%); cursor: pointer; border-radius: 0.5rem; display: flex; align-items: center; justify-content: space-between; padding: 0.625rem; white-space: nowrap; font-size: 0.875rem; outline: 0.0625rem solid transparent; transition: all .1s ease; } [class~="ProfileContent-module__input"] { width: 100%; display: flex; height: 2.25rem; border-radius: 0.625rem; overflow: hidden; padding: 0 0.9375rem; background: var(--bg-color-700); } [class~="Button-"]module__btn[class~="Button-module__gray"] { color: rgb(209 209 209); background-color: #282828; border-color: #333333; border-radius: 0.625rem; padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; } [class~="Button-"]module__btn[class~="Button-module__gray"]:hover, [class~="Button-"]module__btn[class~="Button-module__gray"]:focus { background-color: #333333; } [class~="Button-"]module__btn[class~="Button-module__accent"] { color: var(--font-color-700); background-color: #FF2F54; border-color: #FF2F54; border-radius: 0.625rem; padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; } [class~="Button-"]module__btn[class~="Button-module__accent"]:hover, [class~="Button-"]module__btn[class~="Button-module__accent"]:focus { background-color: #cf2644; border-color: #cf2644; } [class~="Search-module__wrapper"] { width: 100%; display: flex; height: 2.5rem; border-radius: 0.625rem; overflow: hidden; background: rgb(255 255 255 / 5%); margin-top: 0rem; transition: 0.3s; } [class~="Search-module__wrapper"]:hover { background: rgb(255 255 255 / 10%); transition: 0.3s; } [class~="Product-module__wrapper"] { background: radial-gradient(rgb(255 255 255 / 10%) 0%, transparent 60%) 50% 0% / 300% 300% no-repeat rgb(255 255 255 / 3%); position: relative; padding: 0.625rem; cursor: pointer; border-radius: 0.625rem; overflow: hidden; border: none; transition: 0.3s all; } [class~="Product-module__wrapper"]:hover { background: radial-gradient(rgb(255 255 255 / 10%) 0%, transparent 60%) 50% 10% / 300% 300% no-repeat rgb(255 255 255 / 5%); border: none; transform: scale(1.03); } [data-productid="9593408"] { background: radial-gradient(rgb(220 20 60 / 65%) 0%, transparent 60%) 50% 0% / 300% 300% no-repeat rgb(255 255 255 / 3%); position: relative; padding: 0.625rem; cursor: pointer; border-radius: 0.625rem; overflow: hidden; transition: 0.3s all; } [data-productid="8282820"]:hover { background: radial-gradient(rgb(252 41 76 / 35%) 0%, transparent 60%) 50% 10% / 300% 300% no-repeat rgb(255 255 255 / 5%); } [data-productid="0"] { background: radial-gradient(rgb(153 50 204 / 65%) 0%, transparent 60%) 50% 0% / 300% 300% no-repeat rgb(255 255 255 / 3%); position: relative; padding: 0.625rem; cursor: pointer; border-radius: 0.625rem; overflow: hidden; transition: 0.3s all; } [data-productid="8464167"]:hover { background: radial-gradient(rgb(252 168 41 / 35%) 0%, transparent 60%) 50% 10% / 300% 300% no-repeat rgb(255 255 255 / 5%); } [data-productid="9593412"] { background: radial-gradient(rgb(0 240 240 / 65%) 0%, transparent 60%) 50% 0% / 300% 300% no-repeat rgb(255 255 255 / 3%); position: relative; padding: 0.625rem; cursor: pointer; border-radius: 0.625rem; overflow: hidden; transition: 0.3s all; } [data-productid="8282822"]:hover { background: radial-gradient(rgb(181 41 252 / 35%) 0%, transparent 60%) 50% 10% / 300% 300% no-repeat rgb(255 255 255 / 5%); } [data-productid="9593414"] { background: radial-gradient(rgb(56 118 29 / 65%) 0%, transparent 60%) 50% 0% / 300% 300% no-repeat rgb(255 255 255 / 3%); position: relative; padding: 0.625rem; cursor: pointer; border-radius: 0.625rem; overflow: hidden; transition: 0.3s all; } [data-productid="8282822"]:hover { background: radial-gradient(rgb(181 41 252 / 35%) 0%, transparent 60%) 50% 10% / 300% 300% no-repeat rgb(255 255 255 / 5%); } [class~="productModalGiveText"] { color: #ffcfd7; display: block; text-align: center; font-weight: 400; font-size: 0.875rem; background: rgb(207 39 69 / 40%); border: solid 0.0625rem #9d2d41; border-radius: 0.625rem; font-family: "Roboto", sans-serif; padding: 0.625rem; } [class~="Product-module__price"] { top: unset; left: 0.9375rem; bottom: 0.625rem; background-color: transparent; padding: 0rem; border-radius: 0.625rem; display: flex; align-items: center; color: rgb(255 255 255 / 75%); font-size: 0.8125rem; } [class~="Product-module__discount"] { top: 0.625rem; bottom: unset; right: 0.625rem; left: unset; background-color: #b93047; color: var(--font-color-700); padding: 0.0625rem 0.375rem; border-radius: 0.375rem; font-size: 0.6875rem; box-shadow: 0 0 1.25rem rgb(237 82 109 / 50%); } [class~="Product-module__wrapper"]:hover [class~="Product-module__count"], [class~="Product-module__wrapper"]:active [class~="Product-module__count"] { opacity: 1; } [class~="Product-module__count"] { right: 0.3125rem; top: unset; background: rgb(255 255 255 / 10%); border-radius: 0.5rem; padding: 0.1875rem 0.375rem; transition: all .15s ease; color: rgb(255 255 255 / 75%); font-size: 0.8125rem; } [class~="TotalSum-module__currency"] { height: 100%; padding: 0 0.625rem; background: #353535; color: #c3c3c3; line-height: 2.25rem; } [class~="productModalContainsItem"] { border-radius: 0.625rem; background-color: var(--bg-color-700); padding: 0.625rem; position: relative; display: flex; align-items: center; border: solid 0.0625rem #3f3f3f; } [class~="productModalDescription"] { text-align: left; padding: 0.3125rem; margin-bottom: 0.625rem; background-color: transparent; border-radius: 0.625rem; border: none; } [class~="RouletteContent-module__rouletteItem"] { border-radius: 0.625rem; overflow: hidden; background: var(--bg-color-700); padding: 0.5rem; } [class~="TotalSum-module__inputWrapper"] { width: 100%; display: flex; height: 2.5rem; gap: 0.3125rem; border-radius: 0.625rem; overflow: hidden; background: rgb(255 255 255 / 5%); } [class~="TotalSum-module__currency"] { position: relative; top: 0.3125rem; left: 0.3125rem; height: 1.875rem; padding: 0rem 0.625rem; background: rgb(255 255 255 / 5%); border-radius: 0.5rem; color: rgb(255 255 255 / 50%); text-transform: uppercase; font-size: 0.875rem; line-height: 2rem; } :root[data-theme=red_black] { --accent-color-800: #FF2F54; --accent-color-900: #FF2F54; --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); } [class~="Header-module__logo"] { font-size: 0rem; text-transform: none; background: url(https://iili[class~="io"]/qeM3Nwv[class~="png"]); background-size: contain; background-repeat: no-repeat; width: 11.25rem; height: 1.6875rem; } .container[class~="headerContainer"] [class~="Header-module__wrapper"] { max-width: 75rem; padding: 0rem; margin: 0 auto; background-color: transparent; min-height: 4.375rem; } .container[class~="headerContainer"] { width: 100%; background: rgb(33 33 33 / 85%); backdrop-filter: blur(0.625rem); -webkit-backdrop-filter: blur(0.625rem); position: sticky; top: 0; z-index: 10; } [class~="Header-module__wrapper"] { background-color: var(--bg-color-700); margin-bottom: 1.25rem; padding: 0 0.9375rem; min-height: 3.125rem; font-weight: 500; width: 100%; display: flex; align-items: center; flex-wrap: wrap; } [class~="ProductItemSelector-module__items"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.875rem, 1fr)); gap: 0.5rem; } [class~="ProductItemSelector-"]module__item[class~="ProductItemSelector-module__active"], [class~="ProductItemSelector-module__item"]:hover, [class~="ProductItemSelector-module__item"]:focus { border: 0.0625rem solid #414141; border-radius: 0.625rem; background: #414141; } [class~="ProductItemSelector-module__item"] { cursor: pointer; border: 0.0625rem solid transparent; border-radius: 0.125rem; padding: 0.125rem; height: 3.75rem; transition: all .15s ease; border: #282828; border-radius: 0.625rem; background: #282828; } [class~="CountSelector-module__inputWrapper"] { width: 100%; display: flex; height: 2.5rem; border-radius: 0.625rem; overflow: hidden; background: rgb(255 255 255 / 5%); } [class~="CountSelector-"]module__changeCountBtn[class~="CountSelector-module__left"] { border-right: none; margin-left: 0.3125rem; } [class~="CountSelector-"]module__changeCountBtn[class~="CountSelector-module__right"] { border-left: none; margin-right: 0.3125rem; } [class~="CountSelector-module__input"] { font-size: 0.9375rem; width: 100%; padding: 0 0.625rem; text-align: center; } [class~="CountSelector-module__icon"] { width: 70%; height: 60%; padding: 0.25rem; border-radius: 0.375rem; background: rgb(255 255 255 / 10%); transition: 0.3s all; } [class~="CountSelector-module__icon"]:hover { background: rgb(255 47 84); color: #fff; } [class~="TotalSum-module__label"] { width: 100%; text-align: left; display: block; font-weight: 500; margin-bottom: 0.375rem; color: #fff; font-size: 0.8125rem; } [class~="CountSelector-module__label"] { width: 100%; text-align: left; display: block; font-weight: 500; margin-bottom: 0.375rem; color: #fff; font-size: 0.8125rem; } [class~="CountSelector-module__changeCountBtn"] { background: transparent; } [class~="CountSelector-module__changeCountBtn"]:hover, [class~="CountSelector-module__changeCountBtn"]:focus { background: transparent; } [class~="KitContent-module__containsItems"] { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr)); gap: 0.3125rem; margin-bottom: 0.9375rem; } [class~="KitContent-module__containsItem"] { border-radius: 0.625rem; background-color: rgb(255 255 255 / 5%); padding: 0.625rem; position: relative; display: flex; align-items: center; transition: 0.3s all; } [class~="KitContent-module__containsItem"]:hover { background-color: rgb(255 255 255 / 10%); } [class~="KitContent-module__itemImg"] { width: 100%; height: auto; transform: scale(0.7); margin-top: 0rem; margin-bottom: 0.3125rem; object-fit: contain; } [class~="KitContent-module__itemName"] { position: absolute; width: 100%; bottom: 0; top: auto; left: 0; right: 0; padding: 0rem 0.625rem 0.3125rem 0.625rem; height: auto; text-align: start; color: var(--font-color-800); font-size: 0.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; border-radius: 0; } [class~="KitContent-module__itemCount"] { position: absolute; top: 0.3125rem; bottom: 0; left: unset; right: 0.3125rem; height: 1.0625rem; padding: 0rem 0.625rem; background: rgb(255 255 255 / 10%); color: #adadad; text-align: start; border-radius: 0.375rem; } [class~="ProductModal-module__roulette"], [class~="ProductModal-module__set"] { width: 31.25rem; } [class~="info"] { font-size: 0.6875rem; color: #999; line-height: 1.5; margin-bottom: 0.625rem; } [class~="info-links"] { font-size: 0.75rem; display: grid; line-height: 1.8; } [class~="info-links"] a { font-size: 0.75rem; display: grid; line-height: 1.8; transition: 0.3s; } [class~="info-links"] a:hover { color: #ff2f54; font-size: 0.75rem; display: grid; line-height: 1.8; transition: 0.3s; } [class~="back_buttons"] { margin-top: 1.25rem; margin-bottom: 1.875rem; display: flex; flex-wrap: nowrap; justify-content: center; } [class~="btn-backsite"] { font-size: 0.875rem; line-height: 1.1 !important; font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: 0em; border-radius: 0.625rem; padding: 1.2em 1.5em; background: #eb2d4e; border-color: transparent; color: #ffffff !important; box-shadow: 0rem 0.3125rem 1.25rem 0rem rgba(190,45,71,0.60); width: 75%; transition: 0.3s; } [class~="btn-backsite"]:hover { box-shadow: 0rem 0.3125rem 1.25rem 0rem #e33655; background: #d63e59; border-color: transparent; color: #ffffff !important; width: 75%; transition: 0.3s; } @keyframes blick { 0% { transform: translate(-100%, -25%) rotate(10deg); } 20% { transform: translate(100%, -25%) rotate(10deg); } 100% { transform: translate(100%, -25%) rotate(10deg); } } [class~="value"] { font-family: "Unbounded", sans-serif; font-weight: 400; font-size: 0.6875rem; } [class~="bonus"] { width: 50%; background: linear-gradient(40deg, #9d1a32, #f94161, #c12743, #a91f38); color: #fff; background-size: 400% 400%; border-radius: 0rem 0.625rem 0.625rem 0rem; position: relative; overflow: hidden; font-family: "Unbounded", sans-serif; font-weight: 400; font-size: 0.6875rem; } [class~="bonus"]:before { content: ''; width: 100%; height: 200%; position: absolute; top: 0; left: 0; opacity: 0.4; filter: blur(0.625rem); background: linear-gradient(to left,transparent 0%,#fff 30%,#fff 60%,transparent 100%); transform: translate(-100%, -25%) rotate(10deg); animation: blick 4s infinite; } ::-webkit-scrollbar { height: 0.5rem; border-radius: 0.3125rem; } ::-webkit-scrollbar-thumb { background: #393939; border-radius: 0.3125rem; height: 0.5rem; } ::-webkit-scrollbar-track { background: rgb(255 255 255 / 5%); border-radius: 0.3125rem; } [class~="serverInfo"] { display: flex; padding: 0rem; border-radius: 0.625rem; gap: 0.625rem; flex-wrap: wrap; justify-content: flex-start; } [class~="servernamewipe"] { width: 40%; display: flex; } span[class~="date-color"] { color: #FF2F54; font-weight: 600; } [class~="wipedata"] { position: relative; top: -13.3125rem; right: -10.6875rem; border-bottom: 0.0625rem dashed #818181; color: #b3b3b3; font-size: 0.8125rem; transition: 0.3s; } [class~="wipedata"]:hover { border-bottom: 0.0625rem dashed #595959; color: #8d8d8d; transition: 0.3s; } [class~="globalwipeinfo"] { padding-top: 1.25rem; background: #282828; padding-bottom: 1.25rem; text-align: center; border: solid 0.0625rem #282828; border-radius: 0.625rem; margin-top: 1.25rem; } [class~="modal"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgb(18 18 18 / 80%); backdrop-filter: blur(0.625rem); -webkit-backdrop-filter: blur(0.625rem); z-index: 400; opacity: 0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none; margin: 0; padding: 0; } [class~="modal"]:target { opacity: 1; pointer-events: auto; overflow-y: auto; } [class~="modal-dialog"] { position: relative; width: 37.5rem; margin: 0.625rem; } @media (min-width: 36rem) { [class~="modal-dialog"] { max-width: 37.5rem; margin: 1.875rem auto; } } [class~="modal-content"] { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #1a1a1a; background-image: none; background-position: right; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0.0625rem solid #252525; border-radius: 0.625rem; outline: 0; } @media (min-width: 48rem) { [class~="modal-content"] { -webkit-box-shadow: 0 0.3125rem 0.9375rem rgba(0,0,0,.5); box-shadow: 0 0.3125rem 0.9375rem rgb(0 0 0 / 10%); } } [class~="modal-header"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0.9375rem; border-bottom: 0.0625rem solid #252525; } [class~="modal-title"] { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.25rem; font-weight: 500; color: #fff; } [class~="close"] { float: right; font-family: sans-serif; font-size: 1.25rem; font-weight: 600; line-height: 1; color: #ffffff; cursor: pointer; text-decoration: none; background: #333333; padding: 0.25rem 0.5rem 0.25rem 0.5rem; border-radius: 0.3125rem; transition: 0.3s all; } [class~="close"]:focus, [class~="close"]:hover { color: #bdbdbd; text-decoration: none; cursor: pointer; color: #ffffff; background: #ff294d; padding: 0.25rem 0.5rem 0.25rem 0.5rem; border-radius: 0.3125rem; } [class~="modal-body"] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0rem 1.25rem 1.25rem 1.25rem; line-height: 1.5rem; overflow-y: scroll; height: 37.5rem; } [class~="Servers-module__servers"] { display: flex; flex-wrap: wrap; margin: -0.3125rem -0.3125rem 0.625rem; justify-content: center; } @media (max-width: 26.875rem) { [class~="Header-module__nav"], [class~="user-avatar"], [class~="user-avatar-pic"] { display: none; } [class~="PlayerMenu-module__profileLink"], [class~="PlayerMenu-module__loginLink"] { text-transform: none; color: #ffffff; font-size: 0.6875rem; font-weight: 400; font-family: "Unbounded", sans-serif; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; padding: 0.3125rem; white-space: nowrap; transition: 0.3s all; background: #cd2442; } [class~="PlayerMenu-module__profileLink"]:hover, [class~="PlayerMenu-module__profileLink"]:focus, [class~="PlayerMenu-module__loginLink"]:hover, [class~="PlayerMenu-module__loginLink"]:focus { background-color: #a71d36; color: #fff; } [class~="Categories-module__categories"] { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; margin-bottom: 0.9375rem; } [class~="PlayerMenu-module__wrapper"] { margin-left: 0.9375rem; margin-right: 0rem; display: flex; align-items: center; column-gap: 0.3125rem; } [class~="PlayerMenuMobile-module__mobileMenuBtn"] { display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 0.25rem 0; width: 1.875rem; height: 1.875rem; border-radius: 0.375rem; margin-left: 0.625rem; } [class~="Servers-module__servers"] { display: flex; margin: -0.3125rem -0.3125rem 0.625rem; } [class~="Servers-module__server"] { cursor: pointer; color: var(--font-color-900); background-color: #282828; padding: 0.625rem 0.9375rem; border-radius: 0.625rem; flex: 1; margin: 0.3125rem; min-width: 6.25rem; max-width: 12.5rem; transition: all .15s ease; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; gap: 0.625rem; font-size: 0.75rem; } [class~="PlayerMenuMobile-module__nav"] { display: flex; align-items: stretch; margin-left: 0; flex-direction: column; flex-wrap: nowrap; gap: 0.625rem; } [class~="PlayerMenuMobile-module__menu"] { position: absolute; right: 0; top: 0; height: 100vh; width: min(100%, 100vw - 0rem); display: flex; flex-direction: column; transform: translate(100%); transition: transform .15s cubic-bezier(.4,0,.2,1); } [class~="PlayerBalance-module__wrapper"] { width: 100%; } [class~="PlayerMenuMobile-module__playerMenu"] { display: flex; flex-direction: row; row-gap: 1.25rem; flex-wrap: nowrap; } [class~="PlayerMenuMobile-module__header"] { display: flex; align-items: center; justify-content: space-between; background: rgba(28, 28, 28, 0.8); border-radius: 0rem; border: none; } [class~="ProfileContent-"]module__infoLineValue[class~="ProfileContent-module__steamid"] { cursor: pointer; color: var(--accent-color-800); transition: all .15s ease; background: #2b2b2b; padding: 0.625rem; border-radius: 0.625rem; width: 100%; text-align: center; } [class~="ProfileContent-module__infoLineValue"] { color: var(--font-color-700); padding: 0.625rem; background: #2b2b2b; border-radius: 0.625rem; width: 100%; text-align: center; } [class~="modal-dialog"] { position: relative; width: 100%; margin: 0rem; } [class~="modal-body"] { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0rem 1.25rem 1.25rem 1.25rem; line-height: 1.5rem; overflow-y: scroll; height: 30rem; } [class~="modal-title"] { margin-top: 0; margin-bottom: 0; line-height: 1.5; font-size: 1.10rem; font-weight: 500; color: #fff; } [class~="Product-module__img"] { position: relative; top: -0.9375rem; object-fit: contain; width: 100%; aspect-ratio: 1 / 1; transform: scale(0.7); } [class~="Product-module__name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 6; transition: all .2s ease; transform: translateY(0%); width: 85%; padding: 0rem; bottom: 1.875rem; left: 0.9375rem; background: transparent; font-size: 0.875rem; font-weight: 500; color: #fafafa; } [class~="Product-module__count"] { right: 0.3125rem; top: unset; background: rgb(255 255 255 / 10%); border-radius: 0.5rem; padding: 0.1875rem 0.375rem; transition: all .15s ease; color: rgb(255 255 255 / 75%); font-size: 0.6875rem; } .container[class~="headerContainer"] [class~="Header-module__wrapper"] { padding: 0rem 0.625rem; margin: 0rem auto 0rem; background-color: transparent; min-height: 3.75rem; display: flex; flex-wrap: nowrap; justify-content: space-between; } [class~="Products-"]module__wrapper[class~="Products-module__grid4"] { grid-template-columns: repeat(auto-fill, minmax(9.375rem, 2fr)); } [class~="Index-module__wrapper"] { display: flex; margin-top: 0.625rem; margin-bottom: 1.875rem; flex-wrap: nowrap; align-items: center; } .container[class~="Index-module__wrapper"], .container[class~="Profile-module__wrapper"], .container[class~="ProfileBasket-module__wrapper"], .container[class~="ProfileHistory-module__wrapper"] { width: 100%; } [class~="Shop-module__wrapper"] { width: 100%; margin-bottom: 1.25rem; margin-top: 0rem; } [class~="boxBody"] { padding: 0.9375rem; background: rgba(28, 28, 28, 0.8); border-radius: 0.625rem 0.625rem 0rem 0rem; border-top: 0.0625rem solid rgb(255 255 255 / 5%); border-left: 0.0625rem solid rgb(255 255 255 / 5%); border-right: 0.0625rem solid rgb(255 255 255 / 5%); } [class~="Widgets-"]module__wrapper[class~="Widgets-module__rightSide"] { margin-right: 0; margin-left: 0rem; margin-top: 0rem; } [class~="ShopFooter-module__link"] { width: 100%; font-size: 0.8125rem; padding: 0.375rem 0.375rem; color: rgb(255 255 255 / 50%); font-weight: 400; text-align: center; border: none; background: rgb(255 255 255 / 5%); border-radius: 0.5rem; transition: all .1s ease; } [class~="PlayerMenuMobile-module__menuWrapper"] { overflow-x: hidden; overflow-y: auto; display: flex; align-items: center; text-align: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100vw; min-height: 100vh; z-index: 100; background-color: rgb(15 15 15 / 80%); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s cubic-bezier(.4,0,.2,1), visibility .15s step-end; } } @media (min-width: 48rem){ [class~="Support-module__wrapper"] { display: flex; align-items: flex-start; width: 100%; } [class~="Categories-module__categories"] { display: flex; width: 100%; margin: 0rem; font-size: 0.8125rem; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; justify-content: flex-start; margin-bottom: 0.625rem; } } [class~="container"] { width: 75rem; padding: 0 var(--safe-padding); margin: 0 auto; } [class~="Index-module__wrapper"] { display: flex; margin-top: 1.25rem; } @media (max-width: 48rem){ [class~="PlayerMenuMobile-module__nav"] { display: flex; flex-direction: column; align-items: center; margin-left: 0; } [class~="PlayerMenuMobile-module__playerMenu"] { margin-bottom: 0rem; border-radius: 0.625rem; display: flex; align-items: center; flex-direction: column; padding: 0.625rem 0rem; } [class~="HeaderNav-module__link"] { display: flex; width: 100%; gap: 0.5rem; cursor: pointer; padding: 0.5rem 0.625rem 0.5rem 0.625rem; transition: all .1s ease; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; text-transform: none; flex-direction: row-reverse; align-items: center; justify-content: center; } [class~="SupportLink-module__link"] { width: 100%; display: flex; cursor: pointer; padding: 0.5rem 0.625rem 0.5rem 0.625rem; transition: all .1s ease; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; text-transform: none; flex-direction: row-reverse; align-items: center; gap: 0.5rem; justify-content: center; } [class~="PlayerMenuMobile-module__profileLink"], [class~="PlayerMenuMobile-module__loginLink"] { border-radius: 0.625rem; background-color: rgb(255 255 255 / 5%); text-align: center; width: 100%; padding: 0.5rem 0.625rem 0.5rem 0.625rem; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; text-transform: none; } [class~="PlayerBalance-module__btn"] { width: 100%; text-transform: none; cursor: pointer; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; display: flex; gap: 0.5rem; align-items: center; color: rgb(255 255 255 / 50%); font-size: 0.875rem; font-weight: 400; justify-content: center; padding: 0.5rem 0.625rem 0.5rem 0.625rem; white-space: nowrap; transition: all .1s ease; flex-direction: row-reverse; } } [class~="productModalDescription"] a { color: #bdbdbd; cursor: pointer; transition: all .15s ease; } [class~="productModalDescription"] a:hover { color: #ffffff; } #server-icon { margin-top: 0.25rem; width: 1.25rem; } [class~="Categories-module__category"] { margin-bottom: 0.625rem; background: rgb(255 255 255 / 5%); border-radius: 0.625rem; padding: 0.3125rem 0.9375rem; font-size: 0.875rem; height: 2.125rem; } [class~="Categories-"]module__category[class~="Categories-module__active"], [class~="Categories-module__category"]:hover { background: rgb(255 255 255 / 10%); color: var(--font-color-700); } [class~="Categories-module__category"]:hover { background-color: rgb(255 255 255 / 10%); color: var(--font-color-700); } [class~="Categories-"]module__category[class~="Categories-module__enableFocus"]:focus { background-color: rgb(255 255 255 / 10%); color: var(--font-color-700); } [class~="Product-module__img"] { position: relative; top: -0.9375rem; object-fit: contain; width: 100%; aspect-ratio: 1 / 1; transform: scale(0.7); } @media screen and (max-width: 85.375rem) { [class~="headerContainer"] [class~="Header-module__wrapper"] { max-width: 68.75rem; padding: 0rem 1.25rem; margin: 0rem auto 1.25rem; background-color: transparent; min-height: 3.75rem; } } [class~="Toast-module__toast"] { width: 100%; padding: 0.625rem; border-radius: 0.5rem; background: rgb(37 37 37 / 80%); box-shadow: none; backdrop-filter: blur(0.625rem); -webkit-backdrop-filter: blur(0.625rem); overflow: hidden; cursor: pointer; display: flex; align-items: center; animation: Toast-module__toastEnter .2s linear; } [class~="Toasts-module__wrapper"] { position: fixed; top: 5rem; right: 0.625rem; max-height: 100vh; z-index: 400; } [class~="user-avatar"] { border-radius: 0.625rem; border: 0.0625rem solid rgb(255 255 255 / 5%); width: 2.25rem; height: 2.25rem; } [class~="user-avatar-pic"] { width: 100%; height: 100%; object-fit: cover; border-radius: 0.625rem; } [class~="privilege-container"] { background: rgba(28, 28, 28, 0.8); border: solid 0.0625rem rgb(255 255 255 / 5%); border-radius: 0.625rem; padding: 1.25rem; max-width: 37.5rem; margin: 2.5rem auto; color: #fff; } [class~="privilege-main-title"] { font-family: "Unbounded", sans-serif; font-size: 1.5rem; font-weight: 500; text-align: center; margin-bottom: 1.875rem; } [class~="privilege-section"] { background: rgb(255 255 255 / 5%); border-radius: 0.5rem; padding: 0.9375rem; margin-bottom: 0.9375rem; } [class~="privilege-title"] { font-family: "Unbounded", sans-serif; font-size: 1.125rem; font-weight: 400; margin-top: 0; margin-bottom: 0.625rem; } [class~="privilege-description"] { font-size: 0.875rem; color: rgb(255 255 255 / 75%); margin-top: 0; margin-bottom: 0.625rem; } [class~="command"] { background-color: #1c1c1c; border-radius: 0.25rem; padding: 0.125rem 0.375rem; font-family: monospace; } [class~="tag"] { display: inline-block; padding: 0.25rem 0.625rem; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 500; } [class~="vip-tag"] { background-color: #cd2442; color: #fff; } [class~="duration-tag"] { background-color: #445ded; color: #fff; }