/* Для опытных пользователей */ .kit-legend2 { background: rgba(101, 0, 0, 0.61); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; position: relative; right: -186px; top: -203px; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .kit-legend { background: rgba(101, 0, 0, 0.61); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .join-ds { width: 80%; display: flex; justify-content: center; } .authBox { width: 100%; color: white; font-weight: 600; padding: 20px; } .centeringWrapper { width: 100%; text-align: center; } .icon-dis { background-image: /*savepage-url=https://i.imgur.com/EhXFMwM.png*/ var(--savepage-url-21); position: relative; background-clip: padding-box; background-position: 50% center; background-size: 100% 100%; } .iconInactive { border-radius: 60%; } .iconSizeXLarge { width: 100px; height: 100px; } .inviteIcon { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .inviteLargeIcon { margin-right: 0px; } .guildIcon { margin-bottom: 20px; } #discord-widget { display: flex; flex-direction: column; height: 300px; background: rgb(0, 0, 0); border-radius: 30px; align-items: center; } .discordWidget-stats { display: flex; flex-direction: column; width: 100%; margin-top: 10px; } .discordWidget-stats__row { margin-bottom: 8px; padding: 7px 16px; border-radius: 100px; background-color: rgb(30, 39, 54); display: flex; justify-content: start; align-items: center; } .discordWidget-stats__circle_green { background-color: rgb(67, 181, 129); } .discordWidget-stats__circle { width: 10px; height: 10px; border-radius: 50%; margin-right: 12px; display: block; } .discordWidget-stats__row:last-child { margin-bottom: 0px; } .discordWidget-stats__row { margin-bottom: 8px; padding: 7px 16px; border-radius: 100px; background-color: rgb(30, 39, 54); display: flex; justify-content: start; align-items: center; } .discordWidget-stats { display: flex; flex-direction: column; width: 100%; margin-top: 10px; } .btn.btn-success { color: rgb(255, 255, 255); background: none; height: 0px; display: ruby-text; } .xboxy_body_text { height: 40px; padding: 8px; text-align: center; font-size: 18px; width: 212px; border-radius: 40px; } .btn { margin-bottom: 20px; height: 0px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 9px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 500; line-height: 160%; text-shadow: none; font-size: 14px; color: rgba(255, 255, 255, 0.7); background: rgb(30, 39, 54); padding: 12px; min-height: 13px; min-width: 13px; border: none !important; } .btn-block { width: 100%; } .btn:hover { display: inherit; color: rgb(255, 255, 255); height: 40px; border-radius: 30px; position: relative; transform: scale(1.05); top: -3px; background: rgb(255, 0, 0); margin-top: 3px; } .discordWidget-stats__circle_gray { background-color: rgb(185, 187, 190); } .xboxy { background: none; border: none; border-radius: 30px; position: relative; } @property --angle { syntax: ""; inherits: false; initial-value: 0deg; } .xboxyd::after, .xboxy::before { content: ""; position: absolute; height: 100%; width: 100%; background-image: conic-gradient(from var(--angle),red,red,black,black); top: 50%; left: 50%; translate: -50% -50%; z-index: -1; padding: 3px; border-radius: 10px; animation: 3s linear 0s infinite normal none running spin; } .xboxy::before { filter: blur(1.5rem); opacity: 0.5; } @keyframes spin { 0% { --angle: 0deg; } 100% { --angle: 360deg; } } .xboxy__body { background: rgb(255, 0, 0); border: none; margin-top: 15px; height: 40px; border-radius: 30px; } .xboxy__body:hover { background-color: rgb(255, 0, 0); border-color: rgb(255, 0, 0); transform: scale3d(1.05, 1.05, 1.05); transition: 0.2s; } .Banner-module__img { display: none; margin-top: revert-layer; } .Search-module__input { background: rgb(22, 22, 22); } .body { color: rgb(255, 0, 0); min-height: 0vh; } :root[data-theme="red_black"] { --accent-color-800: red; --accent-color-900: red; --font-color-700: white; --font-color-800: white; --font-color-900: white; --bg-color-800: black; --bg-color-700: black; --bg-color-900: black; --product-items-trans-bg-color: rgba(0,0,0,.4); } .ProfileContent-module__box { background: rgba(0, 0, 0, 0); } .HistorySearch-module__input { background: rgb(22, 22, 22); } .Button-module__btn.Button-module__accent { background: black; border-radius: 20px; } .Header-module__wrapper { border-radius: 20px; background-color: black; margin-top: 20px; box-shadow: rgba(219, 16, 16, 0.54) -4px 2px 5px, rgba(251, 6, 6, 0.57) 4px -1px 5px, rgba(251, 6, 6, 0.82) 0px 0px 10px 0px; } .ProfileContent-module__input { background: rgb(6, 6, 6); color: rgb(255, 0, 0); } .ProfileNav-module__navItem { background: rgb(6, 6, 6); } .ProfileNav-module__active { background: rgb(22, 22, 22); } .ProfileNav-module__navItem + .ProfileNav-module__navItem { background: rgb(6, 6, 6); } .ProfileNav-module__navItem:hover, .ProfileNav-module__navItem:focus, .ProfileNav-module__navItem.ProfileNav-module__active { background: rgba(255, 0, 0, 0.08); color: red; } .MonitoringWidget-module__header { background: none; font-size: 0px; margin-top: -30px; } .MonitoringWidget-module__body { border-radius: 20px; box-shadow: rgba(219, 16, 16, 0.54) -4px 2px 5px, rgba(251, 6, 6, 0.57) 4px -1px 5px, rgba(251, 6, 6, 0.82) 0px 0px 10px 0px; } .boxBody { background: rgba(0, 0, 0, 0.88); } .Widgets-module__widgetWrapper .boxFooter { background: none; } .Categories-module__category { background: black; border-color: red; } .Categories-module__category.Categories-module__active, .Categories-module__category:hover { background: none; } .Toast-module__toast.Toast-module__success .Toast-module__title { color: red; } .Toast-module__icon { fill: red; } .PlayerMenu-module__profileLink, .PlayerMenu-module__loginLink { color: white; } .MonitoringServer-module__progressBarAnim { color: red; } #discord-widget { display: flex; flex-direction: column; height: 300px; background: rgb(0, 0, 0); border-radius: 30px; align-items: center; margin-top: -25px; } .Categories-module__categories { display: none; } .Shop-module__header { text-align: center; } .ProfileContent-module__infoLineValue { color: red; } .ProfileNav-module__name { color: red; } .ProfileNav-module__header { background: rgba(0, 0, 0, 0.88); } .Product-module__wrapper:hover .Product-module__name, .Product-module__wrapper:active .Product-module__name { transform: translateY(0px); text-align: center; } .Product-module__wrapper { background: none; position: relative; padding: 10px; cursor: pointer; border-radius: 2px; overflow: hidden; animation: 0.15s ease 0s 1 normal none running Product-module__productAnimation; text-align: center; } .Button-module__btn.Button-module__gray { border-color: var(--accent-color-800); border-radius: 20px; } .CountSelector-module__changeCountBtn.CountSelector-module__right { border-left: 2px solid var(--bg-color-800); background: red; } .CountSelector-module__changeCountBtn.CountSelector-module__left { border-right: 2px solid var(--bg-color-800); background: red; } .HeaderNav-module__link:hover { color: red; font-size: 18px; } .Header-module__logo:hover { color: red; } .LangSwitcher-module__currentLang:hover { color: red; background: none; font-size: 18px; } .LangSwitcher-module__btn:hover { background: none; font-size: 18px; } .LangSwitcher-module__btn:focus { background: none; } .PlayerBalance-module__btn:hover, .PlayerBalance-module__btn:focus { background: none; color: red; font-size: 18px; } .PlayerMenu-module__profileLink:hover, .PlayerMenu-module__profileLink:focus, .PlayerMenu-module__loginLink:hover, .PlayerMenu-module__loginLink:focus { background: none; color: red; font-size: 18px; } .Button-module__btn.Button-module__gray:hover, .Button-module__btn.Button-module__gray:focus { background-color: var(--accent-color-900); border-color: var(--accent-color-900); transform: scale3d(1.05, 1.05, 1.05); } .SupportLink-module__link:hover { color: red; font-size: 18px; } .ProfileNav-module__img { width: 234px; height: 220px; margin-bottom: 15px; border-radius: 120px; } .container-oplata { background: rgba(101, 0, 0, 0.61); border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 45px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: center; transform: scale(1); transition: 0.2s ease-out; width: 100%; } .container-oplata-deluxe { background: rgb(101, 52, 0); border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 45px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: center; transform: scale(1); transition: 0.2s ease-out; width: 100%; } .container-oplata-premium { background: rgb(0, 102, 120); border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 45px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: center; transform: scale(1); transition: 0.2s ease-out; width: 100%; } .container-oplata-vip { background: rgb(51, 120, 0); border-radius: 12px; cursor: pointer; display: -webkit-inline-box; height: 45px; margin-bottom: 5px; padding: 5px; right: -21110px; text-align: center; transform: scale(1); transition: 0.2s ease-out; width: 100%; } .container-oplata:hover { transform: scale(0.95); } .container-oplata-deluxe:hover { transform: scale(0.95); } .container-oplata-vip:hover { transform: scale(0.95); } .container-oplata-premium:hover { transform: scale(0.95); } .container-oplata:last-child { margin-bottom: 0px !important; right: -11120px; } .icon-user-oplata { -webkit-box-flex: 0; border-radius: 0px; flex: 0 0 auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; height: 30px !important; margin-right: 10px !important; width: 30px !important; } .textContainer-oplata { -webkit-box-direction: normal; -webkit-box-flex: 1; -webkit-box-orient: vertical; -webkit-box-pack: justify; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: space-evenly; color: white; overflow: hidden; } .BasketSearch-module__input { font-size: 15px; width: 100%; padding: 0px 10px; color: rgb(255, 0, 0); background: rgb(0, 0, 0); border: 1px solid red; } .Selector-module__dropDownCurrentItem { width: 100%; background-color: rgb(0, 0, 0); cursor: pointer; border: 2px solid red; border-radius: 2px; display: flex; align-items: center; justify-content: space-between; padding: 10px; white-space: nowrap; font-size: 15px; outline: transparent solid 1px; transition: 0.1s; } .Selector-module__dropDownItem:hover, .Selector-module__dropDownItem:focus, .Selector-module__dropDownItem.Selector-module__active { background: rgb(22, 22, 22); } .BasketTable-module__tableLine, .BasketTable-module__tableHeader { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; padding: 14px 12px; background: rgb(0, 0, 0); border-bottom: 1px solid red; } .HistoryTable-module__tableLine:nth-child(2n-1) { background: none; } .HistoryTable-module__tableLine { display: grid; grid-template-columns: 1fr 200px 130px; gap: 10px; align-items: center; padding: 14px 12px; border-bottom: 1px solid rgb(255, 0, 0); border-top: 1px solid rgb(255, 0, 0); } .HistoryFilters-module__wrapper { display: none; } .Search-module__wrapper { width: 100%; display: none; height: 34px; border-radius: 2px; overflow: hidden; background: none; margin-top: 15px; } .kit-delux { background: rgb(101, 52, 0); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .test-img2 { width: 50%; position: relative; top: -203px; right: -186px; } .test-img { width: 50%; } .test-img3 { width: 50%; position: relative; top: -203px; right: -186px; } .kit-delux2 { background: rgb(101, 52, 0); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; position: relative; right: -186px; top: -203px; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .kit-delux:hover { transform: scale(0.95); } .kit-prem2:hover { transform: scale(0.95); } .kit-prem:hover { transform: scale(0.95); } .kit-delux2:hover { transform: scale(0.95); } .kit-vip:hover { transform: scale(0.95); } .kit-vip2:hover { transform: scale(0.95); } .kits-del { display: flex; flex-direction: column; } .kit-delux-t { color: white; } .kits-d { margin-bottom: -199px; } .kit-prem { background: rgb(0, 102, 120); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .kit-prem2 { background: rgb(0, 102, 120); border-radius: 12px; cursor: pointer; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; position: relative; right: -186px; top: -203px; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .test-img:active { transform: scale(1.95); z-index: 20; } .test-img2:active { transform: scale(1.95); z-index: 20; } .kit-vip2 { background: rgb(51, 120, 0); border-radius: 12px; height: 45px; margin-bottom: 5px; padding: 5px; transform: scale(1); transition: 0.2s ease-out; width: 50%; position: relative; right: -186px; top: -203px; overflow: hidden; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; } .kit-vip { background: rgb(51, 120, 0); border-radius: 12px; height: 45px; margin-bottom: 5px; text-align: center; flex-direction: column; justify-content: space-evenly; display: flex; transform: scale(1); transition: 0.2s ease-out; width: 50%; overflow: hidden; } .ProfileNav-module__header { background: rgba(0, 0, 0, 0.88); border-top-left-radius: 20px; border-top-right-radius: 20px; } .ProfileNav-module__wrapper { min-width: 264px; max-width: 264px; margin-right: 20px; border-radius: 20px; box-shadow: rgba(219, 16, 16, 0.54) -4px 2px 5px, rgba(251, 6, 6, 0.57) 4px -1px 5px, rgba(251, 6, 6, 0.82) 0px 0px 10px 0px; } .ProfileNav-module__wrapper .boxFooter { background: var(--bg-color-700); border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .Servers-module__server { cursor: pointer; color: var(--font-color-900); background-color: var(--bg-color-700); padding: 10px 15px; flex: 1 1 0%; margin: 5px; border: 2px solid red; border-radius: 20px; min-width: 200px; max-width: 300px; transition: 0.15s; } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background-color: red; } .Selector-module__dropDownList.Selector-module__openOnTop { margin-bottom: 2px; bottom: 100%; display: none; } .Selector-module__dropDownCurrentText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; left: 30%; } .Selector-module__icon { width: 20px; height: 20px; flex: 0 0 20px; display: none; } .Products-module__wrapper { margin-top: 15px; width: 100%; display: grid; gap: 30px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }