@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"; @import url("https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"); :root[data-theme] { --default-font-size: 15px; --accent-color-800: #00de73; --accent-color-900: #00c47c; } swiper-container { display: flex; width: 100%; height: 265px; top: 100px; opacity: 0; animation: Opa 0.5s ease-out forwards; animation-delay: 0.5s; } h2 { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; font-weight: 600; } @keyframes Opa { 0% { opacity: 0; } 100% { opacity: 1; } } swiper-slide { text-align: center; font-size: 18px; background: transparent; display: flex; justify-content: center; align-items: center; border-radius: 15px; } swiper-slide img { display: flex; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; } .swiper-button-next, .swiper-button-prev { color: #ccc; } .swiper-button-next .swiper-button-prev::after { font-size: 24px; } .swiper-pagination-bullet-active { background-color: #fff; transform: scale(1.4); } :root[data-theme] { --bg-color-800: #2b2b2bcb; --default-font-family: Helvetica, sans-serif; } /* загрузочный экран */ .gs-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30000; user-select: none; transition: all .3s; display: flex; align-items: center; justify-content: center; background-color: #282828; background-size: cover !important; /* background: url(https://gspics.org/images/2023/12/18/05phCL.png) center center; */ background: url(https://cdn.roserust.ru/rose/img/bg.png) center center; } .gs-loader__spinner { width: 150px; height: 150px; margin: -100; border: 0px solid #cd422a; border-bottom-color: #202020; content: url(https://i.postimg.cc/VsW3xM40/logo-x128.png); border-radius: 0%; display: block; margin: 0 auto; animation: rotation 1s linear infinite; background: url() no-repeat; } .gs-loader_hide { visibility: hidden; pointer-events: none; opacity: 0; transition: visibility 0s .3s,opacity .3s; } /* конец загрузки */ .container { width: 1280px; padding: 0 var(--safe-padding); margin: 0 auto; } .boxHeader { background: #1c1c1c; border-radius: 0px 10px 0px 0px; } .CustomPage-module__wrapper { display: flex; align-items: flex-start; margin-top: 35px; } .Page-module__wrapper { width: 100%; margin-bottom: 20px; } .Header-module__wrapper { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; /* margin: 0 0 20px; */ border: none; border-radius: 0 0 2px 2px; box-shadow: 0 1px 1px rgb(0 0 0 / 0%); background: #0000; border: 0px solid transparent; opacity: 0; transform: translateY(-255px); animation: slideDown 0.2s ease-out forwards; animation-delay: 0.3s; } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-265px); } 100% { opacity: 1; transform: translateY(-255px); } } .CountSelector-module__inputWrapper { width: 100%; display: flex; height: 36px; overflow: hidden; background-color: #232323; border-radius: 10px; } .CountSelector-module__changeCountBtn { width: 80px; height: 100%; background-color: #2b2b2b; border-radius: 0px 5px 5px 0px; position: relative; display: flex; cursor: pointer; align-items: center; justify-content: center; transition: all .15s ease; } .bonus__header { text-align: center; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-o-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframess gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .Cookie-module__wrapper { z-index: 50; position: fixed; bottom: 10px; left: 50%; transform: translate(-50%); padding: 15px; border-radius: 5px; display: flex; align-items: center; box-shadow: 0 0 10px #2cd8a9 background-color: rgb(52,52,52) } .TotalSum-module__currency { background-color: #2d2d2d; border-radius: 5px 0px 0px 5px; font-family: 'Montserrat', sans-serif; } .TotalSum-module__input { border-radius: 0px 5px 5px 0px; } .ProductItemSelector-module__label { width: 100%; text-align: left; display: block; font-weight: 500; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; color: rgb(255 255 255 / 70%); } .CountSelector-module__input { font-size: 16px; text-align: center; width: 100%; padding: 0 10px; color: #ffffff; font-family: 'Montserrat', sans-serif; } .dropDownCurrentItem { transition: all .1s ease; width: 100%; cursor: pointer; border-radius: 15px; display: flex; justify-content: space-between; padding: 10px 15px; white-space: nowrap; background: #232323; outline: 1px solid #2f2f2f; line-height: 25px; border-radius: 10px; font-family: 'Montserrat', sans-serif; } .dropDownCurrentItem:hover, .dropDownCurrentItem:focus { outline: 1px solid #2f2f2f; background: #2f2f2f; } .dropDownList { width: 100%; position: absolute; background: #212020; box-shadow: 0px 0px 20px 20px rgb(24 24 24 / 37%); padding: 10px; margin-top: 5px; border-radius: 10px; max-height: 200px; overflow-y: auto; z-index: 60; } .dropDownItem:hover, .dropDownItem:focus, .dropDownItem.active { background-color: #2f2f2f; color: #fff; } .contactbut > button > a > img { background: #6883e5; border-radius: 50%; transform: scale(1); transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); z-index: 1; } .contactbut > button2 > a > img { background: #4d76a1; border-radius: 50%; transform: scale(1); transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); z-index: 1; } .contactbut > button > a > img:hover { transform: scale(1.2); transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); z-index: 1; } .contactbut > button2 > a > img:hover { transform: scale(1.2); transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); z-index: 1; } .contactbut > button { background: #16151C; border-radius: 0px 20px 20px 0px; translate: 95px; z-index: 1; } .contactbut > button2 { display: none; border-radius: 0px 20px 20px 0px; } .contactbut { translate: -60px; background: #E83B98 !important; z-index: 1; } .CountSelector-module__changeCountBtn.CountSelector-module__right { border-radius: 0px 5px 5px 0px; } .CountSelector-module__changeCountBtn.CountSelector-module__left { border-radius: 5px 0px 0px 5px; } .TotalSum-module__inputWrapper { width: 100%; display: flex; height: 35px; border-radius: 10px; overflow: hidden; background: #232323; } .ProfileContent-module__header { display: none; } .RewardKitContent-module__img, .RewardKitContent-module__productCount .RewardKitContent-module__item, .RewardItemContent-module__item, .RewardItemContent-module__img, .RewardItemContent-module__productCount { border-radius: 15px; background-color: #2b2b2bcb !important; } .BasketContent-module__wrapper .boxBody, .HistoryContent-module__wrapper .boxBody { border-radius: 15px; background-color: #2b2b2bcb; } .ProfileContent-module__timedDiscountInfo.ProfileContent-module__box { border-radius: 5px; background-color: #2b2b2bcb; } .PlayerMenuMobile-module__mobileMenuBtn { display: none; } .Selector-module__dropDownCurrentItem { width: 100%; cursor: pointer; border-radius: 15px; display: flex; justify-content: space-between; padding: 10px 15px; white-space: nowrap; background: #232323; outline: 1px solid #2f2f2f; } .Selector-module__dropDownCurrentItem:hover, .Selector-module__dropDownCurrentItem:focus { outline: 1px solid #2f2f2f; background: #2f2f2f; } .Selector-module__dropDownList.Selector-module__openOnBottom { margin-top: 5px; top: 100%; } .Selector-module__dropDownList { width: 100%; position: absolute; background: #212020; box-shadow: 0px 0px 20px 20px rgb(24 24 24 / 37%); padding: 10px; border-radius: 10px; max-height: 200px; overflow-y: auto; z-index: 60; } .Selector-module__dropDownItem { width: 100%; display: flex; flex-direction: column; cursor: pointer; padding: 10px 15px; color: #b9b9b9; border-radius: 8px; text-align: left; font-family: 'Montserrat', sans-serif; transition: all .2s ease; } .Selector-module__dropDownItem:hover, .Selector-module__dropDownItem:focus, .Selector-module__dropDownItem.Selector-module__active { background-color: #2f2f2f; color: #fff; } .BasketSearch-module__wrapper { width: 100%; cursor: pointer; border-radius: 15px; display: flex; justify-content: space-between; padding: 10px; white-space: nowrap; background: rgb(52,52,52); background-size: 400% 400%; animation: gradient 5s ease infinite; transform: translate3d(0, 0, 0); } .HistoryContent-module__header.boxHeader { display: none; } .PlayerMenu-module__loginLink { gap: 5px; flex-direction: row-reverse; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background: rgb(24 24 24); text-transform: uppercase; display: flex; justify-content: center; padding: 10px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 1px solid #232323; transform: skewX(355deg); } .PlayerMenu-module__profileLink { gap: 5px; flex-direction: row; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background: rgb(24 24 24); text-transform: uppercase; display: flex; justify-content: center; padding: 0px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 2px solid #232323; transform: skewX(355deg); } .PlayerMenu-module__profileLink:hover, .PlayerMenu-module__profileLink:focus { background-color: #252525; border: 2px solid #373737; transform: skewX(358deg); } .PlayerMenu-module__loginLink:hover, .PlayerMenu-module__loginLink:focus { background-color: #252525; border: 1px solid #373737; transform: skewX(358deg); } .ProfileContent-module__body.boxBody::before { content: "Активируй промокод: START"; border-radius: 10px; background: #212006; border: 1px solid #4d4b14; color: #fffb98; background-size: 400% 400%; padding: 10px 25px; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; } .ProfileContent-module__title { padding: 5px 0px; font-family: 'Montserrat', sans-serif; color: #fff; } .ProfileContent-module__box { background-color: #1e1e1e; padding: 0 4px; } .ProfileContent-module__infoWrapper { margin-bottom: 10px; } .ProfileContent-module__infoWrapper.ProfileContent-module__box, .Selector-module__dropDownCurrentItem, .ProfileContent-module__input, .Selector-module__dropDownCurrentText { line-height: 25px; border-radius: 10px; font-family: 'Montserrat', sans-serif; } .ProfileContent-module__infoLine+.ProfileContent-module__infoLine { border-top: 1px solid #232323; } .ProfileContent-module__infoLineValue.ProfileContent-module__steamid { cursor: pointer; color: #ffffff; transition: all .15s ease; font-family: 'Montserrat', sans-serif; } .ProfileContent-module__infoLineValue { color: var(--font-color-700); font-family: 'Montserrat', sans-serif; } .ProfileContent-module__input { width: 100%; display: flex; height: 40px; border-radius: 10px; overflow: hidden; padding: 0 10px; background: var(--bg-color-700); } .Button-module__btn.ProfileNav-module__logOut.Button-module__accent { border-radius: 10px; color: #ffa4a4; background-color: #490c0c; border-color: #871919; font-size: 14px; } .Button-module__btn.ProfileNav-module__logOut.Button-module__accent:hover { color: #fff; background-color: #871919; border-color: #871919; } .Button-module__btn.Button-module__gray { color: rgb(255 255 255 / 50%); background-color: #161616; border-color: #2c2b2c; } .Button-module__btn.Button-module__gray:hover, .Button-module__btn.Button-module__gray:focus { color: rgb(255 255 255); background-color: #2c2b2c; border-color: #2c2b2c; } .BasketContent-module__header.boxHeader { display: none; } .ProfileContent-module__usePromoBtn { margin-left: 10px; height: 36px; min-width: 120px; } .ProfileContent-module__body.boxBody { background-color: #181818; border-radius: 10px; } .ProfileContent-module__wrapper { width: 100%; margin-top: 15px; margin-bottom: 20px; opacity: 0; transform: scaleY(0); transform-origin: top; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.1s; } .Widgets-module__widgetWrapper .boxHeader { display: none; } .DesktopCopyright-module__wrapper, .DesktopCopyright-module__wrapper > a { color: #fff; } .DesktopCopyright-module__wrapper { color: #fff; background-color: #2b2b2bcb !important; } .LangSwitcher-module__currentLang { display: none; } .ProfileNav-module__wrapper.ProfileNav-module__rightSide { margin-right: 0; margin-left: 5px; margin-top: 15px; } .ProfileNav-module__header.boxHeader { background-color: #181818; border-radius: 15px 15px 0px 0px; } .ProfileNav-module__header { display: flex; align-items: center; gap: 10px; flex-direction: row; } .ProfileNav-module__img { width: 50px; height: 50px; margin-bottom: 0; border-radius: 100%; border: 2px solid #232323; } .ProfileNav-module__name { font-size: 16px; font-family: 'Montserrat', sans-serif; color: #fff; font-weight: 500; margin-top: 7px; } .ProfileNav-module__name:before { content: "Никнейм:"; font-size: 10px; font-family: 'Montserrat', sans-serif; color: #777777; position: absolute; top: 395px; } .ProfileNav-module__body.boxBody { background-color: #181818; border-radius: 0; } .ProfileNav-module__body { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; padding: 20px 10px; align-items: center; border-top: 1px solid #232323; } .ProfileNav-module__navItem { cursor: pointer; background: #232323; border-radius: 2px; padding: 5px 9px; color: #898989; font-size: 13px; font-family: 'Montserrat', sans-serif; transition: all .15s ease; border-radius: 8px; } .ProfileNav-module__navItem:hover, .ProfileNav-module__navItem:focus, .ProfileNav-module__navItem.ProfileNav-module__active { color: rgb(255 255 255); background: #2f2f2f; } .ProfileNav-module__wrapper .boxFooter { background-color: #181818; border-top: 1px solid #232323; border-radius: 0px 0px 15px 15px; } .BasketContent-module__wrapper, .HistoryContent-module__wrapper { width: 100%; margin-bottom: 20px; margin-top: 15px; opacity: 0; transform: scaleY(0); transform-origin: top; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.1s; } .BasketContent-module__wrapper .boxBody, .HistoryContent-module__wrapper .boxBody { border-radius: 15px; background-color: #181818; } .BasketSearch-module__wrapper, .HistorySearch-module__wrapper { width: 100%; cursor: pointer; border-radius: 10px; display: flex; justify-content: space-between; padding: 10px; height: 45px; white-space: nowrap; background: rgb(35 35 35); border: 1px solid #2f2f2f; } .BasketSearch-module__iconWrapper, .HistorySearch-module__iconWrapper, .HistorySearch-module__wrapper { background-color: rgb(35 35 35); } .BasketSearch-module__input, .HistorySearch-module__wrapper { background-color: rgb(35 35 35); font-family: 'Montserrat', sans-serif; color: rgb(255 255 255); } .BasketTable-module__tableHeader, .HistoryTable-module__tableHeader { background-color: transparent; border-bottom: 1px dashed #2f2f2f; border-radius: 0px; margin-bottom: 15px; } .BasketTable-module__tableTitle, .HistoryTable-module__tableTitle { color: #959595; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; } .HistoryTable-module__value { color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .15s ease; } .Pagination-module__navPageBtn, .Pagination-module__page { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; border: 1px solid transparent; background: #232323; } .Pagination-module__page:hover, .Pagination-module__page.Pagination-module__active, .Pagination-module__page:focus { color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 13px; } .Pagination-module__pagIcon { transition: all .15s ease; width: 15px; height: 15px; color: #8e8e8e; } .Pagination-module__navPageBtn:hover, .Pagination-module__navPageBtn:focus { border: 1px solid #393939; } .Pagination-module__navPageBtn:hover .Pagination-module__pagIcon, .Pagination-module__navPageBtn:focus .Pagination-module__pagIcon { stroke: #ffffff; } .BasketTable-module__itemImg, .BasketTable-module__skeletonImg { width: 60px; height: 60px; margin-right: 16px; padding: 5px; background: #232323; border: 1px solid #2f2f2f; } .BasketTable-module__value { color: rgb(255 255 255); font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .15s ease; font-family: 'Montserrat', sans-serif; } .BasketTable-module__tableLine, .BasketTable-module__tableHeader { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; padding: 10px 12px; } .BasketTable-module__tableLine:nth-child(2n-1) { background-color: #1c1c1c; border-radius: 15px; } .HistoryTable-module__tableLine:nth-child(2n-1) { background-color: #1c1c1c; border-radius: 15px; } .Product-module__img { scale: 1; } .productModalGiveText { padding: 8px; display: block; text-align: center; color: #32b147; font-size: 13px; font-weight: 500; line-height: 15px; border-radius: 7px; background: rgba(50, 177, 71, .2); } .Product-module__price, .Product-module__name, .Product-module__count, .Product-module__discount { z-index: 1; } .Header-module__wrapper { background-color: #181818; border-radius: 15px; transform: translateY(-225px); padding: 15px; } .Banner-module__img { border-radius: 15px; padding-top: 5px; } .Product-module__wrapper { background-image: linear-gradient(180deg, #1e1e1e, #1a1a1a); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid rgb(41 41 41); border-radius: 10px; transition: all .2s; padding: 20px; opacity: 0; transform: scaleY(0); transform-origin: top; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.1s; } @keyframes stretchScale { 0% { opacity: 0; transform: scaleY(0); } 100% { opacity: 1; transform: scaleY(1); } } .Product-module__wrapper:hover { -moz-transform:scale(1.07); -o-transform:scale(1.07); -webkit-transform:scale(1.07); transform:scale(1.07) } .Product-module__wrapper:hover .Product-module__name { backface-visibility: hidden; background: #1a1a1a; color: #ffffff; font-size: 14px; font-weight: 400; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 5px; } .Selector-module__dropDownItem:hover,.Selector-module__dropDownItem:focus,.Selector-module__dropDownItem.Selector-module__active { background-color: #2b2b2bcb; } .Product-module__wrapper:hover { background: linear-gradient(180deg, #272727, #272727); transform: scale(0.99); transition: all 200ms; border: 1px solid #292929; } .Product-module__name { background-color: #fff0; !important; text-align: center; font-size: 15px; } .boxHeader.Shop-module__header { display: none; } .Categories-module__categories { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin: -5px; padding: 5px 0 5px 0; } .Categories-module__categories > button { display: none; margin: 3px; border-radius:8px; background-color: #1C1B22; } .Categories-module__categories > button:hover { margin: 3px; background-color: #25242b; border-radius: 11px; transition:0.5s; } .Categories-module__categories > button:active { margin: 3px; border-radius:11px; background: linear-gradient(135.00deg, rgb(233 37 220) 0%,rgb(219 16 124) 100%); } :root[data-theme=green_black] { --accent-color-800: #08ffa4; } .Categories-module__category { cursor: pointer; padding: 10px 15px; border-radius: 2px; margin: 5px; } .Categories-module__category.Categories-module__active { background: linear-gradient(135.00deg, rgb(233 37 220) 0%,rgb(219 16 124) 100%); } ::-webkit-scrollbar { display: none; } .Product-module__oldPrice { display: none; } .Product-module__price { color: #61dfbc; margin: 10px; border-radius: 8px; background: #15392f; border: 1px solid #1a5343; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } .ModalLayout-module__modal.ProductModal-module__item > div { background-color: #1d1b1a; !important; } .ModalLayout-module__modal.ProductModal-module__item .ProductModal-module__header.boxHeader { background: rgba(137, 137, 137, 0.05); justify-content: center; !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 15px 15px 0px 0px; } .ModalLayout-module__modal.ProductModal-module__item .boxBody { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; } .ModalLayout-module__modal.ProductModal-module__item .ItemContent-module__footer.boxFooter { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 0px 0px 15px 15px; } .ModalLayout-module__modal.ProductModal-module__dropdown .ProductModal-module__header.boxHeader { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 15px 15px 0px 0px; } .ModalLayout-module__modal.ProductModal-module__dropdown .boxBody { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; } .ModalLayout-module__modal.ProductModal-module__dropdown .SelectContent-module__footer.boxFooter, .ItemContent-module__footer.boxFooter { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 0px 0px 15px 15px; } .productModalContainsItem { background-color: #29292E; border-radius: 15px; } .ModalLayout-module__positionWrapper .ProductModal-module__header.boxHeader { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 15px 15px 0px 0px; } .ProductModal-module__header { display: none; } .ModalLayout-module__wrapper { width: 100vw; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(15 15 15 / 85%); backdrop-filter: blur(10px); z-index: 200; } .ModalLayout-module__positionWrapper .boxBody { background: rgba(137, 137, 137, 0.05); backdrop-filter: blur(75px); border: 1px solid #2c2c2d; } .boxBody:last-child { border-radius: 0 0 10px 10px; } .Server-module__server { width: 100%; background-color: #181818; padding: 10px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; column-gap: 5px; } .WelcomeSelectServer-module__header { font-size: 17px; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #bbbbbb; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; margin-bottom: 10px; background: #151616; border: 1px solid #2c2c2d; } .WelcomeSelectServer-module__description { display: block; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: #8d8d8d; } .Server-module__serverName { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 500; } .ModalLayout-module__positionWrapper .KitContent-module__footer.boxFooter { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 0px 0px 15px 15px; } .Shop-module__wrapper .boxBody, .Shop-module__wrapper .boxFooter { border-radius: 0px 10px 10px 10px; background-color: #181818; } .Shop-module__wrapper .boxFooter { display: none; } .Widgets-module__widgetWrapper .boxFooter { display: none; } .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody { background-color: #2b2b2bcb; border-radius: 15px; } .RouletteContent-module__lineWrapper { position: relative; width: 100%; overflow: hidden; background: #1c1c1f; display: flex; height: 290px; align-items: center } .ProductItemSelector-module__label:before { content: "Вы выбрали: "; font-family: 'Montserrat', sans-serif; } .TotalSum-module__label, .CountSelector-module__label { width: 100%; text-align: left; display: block; font-weight: 500; margin-bottom: 6px; font-family: 'Montserrat', sans-serif; } .productModalImg, .ProductItemSelector-module__img { border-radius: 15px; } .ProductItemSelector-module__item.ProductItemSelector-module__active,.ProductItemSelector-module__item:hover,.ProductItemSelector-module__item:focus { border: 1px solid #E83B98; } .Search-module__wrapper, .Search-module__input, .Search-module__iconWrapper { display: none; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxHeader.PlayerBalanceModal-module__header { background: rgba(137, 137, 137, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); backdrop-filter: blur(75px); border-radius: 15px; margin-bottom: 10px; } .PlayerBalance-module__modal { width: 450px; } .PlayerBalanceModal-module__form:before { display: block; content: "Наблюдаете проблемы с пополнением баланса - обратитесь через Telegram к технической поддержке @rxa_sup"; margin-bottom: 15px; padding: 5px; text-align: center; font-size: 13px; font-weight: 500; border-radius: 10px; border: 1px dashed #8d7940; background: #231f15; color: #c5b978; font-family: 'Montserrat', sans-serif; } .PlayerBalanceModal-module__label { margin-bottom: 8px; font-weight: 500; font-family: 'Montserrat', sans-serif; } .PlayerBalanceModal-module__currency { background-color: rgb(52, 52, 52); border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #979797; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxFooter.PlayerBalanceModal-module__footer, .RouletteContent-module__footer.boxFooter { background: rgba(137, 137, 137, 0.05); !important; border: 1px solid rgba(255, 255, 255, 0.09); !important; backdrop-filter: blur(75px); !important; border-radius: 0px 0px 15px 15px; } .PlayerBalance-module__btn { gap: 10px; flex-direction: row-reverse; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; background: rgb(24 24 24); text-transform: none; display: flex; justify-content: center; padding: 7px 15px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 2px solid #232323; transform: skewX(355deg); } .PlayerBalance-module__btn:focus { background: transparent; color: inherit; } .PlayerBalance-module__btn:hover { background: #232323; color: #ffffff; border: 2px solid #232323; transform: skewX(358deg); } .PlayerBalanceModal-module__inputWrapper { background-color: transparent; } .PlayerBalanceModal-module__inputWrapper { width: 100%; display: flex; height: 35px; gap: 5px; border-radius: 10px; overflow: hidden; background: transparent; } .PlayerBalanceModal-module__currency { background-color: rgb(35 35 35); border-radius: 10px; } .PlayerBalanceModal-module__input { background-color: rgb(35 35 35); border: 1px solid #2f2f2f; border-radius: 10px; font-family: 'Montserrat', sans-serif; color: #ffffff; font-weight: 500; } .Shop-module__wrapper .boxFooter { translate: 0px 10px; } .ShopFooter-module__link:hover { color: #fff; } .Product-module__discount { top: 0px; right: 0px; color: #dfd661; margin: 10px; border-radius: 8px; background: #383915; border: 1px solid #4d531a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); box-shadow: 0px 5px 20px rgb(255 247 1 / 15%); } .HeaderButtons-module__container { display: flex; gap: 13px; padding: 7px; align-items: center; } .Container__bonus { background: linear-gradient(135.00deg, rgb(233 37 220) 0%,rgb(219 16 124) 100%); transition: 0.2s; transform-origin: top left; border-radius:10px; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Container__bonus:hover { box-shadow: 0px 0px 30px 0px #e9258d70; transform: scale(1.05); transition: 0.2s; } .Container__rules { background: linear-gradient(135.00deg, rgb(233 37 220) 0%, rgb(219 16 124) 100%); transition: 0.2s; transform-origin: top left; backface-visibility: hidden; border-radius:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Container__rules:hover { box-shadow: 0px 0px 30px 0px #e9258d70; transform: scale(1.05); transition: 0.2s; } .Container__rules .content__image { box-shadow: 0px 0px 50px 0px rgb(233 37 220) 0%; background: rgb(233 37 220) 0%; } .Social-Module__wrapper .boxBodyCustom:hover { background-color: #3b2f8f; color: var(--default-color-hover); transition: 0.2s; } .Social-Module__wrapper .boxBodyCustom>p { font-size: var(--default-font-size); font-weight: var(--default-font-weight); } .Social-Module__wrapper .boxBodyCustom>p>span { font-weight: var(--default-font-weight); } .customModalContent { width: 520px; border-radius: 40px; } .customModalContent .boxHeader { display: flex; justify-content: space-between; border-radius: 20px 20px 0 0; } .customModalContent .boxBody { background: #161616; text-align: left; border-radius: 0 0 20px 20px; } .customModalContent>.boxHeader>.text { display: flex; align-items: center; flex-direction: row; gap: 10px; } .container-oplata { background: #292a31cc; height: 30px; border-radius: 0 15px 15px 0; padding-left:10px; padding-top: 5px; margin-bottom: -3px; box-shadow: -3px 0 #E83B98fa; } .container-oplata-main{ background: #292a31cc; height: 30px; border:1px solid #e9258d; border-radius: 15px 15px 15px 15px; padding-left: 80px; padding-top: 5px; margin-bottom: -3px; } .container-oplata-dop { background: #292a31cc; height: 30px; border-radius: 0 0; padding-left: 10px; padding-top: 5px; margin-bottom: -3px; box-shadow: 3px 0 #e9258d, -3px 0 #e9258d; } .container-oplata.tooltipparent:after{ content:"?"; position:absolute; right:0; bottom:0; background-color:#0003; border-radius:8px 0 15px 0; padding:3px 8px 2px 10px; line-height:initial; font-size:12px; color:#e8e6e3 } .HeaderButtons-module { margin-top: 3px; } .Index-module__wrapper { margin-top: 35px; } .Banner-module__img { display: none; } .Widgets-module__wrapper { min-width: 305px; max-width: 305px; margin-right: 0px; height: 700px; background-image: linear-gradient(180deg, #181818 85%, transparent); border-right: 1px solid #232323; border-image: linear-gradient(rgb(36 36 36) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border-radius: 10px 0px 0px 10px; } .DL-Social-box { align-items: center; border-radius: 15px; display: flex; justify-content: space-around; padding: 20px 15px; background-color: #16151C; } .VK { background-color: #5181b8; transition: all .2s; } .DS { background-color: #7289da; transition: all .2s; } .DL-Social-link { border-radius: 10px; display: flex; justify-content: center; padding: 0.2rem; width: 40%; } .DL-Social-link:hover { transform: scale(1.1); } .Header-module__logo { content: url(https://i.postimg.cc/VsW3xM40/logo-x128.png); width: 45px; height: 45px; background: #1e1e1e; padding: 8px; border-radius: 10px; cursor: pointer; transition: 0.2s all; } .Header-module__logo:hover { background: #292929; transform: scale(1.08); transition: 0.2s all; } .HeaderNav-module__wrapper { display: flex; align-items: center; column-gap: 15px; margin-left: 15px; text-transform: uppercase; flex-wrap: wrap; } .HeaderNav-module__link, .SupportLink-module__link { font-family: 'Montserrat', sans-serif; gap: 10px; font-weight: 500; font-size: 13px; text-transform: uppercase; display: flex; justify-content: center; padding: 10px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; background: rgb(255 255 255 / 2%); border-radius: 10px; cursor: pointer; border: 1px solid #232323; color: #ffffff; transform: skewX(355deg); flex-direction: row-reverse; } .HeaderNav-module__link:hover { color: #000000; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); } .SupportLink-module__link:hover { color: #000000; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); } .Button-module__btn { border-radius: 10px; font-family: 'Montserrat', sans-serif; font-weight: 400; } .Button-module__btn.Button-module__accent { color: #60eda9; background-color: #0c492c; border-color: #198752; } .Button-module__btn.Button-module__accent:hover, .Button-module__btn.Button-module__accent:focus { color: #ffffff; background-color: #198752; border-color: #198752; } .Servers-module__servers { display: flex; flex-wrap: wrap; margin: 0; justify-content: flex-start; transform: skewX(355deg); } .Servers-module__servers > button { text-transform: uppercase; padding: 10px; white-space: nowrap; transition: all 0.3s ease-out; align-items: center; background: rgb(29 29 29); border-radius: 15px; cursor: pointer; border: 1px solid #232323; color: #a0a0a0; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; margin-top: 45px; animation: slideIn 0.5s ease-out forwards; } .Servers-module__servers > button:hover { text-transform: uppercase; background: #232323; color: #ffffff; border: 1px solid #333333; } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background-color: #232323; border: 1px solid #333333; color: #fff; } .xbox { border-radius: 15px; padding: 20px 15px; background-color: #16151C; } .xbox__header { display: grid; place-items: center; margin: 0 3px 15px 3px; font-size: 17px; background: linear-gradient(135.00deg, rgb(233 37 220) 0%, rgb(219 16 124) 100%); padding: 7px; border-radius: 10px; } .bonus { background-color: #08ffa4; background: linear-gradient(135.00deg, rgb(233 37 220) 0%, rgb(219 16 124) 100%); border-radius: 0px 10px 10px 0px; } /* Хуище (наполнение даната) */ .container-oplata { display: -webkit-inline-box; margin-bottom: 5px; padding: 5px; height: 50px; width: 100%; border-radius: 4px 5px 4px 5px; background: rgb(38, 38, 39); text-align: initial; transition: all 0.2s ease-out 0s; cursor: pointer; transform: scale(1); box-shadow: none; } .icon-user-oplata { border-radius: 0px; -webkit-box-flex: 0; flex: 0 0 auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 30px !important; height: 30px !important; margin-right: 10px !important; } .textContainer-oplata { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-evenly; overflow: hidden; } .name-user { color: rgb(255, 255, 255); } .widget__img { width: 50px; } .widget__title { font-weight: var(--default-font-weight); color: #fff; } .widget__description { font-size: 12px; } .widgetWrapper--flex .boxBody { display: flex; flex-direction: row; align-items: center; gap: 15px; border-radius: 10px; background: #2b2b2bcb !important; transition: 0.2s; } .widgetWrapper--flex .boxBody:hover { transform: translateY(-3px); transition: 0.2s; } .vkk { padding: 15px !important; background-color: #7289da !important; } .customModalPosition { align-items: center; justify-content: center; text-align: center; transition: backdrop-filter 0.5s ease; backdrop-filter: blur(10px); } .customModalContent { width: 800px; } .monitoring { width: 100%; margin-top: 5px; margin-bottom: 0px; opacity: 0; transform: translateX(-50px); animation: slideIn 0.5s ease-out forwards; animation-delay: 0.1s; } .active { font-family: 'Montserrat', sans-serif; font-weight: 500; } .monitoring:nth-child(1) { animation-delay: 0.3s; } .monitoring:nth-child(2) { animation-delay: 0.6s; } .monitoring:nth-child(3) { animation-delay: 0.9s; } @keyframes slideIn { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } } .monitoring-info-players { font-family: 'Montserrat', sans-serif; } #serverjoining-one { font-family: 'Montserrat', sans-serif; } #serverjoining-two { font-family: 'Montserrat', sans-serif; } .monitoring-header { display: flex; align-items: center; width: 100%; gap: 10px; padding: 15px 15px 5px 15px; transform: skewX(355deg); } .monitoring-image{ background-image: url(https://i.postimg.cc/VsW3xM40/logo-x128.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .monitoring-title { font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #fff; } .indicator-online { color: #61df9a; background: #15391b; border: 1px solid #1a532b; padding: 5px 5px; border-radius: 8px; font-size: 12px; font-weight: 400; font-family: 'Montserrat', sans-serif; box-shadow: 0px 5px 20px rgb(80 188 103 / 15%); } .indicator-offline { color: #ff7373; background: #391515; border: 1px solid #531a1a; padding: 5px 5px; border-radius: 8px; font-size: 12px; font-weight: 400; font-family: 'Montserrat', sans-serif; box-shadow: 0px 5px 20px rgb(188 80 80 / 15%); } .monitoring-loader { width: 20px; height: 20px; border: 2px solid #353535; border-top: 2px solid rgb(62 255 137); border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .monitoring-progress-container { display: flex; margin: 5px 15px; gap: 5px; align-items: center; } .circular-progress { position: relative; width: 55px; height: 55px; } .circular-progress svg { transform: rotate(-90deg); } .circular-progress .background-circle { fill: none; stroke: #232323; stroke-width: 4; } .circular-progress .progress-circle { fill: none; stroke: rgb(62 255 137); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 251.2; stroke-dashoffset: 251.2; transition: stroke-dashoffset 0.5s ease; filter: drop-shadow(0px 0px 4px rgb(62 255 137 / 60%)); } .circular-progress .progress-text { position: absolute; top: 53%; left: 46%; transform: translate(-50%, -50%); font-size: 13px; font-weight: 600; font-family: 'Montserrat', sans-serif; color: rgb(62 255 137); } .monitoring-online { display: flex; align-items: center; width: 100%; gap: 5px; padding: 5px 15px; } .monitoring-users{ background-image: url(https://gspics.org/images/2024/09/10/I0QKrL.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 17px; height: 17px; } .monitoring-wipe { display: flex; align-items: center; width: 100%; gap: 5px; padding: 5px 15px; } .monitoring-wimage{ background-image: url(https://gspics.org/images/2024/09/10/I0QV6y.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; } .connect { padding: 10px 15px 20px 15px; border-bottom: 1px solid #232323; } .copybtn { flex-direction: row; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background: rgb(255 255 255 / 2%); text-transform: uppercase; display: flex; justify-content: center; padding: 10px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 1px solid #232323; transform: skewX(355deg); } .copybtn:hover { color: #000000; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); } #serveronline-red { border: 1px solid #232323; color: rgb(255 255 255); padding: 5px 10px; border-radius: 8px; font-weight: 400; font-size: 13px; font-family: 'Montserrat', sans-serif; } #serveronline-green { background: #282828; padding: 5px 10px 5px 10px; border-radius: 5px; font-size: 13px; } .monitoring-info { border: 1px solid #232323; color: rgb(255 255 255); padding: 5px 10px; border-radius: 8px; font-weight: 400; font-size: 13px; font-family: 'Montserrat', sans-serif; } .discord { width: 100%; border-bottom: 1px solid #232323; opacity: 0; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.6s; } .discord-header { background-image: url(https://cdn.roserust.ru/rose/img/dsbg.png); background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; gap: 10px; padding: 15px; margin: 15px 10px; border-radius: 10px; } .discord-image { background-image: url(https://cdn.roserust.ru/rose/img/ds-avatar.png); background-position: center; background-size: contain; width: 60px; height: 60px; border-radius: 10px; background-repeat: no-repeat; box-shadow: 0 0 20px rgb(41 38 29); } .discord-title{ font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; color: #fff; } .discord-desc { display: flex; gap: 5px; font-size: 11px; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #c9c9c9; flex-direction: column; } .discord_btn_zone { padding: 15px 15px 20px 15px; } .discord_btn { flex-direction: row; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background: rgb(255 255 255 / 2%); text-transform: uppercase; display: flex; justify-content: center; padding: 10px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 1px solid #232323; transform: skewX(355deg); } .discord_btn:hover { color: #ffffff; background-color: #445ded; border: 1px solid #445ded; transform: skewX(358deg); } .discord-connect { position: absolute; top: 77px; right: 10px; display: flex; align-items: center; gap: 5px; justify-content: flex-start; } .memberCount { border: 1px solid #232323; background: #1d1d1d; color: rgb(255 255 255); padding: 5px 10px; border-radius: 8px; font-weight: 400; font-size: 11px; font-family: 'Montserrat', sans-serif; } .presenceCount { background: #15391b; border: 1px solid #1a532b; color: rgb(109 243 169); padding: 5px 10px; border-radius: 8px; font-weight: 400; font-size: 11px; font-family: 'Montserrat', sans-serif; } .social-box a { display: inline-block; text-decoration: none; color: #fff; background-color: #2b2b2bcb !important;; border-radius: 10px; text-transform: uppercase; padding: 5px 0 2px; margin-bottom: 15px; font-weight: 500; } .social-box.a:hover { display: inline-block; text-decoration: none; color: #fff; background-color: #2b2b2bcb !important;; border-radius: 10px; text-transform: uppercase; padding: 5px 0 2px; margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.09); font-weight: 500; } .social-box { text-align: center; display: grid; line-height: 2rem; margin-top: 20px; margin-left: 10px; margin-right: 10px; } .xbox__header { padding: 10px; border-radius: 10px; background: #2b2b2bcb !important;; } .soc-header_text { text-align: center; } .socicon { vertical-align: sub; margin-right: 7px; } .social-box a:hover { transition: all 400ms ease 0s; background-color: #2b2b2bcb !important; } .boxBody { background: #181818; border-radius: 10px 10px 0px 0px; } .productModalDescription { list-style: inside; text-align: left; padding: 0px; margin-bottom: 10px; background: transparent; } .product_eggs { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .product_egg { background: #232323; padding: 10px 10px; width: 100%; text-transform: none; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #b7b7b7; font-size: 13px; border-radius: 10px; } .product_egg_warning { background: #490c0c; border: 1px solid #a71515; padding: 10px 10px; width: 100%; text-transform: none; font-weight: 500; font-family: 'Montserrat', sans-serif; color: #ff8282; font-size: 13px; border-radius: 10px; } .cooldown { font-size: 13px; background: #10613a; color: #fff; font-family: 'Montserrat', sans-serif; padding: 5px 10px; border-radius: 10px; } .egg-info { font-size: 13px; margin-top: 5px; background: #313131; color: #fff; font-family: 'Montserrat', sans-serif; padding: 5px 10px; border-radius: 10px; } .egg-info-ps { color: #fdd839; font-family: 'Montserrat', sans-serif; font-size: 12px; background: #292202; border: 1px solid #4f4105; border-radius: 8px; padding: 10px 9px; } .rose-gradient { font-size: 14px; background: -webkit-linear-gradient(0deg, #fbaec2 15%, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 5px 10px; border-radius: 10px; } .lite-gradient { font-size: 14px; background: -webkit-linear-gradient(0deg, #15d97b 15%, #15d97b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 5px 10px; border-radius: 10px; } .legend-gradient { font-size: 14px; background: -webkit-linear-gradient(0deg, #4b4b4b 15%, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 5px 10px; border-radius: 10px; } .elite-gradient { font-size: 14px; background: -webkit-linear-gradient(0deg, #1372d7 15%, #12ffbd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 5px 10px; border-radius: 10px; } .vstooltip { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .vstooltip_single { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .tooltip { position: relative; display: inline-block; font-size: 13px; background: #10613a; color: #fff; font-family: 'Montserrat', sans-serif; text-align: center; padding: 4px 10px; border-radius: 8px; cursor: help; } .tooltip .tooltiptext { width: 190px; background-color: #10613a; text-transform: none; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 14px; text-align: center; padding: 10px 10px; border-radius: 10px; position: absolute; top: -5px; left: 140%; box-shadow: 0 0 20px #244937; z-index: 1; opacity: 0; transition: opacity 0.3s; } .tooltip:hover .tooltiptext { opacity: 1; } .KitBtn { display: flex; justify-content: center; margin-bottom: 15px; margin-top: 15px; } .KitBody { overflow-y: scroll; height: 600px; } .kitTitle { text-transform: uppercase; font-weight: 600; font-family: 'Montserrat', sans-serif; color: rgb(255 255 255); font-size: 18px; } .KitTitleMini { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; margin-top: 15px; } .KitCooldown { text-transform: none; font-weight: 400; font-family: 'Montserrat', sans-serif; color: #eff96a; background: #383915; border: 1px solid #50531a; padding: 5px 10px; border-radius: 10px; } .kitGrid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; flex-direction: row; } .kitItem { display: flex; background: #1c1c1c; border: 1px solid #272727; border-radius: 15px; width: 120px; height: 120px; flex-direction: column; align-items: center; justify-content: center; } .kitImg { width: 70px; height: 70px; margin-bottom: 10px; } .kitQnt { text-transform: uppercase; font-weight: 600; font-family: 'Montserrat', sans-serif; color: rgb(91 255 166); font-size: 14px; position: relative; width: 100%; padding: 0 15px; text-align: right; } .Cookie-module__wrapper { z-index: 50; position: fixed; bottom: 10px; left: 50%; transform: translate(-50%); padding: 15px; border-radius: 10px; background-color: var(--bg-color-800); display: flex; align-items: center; box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .socials { padding: 20px 15px 10px 10px; opacity: 0; transform: translateX(-50px); animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.9s; } .socials-vk img { width: -webkit-fill-available; padding: 10px 10px 6px; } .socials-telegram img { width: -webkit-fill-available; padding: 8px 10px 4px; } .socials-discord img { width: 120px; padding: 8px 21px 3px; } .socials-vk { width: 50%; border: 1px solid rgb(35 35 35); border-radius: 10px; cursor: pointer; transition: 0.3s; background: #181818 !important; } .socials-telegram { width: 50%; border: 1px solid rgb(35 35 35); border-radius: 10px; cursor: pointer; transition: 0.3s; background: #181818 !important; } .socials-discord { width: 50%; border: 1px solid rgb(35 35 35); border-radius: 10px; cursor: pointer; transition: 0.3s; background: #181818 !important; } .socials-grid { display: flex; width: 100%; gap: 5px; flex-wrap: nowrap; justify-content: flex-start; transform: skewX(355deg); } .socials-vk:hover { border: 1px solid rgb(0, 119, 255); border-radius: 10px; cursor: pointer; background: rgb(0, 119, 255) !important; } .socials-telegram:hover { border: 1px solid rgb(36, 161, 222); border-radius: 10px; cursor: pointer; background: rgb(36, 161, 222) !important; } .socials-discord:hover { border: 1px solid rgb(114, 137, 218); border-radius: 10px; cursor: pointer; background: rgb(114, 137, 218) !important; } .ShopFooter-module__text { visibility: hidden; position: relative; } .Servers-module__servers::after { content: "Выберите сервер перед покупкой!"; border: 1px solid #232323; color: rgb(177 177 177); padding: 5px 10px; border-radius: 8px; visibility: visible; position: absolute; font-size: 14px; font-weight: 400; font-family: 'Montserrat', sans-serif; animation: slideIn 0.5s ease-out forwards; } .Widgets-module__widgetWrapper+.Widgets-module__widgetWrapper { margin-top: 0px; } .DesktopCopyright-module__wrapper { border-radius: 0 5px 0 0 !important; bottom: 0 !important; left: 0 !important; background: none !important; opacity: 0.5 !important; } .DesktopCopyright-module__text { white-space: nowrap; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #fff; } .DesktopCopyright-module__wrapper, .DesktopCopyright-module__wrapper > a { color: #00ffb8; font-family: 'Montserrat', sans-serif; font-weight: 600; } .Cookie-module__wrapper { z-index: 50; position: fixed; bottom: 10px; left: 50%; transform: translate(-50%); padding: 15px; border-radius: 15px; background-color: rgb(22 22 22 / 70%); border: 1px solid #232323; backdrop-filter: blur(15px); display: flex; align-items: center; } .Cookie-module__icon { width: 35px; height: 35px; fill: rgb(19 83 51); padding: 3px; background: rgb(55 187 123); border-radius: 20px; box-shadow: rgb(37 139 90) 0px 0px 20px; margin-right: 20px; } .Support-module__wrapper { display: flex; align-items: flex-start; margin-top: 35px; } .user-avatar { width: 42px; height: 42px; } .user-avatar-pic { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .nav-icon { width: 18px; filter: contrast(2); transition: all 0.2s ease-out; } .SupportLink-module__link:hover .nav-icon { filter: invert(1) brightness(0.5); } .HeaderNav-module__link:hover .nav-icon { filter: invert(1) brightness(0.5); } #balance-icon { margin-top: 3px; width: 18px; } #user-icon { margin-top: 3px; width: 18px; } .Products-module__wrapper { display: flex; flex-wrap: wrap; gap: 0px; } .Product-module__wrapper { width: calc(20% - 16px); margin: 8px; } @media (min-width: 768px) { .Product-module__wrapper:nth-of-type(1), .Product-module__wrapper:nth-of-type(2), .Product-module__wrapper:nth-of-type(3), .Product-module__wrapper:nth-of-type(4) { width: calc(25% - 16px); } } .Toast-module__toast { width: 360px; padding: 20px 15px; border-radius: 10px; background: rgb(30 30 30 / 80%); border: 1px solid #292929; backdrop-filter: blur(50px); overflow: hidden; cursor: pointer; display: flex; align-items: center; opacity: 0; transform: scaleY(0); transform-origin: top; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.1s; } .Toast-module__icon { margin-right: 15px; min-width: 30px; width: 30px; height: 30px; } .Toast-module__toast.Toast-module__success .Toast-module__title { color: #5bff7a; font-family: 'Montserrat', sans-serif; } .Toast-module__message { color: rgb(255 255 255); white-space: pre-wrap; font-family: 'Montserrat', sans-serif; font-size: 13px; } .errorMessage { display: block; position: relative; left: 40%; width: 20%; text-align: center; margin: 30px 0; font-size: 14px; border-radius: 10px; color: #717171; border: 1px dashed #353535; padding: 10px 15px; font-family: 'Montserrat', sans-serif; } .errorMessage:after { content: "\a ☹️"; } .rose-footer { background-color: rgb(24 24 24 / 40%); backdrop-filter: blur(20px); border: 1px solid rgb(255 255 255 / 5%); color: #fff; text-align: center; width: 1260px; padding: 0 var(--safe-padding); margin: 0 auto; position: relative; bottom: 0; margin-bottom: 20px; border-radius: 10px; z-index: 10; } .footer-content { max-width: 1280px; margin: 0 auto; display: flex; padding: 15px 20px; align-items: center; flex-direction: row; } .project-info { display: flex; flex-direction: column; align-items: flex-start; } .project-info-title { display: flex; gap: 10px; flex-direction: row; align-items: center; margin-bottom: 10px; } .project-info-title-logo { content: url(https://i.postimg.cc/VsW3xM40/logo-x128.png); width: 45px; height: 45px; background: #1e1e1e; padding: 8px; border-radius: 10px; cursor: pointer; transition: 0.2s all; } .project-info-title-name { font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; transform: skewX(355deg); } .footer-content p { margin: 0; font-size: 12px; font-family: 'Montserrat', sans-serif; color: #858585; } .footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .footer-nav-link { font-size: 12px; font-family: 'Montserrat', sans-serif; color: #a9a9a9; border-bottom: dashed 1px #3b3b3b; cursor: pointer; transition: 0.2s all; } .footer-nav-link:hover { color: #fff; border-bottom: dashed 1px #a5a5a5; } .footer-content > div:nth-child(1) { flex: 0.4 1 0%; } .footer-content > div:nth-child(2) { flex: 0.15 1 0%; } .footer-content > div:nth-child(3) { flex: 0.60 1 0%; } .footer-content > div:nth-child(4) { flex: 0.19 1 0%; } .social-links { display: flex; align-items: center; flex-direction: row; gap: 10px; } .social-links-ds { display: flex; background: rgb(68 93 237 / 50%); border: 1px solid rgb(68 93 237 / 50%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-ds:hover { background: rgb(68 93 237); border: 1px solid rgb(68 93 237); } .social-links-vk { display: flex; background: rgb(0 119 255 / 50%); border: 1px solid rgb(0 119 255 / 50%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-vk:hover { background: rgb(0 119 255); border: 1px solid rgb(0 119 255); } .social-links-tg { display: flex; background: rgb(36 161 222 / 50%); border: 1px solid rgb(36 161 222 / 50%); width: 35px; height: 35px; border-radius: 10px; align-items: center; justify-content: center; transition: 0.2s all; } .social-links-tg:hover { background: rgb(36 161 222); border: 1px solid rgb(36 161 222); } .social-links-icon { width: 20px; } .roseproject-copy { background: url(https://cdn.roserust.ru/rose/img/copy.svg); background-repeat: no-repeat; width: 150px; height: 50px; opacity: 0.09; } .rose-footer-alt { color: rgb(254 254 254 / 50%); text-align: center; line-height: 18px; display: flex; width: 800px; position: relative; bottom: 0px; padding: 0 var(--safe-padding); margin: 0px auto 20px; z-index: 10; justify-content: center; flex-direction: row; } .project-info-alt p { font-size: 12px; font-family: 'Montserrat', sans-serif; } .customtitle { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; color: #fff; } .customtext { font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 18px; font-weight: 400; color: #cdcdcd; background: rgb(255 255 255 / 5%); padding: 10px 10px; border-radius: 10px; } .customrule { background: #25774b; padding: 2px 10px; color: #ffffff; border-radius: 5px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; } .ProductModal-module__roulette, .ProductModal-module__set { width: 600px; } .KitContent-module__containsItems { display: grid; grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); gap: 5px; margin-bottom: 15px; } .KitContent-module__containsItem { border-radius: 10px; background-color: #161616; border: 1px solid #232323; padding: 0px; height: 100px; position: relative; display: flex; align-items: center; } .KitContent-module__itemImg { width: 100%; height: auto; position: absolute; object-fit: contain; bottom: 0px; transform: scale(0.3); background: #1e1e1e; border-radius: 100%; padding: 15px; } .KitContent-module__itemName { padding: 8px; position: absolute; width: 100%; top: unset; bottom: 20px; left: 0; right: 0; text-align: center; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: transparent; } .KitContent-module__itemCount { position: absolute; bottom: 5px; left: 0; right: 0; padding: 5px; background-color: transparent; color: #ababab; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 13px; } .socials-header { display: flex; align-items: center; width: 100%; height: 90px; gap: 0.8rem; margin-left: 5px; margin-right: 5px; margin-top: 10px; text-align: center; justify-content: center; flex-direction: column; } .socials-desc { margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 15px; text-align: center; } .socials-images { display: flex; gap: 0.7rem; justify-content: center; align-items: center; } .socials-avatar { width: 40px; height: 40px; background: url(https://cdn.roserust.ru/rose/img/ds-avatar.png) #fff; background-size: cover; border-radius: 50%; } .vk-soc { width: 40px; height: 40px; background: url(https://cdn.roserust.ru/rose/img/vk-social.png) #fff; background-size: cover; border-radius: 50%; } .tg-soc { width: 40px; height: 40px; background: url(https://cdn.roserust.ru/rose/img/tg-social.png) #fff; background-size: cover; border-radius: 50%; } .tab_container { display: block; opacity: 0; animation: stretchScale 0.2s ease-out forwards; animation-delay: 0.9s; } .tab { display: flex; flex-direction: column; } #soc-text { font-family: 'Montserrat', sans-serif; font-size: 13px; } .tab-controller { display: flex; gap: 0.5rem; flex-wrap: nowrap; order: -1; justify-content: center; margin-left: 15px; margin-right: 15px; margin-top: 15px; } .tab-controller > input[type="radio"] { display: none; } .tab-controller > label { display: block; background: #1d1d1d; padding: 10px; border: solid 1px #292929; color: #cdcdcd; cursor: pointer; text-align: center; font-size: 14px; text-transform: none; font-family: 'Montserrat', sans-serif; font-weight: 500; transition: 0.3s; width: 100%; border-radius: 10px; transform: skewX(355deg); } .tab-controller > label:hover { display: block; color: #000000; font-weight: 500; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); } .tab-controller > input[type="radio"]:checked + label { color: #000000; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); font-size: 14px; text-transform: none; font-family: 'Montserrat', sans-serif; font-weight: 500; text-align: center; cursor: pointer; border-radius: 10px; } .tab-content { display: none; animation: stretchScale 0.2s ease-out forwards; } #tab-telegram:has(~ .tab-controller > #tab-btn-telegram:checked), #tab-vk:has(~ .tab-controller > #tab-btn-vk:checked) { display: block; margin-left: 15px; margin-right: 15px; margin-top: 10px; } .social_btn { flex-direction: row; color: rgb(255 255 255); font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; background: rgb(29 29 29); text-transform: uppercase; display: flex; justify-content: center; padding: 10px; white-space: nowrap; transition: all 0.2s ease-out; align-items: center; border-radius: 10px; cursor: pointer; border: 1px solid #232323; transform: skewX(355deg); } .social_btn:hover { color: #000000; background-color: #0ec783; border: 1px solid #0ec783; transform: skewX(358deg); } /* ROSE */ [data-productid="8185858"] img { scale: 1.1; transition: all .2s; } [data-productid="8185858"]:hover img { scale: 1; } [data-productid="8185858"] { background-image: linear-gradient(180deg, #1d1d1d, #675b3c); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid rgb(87 77 52); border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8185858"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(255 189 65 / 40%) 100%); filter: drop-shadow(0px 8px 15px #675b3c); transform: scale(0.99); transition: all 200ms; border: 1px solid #675b3c; box-shadow: none; } [data-productid="8185858"]:hover .Product-module__name { backface-visibility: hidden; background: #e5c136; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8185858"] .Product-module__price { color: #dfcb61; margin: 10px; border-radius: 8px; background: #393015; border: 1px solid #534b1a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* ROSE */ /* LEGEND */ [data-productid="8185859"] img { scale: 1.1; transition: all .2s; } [data-productid="8185859"]:hover img { scale: 1; } [data-productid="8185859"] { background-image: linear-gradient(180deg, #1d1d1d, #4d3c67); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid rgb(67 52 87); border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8185859"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(175 65 255 / 40%) 100%); filter: drop-shadow(0px 8px 15px #563c67); transform: scale(0.99); transition: all 200ms; border: 1px solid #563c67; box-shadow: none; } [data-productid="8185859"]:hover .Product-module__name { backface-visibility: hidden; background: #9336e5; color: #ffffff; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8185859"] .Product-module__price { color: #cd61df; margin: 10px; border-radius: 8px; background: #341539; border: 1px solid #4a1a53; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* LEGEND */ /* ELITE */ [data-productid="8186374"] img { scale: 1.1; transition: all .2s; } [data-productid="8186374"]:hover img { scale: 1; } [data-productid="8186374"] { background-image: linear-gradient(180deg, #1d1d1d, #673c3c); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid rgb(87 52 52); border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8186374"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(255 65 65 / 40%) 100%); filter: drop-shadow(0px 8px 15px #673c3c); transform: scale(0.99); transition: all 200ms; border: 1px solid #673c3c; box-shadow: none; } [data-productid="8186374"]:hover .Product-module__name { backface-visibility: hidden; background: #e53636; color: #ffffff; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8186374"] .Product-module__price { color: #fb7373; margin: 10px; border-radius: 8px; background: #3f1f1f; border: 1px solid #6f3333; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* ELITE */ /* SKINS */ [data-productid="8186889"] img { scale: 1.1; transition: all .2s; } [data-productid="8186889"]:hover img { scale: 1; } [data-productid="8186889"] { background-image: linear-gradient(180deg, #1d1d1d, #1b593e); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid #1b593e; border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8186889"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(65 255 116 / 40%) 100%); filter: drop-shadow(0px 8px 15px #3c675b); transform: scale(0.99); transition: all 200ms; border: 1px solid #3c675b; box-shadow: none; } [data-productid="8186889"]:hover .Product-module__name { backface-visibility: hidden; background: #40cf73; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8186889"] .Product-module__price { color: #73fbb1; margin: 10px; border-radius: 8px; background: #1f3f2e; border: 1px solid #336f4a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* SKINS */ /* Переработчик */ [data-productid="8187147"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8187147"]:hover .Product-module__name { display: none; } /* /Переработчик */ /* Неломайка */ [data-productid="8284236"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8284236"]:hover .Product-module__name { display: none; } /* /Неломайка */ /* Рюкзак на 36 слотов */ [data-productid="8284239"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8284239"]:hover .Product-module__name { display: none; } /* /Рюкзак на 36 слотов */ /* Все изучения */ [data-productid="8284498"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8284498"]:hover .Product-module__name { display: none; } /* /Все изучения */ /* Разблокировка */ [data-productid="8566532"]:before { content: "Разблокируй аккаунт"; position: absolute; bottom: 8px; left: 10px; right: 10px; text-align: center; background: #3f1f1f; border: 1px solid #6f3333; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #f7a5a5; z-index: 1; border-radius: 8px; } [data-productid="8566532"]:hover .Product-module__name { display: none; } /* /Разблокировка */ /* Lite */ [data-productid="8039168"] img { scale: 1.1; transition: all .2s; } [data-productid="8039168"]:hover img { scale: 1; } [data-productid="8039168"] { background-image: linear-gradient(180deg, #1d1d1d, #1b593e); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid #1b593e; border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8039168"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(65 255 116 / 40%) 100%); filter: drop-shadow(0px 8px 15px #3c675b); transform: scale(0.99); transition: all 200ms; border: 1px solid #3c675b; box-shadow: none; } [data-productid="8039168"]:hover .Product-module__name { backface-visibility: hidden; background: #40cf73; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8039168"] .Product-module__price { color: #73fbb1; margin: 10px; border-radius: 8px; background: #1f3f2e; border: 1px solid #336f4a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* Lite */ /* Kaif */ [data-productid="8039170"] img { scale: 1.1; transition: all .2s; } [data-productid="8039170"]:hover img { scale: 1; } [data-productid="8039170"] { background-image: linear-gradient(180deg, #1d1d1d, #1b593e); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid #1b593e; border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8039170"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(65 255 116 / 40%) 100%); filter: drop-shadow(0px 8px 15px #3c675b); transform: scale(0.99); transition: all 200ms; border: 1px solid #3c675b; box-shadow: none; } [data-productid="8039170"]:hover .Product-module__name { backface-visibility: hidden; background: #40cf73; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8039170"] .Product-module__price { color: #73fbb1; margin: 10px; border-radius: 8px; background: #1f3f2e; border: 1px solid #336f4a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* Kaif */ /* Топ набор */ [data-productid="8039171"] img { scale: 1.1; transition: all .2s; } [data-productid="8039171"]:hover img { scale: 1; } [data-productid="8039171"] { background-image: linear-gradient(180deg, #1d1d1d, #1b593e); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid #1b593e; border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8039171"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(65 255 116 / 40%) 100%); filter: drop-shadow(0px 8px 15px #3c675b); transform: scale(0.99); transition: all 200ms; border: 1px solid #3c675b; box-shadow: none; } [data-productid="8039171"]:hover .Product-module__name { backface-visibility: hidden; background: #40cf73; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8039171"] .Product-module__price { color: #73fbb1; margin: 10px; border-radius: 8px; background: #1f3f2e; border: 1px solid #336f4a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* Топ набор */ /* Кастом прива */ [data-productid="8039172"] img { scale: 1.1; transition: all .2s; } [data-productid="8039172"]:hover img { scale: 1; } [data-productid="8039172"] { background-image: linear-gradient(180deg, #1d1d1d, #1b593e); border-image: linear-gradient(rgba(30, 30, 30, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border: 1px solid #1b593e; border-radius: 10px; transition: all .2s; padding: 20px; } [data-productid="8039172"]:hover { background: linear-gradient(180deg, rgba(44, 217, 170, 0) 0%, rgba(44, 217, 170, 0) 20%, rgb(65 255 116 / 40%) 100%); filter: drop-shadow(0px 8px 15px #3c675b); transform: scale(0.99); transition: all 200ms; border: 1px solid #3c675b; box-shadow: none; } [data-productid="8039172"]:hover .Product-module__name { backface-visibility: hidden; background: #40cf73; color: #000000; font-size: 14px; font-weight: 600; font-family: 'Montserrat', sans-serif; border-radius: 0 0 10px 10px; opacity: 1; padding: 5px 10px; } [data-productid="8039172"] .Product-module__price { color: #73fbb1; margin: 10px; border-radius: 8px; background: #1f3f2e; border: 1px solid #336f4a; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; transform: skewX(355deg); } /* Кастом прива */ /* Защита от рейда */ [data-productid="8039173"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8039173"]:hover .Product-module__name { display: none; } /* /Защита от рейда */ /* Разблокировка */ [data-productid="8566539"]:before { content: "Разблокируй аккаунт"; position: absolute; bottom: 8px; left: 10px; right: 10px; text-align: center; background: #3f1f1f; border: 1px solid #6f3333; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #f7a5a5; z-index: 1; border-radius: 8px; } [data-productid="8566539"]:hover .Product-module__name { display: none; } /* /Разблокировка */ /* Скины BF */ [data-productid="8064461"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8064461"]:hover .Product-module__name { display: none; } /* /Скины BF */ /* Беск патроны */ [data-productid="8286924"]:before { content: "на 7 дней"; position: absolute; bottom: 8px; left: 45px; right: 45px; text-align: center; background: #272727; border: 1px solid #3d3d3d; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #cdcdcd; z-index: 1; border-radius: 8px; } [data-productid="8286924"]:hover .Product-module__name { display: none; } /* /Беск патроны */ /* L96 Plus */ [data-productid="8039174"]:before { content: "Уникальное оружие"; position: absolute; bottom: 8px; left: 10px; right: 10px; text-align: center; background: #3f3d1f; border: 1px solid #6f6f33; padding: 3px 8px; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 500; color: #f7eea5; z-index: 1; border-radius: 8px; } [data-productid="8039174"]:hover .Product-module__name { display: none; } /* /L96 Plus */ @media screen and (max-width: 430px) { .container, .boxHeader, .boxBody, .boxFooter { padding: 10px; width: 100%; } .Header-module__wrapper { background-color: #181818; border-radius: 15px; transform: translateY(0px); padding: 15px; } .Shop-module__wrapper .boxBody, .Shop-module__wrapper .boxFooter { border-radius: 10px; background-color: #181818; } .Servers-module__servers { display: flex; flex-wrap: wrap; margin: 0; justify-content: space-around; transform: none; } .Servers-module__servers > button { margin-top: 5px; } .Servers-module__servers::after { display: none; } .Product-module__wrapper { width: calc(50% - 16px); margin: 8px; } .Widgets-module__wrapper { min-width: 100%; max-width: 100%; margin-right: 0px; margin-top: 0px; height: auto; background-image: linear-gradient(180deg, #181818 85%, transparent); border-right: none; border-image: linear-gradient(rgb(36 36 36) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(30, 30, 30, 0) 100%) 1 / 1 / 0 stretch; border-radius: 10px; } .promo-block { opacity: 0; } .rose-footer { background-color: rgb(24 24 24 / 40%); backdrop-filter: blur(20px); border: 1px solid rgb(255 255 255 / 5%); color: #fff; text-align: center; width: 90%; padding: 20px; margin: 20px 20px; position: relative; bottom: 0; margin-bottom: 20px; border-radius: 10px; z-index: 10; } .footer-content { max-width: 1280px; margin: 0 auto; display: flex; padding: 15px 20px; align-items: center; flex-direction: column; } .project-info { display: flex; flex-direction: column; align-items: center; } .footer-nav { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 15px 0px; } .roseproject-copy { margin-top: 20px; } .rose-footer-alt { color: rgba(255, 255, 255, 0.5); text-align: center; display: flex; width: 100%; position: relative; padding: 0px 20px; bottom: 0px; margin-bottom: 70px; z-index: 10; justify-content: center; flex-direction: column; } .MobileCopyright-module__wrapper { display: flex; background-color: #141414; border-radius: 10px; } .tooltip .tooltiptext { left: unset; right: 140%; } .kitItem { width: 105px; height: 105px; } .Header-module__wrapper { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; margin: 0px; border: none; border-radius: 10px; box-shadow: 0 1px 1px rgb(0 0 0 / 0%); background: transparent; background-image: linear-gradient(90deg, #181818, transparent); border: none; opacity: 1; transform: translateY(0px); animation: none; animation-delay: none; } .Index-module__wrapper { margin-top: 0px; } swiper-container { display: flex; width: 100%; height: 80px; top: 0px; opacity: 0; animation: Opa 0.5s ease-out forwards; animation-delay: 0.5s; } .HeaderNav-module__wrapper { display: none; } .PlayerMenu-module__langSwitcher, .PlayerMenu-module__balance { display: block; } .Profile-module__wrapper.Profile-module__rightSide { flex-direction: column-reverse; } .ProfileBasket-module__wrapper.ProfileBasket-module__rightSide { flex-direction: column-reverse; } .ProfileHistory-module__wrapper.ProfileHistory-module__rightSide { flex-direction: column-reverse; } .BasketContent-module__wrapper, .HistoryContent-module__wrapper { margin-top: 0px; } .ProfileNav-module__wrapper.ProfileNav-module__rightSide { margin-top: 0px; margin-left: 0px; } .ProfileNav-module__name:before { top: 225px; } .ProfileNav-module__name { margin-top: 10px; } .ProfileContent-module__wrapper { margin-top: 0px; } .KitContent-module__containsItem { height: 120px; } /* Переработчик */ [data-productid="8187147"]:before { left: 25px; right: 25px; } [data-productid="8187147"]:hover .Product-module__name { display: none; } /* /Переработчик */ /* Неломайка */ [data-productid="8284236"]:before { left: 25px; right: 25px; } [data-productid="8284236"]:hover .Product-module__name { display: none; } /* /Неломайка */ /* Рюкзак на 36 слотов */ [data-productid="8284239"]:before { left: 25px; right: 25px; } [data-productid="8284239"]:hover .Product-module__name { display: none; } /* /Рюкзак на 36 слотов */ /* Все изучения */ [data-productid="8284498"]:before { left: 25px; right: 25px; } [data-productid="8284498"]:hover .Product-module__name { display: none; } /* /Все изучения */ /* Разблокировка */ [data-productid="8566532"]:before { left: 2px; right: 2px; } [data-productid="8566532"]:hover .Product-module__name { display: none; } /* /Разблокировка */ /* Защита от рейда */ [data-productid="8039173"]:before { left: 25px; right: 25px; } [data-productid="8039173"]:hover .Product-module__name { display: none; } /* /Защита от рейда */ /* Разблокировка */ [data-productid="8566539"]:before { left: 2px; right: 2px; } [data-productid="8566539"]:hover .Product-module__name { display: none; } /* /Разблокировка */ /* Скины BF */ [data-productid="8064461"]:before { left: 25px; right: 25px; } [data-productid="8064461"]:hover .Product-module__name { display: none; } /* /Скины BF */ /* Беск патроны */ [data-productid="8286924"]:before { left: 25px; right: 25px; } [data-productid="8286924"]:hover .Product-module__name { display: none; } /* /Беск патроны */ /* L96 Plus */ [data-productid="8039174"]:before { left: 2px; right: 2px; } [data-productid="8039174"]:hover .Product-module__name { display: none; } /* /L96 Plus */ }