@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap'); * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Inter', sans-serif; } img { -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; } :root[data-theme=green_white] { --accent-color-800: #d5d5d5; --accent-color-900: #eae9e9; --font-color-700: rgba(40, 40, 40, .85); --font-color-800: #202020; --font-color-900: #1d1b1a; --bg-color-700: #ffffff; --bg-color-800: #e6e6e6; --bg-color-900: #d9d9d9; --product-items-trans-bg-color: #ffffff; } .container { width: 1330px; } .Banner-module__img { width: 100%; height: 200px; object-fit: cover; object-position: 50% 5%; } .container.bannerContainer { margin-bottom: 10px; margin-top: 10px; } .container.bannerContainer>img { border-radius: 10px; } .Header-module__wrapper { border-radius: 25px; } .Header-module__logo { font-weight: 600; } .HeaderNav-module__link { position: relative; display: inline-block; } .HeaderNav-module__link::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 2px; background-color: black; transition: width 0.3s ease-out; } .HeaderNav-module__link:hover::after { width: 100%; } .HeaderNav-module__link:hover { color: black; } .PlayerBalance-module__btn { position: relative; display: inline-block; } .PlayerBalance-module__btn::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 2px; background-color: black; transition: width 0.3s ease-out; } .PlayerBalance-module__btn:hover::after { width: 100%; } .PlayerBalance-module__btn:hover { color: black; } .PlayerBalance-module__btn:hover, .PlayerBalance-module__btn:focus { background-color: #ffffff00!important; } .LangSwitcher-module__currentLang { display: none; } .PlayerMenu-module__avatar { border-radius: 50%; border: 1px dashed var(--accent-color-800); width: 38px; height: 38px } .PlayerMenu-module__avatar>a>img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .PlayerMenu-module__profileLink { display: none; } .PlayerMenu-module__basket>a>img { width: 20px; position: relative; top: 2px; } .PlayerMenu-module__basket>a:hover, .PlayerMenu-module__basket>a:focus { background-color: var(--accent-color-800); transition: 0.2s; } .PlayerMenu-module__basket>a { padding: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; transition: 0.2s; } .PlayerMenu-module__wrapper { column-gap: 20px; } .HeaderNav-module__link:hover, .HeaderNav-module__link:focus { color: black; } .HeaderNav-module__wrapper { margin-left: 20px; } .Widgets-module__wrapper .boxFooter, .Widgets-module__wrapper .boxHeader { display: none; } .Widgets-module__wrapper .boxBody { background: #ffffff; border-radius: 10px; } .MonitoringServer-module__btns { display: none; } .MonitoringServer-module__progressInfo { display: none; } .MonitoringServer-module__progressBarWrapper { height: 18px; background-color: #e1e1e1; border-radius: 15px; } .MonitoringServer-module__progressBarAnim { background: #28f56f; box-shadow: inset 0 0 5px #0000004a; animation: no anitamtion; } .MonitoringServer-module__info { position: relative; top: -22px; left: 10px; font-size: 12px; } .ProfileNav-module__wrapper .boxBody, .BasketContent-module__wrapper .boxBody, .HistoryContent-module__wrapper .boxBody { background: #ffffff; } .ProfileContent-module__body.boxBody { background: #ffffff!important; } .ProfileNav-module__navItem { background: #efefef; } .ProfileNav-module__navItem:hover, .ProfileNav-module__navItem:focus, .ProfileNav-module__navItem.ProfileNav-module__active { background: #cecece; } .Button-module__btn.Button-module__accent { background-color: #efefef; border-color: 0px; } .Button-module__btn.Button-module__accent:hover, .Button-module__btn.Button-module__accent:focus { background-color: #cecece; } .ProfileContent-module__box, .Selector-module__dropDownCurrentItem, .ProfileContent-module__inputWrapper .ProfileContent-module__input, .BasketSearch-module__input, .HistorySearch-module__input { background-color: #efefef; } .ProfileContent-module__infoLineValue.ProfileContent-module__steamid { color: var(--accent-color-700); } .ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover { color: black; } .ProductModal-module__command, .ProductModal-module__bp, .ProductModal-module__item, .ProductModal-module__dropdown { width: 600px; } /* MAIN */ .Shop-module__wrapper .boxBody { background: #ffffff00; padding: 0px 15px 15px 15px; } .Product-module__name { transform: translateY(0); } .Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus { background-color: #d5d5d5; } .Shop-module__header { display: none; } .Servers-module__servers, .Categories-module__categories { justify-content: space-evenly; margin: -5px -5px 15px; } .Servers-module__servers { margin: -5px -5px 15px; } .Servers-module__server { max-width: unset; } .Search-module__wrapper, .Servers-module__server, .Categories-module__category, .Categories-module__category.Categories-module__active, .Categories-module__category:hover, .PlayerBalance-module__btn, .PlayerMenu-module__profileLink, .PlayerMenu-module__loginLink, .Button-module__btn.Button-module__accent, .Button-module__btn.Button-module__gray, .TotalSum-module__inputWrapper, .CountSelector-module__inputWrapper, .Toast-module__toast, .ProductItemSelector-module__items, .ProductItemSelector-module__item.ProductItemSelector-module__active, .ProductItemSelector-module__item:hover, .ProductItemSelector-module__item:focus, .productModalDescription, .productModalContainsItem, .PlayerMenuMobile-module__profileLink, .PlayerMenuMobile-module__loginLink, .Widgets-module__widgetWrapper, .PlayerBalanceModal-module__inputWrapper, .HeaderNav-module__link:hover, .HeaderNav-module__link:focus, .ProfileContent-module__infoWrapper, .Selector-module__dropDownCurrentItem, .ProfileContent-module__input, .ProfileNav-module__img, .BasketSearch-module__wrapper, .BasketTable-module__tableHeader, .BasketTable-module__tableLine:nth-child(2n-1), .HistorySearch-module__wrapper, .HistoryTable-module__tableHeader, .HistoryTable-module__tableLine:nth-child(2n-1), .Cookie-module__wrapper, .Search-module__iconWrapper { border-radius: 10px; } .MonitoringWidget-module__header, .ProfileContent-module__header, .ProfileNav-module__header, .BasketContent-module__header.boxHeader, .HistoryContent-module__header.boxHeader, .WelcomeSelectServer-module__header.boxHeader, .ProductModal-module__header.boxHeader, .PlayerBalanceModal-module__header { border-radius: 10px 10px 0px 0px; } .MonitoringWidget-module__body, .boxBody:last-child, .ProfileNav-module__wrapper .boxFooter, .ItemContent-module__footer.boxFooter, .PlayerBalanceModal-module__footer, .SelectContent-module__footer, .KitContent-module__footer.boxFooter { border-radius: 0px 0px 10px 10px; } .Categories-module__categories { display: none; } .Product-module__wrapper { height: 260px; } .Product-module__price { border-radius: 5px; box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.3); background: rgb(255, 255, 255); font-weight: 600; } .Product-module__price { top: 5px; left: 5px; } .Product-module__discount { top: 5px; right: 5px; } .Product-module__discount { border-radius: 5px 13px 5px 5px; box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.3); background: rgb(255, 255, 255); font-weight: 600; } .Product-module__wrapper:hover { transform: translateY(-10px); transition: 0.2s; } .Product-module__oldPrice { display: none; } .Product-module__wrapper { border-radius: 5px 15px 5px 15px; background: rgb(255, 255, 255); transition: 0.2s; } .Products-module__wrapper { column-gap: 30px; } .Product-module__name { border-radius: 5px; box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.3); background: rgb(255, 255, 255); font-weight: 600; display: flex; align-items: center; justify-content: center; } .Servers-module__server { font-weight: 500; } .Shop-module__wrapper .boxFooter { background: #ffffff00 } .ShopFooter-module__link { color: black; } .ShopFooter-module__link:hover { color: black; } .DesktopCopyright-module__wrapper { background-color: rgb(255, 255, 255)!important; bottom: 0!important; left: 0!important; border-radius: 0px 10px 0px 0px!important; } .DesktopCopyright-module__link { color: black; font-weight: 600; } .productModalGiveText { color: rgb(72 72 72); border: 2px dashed #8c8c8c; padding: 15px; border-radius: 8px; background: rgb(242 242 242); font-size: 13px; } .ProfileNav-module__navItem:hover, .ProfileNav-module__navItem:focus, .ProfileNav-module__navItem.ProfileNav-module__active { border-radius: 8px; } .ProfileNav-module__navItem { border-radius: 8px; } .ProfileNav-module__navItem+.ProfileNav-module__navItem { border-radius: 8px; } .PlayerBalanceModal-module__bonus { display: flex; flex-direction: column; margin-bottom: 20px; justify-content: center; align-items: center; width: 100%; gap: 3px; border: 1px solid #000000; border-radius: 8px; padding: 10px; } .PlayerBalanceModal-module__currency, .TotalSum-module__currency { background: white; } .CountSelector-module__changeCountBtn.CountSelector-module__left { border-right: 0px; } .CountSelector-module__changeCountBtn.CountSelector-module__right { border-left: 0px; } .ProductItemSelector-module__item.ProductItemSelector-module__active, .ProductItemSelector-module__item:hover, .ProductItemSelector-module__item:focus { border: 1px solid #ffffff; background: #fff; } .KitContent-module__containsItem { min-height: 250px; border-radius: 5px 15px 5px 15px; } .KitContent-module__itemCount { border-radius: 5px 15px 5px 15px; padding: 4px 10px; } .KitContent-module__itemName { border-radius: 5px 15px 5px 15px; display: flex; align-items: center; justify-content: center; } .RouletteContent-module__triangle.RouletteContent-module__bottom { bottom: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 24px solid #d9d9d9; } .RouletteContent-module__rouletteItem+.RouletteContent-module__rouletteItem { border-radius: 5px 15px 5px 15px; } .PlayerMenu-module__loginLink>img, .PlayerMenuMobile-module__loginLink>img { position: relative; top: 1px; width: 20px; } .PlayerMenu-module__loginLink { display: flex; flex-direction: row-reverse; gap: 10px; border: 1px solid #224585; padding: 6px 10px; } .PlayerMenuMobile-module__loginLink { display: flex; flex-direction: row-reverse; gap: 10px; padding: 6px 10px; align-items: center; justify-content: center; } .desc__title { margin-bottom: 10px; font-size: 15px; } .desc__title__kit { margin-bottom: 10px; margin-top:15px; font-size: 15px; } .desc__content { padding: 10px; background-color: #f1f1f1; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .desc__content__img { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .desc__content>a>img { width: 135px; border-radius: 8px; } .desc__content>font, .desc__content__img>font { font-size: 14px; font-weight: 500; padding: 5px 10px; background: #ffffff; border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.3); color: black; } .content__info>.title { font-size: 17px; color: black; margin-bottom: 3px; font-weight: 500; } .content__info>.description { font-weight: 300; color: #404040; font-size: 14px; border-radius: 10px; } .widget__img { width: 38px; } .widget__title { font-weight: 600; } .widget__description { font-size: 12px; } .widgetWrapper--flex .boxBody { display: flex; flex-direction: row; align-items: center; gap: 15px; border-radius: 10px; transition: 0.2s; } .widgetWrapper--flex .boxBody:hover { transform: translateY(-10px); transition: 0.2s; } @media (max-width: 1335px){ .container { width: auto; } } @media (max-width: 1300px){ .Shop-module__wrapper>.boxBody { padding: 20px; } .HeaderNav-module__wrapper { display: none; } .Widgets-module__wrapper { margin-left: 20px; } } @media (max-width: 980px) { .PlayerMenu-module__loginLink { display: none; } } @media (max-width: 805px){ .Widgets-module__wrapper { margin-left: 0px; } } @media (max-width: 600px){ .PlayerMenu-module__basket { display: none; } .Product-module__wrapper { height: auto; } } @media (max-width: 476px){ .Header-module__logo { height: 30px; width: 215px; } .Categories-module__category { display: none; } } @media (max-width: 445px){ .Header-module__logo { height: 25px; width: 185px; } }