.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 { color: #00a6ff; } .swiper-pagination-bullet { background: #00a6ff; } .swiper-pagination-bullet-active { background: #00a6ff; } .container { width: 1380px; padding: 0 var(--safe-padding); margin: 0 auto; } @media (max-width: 1380px) { .container { width: 100%; } } .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; } .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 .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: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; background: #fff; border-radius: 4px; grid-auto-flow: row; overflow: visible; align-items: center; justify-items: center; 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 .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: 16px; 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; align-items: center; background: transparent; } .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-left .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; } .Index-module__wrapper .Widgets-module__wrapper-left .Widgets-module__social .discord-content h2 { font-weight: 600; font-size: 14px; color: #fff; } .Index-module__wrapper .Widgets-module__wrapper-left .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; } .Index-module__wrapper .Widgets-module__wrapper-left .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; } .Index-module__wrapper .Widgets-module__wrapper-left .Widgets-module__social .button:hover { background: rgba(255, 255, 255, 0.3); } .Index-module__wrapper .Widgets-module__wrapper-left .Widgets-module__discord { background: linear-gradient(40deg, #7d89ff 0%, #5765f2 100%); } .Index-module__wrapper .Widgets-module__wrapper-left .Widgets-module__vk { background: linear-gradient(40deg, #64a4ff 0%, #006aff 100%); } .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: space-around; 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-left: 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: 39px; 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; } .Header-module__wrapper { border-radius: 8px; background: #fff; } .ModalLayout-module__positionWrapper { align-items: center; } .ModalLayout-module__modal.ProductModal-module__item { width: 380px; } .ModalLayout-module__modal.ProductModal-module__command { 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 .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 .productModalDescription { border: 0.7px solid #d1d1d1; border-radius: 4px; font-weight: 500; font-size: 13px; color: #969696; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow { display: flex; flex-direction: column-reverse; } .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 .boxBody .ProductModal-module__form .productModalFormRow:nth-child(2) { display: none; } .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 .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 .ItemContent-module__footer .Button-module__btn.Button-module__accent { background: #5bc663; flex: 2; } .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 .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; } .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__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; }