.swiper { width: 100%; height: 200px; border-radius: 5px; margin-top: 15px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-button-next, .swiper-button-prev { display: none; } .swiper-pagination-bullet { backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.39); border-radius: 24px; width: 38px; } .swiper-pagination-bullet-active { background: #fff; } .container { width: 1380px; padding: 0 var(--safe-padding); margin: 0 auto; } @media (max-width: 1380px) { .container { width: 100%; } } .Slider-module__banner { width: 100%; background-image: url("https://gspics.org/images/2025/03/01/IiXOm7.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 200px; border-radius: 5px; } .BasketTable-module__value { text-wrap: balance; min-height: 34px; } .MonitoringServer-module__wrapper[data-monitoringserverid="38460"] .MonitoringServer-module__progressBar { background: linear-gradient(130deg, #00a6ff 0%, #5cc6ff 100%) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="38460"] .server-tag { color: #00a6ff !important; background: rgba(0, 166, 255, 0.16) !important; border: 0.8px solid rgba(0, 166, 255, 0.17) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="38459"] .MonitoringServer-module__progressBar { background: linear-gradient(130deg, #3eb200 0%, #93cb75 100%) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="38459"] .server-tag { color: #3eb200 !important; border: 0.8px solid rgba(62, 178, 0, 0.17) !important; background: rgba(62, 178, 0, 0.16) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="38238"] .MonitoringServer-module__progressBar { background: linear-gradient(130deg, rgb(69, 66, 63) 0%, rgb(64, 62, 61) 100%) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="38238"] .server-tag { color: rgb(0, 0, 0) !important; background: rgba(75, 75, 75, 0.16) !important; border: 0.8px solid rgba(0, 0, 0, 0.17) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="39563"] .MonitoringServer-module__progressBar { background: linear-gradient(130deg, rgb(103, 100, 100) 0%, rgb(156, 156, 156) 100%) !important; } .MonitoringServer-module__wrapper[data-monitoringserverid="39563"] .server-tag { color: rgb(0, 0, 0) !important; background: rgba(75, 75, 75, 0.16) !important; border: 0.8px solid rgba(255, 102, 0, 0.17) !important; } .headerContainer { margin-top: 30px; } .headerContainer .Header-module__logo { font-size: 16px; font-weight: 800; } .headerContainer .LangSwitcher-module__wrapper { margin-right: 10px; } .headerContainer .LangSwitcher-module__wrapper .LangSwitcher-module__btn { border: 1px solid rgba(190, 190, 190, 0.17); border-radius: 4px; background: rgba(156, 156, 156, 0.16); width: 39px; height: 39px; } .headerContainer .PlayerMenu-module__wrapper { gap: 0; margin-left: initial; } .headerContainer .PlayerBalance-module__wrapper { border: 2px solid #ededed; border-radius: 4px 0 0 4px; border-right: none; padding-right: 5px; transform: translateX(5px); max-height: 40px; } .headerContainer .PlayerBalance-module__wrapper .PlayerBalance-module__btn { flex-direction: column; max-height: 40px; padding: 6px; align-items: flex-start; } .headerContainer .PlayerBalance-module__wrapper .PlayerBalance-module__btn:hover { background: none; } .headerContainer .PlayerBalance-module__wrapper .PlayerBalance-module__btn .PlayerBalance-module__balanceText { font-weight: 700; font-size: 8px; color: rgba(0, 0, 0, 0.54); } .headerContainer .PlayerBalance-module__wrapper .PlayerBalance-module__btn .PlayerBalance-module__balanceValue { font-weight: 600; font-size: 13px; color: #000; } .headerContainer .PlayerMenu-module__profileLink { border: 2px solid #ededed; border-radius: 4px; max-height: 40px; } .headerContainer .PlayerMenu-module__profileLink:focus { background: none; } .headerContainer .PlayerMenu-module__profileLink:hover { background: none; cursor: default; } .headerContainer .PlayerMenu-module__profileLink .PlayerMenu-module__profileInfo { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 7px; padding-right: 7px; border-right: 1px solid rgba(0, 0, 0, 0.04); } .headerContainer .PlayerMenu-module__profileLink .PlayerMenu-module__profileInfo .PlayerMenu-module__profileName { font-weight: 700; font-size: 11px; color: #000; } .headerContainer .PlayerMenu-module__profileLink .PlayerMenu-module__profileInfo .PlayerMenu-module__profileLevel { font-weight: 600; font-size: 6px; color: rgba(0, 0, 0, 0.47); } .headerContainer .PlayerMenu-module__profileLink .PlayerMenu-module__profileButton { margin-left: 10px; cursor: pointer; } .headerContainer .PlayerMenu-module__loginLink { background: #00a6ff; border-radius: 4px; padding: 11px 15px; font-weight: 600; font-size: 14px; color: #fff; gap: 9px; text-transform: none; } .bannerContainer { display: none; } .Index-module__wrapper { margin-top: 20px; } .Index-module__wrapper .Shop-module__wrapper .helper_text { font-style: italic; font-weight: 500; font-size: 15px; color: #ffae00; border: 1px solid rgba(255, 157, 0, 0.13); border-radius: 4px; background: linear-gradient(90deg, #fff3e3 0%, #ffeed8 100%); width: 100%; margin-bottom: 20px; padding: 14px; } .Index-module__wrapper .Shop-module__wrapper .Shop-module__header { display: none; } .Index-module__wrapper .Shop-module__wrapper .boxBody { background: transparent; padding: 0; } .Index-module__wrapper .Shop-module__wrapper .boxBody .Servers-module__servers { display: none; } .Index-module__wrapper .Shop-module__wrapper .boxBody .Categories-module__categories { background: #fff; border-radius: 4px; margin: 0; margin-bottom: 20px; justify-content: flex-start; } .Index-module__wrapper .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category { border-radius: 4px; font-weight: 500; font-size: 16px; color: rgba(0, 0, 0, 0.21); background: transparent; border: 1px solid transparent; } .Index-module__wrapper .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category:hover { background: rgba(71, 73, 74, 0.16); border: 1px solid rgba(71, 73, 74, 0.17); } .Index-module__wrapper .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category.Categories-module__active { background: rgba(0, 166, 255, 0.16); color: #fff; font-weight: 600; color: #00a6ff; border: 1px solid rgba(0, 166, 255, 0.17); } .Index-module__wrapper .Search-module__wrapper { display: none; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper { display: grid; gap: 0px 0px; border-radius: 4px; grid-auto-flow: row; overflow: visible; align-items: center; justify-items: center; place-items: stretch; background: #fff; grid-template-areas: "Product-module__img Product-module__img" "Product-module__name Product-module__price"; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper:hover { background: radial-gradient(80.26% 80.26% at 50% 100%, #d9f2ff 0%, #fff 100%); } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__price { position: initial; grid-area: Product-module__price; display: flex; align-items: center; justify-content: center; background: rgba(0, 166, 255, 0.16); border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; font-weight: 700; font-size: 14px; color: #00a6ff; padding: 6px; width: fit-content; height: fit-content; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__price .Product-module__oldPrice { display: none; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__count { display: none; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__name { transform: none; font-weight: 600; font-size: 14px; color: #000; position: initial; grid-area: Product-module__name; display: flex; justify-content: start; align-items: center; background: transparent; max-width: 100px; min-width: 90px; overflow: hidden; text-overflow: ellipsis; padding: 0; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__img { grid-area: Product-module__img; } .Index-module__wrapper .Products-module__wrapper.Products-module__grid4 .Product-module__wrapper .Product-module__discount { backdrop-filter: blur(4px); background: rgba(82, 204, 1, 0.16); border: 1px solid rgba(82, 204, 1, 0.17); border-radius: 4px; font-weight: 700; font-size: 16px; color: #52cc01; top: -10px; right: -10px; } .Index-module__wrapper .Widgets-module__wrapper-left { margin-right: 20px; min-width: 222px; max-width: 222px; } .Index-module__wrapper .Widgets-module__wrapper { min-width: 225px; max-width: 225px; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__header { display: none; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody { background: #fff; border-radius: 8px; padding: 0; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper { position: relative; padding: 15px; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__name { font-weight: 600; font-size: 16px; color: #000; display: flex; align-items: center; justify-content: start; flex-wrap: wrap; position: relative; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__name .server-tag { border: 0.8px solid rgba(0, 166, 255, 0.17); border-radius: 4px; width: fit-content; height: 16px; background: rgba(0, 166, 255, 0.16); padding: 2px 4px; font-weight: 700; font-size: 9px; color: #00a6ff; margin-right: 6px; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper { border-radius: 4px; height: 17px; background: repeating-linear-gradient(-45deg, #eee 0, #eee 10px, #ddd 10px, #ddd 20px); animation: MonitoringServer-module__monitoringAnimation 2s linear infinite; animation-delay: 0s; margin: 0; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper .MonitoringServer-module__progressBarAnim { display: none; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper .MonitoringServer-module__progressBar { border-radius: 4px; background: linear-gradient(130deg, #00a6ff 0%, #5cc6ff 100%); } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info { display: flex; justify-content: space-between; align-items: center; position: absolute; top: 55px; left: 25px; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info::before { content: url("https://storage.dreamrusttop.ru/dream/fix/player.svg"); margin-right: 5px; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info span { font-weight: 600; font-size: 10px; color: #fff; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .MonitoringWidget-module__body.boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info .MonitoringServer-module__btns { display: none; } .Index-module__wrapper .Widgets-module__wrapper .Widgets-module__widgetWrapper .boxFooter { display: none; } .Widgets-module__social { border-radius: 8px; padding: 20px; padding-top: 50px; padding-bottom: 25px; text-align: center; color: white; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); height: 231px; display: flex; justify-content: space-between; flex-direction: column; } .Widgets-module__social .discord-content h2 { font-weight: 600; font-size: 14px; color: #fff; } .Widgets-module__social .discord-content p { font-weight: 500; font-size: 10px; text-align: center; color: rgba(255, 255, 255, 0.48); margin: 10px 0 20px; } .Widgets-module__social .button { display: inline-block; text-decoration: none; padding: 10px 20px; border-radius: 8px; transition: background 0.3s ease; font-weight: 600; font-size: 13px; color: #fff; } .Widgets-module__social .button:hover { background: rgba(255, 255, 255, 0.3); } .Widgets-module__discord { background: linear-gradient(40deg, #7d89ff 0%, #5765f2 100%); } .Widgets-module__vk { background: linear-gradient(40deg, #64a4ff 0%, #006aff 100%); } .Widgets-module__tg { background: linear-gradient(40deg, #23a0dc 0%, #29a9eb 100%); } .Header-module__wrapper { border-radius: 8px; background: #fff; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav { margin-left: 10px; flex: 1; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper { border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 5px; padding: 3px 8px; background: rgba(0, 166, 255, 0.15); height: 26px; margin-right: 30px; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__btn { width: 100%; height: 100%; color: #00a6ff; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__btn .NavServerDropDown-module__shopTitle { width: 100%; height: 100%; font-weight: 900; font-size: 13px; display: flex; align-items: center; justify-content: center; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__list { border-radius: 4px; border: 1px solid rgba(0, 166, 255, 0.17); backdrop-filter: blur(13.8000001907px); background: rgba(0, 166, 255, 0.15); padding: 0; left: 0; box-shadow: none; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__list.NavServerDropDown-module__active .NavServerDropDown-module__server { padding: 3px 8px; font-weight: 800; font-size: 13px; border-radius: 0; color: #00a6ff; border-bottom: 0.6px solid rgba(255, 255, 255, 0.17); } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__list.NavServerDropDown-module__active .NavServerDropDown-module__server:hover { background: rgba(144, 216, 255, 0.16); } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavServerDropDown-module__wrapper .NavServerDropDown-module__list.NavServerDropDown-module__active .NavServerDropDown-module__server:last-child { border-bottom: none; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .HeaderNav-module__link { margin-left: auto; font-weight: 600; font-size: 16px; color: #000; text-transform: none; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavDropDown-module__wrapper { margin-right: auto; } .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav .NavDropDown-module__wrapper .NavDropDown-module__linkName { text-transform: none; } .ModalLayout-module__positionWrapper { align-items: center; } .dropDownList { background: #fff; padding: 4px; border-radius: 4px; } .dropDownList .dropDownItem { border-radius: 4px; padding: 11px; font-weight: 500; font-size: 16px; color: #a1a1a1; } .dropDownList .dropDownItem:hover { background: #e4e4e4; } .Selector-module__dropDownList.Selector-module__openOnTop { background: #fff; padding: 4px; border-radius: 4px; } .Selector-module__dropDownList.Selector-module__openOnTop .Selector-module__dropDownItem { border-radius: 4px; padding: 11px; font-weight: 500; font-size: 16px; color: #a1a1a1; } .Selector-module__dropDownList.Selector-module__openOnTop .Selector-module__dropDownItem:hover { background: #e4e4e4; } .Selector-module__dropDownList.Selector-module__openOnTop .Selector-module__dropDownItem.Selector-module__active { background: #e4e4e4; color: #4f4f4f; font-weight: 600; } .ModalLayout-module__modal.ProductModal-module__item { width: 380px; } .ModalLayout-module__modal.ProductModal-module__dropdown { width: 676px; } .ModalLayout-module__modal .ProductModal-module__header { display: none; } .ModalLayout-module__modal .boxBody { border-radius: 4px 4px 0 0; background: #fff; display: flex; flex-direction: column; padding-bottom: 0; } .ModalLayout-module__modal .boxBody:has(.PrivilegeModal-module__wrapper) .productModalFormRowItem:has(.CountSelector-module__inputWrapper) { display: none; } .ModalLayout-module__modal .boxBody .productModalImg { max-width: initial; border: 0.7px solid #e4e4e4; border-radius: 4px; background: #fff; padding: 20px; } .ModalLayout-module__modal .boxBody .productModalGiveText { display: none; } .ModalLayout-module__modal .boxBody .productModalProductAvailability { display: none; } .ModalLayout-module__modal .boxBody .header_name { border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; background: rgba(0, 166, 255, 0.16); font-weight: 600; font-size: 18px; color: #00a6ff; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper { display: flex; justify-content: start; align-items: center; background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__label { background: transparent; flex: 0; font-weight: 500; font-size: 14px; padding-left: 13px; padding-right: 13px; color: #969696; border-right: 1px solid #d6d6d6; margin: 0; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector.dropDownWrapper { background: transparent; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownCurrentItem { background: transparent; outline: none; border: none; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownCurrentItem:focus, .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownCurrentItem:hover { outline: none; border: none; } .ModalLayout-module__modal .boxBody .productModalDescription { border: 0.7px solid #d1d1d1; border-radius: 4px; font-weight: 500; font-size: 13px; color: #969696; } .ModalLayout-module__modal .boxBody .ProductModal-module__form { display: flex; flex-direction: column-reverse; gap: 10px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow { display: flex; flex-direction: column-reverse; gap: 10px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow:last-child { margin: 0; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) { display: flex; justify-content: start; align-items: center; background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) .ItemContent-module__label { background: transparent; flex: 0; font-weight: 500; font-size: 14px; padding-left: 13px; padding-right: 13px; color: #969696; border-right: 1px solid #d6d6d6; margin: 0; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) .Selector-module__dropDownWrapper { background: transparent; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem { background: transparent; outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem:focus, .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ItemContent-module__label) .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem:hover { outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) { display: flex; justify-content: start; align-items: center; background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) .ActionSelector-module__label { background: transparent; flex: 0; font-weight: 500; font-size: 14px; padding-left: 13px; padding-right: 13px; color: #969696; border-right: 1px solid #d6d6d6; margin: 0; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) .ActionSelector-module__actionSelector.dropDownWrapper { background: transparent; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) .ActionSelector-module__actionSelector.dropDownWrapper .dropDownCurrentItem { background: transparent; outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) .ActionSelector-module__actionSelector.dropDownWrapper .dropDownCurrentItem:focus, .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.ActionSelector-module__label) .ActionSelector-module__actionSelector.dropDownWrapper .dropDownCurrentItem:hover { outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) { display: flex; justify-content: start; align-items: center; background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) .SelectContent-module__label { background: transparent; flex: 0; font-weight: 500; font-size: 14px; padding-left: 13px; padding-right: 13px; color: #969696; border-right: 1px solid #d6d6d6; margin: 0; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) .Selector-module__dropDownWrapper { background: transparent; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) .Selector-module__dropDownWrapper .dropDownCurrentItem { background: transparent; outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) .Selector-module__dropDownWrapper .dropDownCurrentItem:focus, .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem:has(.SelectContent-module__label) .Selector-module__dropDownWrapper .dropDownCurrentItem:hover { outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__label { display: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .TotalSum-module__label { display: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .TotalSum-module__inputWrapper { background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .TotalSum-module__inputWrapper .TotalSum-module__currency { background: transparent; position: relative; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .TotalSum-module__inputWrapper .TotalSum-module__currency::after { content: ""; height: 50%; background: #d1d1d1; width: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .TotalSum-module__inputWrapper .TotalSum-module__input { font-weight: 600; font-size: 16px; color: #4f4f4f; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__inputWrapper { background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn { color: #969696; border: none; position: relative; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn.CountSelector-module__left::after { content: ""; height: 50%; background: #d1d1d1; width: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn.CountSelector-module__right::before { content: ""; height: 50%; background: #d1d1d1; width: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .CountSelector-module__inputWrapper .CountSelector-module__input { font-weight: 600; font-size: 16px; color: #4f4f4f; } .ModalLayout-module__modal .SelectContent-module__footer, .ModalLayout-module__modal .ItemContent-module__footer { background: #fff; flex-direction: row-reverse; border-radius: 0 0 4px 4px; padding-top: 0; gap: 10px; } .ModalLayout-module__modal .SelectContent-module__footer .Button-module__btn, .ModalLayout-module__modal .ItemContent-module__footer .Button-module__btn { border-radius: 4px; font-weight: 600; font-size: 16px; color: #fff; border: none; padding-top: 10px; padding-bottom: 10px; } .ModalLayout-module__modal .SelectContent-module__footer .Button-module__btn.Button-module__accent, .ModalLayout-module__modal .ItemContent-module__footer .Button-module__btn.Button-module__accent { background: #5bc663; flex: 2; } .ModalLayout-module__modal .SelectContent-module__footer .Button-module__btn.Button-module__gray, .ModalLayout-module__modal .ItemContent-module__footer .Button-module__btn.Button-module__gray { background: #ff6161; flex: 1; } .PrivilegeModal-module__wrapper { display: flex; flex-direction: column; gap: 10px; } .PrivilegeModal-module__description { display: flex; flex-direction: column; gap: 10px; border: 0.7px solid #d1d1d1; border-radius: 4px; background: #f4f4f4; padding: 11px 13px; } .PrivilegeModal-module__description .PrivilegeModal-module__item { display: flex; flex-direction: column; align-items: flex-start; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; } .PrivilegeModal-module__description .PrivilegeModal-module__item:last-child { border-bottom: none; padding-bottom: 0; } .PrivilegeModal-module__description .PrivilegeModal-module__item .PrivilegeModal-module__itemName { font-weight: 600; font-size: 16px; color: #4f4f4f; } .PrivilegeModal-module__description .PrivilegeModal-module__item .PrivilegeModal-module__itemDescription { font-weight: 500; font-size: 11px; color: #a1a1a1; } .PrivilegeModal-module__kits { border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 11px; background: #f4f4f4; margin-bottom: 10px; } .PrivilegeModal-module__kitItems { display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; overflow: hidden; } .PrivilegeModal-module__kitItem { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 10px; position: relative; animation: itemFadeIn 0.3s ease-in-out; animation-fill-mode: both; max-width: 80px; max-height: 80px; } .PrivilegeModal-module__kitItem:nth-child(1) { animation-delay: 0.05s; } .PrivilegeModal-module__kitItem:nth-child(2) { animation-delay: 0.1s; } .PrivilegeModal-module__kitItem:nth-child(3) { animation-delay: 0.15s; } .PrivilegeModal-module__kitItem:nth-child(4) { animation-delay: 0.2s; } .PrivilegeModal-module__kitItem:nth-child(5) { animation-delay: 0.25s; } .PrivilegeModal-module__kitItem:nth-child(6) { animation-delay: 0.3s; } .PrivilegeModal-module__kitItem:nth-child(7) { animation-delay: 0.35s; } .PrivilegeModal-module__kitItem:nth-child(8) { animation-delay: 0.4s; } .PrivilegeModal-module__kitItem:nth-child(9) { animation-delay: 0.45s; } .PrivilegeModal-module__kitItem:nth-child(10) { animation-delay: 0.5s; } .PrivilegeModal-module__kitItem:nth-child(11) { animation-delay: 0.55s; } .PrivilegeModal-module__kitItem:nth-child(12) { animation-delay: 0.6s; } .PrivilegeModal-module__kitItem:nth-child(13) { animation-delay: 0.65s; } .PrivilegeModal-module__kitItem:nth-child(14) { animation-delay: 0.7s; } .PrivilegeModal-module__kitItem:nth-child(15) { animation-delay: 0.75s; } .PrivilegeModal-module__kitItem:nth-child(16) { animation-delay: 0.8s; } .PrivilegeModal-module__kitItem:nth-child(17) { animation-delay: 0.85s; } .PrivilegeModal-module__kitItem:nth-child(18) { animation-delay: 0.9s; } .PrivilegeModal-module__kitItem:nth-child(19) { animation-delay: 0.95s; } .PrivilegeModal-module__kitItem:nth-child(20) { animation-delay: 1s; } .PrivilegeModal-module__kitItem:nth-child(21) { animation-delay: 1.05s; } .PrivilegeModal-module__kitItem img { width: 100%; height: 100%; object-fit: contain; } .PrivilegeModal-module__kitItemCount { position: absolute; bottom: 5px; right: 5px; font-weight: 500; font-size: 11px; color: #a1a1a1; } .PrivilegeModal-module__kitSwitcher { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; position: relative; } .PrivilegeModal-module__kitButton { display: flex; align-items: center; gap: 10px; padding: 8px 15px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; cursor: pointer; color: rgba(0, 0, 0, 0.6); font-size: 14px; transition: all 0.3s ease; min-width: 171px; height: 26px; text-transform: uppercase; } .PrivilegeModal-module__kitButton.active { background: #d6f0ff; flex: 2; justify-content: end; } .PrivilegeModal-module__kitButton svg { width: 16px; height: 16px; fill: currentColor; transition: transform 0.3s ease; } .PrivilegeModal-module__kitButton[data-direction=prev] { flex: 1; font-weight: 600; font-size: 10px; color: #a1a1a1; } .PrivilegeModal-module__kitButton[data-direction=prev] span { border-left: 0.7px solid #d1d1d1; } .PrivilegeModal-module__kitButton[data-direction=next] { flex: 1; font-weight: 600; font-size: 10px; color: #a1a1a1; justify-content: flex-end; } .PrivilegeModal-module__kitButton[data-direction=next] span { border-right: 0.7px solid #d1d1d1; } .PrivilegeModal-module__kitButton:hover svg { transform: scale(1.2); } .PrivilegeModal-module__kitButtonName { font-weight: 700; font-size: 10px; color: #00a6ff; flex: 1; } .PrivilegeModal-module__kitButtonDescription { font-weight: 600; font-size: 10px; color: #00a6ff; padding-left: 17px; border-left: 1px solid rgba(0, 166, 255, 0.29); } @keyframes kitFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes itemFadeIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } .Profile-module__wrapper { margin-top: 20px; } .ProfileNav-module__wrapper { width: 264px; min-width: initial; max-width: initial; } .ProfileNav-module__wrapper .ProfileNav-module__body { padding: 3px; background: #fff; padding-bottom: 0; border-radius: 4px 4px 0 0; } .ProfileNav-module__wrapper .ProfileNav-module__body .ProfileNav-module__navItem { padding: 7px; background: transparent; border-radius: 4px; border: 1px solid transparent; font-weight: 500; font-size: 16px; color: rgba(0, 0, 0, 0.21); } .ProfileNav-module__wrapper .ProfileNav-module__body .ProfileNav-module__navItem.ProfileNav-module__active { background: rgba(0, 166, 255, 0.16); border: 1px solid rgba(0, 166, 255, 0.17); color: #00a6ff; } .ProfileNav-module__wrapper .boxFooter { background: #fff; padding: 3px; padding-top: 0; border-radius: 0 0 4px 4px; } .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent { font-weight: 500; font-size: 16px; color: #ff6161; background: transparent; border: none; text-align: start; border: 1px solid transparent; } .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent:hover { background: rgba(255, 97, 97, 0.16); border: 1px solid rgba(255, 97, 97, 0.17); border-radius: 4px; } .ProfileContent-module__wrapper .ProfileContent-module__header { display: none; } .ProfileContentInfo-module__wrapper { background: #fff; border-radius: 4px; padding: 22px; } .ProfileContentInfo-module__content { display: flex; gap: 20px; } .ProfileContentInfo-module__avatar { width: 186px; height: 186px; border-radius: 4px; overflow: hidden; flex-shrink: 0; } .ProfileContentInfo-module__avatar img { width: 100%; height: 100%; object-fit: cover; } .ProfileContentInfo-module__info { flex-grow: 1; } .ProfileContentInfo-module__title { font-weight: 600; font-size: 18px; color: #4f4f4f; margin-bottom: 15px; } .ProfileContentInfo-module__row { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; border-bottom: 1px solid #d6d6d6; } .ProfileContentInfo-module__row:last-child { border-bottom: none; padding-bottom: 0; } .ProfileContentInfo-module__row:first-child { padding-top: 0; } .ProfileContentInfo-module__label { font-weight: 600; font-size: 16px; color: #8f8f8f; flex: 1; } .ProfileContentInfo-module__value { font-weight: 700; font-size: 16px; color: #000; flex: 1; } .ProfileHistory-module__wrapper { margin-top: 20px; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .HistoryContent-module__header { display: none; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody { border-radius: 4px; background: #fff; padding: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryFilters-module__wrapper { display: none; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table { width: 100%; padding: 0; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData { display: flex; flex-direction: column; gap: 10px; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData .HistoryTable-module__tableHeader { grid-template-columns: repeat(3, 1fr); background: #fff; padding: 26px 37px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData .HistoryTable-module__tableHeader .HistoryTable-module__tableTitle { text-align: start; font-weight: 600; font-size: 16px; color: #8f8f8f; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData .HistoryTable-module__tableLine { background: #fff; grid-template-columns: repeat(3, 1fr); padding: 26px 37px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData .HistoryTable-module__tableLine:last-child { border-bottom: none; } .ProfileHistory-module__wrapper .HistoryContent-module__wrapper .boxBody .HistoryTable-module__tableData .HistoryTable-module__tableLine .HistoryTable-module__value { text-align: start; font-weight: 600; font-size: 16px; color: #000; } .ProfileBasket-module__wrapper { margin-top: 20px; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .BasketContent-module__header { display: none; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody { padding: 0; border-radius: 0; background: transparent; display: flex; flex-direction: column; align-items: center; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketFilters-module__wrapper { display: none; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .Selector-module__dropDownWrapper.BasketFilters-module__serverSelector { display: none; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableHeader.BasketTable-module__canSell { display: none; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell { display: flex; flex-direction: column; background: #fff; border-radius: 4px; padding: 8px; min-height: 275px; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__productNameWrapper { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__productNameWrapper .productModalImg.BasketTable-module__itemImg { width: 100%; height: 100%; object-fit: cover; margin: 0; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__productNameWrapper .BasketTable-module__productInfoWrapper { width: 100%; text-align: start; margin-top: 8px; margin-bottom: 14px; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__productNameWrapper .BasketTable-module__productInfoWrapper .BasketTable-module__value { font-weight: 600; font-size: 14px; color: #000; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__serverInfoWrapper { display: none; } .ProfileBasket-module__wrapper .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .Button-module__btn.Button-module__accent { width: 100%; border-radius: 4px; background: #ff5f5f; font-weight: 700; font-size: 16px; color: #fff; border: none; height: 44px; } .Pagination-module__pagination { display: flex; gap: 10px; padding: 20px; justify-content: center; width: fit-content; padding: 4px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 20px; background: #fff; } .Pagination-module__pagination .Pagination-module__navPageBtn.Pagination-module__left, .Pagination-module__pagination .Pagination-module__navPageBtn.Pagination-module__right { display: none; } .Pagination-module__pagination .Pagination-module__page { font-weight: 500; font-size: 16px; color: rgba(0, 0, 0, 0.48); background: transparent; position: relative; margin-right: 4px; } .Pagination-module__pagination .Pagination-module__page:nth-last-child(2) { margin-right: 0 !important; } .Pagination-module__pagination .Pagination-module__page:nth-last-child(2)::before { display: none !important; } .Pagination-module__pagination .Pagination-module__page::before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.11); width: 1px; height: 20px; right: -10px; } .Pagination-module__pagination .Pagination-module__page.Pagination-module__active { font-weight: 500; font-size: 16px; color: #00a6ff; border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; background: rgba(0, 166, 255, 0.16); } .ModalLayout-module__modal.PlayerBalance-module__modal { width: 642px; } .ModalLayout-module__modal.PlayerBalance-module__modal .PlayerBalanceModal-module__header { display: none; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody { padding: 14px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__header { width: 100%; font-size: 24px; font-weight: 600; background: rgba(0, 166, 255, 0.16); text-align: center; border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; font-weight: 600; font-size: 18px; color: #00a6ff; padding: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methods { display: flex; flex: 1; flex-direction: column; justify-content: space-around; gap: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__method { display: flex; align-items: center; gap: 15px; padding: 16px 13px; background: #f4f4f4; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; border: 0.7px solid #d1d1d1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__method:hover { background: #e9e9e9; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methodIcon { display: flex; align-items: center; gap: 5px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methodIcon img { width: 30px; height: 30px; object-fit: contain; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methodInfo { flex: 1; display: flex; flex-direction: column; justify-content: start; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methodName { text-align: start; font-weight: 600; font-size: 16px; color: #4f4f4f; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__methodDescription { text-align: start; font-weight: 500; font-size: 11px; color: #a1a1a1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__payment { display: flex; flex-direction: column; gap: 10px; flex: 1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__paymentInfo { background: #f4f4f4; border-radius: 4px; display: flex; flex-direction: column; gap: 9px; border: 0.7px solid #d1d1d1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__cryptoInfo { text-align: center; padding-top: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__cryptoTitle { font-weight: 700; font-size: 16px; text-align: center; color: #4f4f4f; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__cryptoDescription { font-weight: 500; font-size: 11px; color: #a1a1a1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__amountWrapper { display: flex; flex-direction: column; gap: 9px; padding-left: 16px; padding-right: 16px; width: 100%; padding-bottom: 19px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__amountInput { display: flex; align-items: center; background: #ffffff; border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 10px 13px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__currency { border-right: 1px solid #d1d1d1; font-weight: 500; font-size: 16px; color: #a1a1a1; padding-right: 13px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__input { flex: 1; border: none; outline: none; font-size: 16px; color: #000; padding-left: 13px; font-weight: 500; font-size: 12px; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__input::placeholder { font-weight: 500; font-size: 12px; color: rgba(79, 79, 79, 0.22); } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__payButton { width: 100%; padding: 12px; background: #56b65d; border: none; border-radius: 4px; color: #fff; font-weight: 600; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__payButton:hover { background: #439d4a; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__form { display: flex; flex-direction: column; gap: 9px; width: 100%; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonus { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 18px 16px; background: #f4f4f4; font-weight: 600; font-size: 14px; color: #959595; cursor: pointer; transition: all 0.3s ease; position: relative; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonus:hover { background: #e9e9e9; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusDescription { display: flex; align-items: center; gap: 10px; justify-content: space-between; width: 100%; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusButton { background: none; border: none; padding: 0; cursor: pointer; transition: transform 0.3s ease; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusButton.active { transform: rotate(180deg); } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusContent { position: absolute; top: 100%; left: 0; width: 100%; background: #f4f4f4; border: 0.7px solid #d1d1d1; border-radius: 4px; margin-top: 5px; padding: 0; max-height: 0; overflow: hidden; transition: all 0.3s ease; opacity: 0; z-index: 100; pointer-events: none; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusContent.active { max-height: 200px; padding: 16px; opacity: 1; pointer-events: all; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusItem { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #d1d1d1; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusItem:first-child { padding-top: 0; border-top: none; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusItem:last-child { padding-bottom: 0; } .ModalLayout-module__modal.PlayerBalance-module__modal .BalanceModal-module__bonusAmount { font-weight: 500; font-size: 11px; color: #959595; } .boxFooter.PlayerBalanceModal-module__footer { padding: 14px; padding-top: 0; background: #fff; } .boxFooter.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__accent { display: none; } .boxFooter.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__gray { border-radius: 4px; padding: 10px 38px; background: #eaeaea; width: 100%; font-weight: 600; font-size: 16px; color: #868686; } .customModalWrapper-module__wipe { width: 856px; max-width: 95vw; } @media (max-width: 768px) { .customModalWrapper-module__wipe { width: 100%; } } .customModalWrapper-module__wipe .boxHeader { border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; background: rgba(0, 166, 255, 0.16); font-weight: 600; font-size: 18px; color: #00a6ff; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } @media (max-width: 576px) { .customModalWrapper-module__wipe .boxHeader { font-size: 16px; padding: 8px; } } .customModalWrapper-module__wipe .boxBody { background: #fff; padding: 14px; padding-bottom: 0; border-radius: 4px 4px 0 0; } @media (max-width: 576px) { .customModalWrapper-module__wipe .boxBody { padding: 10px; } } .customModalWrapper-module__wipe .wipeInfo { display: flex; flex-direction: column; gap: 10px; } .customModalWrapper-module__wipe .wipeInfo__notice { background: linear-gradient(90deg, #fff3e3 0%, #ffeed8 100%); border: 1px solid rgba(255, 157, 0, 0.27); border-radius: 4px; padding: 14px 19px; font-style: italic; font-weight: 500; font-size: 16px; color: #ffae00; } @media (max-width: 576px) { .customModalWrapper-module__wipe .wipeInfo__notice { font-size: 14px; padding: 10px 15px; } } .customModalWrapper-module__wipe .wipeInfo__section { display: flex; flex-direction: column; gap: 10px; } .customModalWrapper-module__wipe .wipeInfo__title { text-align: start; border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 10px 19px; background: #f4f4f4; font-weight: 600; font-size: 16px; color: #4f4f4f; } @media (max-width: 576px) { .customModalWrapper-module__wipe .wipeInfo__title { font-size: 14px; padding: 8px 15px; } } .customModalWrapper-module__wipe .wipeInfo__grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; } @media (max-width: 1024px) { .customModalWrapper-module__wipe .wipeInfo__grid { grid-template-columns: repeat(6, 1fr); } } @media (max-width: 768px) { .customModalWrapper-module__wipe .wipeInfo__grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 576px) { .customModalWrapper-module__wipe .wipeInfo__grid { grid-template-columns: repeat(3, 1fr); gap: 8px; } } @media (max-width: 400px) { .customModalWrapper-module__wipe .wipeInfo__grid { grid-template-columns: repeat(2, 1fr); } } .customModalWrapper-module__wipe .wipeInfo__item { background: #fff; border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 10px; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; transition: all 0.3s ease; width: 94px; height: 103px; } @media (max-width: 1024px) { .customModalWrapper-module__wipe .wipeInfo__item { width: 100%; height: auto; aspect-ratio: 1; } } .customModalWrapper-module__wipe .wipeInfo__item:hover { background: #f5f5f5; } .customModalWrapper-module__wipe .wipeInfo__item img { width: 70px; height: 70px; object-fit: contain; } @media (max-width: 1024px) { .customModalWrapper-module__wipe .wipeInfo__item img { width: 80%; height: 80%; } } @media (max-width: 576px) { .customModalWrapper-module__wipe .wipeInfo__item img { width: 70%; height: 70%; } } .customModalWrapper-module__wipe .wipeInfo__time { font-weight: 500; font-size: 11px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 576px) { .customModalWrapper-module__wipe .wipeInfo__time { font-size: 10px; } } .customModalWrapper-module__wipe .boxFooter { background: #fff; padding: 14px; padding-top: 10px; border-radius: 0 0 4px 4px; } @media (max-width: 576px) { .customModalWrapper-module__wipe .boxFooter { padding: 10px; } } .customModalWrapper-module__wipe .boxFooter .btn.Button-module__btn.Button-module__gray { width: 100%; border-radius: 4px; padding: 10px 38px; background: #eaeaea; font-weight: 600; font-size: 16px; color: #868686; } @media (max-width: 576px) { .customModalWrapper-module__wipe .boxFooter .btn.Button-module__btn.Button-module__gray { font-size: 14px; padding: 8px 20px; } } .customModalWrapper-module__rules { width: 856px; max-width: 95vw; } @media (max-width: 768px) { .customModalWrapper-module__rules { width: 100%; } } .customModalWrapper-module__rules .boxHeader { border: 1px solid rgba(0, 166, 255, 0.17); border-radius: 4px; background: rgba(0, 166, 255, 0.16); font-weight: 600; font-size: 18px; color: #00a6ff; padding: 10px; text-align: center; margin-bottom: 10px; } @media (max-width: 576px) { .customModalWrapper-module__rules .boxHeader { font-size: 16px; padding: 8px; } } .customModalWrapper-module__rules .boxBody { background: #fff; padding: 14px; border-radius: 4px 4px 0 0; } @media (max-width: 576px) { .customModalWrapper-module__rules .boxBody { padding: 10px; } } .customModalWrapper-module__rules .wipeInfo { display: flex; flex-direction: column; gap: 15px; } .customModalWrapper-module__rules .wipeInfo__section { display: flex; flex-direction: column; gap: 10px; } .customModalWrapper-module__rules .wipeInfo__title { text-align: start; border: 0.7px solid #d1d1d1; border-radius: 4px; padding: 10px 19px; background: #f4f4f4; font-weight: 600; font-size: 16px; color: #4f4f4f; } @media (max-width: 576px) { .customModalWrapper-module__rules .wipeInfo__title { font-size: 14px; padding: 8px 15px; } } .customModalWrapper-module__rules .wipeInfo__rules { display: flex; flex-direction: column; gap: 15px; } .customModalWrapper-module__rules .wipeInfo__rule { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; line-height: 1.4; color: #4f4f4f; padding-left: 19px; padding-right: 19px; } @media (max-width: 576px) { .customModalWrapper-module__rules .wipeInfo__rule { font-size: 13px; } } .customModalWrapper-module__rules .wipeInfo__ruleText { font-weight: 600; font-size: 16px; color: #4f4f4f; text-align: start; } .customModalWrapper-module__rules .boxFooter { background: #fff; padding: 14px; border-radius: 0 0 4px 4px; } @media (max-width: 576px) { .customModalWrapper-module__rules .boxFooter { padding: 10px; } } .customModalWrapper-module__rules .boxFooter .btn.Button-module__btn.Button-module__gray { width: 100%; border-radius: 4px; padding: 10px 38px; background: #eaeaea; font-weight: 600; font-size: 16px; color: #868686; } @media (max-width: 576px) { .customModalWrapper-module__rules .boxFooter .btn.Button-module__btn.Button-module__gray { font-size: 14px; padding: 8px 20px; } } .PromoCode-module__wrapper { margin-top: 20px !important; } .PromoCode-module__input-wrapper { display: flex; gap: 10px; width: 100%; } .PromoCode-module__input { flex: 1; height: 40px; padding: 0 15px; border: 0.7px solid #d1d1d1; border-radius: 4px; background: #f4f4f4; color: #4f4f4f; font-size: 14px; font-weight: 500; transition: all 0.2s ease; } .PromoCode-module__input:focus { outline: none; border-color: #00a6ff; background: #fff; } .PromoCode-module__input::placeholder { color: rgba(79, 79, 79, 0.22); font-weight: 500; } .PromoCode-module__button { height: 40px; padding: 0 20px; border: none; border-radius: 4px; background: #00a6ff; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .PromoCode-module__button:hover { background: #0095e8; } .PromoCode-module__button:active { transform: translateY(1px); } .Toast-module__toast { display: flex; align-items: flex-start; gap: 12px; background: #fff; border-radius: 8px; padding: 16px; min-width: 300px; max-width: 450px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.1); } .Toast-module__toast.Toast-module__error { border-left: 4px solid #ff365a; } .Toast-module__toast.Toast-module__success { border-left: 4px solid #00a6ff; } .Toast-module__title { font-weight: 700; font-size: 16px; color: rgba(0, 0, 0, 0.65); } .Toast-module__message { font-weight: 500; font-size: 14px; color: #8f8f8f; }