body { background-color: #151413; background-image: url("https://gspics.org/images/2025/04/03/IsIfka.jpg"); } .container { width: 1380px; padding: 0 var(--safe-padding); margin: 0 auto; } @media (max-width: 1380px) { .container { width: 100%; } } .PlayerMenu-module__profileLink { border: 1px solid #4c4946; padding: 14px 13px; background: #2a2928; border-radius: 0; font-weight: 700; font-size: 20px; color: #e4dad1; height: 42px; } .PlayerMenu-module__profileLink:hover { background: #444241; } .slide-container { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; } .slide-container .text-container { height: 100%; display: flex; flex-direction: column; justify-content: center; } .slide-container .title { font-family: var(--font-family); font-weight: 700; font-size: 96px; color: #e4dad1; text-align: start; } .slide-container .subtitle { margin-top: 30px; font-family: var(--second-family); font-weight: 400; font-size: 16px; color: #e4dad1; text-align: start; display: block; max-width: 500px; } .swiper { width: 100%; height: 355px; border-radius: 5px; margin-top: 15px; margin-bottom: 30px; } .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 { background: rgba(226, 216, 207, 0.21); width: 50px; border-radius: 0; } .swiper-pagination-bullet-active { background: #e5dbd2; } .bannerContainer { display: none; } .NavServerDropDown-module__btn:hover .NavServerDropDown-module__icon, .NavServerDropDown-module__btn:focus .NavServerDropDown-module__icon, .NavDropDown-module__btn:hover .NavDropDown-module__icon, .NavDropDown-module__btn:focus .NavDropDown-module__icon { fill: #e4dad1; } .NavDropDown-module__list { background: #403e3d; border-radius: 0; border: 2px solid #4c4946; padding: 0; } .NavDropDown-module__list .NavDropDown-module__link { font-family: var(--second-family); font-weight: 400; font-size: 16px; color: #e4dad1; border-radius: 0; padding: 0; padding: 10px 17px; } .NavDropDown-module__list .NavDropDown-module__link:hover { transform: scale(1.2); background: #cd412b; font-weight: 600; font-size: 16px; color: #e4dad1; } .NavServerDropDown-module__list { background: #403e3d; border-radius: 0; border: 2px solid #4c4946; padding: 0; } .NavServerDropDown-module__list .NavServerDropDown-module__server { font-family: var(--second-family); font-weight: 400; font-size: 16px; color: #e4dad1; border-radius: 0; padding: 0; padding: 10px 17px; } .NavServerDropDown-module__list .NavServerDropDown-module__server:hover { transform: scale(1.2); background: #cd412b; font-weight: 600; font-size: 16px; color: #e4dad1; } .headerContainer .Header-module__wrapper { justify-content: space-between; margin-top: 30px; background-color: transparent; padding: 0; } .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav a, .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav button, .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav span { font-family: var(--second-family); font-weight: 600; font-size: 16px; color: rgba(228, 218, 209, 0.48); } .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav a:hover, .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav button:hover, .headerContainer .Header-module__wrapper .HeaderNav-module__wrapper.Header-module__nav span:hover { color: #e4dad1; } .headerContainer .Header-module__wrapper .PlayerMenu-module__wrapper { margin-left: initial; flex-direction: row-reverse; } .headerContainer .Header-module__wrapper .Header-module__logoWrapper .Header-module__logo { font-size: 52px; background-image: url(https://gspics.org/images/2025/04/03/IskciR.png); color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; } .headerContainer .Header-module__wrapper .PlayerBalance-module__wrapper .PlayerBalance-module__btn { background: #738d47; border: 1px solid #3a4723; border-radius: 0; font-weight: 700; font-size: 20px; color: #e4dad1; height: 42px; } .headerContainer .Header-module__wrapper .PlayerBalance-module__wrapper .PlayerBalance-module__btn:hover { background: #637a3e; } .headerContainer .Header-module__wrapper .LangSwitcher-module__wrapper { display: none; } .headerContainer .Header-module__wrapper .PlayerMenu-module__loginLink { background: #cd412b; padding: 11px 15px; border-radius: 0px; font-weight: 700; font-size: 20px; color: #e4dad1; gap: 10px; line-height: 20px; } @media (max-width: 768px) { .container.Index-module__wrapper.Index-module__rightSide { flex-direction: column-reverse; } } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxHeader.Shop-module__header { display: none; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody { display: flex; flex-direction: row; gap: 15px; padding: 0; background: transparent; margin-bottom: 30px; } @media (max-width: 1200px) { .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody { flex-direction: column; } } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories { border: 2px solid #4c4946; background: #2a2928; margin: 0; justify-content: initial; flex-direction: column; width: 194px; border-radius: 0; height: fit-content; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } @media (max-width: 1200px) { .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories { background-image: none; background: none; border: none; width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category { background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png") !important; background-repeat: repeat !important; background-size: auto !important; border: 2px solid #4c4946; background-color: #2a2928 !important; opacity: 1 !important; color: #6e6965 !important; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category.Categories-module__category.Categories-module__active { transform: none !important; background-color: #cd412b !important; color: #e4dad1 !important; } } @media (max-width: 768px) { .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories { background-image: none; background: none; border: none; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); } } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category { font-family: var(--second-family); font-weight: 600; font-size: 16px; color: #e4dad1; border-radius: 0; background-color: initial; opacity: 0.38; display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 10px; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category img { opacity: 0.4; width: 20px; height: 20px; transition: opacity 0.2s ease; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category:hover { opacity: 1; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category:hover img { opacity: 1; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category.Categories-module__category.Categories-module__active { background: #cd412b; border: 2px solid #cd412b; transform: scale(1.2); font-weight: 700; opacity: 1; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Categories-module__categories .Categories-module__category.Categories-module__category.Categories-module__active img { opacity: 1; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper { margin: 0; row-gap: 30px; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper.Products-module__grid4 { grid-template-rows: repeat(4, 1fr); } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper { border: 2px solid #4c4946; background: #2a2928; overflow: visible; transition: background 0.2s ease; padding: 20px; border-radius: 0; max-height: 220px; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper:hover { background: #444241; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper:hover .Product-module__name { opacity: 1; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper .Product-module__price { background: #748e47; font-weight: 700; font-size: 26px; color: #e4dad1; bottom: -20px; top: initial; left: 50%; transform: translate(-50%); } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper .Product-module__name { transform: none; background: transparent; font-weight: 700; font-size: 28px; color: #e4dad1; padding: 0; opacity: 0; transition: opacity 0.2s ease; bottom: 20px; text-align: center; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Products-module__wrapper .Product-module__wrapper .Product-module__count { display: none; background: #3f3d3c; font-weight: 700; font-size: 20px; right: initial; left: 50%; transform: translate(-50%); color: rgba(228, 218, 209, 0.4); padding: 6px; height: 38px; bottom: -20px; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxBody .Search-module__wrapper { display: none; } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxFooter { background: transparent; position: absolute; left: 50%; transform: translateX(-50%); } @media (max-width: 1024px) { .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxFooter { position: relative; left: initial; transform: none; } } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxFooter .ShopFooter-module__text { font-family: var(--second-family); font-weight: 400; font-size: 12px; text-align: center; color: rgba(228, 218, 209, 0.32); } .container.Index-module__wrapper.Index-module__rightSide .Shop-module__wrapper .boxFooter .ShopFooter-module__links .ShopFooter-module__link { padding: 6px 7px; font-weight: 700; font-size: 14px; line-height: 100%; text-align: center; color: rgba(228, 218, 209, 0.52); opacity: 0.7; background: rgba(228, 218, 209, 0.08); opacity: 0.7; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper { min-width: 222px; max-width: 222px; } @media (max-width: 768px) { .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper { min-width: 100%; max-width: 100%; } } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] { background: #2a2928; border: 2px solid #4c4946; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxFooter, .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxHeader { display: none; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody { background: transparent; padding: 0; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__progressInfo { background: #403e3d; border: 2px solid rgba(228, 218, 209, 0.15); padding: 0; border-radius: 0; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__progressInfo .MonitoringServer-module__playersInfo { border-bottom: 2px solid rgba(228, 218, 209, 0.15); padding: 11px; font-family: var(--second-family); font-weight: 400; font-size: 14px; color: rgba(228, 218, 209, 0.59); text-align: start; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__progressInfo .MonitoringServer-module__playersInfo:last-child { border-bottom: none; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper { display: grid; grid-template-areas: "MonitoringServer-module__name MonitoringServer-module__info" "MonitoringServer-module__progressWrapper MonitoringServer-module__progressWrapper"; border-bottom: 2px solid rgba(228, 218, 209, 0.15); padding: 15px; margin: 0; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper[data-monitoringserverid=total] { display: none; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__name { font-weight: 700; font-size: 26px; color: #e4dad1; grid-area: MonitoringServer-module__name; margin: 0; display: flex; align-items: center; justify-content: start; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper { margin-top: 10px; grid-area: MonitoringServer-module__progressWrapper; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper { background-color: #3f3d3c; border-radius: 0; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper .MonitoringServer-module__progressBarAnim { display: none; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper .MonitoringServer-module__progressBar { border-radius: 0; background-image: linear-gradient(90deg, #738d45 var(--online-players), #1f6ba0 var(--online-players), #1f6ba0 var(--joining-players), #c26d33 var(--joining-players), #c26d33 var(--queued-players), transparent var(--queued-players)); } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info { grid-area: MonitoringServer-module__info; justify-content: end; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info span { font-family: var(--second-family); font-weight: 600; font-size: 14px; color: #e4dad1; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info .MonitoringServer-module__olineDivider { margin: 0 2px; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info::before { content: ""; display: inline-block; margin-right: 10px; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.5 8.5C7.37283 8.5 6.29183 8.05223 5.4948 7.2552C4.69777 6.45817 4.25 5.37717 4.25 4.25C4.25 3.12283 4.69777 2.04183 5.4948 1.2448C6.29183 0.447766 7.37283 0 8.5 0C9.62717 0 10.7082 0.447766 11.5052 1.2448C12.3022 2.04183 12.75 3.12283 12.75 4.25C12.75 5.37717 12.3022 6.45817 11.5052 7.2552C10.7082 8.05223 9.62717 8.5 8.5 8.5ZM8.5 11.6875C11.8851 11.6875 14.9228 12.2942 17 14.9419V17H0V14.9419C2.07719 12.2931 5.11487 11.6875 8.5 11.6875Z' fill='%23E4DAD1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .container.Index-module__wrapper.Index-module__rightSide .Widgets-module__wrapper .Widgets-module__widgetWrapper[data-widgettype=monitoring] .boxBody .MonitoringServer-module__wrapper .MonitoringServer-module__info .MonitoringServer-module__btns { display: none; } .Widgets-module__social { background: #2a2928; border: 2px solid #4c4946; padding: 21px; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .Widgets-module__social.Widgets-module__vk .social-button { background: #07f; } .Widgets-module__social.Widgets-module__discord .social-button { background: #5165f6; } .Widgets-module__social .boxHeader { background: transparent; font-weight: 700; font-size: 28px; color: #e4dad1; padding: 0; } .Widgets-module__social .boxBody { padding: 0; background: transparent; } .Widgets-module__social .boxBody .social-subtitle { font-family: var(--second-family); font-weight: 400; font-size: 16px; color: rgba(228, 218, 209, 0.48); } .Widgets-module__social .boxBody .social-button { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 15px; font-weight: 700; padding: 8px 2px; text-align: center; font-size: 24px; color: #e4dad1; } .ProductModal-module__command, .ProductModal-module__bp, .ProductModal-module__item, .ProductModal-module__dropdown, .PlayerBalance-module__modal { width: 415px; } .ModalLayout-module__positionWrapper { align-items: center; } .ModalLayout-module__modal { border: 2px solid #4c4946; background: #2a2928; border-radius: 0; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal .boxHeader { background: transparent; border-radius: 0; font-weight: 700; font-size: 36px; color: #e4dad1; text-align: center; justify-content: center; padding: 27px; padding-bottom: 0; } .ModalLayout-module__modal .boxBody { background: transparent; padding: 27px; padding-top: 0; padding-bottom: 20px; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector { background: #403e3d; border-radius: 0; border: 2px solid #4c4946; outline: none; transition: background 0.2s ease; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector:hover { background: #444241; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownCurrentItem { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; background: #403e3d; border-radius: 0; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownCurrentItem .dropDownCurrentText { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownCurrentItem:focus { outline: none; border: none; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownCurrentItem:hover { outline: none; border: none; background: #444241; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownList { background: #403e3d; border-radius: 0; border: 2px solid #4c4946; padding: 0; overflow: visible; margin-top: 5px; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownList .dropDownItem { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; opacity: 0.5; border-radius: 0; transition: background 0.2s ease, transform 0.2s ease; } .ModalLayout-module__modal .boxBody .SelectContent-module__selectorWrapper .ProductItemSelector-module__serverSelector .dropDownList .dropDownItem:hover { background: #cd412b; font-weight: 700; opacity: 1; transform: scale(1.05); } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow { gap: 20px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow:last-child { grid-template-columns: initial; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .TotalSum-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .TotalSum-module__inputWrapper { flex-direction: row-reverse; background: #403e3d; border: 2px solid #4c4946; border-radius: 0; height: 41px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .TotalSum-module__inputWrapper .TotalSum-module__currency { background: transparent; background: #383736; padding: 8px 15px; line-height: normal; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .TotalSum-module__inputWrapper .TotalSum-module__input { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .CountSelector-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .CountSelector-module__inputWrapper { background: #403e3d; border: 2px solid #4c4946; border-radius: 0; height: 41px; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn { background: #383736; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .CountSelector-module__inputWrapper .CountSelector-module__input { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; text-align: center; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ItemContent-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .SelectContent-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem { background: #403e3d; border: 2px solid #4c4946; padding: 10px 17px; outline: none; border-radius: 0; transition: background 0.2s ease; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem:hover { background: #444241; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownCurrentItem .Selector-module__dropDownCurrentText { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownList { background: #403e3d; border: 2px solid #4c4946; border-radius: 0; padding: 0; overflow: visible; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownList .Selector-module__dropDownItem { padding: 10px 17px; font-family: var(--second-family); font-size: 18px; font-weight: 400; color: #e4dad1; opacity: 0.5; border-radius: 0; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownList .Selector-module__dropDownItem:hover { background: #444241; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .Selector-module__dropDownWrapper .Selector-module__dropDownList .Selector-module__dropDownItem.Selector-module__active { background: #cd412b; font-weight: 700; transform: scale(1.05); opacity: 1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector { background: #403e3d; border: 2px solid #4c4946; border-radius: 0; outline: none; transition: background 0.2s ease; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector:hover { background: #444241; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector .dropDownCurrentItem { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; border-radius: 0; background: #403e3d; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector .dropDownList { background: #403e3d; border: 2px solid #4c4946; border-radius: 0; padding: 0; overflow: visible; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector .dropDownList .dropDownItem { padding: 10px 17px; font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; border-radius: 0; transition: background 0.2s ease, transform 0.2s ease; opacity: 0.5; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector .dropDownList .dropDownItem:focus { outline: none; border: none; } .ModalLayout-module__modal .boxBody .ProductModal-module__form .productModalFormRow .productModalFormRowItem .ActionSelector-module__actionSelector .dropDownList .dropDownItem:hover { background: #cd412b; font-weight: 700; transform: scale(1.05); opacity: 1; } .ModalLayout-module__modal .boxBody .productModalDescription { display: none; } .ModalLayout-module__modal .boxBody .productModalGiveText { border: 1px solid rgba(194, 109, 51, 0.29); text-align: start; background: rgba(194, 109, 51, 0.11); font-family: var(--second-family); font-weight: 400; font-size: 16px; color: #c26d33; padding: 15px 17px; } .ModalLayout-module__modal .boxFooter { background: transparent; padding: 27px; padding-top: 0; gap: 10px; } .ModalLayout-module__modal .boxFooter .Button-module__btn { border: none; border-radius: 0; outline: none; box-shadow: none; display: flex; flex-direction: row; align-items: center; justify-content: center; } .ModalLayout-module__modal .boxFooter .Button-module__btn.Button-module__gray { font-family: var(--font-family); font-weight: 700; font-size: 26px; color: rgba(228, 218, 209, 0.51); background: #403e3d; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; flex: 1; } .ModalLayout-module__modal .boxFooter .Button-module__btn.Button-module__accent { font-family: var(--font-family); font-weight: 700; font-size: 26px; color: #e4dad1; background: #748e47; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; flex: 2; } @media (max-width: 768px) { .ProfileHistory-module__wrapper, .ProfileBasket-module__wrapper, .Profile-module__wrapper { flex-direction: column; } .ProfileHistory-module__wrapper .ProfileNav-module__wrapper, .ProfileBasket-module__wrapper .ProfileNav-module__wrapper, .Profile-module__wrapper .ProfileNav-module__wrapper { min-width: 100%; max-width: 100%; background: transparent; border: none; display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px 8px; } .ProfileHistory-module__wrapper .ProfileNav-module__wrapper .boxBody, .ProfileBasket-module__wrapper .ProfileNav-module__wrapper .boxBody, .Profile-module__wrapper .ProfileNav-module__wrapper .boxBody { display: grid; grid-template-columns: repeat(2, 1fr); grid-area: 1/1/3/3; gap: 8px 8px; } .ProfileHistory-module__wrapper .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem, .ProfileBasket-module__wrapper .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem, .Profile-module__wrapper .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem { margin: 0; } .ProfileHistory-module__wrapper .ProfileNav-module__wrapper .boxFooter, .ProfileBasket-module__wrapper .ProfileNav-module__wrapper .boxFooter, .Profile-module__wrapper .ProfileNav-module__wrapper .boxFooter { grid-area: 2/2/3/3; } .ProfileHistory-module__wrapper .ProfileNav-module__wrapper .boxFooter .Button-module__btn, .ProfileBasket-module__wrapper .ProfileNav-module__wrapper .boxFooter .Button-module__btn, .Profile-module__wrapper .ProfileNav-module__wrapper .boxFooter .Button-module__btn { height: 100% !important; background: #2a2928 !important; border: 2px solid #4c4946 !important; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png") !important; background-repeat: repeat !important; background-size: auto !important; opacity: 1 !important; color: #75706c !important; } } .ProfileNav-module__wrapper { background: #2a2928; border: 2px solid #4c4946; min-width: 194px; max-width: 194px; } .ProfileNav-module__wrapper .boxHeader { display: none; } .ProfileNav-module__wrapper .boxBody { padding: 0; background: transparent; } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem { background: transparent; border-radius: 0; font-family: var(--second-family); font-weight: 600; font-size: 16px; color: #e4dad1; padding: 12px 16px; text-align: left; opacity: 0.38; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 15px; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem { background: #2a2928; border: 2px solid #4c4946; opacity: 1; color: #75706c !important; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile"]::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M0 19H8.63535V10.3646H0V19ZM0 8.63535H8.63535V0H0V8.63535ZM10.3646 19H19V10.3646H10.3646V19ZM10.3646 0V8.63535H19V0H10.3646Z' fill='%23E4DAD1' /%3E%3C/svg%3E"); width: 19px; height: 19px; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile"]::before { opacity: 0.38; } } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile/basket"]::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M14.7015 0L18.2347 6.01742H22V8.18119H20.7163L19.8836 18.0079C19.8607 18.2783 19.7354 18.5303 19.5325 18.714C19.3295 18.8978 19.0638 18.9999 18.788 19H3.212C2.93598 19.0001 2.67 18.8982 2.46685 18.7144C2.26369 18.5306 2.13821 18.2784 2.1153 18.0079L1.2826 8.18119H0V6.01742H3.7642L7.2974 0L9.2026 1.08188L6.3052 6.01742H15.6937L12.7974 1.08188L14.7015 0ZM12.1 10.3449H9.9V14.6725H12.1V10.3449ZM7.7 10.3449H5.5V14.6725H7.7V10.3449ZM16.5 10.3449H14.3V14.6725H16.5V10.3449Z' fill='%23E4DAD1' /%3E%3C/svg%3E"); width: 19px; height: 19px; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile/basket"]::before { opacity: 0.38; } } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile/history"]::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='19' viewBox='0 0 23 19' fill='none'%3E%3Cpath d='M13.6905 5.27776H12.0476V10.5555L16.7352 13.2366L17.5238 11.9594L13.6905 9.76385V5.27776ZM13.1429 0C10.5286 0 8.02138 1.00089 6.1728 2.78248C4.32423 4.56406 3.28571 6.98042 3.28571 9.49997H0L4.33714 13.7538L8.7619 9.49997H5.47619C5.47619 7.54032 6.28393 5.66093 7.72171 4.27525C9.15948 2.88957 11.1095 2.1111 13.1429 2.1111C15.1762 2.1111 17.1262 2.88957 18.564 4.27525C20.0018 5.66093 20.8095 7.54032 20.8095 9.49997C20.8095 11.4596 20.0018 13.339 18.564 14.7247C17.1262 16.1104 15.1762 16.8888 13.1429 16.8888C11.029 16.8888 9.11238 16.0549 7.73238 14.7144L6.17714 16.2133C7.08795 17.1004 8.17304 17.8037 9.36903 18.2822C10.565 18.7607 11.8479 19.0046 13.1429 18.9999C15.7571 18.9999 18.2643 17.999 20.1129 16.2175C21.9615 14.4359 23 12.0195 23 9.49997C23 6.98042 21.9615 4.56406 20.1129 2.78248C18.2643 1.00089 15.7571 0 13.1429 0Z' fill='%23E4DAD1' /%3E%3C/svg%3E"); width: 19px; height: 19px; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem[href="/profile/history"]::before { opacity: 0.38; } } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem:hover { background: #444241; } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem.ProfileNav-module__active { background: #cd412b; font-weight: 700; transform: scale(1.05); opacity: 1; color: #e4dad1; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem.ProfileNav-module__active { transform: none; border: 2px solid #cd412b; color: #e4dad1 !important; } } .ProfileNav-module__wrapper .boxBody .ProfileNav-module__navItem.ProfileNav-module__active::before { opacity: 1; } .ProfileNav-module__wrapper .boxFooter { padding: 0; } .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent { border-radius: 0; padding: 12px 16px; text-align: left; background-color: transparent; background: transparent; border: none; outline: none; font-family: var(--second-family); font-weight: 600; font-size: 16px; color: #e4dad1; opacity: 0.38; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 15px; } .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.87778 13.9889L9.44444 15.5556L15 10L9.44444 4.44444L7.87778 6.01111L10.7444 8.88889H0V11.1111H10.7444L7.87778 13.9889ZM20 0H0V6.66667H2.22222V2.22222H17.7778V17.7778H2.22222V13.3333H0V20H20V0Z' fill='%23E4DAD1' /%3E%3C/svg%3E"); width: 19px; height: 19px; } @media (max-width: 768px) { .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent::before { opacity: 0.38; } } .ProfileNav-module__wrapper .boxFooter .Button-module__btn.ProfileNav-module__logOut.Button-module__accent:hover { opacity: 1; background: #cd412b; } .HistoryContent-module__header.boxHeader, .ProfileContent-module__header.boxHeader, .BasketContent-module__header.boxHeader { background: #2a2928; border: 2px solid #4c4946; padding: 14px; justify-content: center; font-family: var(--font-family); font-weight: 700; font-size: 36px; color: #e4dad1; } .ProfileContent-module__wrapper .ProfileContent-module__body { border-radius: 0; padding: 0; margin-top: 20px; background: transparent; } .ProfileContentInfo-module { display: flex; justify-content: space-between; gap: 20px; } .ProfileContentInfo-module__left { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; height: 100%; } .ProfileContentInfo-module__profile-card { background: #2a2928; border: 2px solid #4c4946; padding: 15px; } .ProfileContentInfo-module__profile-card .ProfileContentInfo-module__profile-row { display: flex; justify-content: space-between; } .ProfileContentInfo-module__profile-card .ProfileContentInfo-module__profile-row .ProfileContentInfo-module__profile-label { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ProfileContentInfo-module__profile-card .ProfileContentInfo-module__profile-row .ProfileContentInfo-module__profile-value { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; } .ProfileContentInfo-module__profile-card .ProfileContentInfo-module__divider { height: 1px; background: rgba(228, 218, 209, 0.15); margin: 5px 0; } .ProfileContentInfo-module__promo-code { background: #2a2928; border: 2px solid #4c4946; padding: 15px; } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-title { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-input-wrapper { display: flex; gap: 10px; margin-top: 10px; } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-input-wrapper .ProfileContentInfo-module__promo-input { flex: 1; background: #403e3d; border: 2px solid #4c4946; padding: 10px; color: #e4dad1; outline: none; font-family: var(--second-family); font-weight: 400; font-size: 16px; } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-input-wrapper .ProfileContentInfo-module__promo-input::placeholder { font-family: var(--second-family); font-weight: 400; font-size: 16px; color: rgba(228, 218, 209, 0.18); } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-input-wrapper .ProfileContentInfo-module__promo-button { background: #738d47; border: none; padding: 10px 20px; color: #e4dad1; cursor: pointer; transition: background 0.2s ease; font-weight: 700; font-size: 24px; color: #e4dad1; } .ProfileContentInfo-module__promo-code .ProfileContentInfo-module__promo-input-wrapper .ProfileContentInfo-module__promo-button:hover { background: #637a3e; } .ProfileContentInfo-module__right { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; text-align: center; } @media (max-width: 768px) { .ProfileContentInfo-module__right { display: none; } } .ProfileContentInfo-module__right .ProfileContentInfo-module__avatar { width: 169px; height: 169px; border: 2px solid #4c4946; } .ProfileContentInfo-module__right .ProfileContentInfo-module__avatar img { width: 100%; height: 100%; object-fit: cover; } .ProfileContentInfo-module__right .ProfileContentInfo-module__username { background: #2a2928; width: 100%; padding: 8px 12px; border: 2px solid #4c4946; font-weight: 700; font-size: 24px; color: #e4dad1; } .BasketContent-module__wrapper .boxBody { background: transparent; padding: 0; border-radius: 0; margin-top: 20px; } .BasketContent-module__wrapper .boxBody .BasketFilters-module__wrapper { display: none; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table { overflow-x: initial; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; row-gap: 30px; min-width: initial; } @media (max-width: 768px) { .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData { grid-template-columns: 1fr 1fr; } } @media (max-width: 480px) { .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData { grid-template-columns: 1fr; } } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableHeader.BasketTable-module__canSell { display: none; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell { display: flex; flex-direction: column; background: #2a2928; border: 2px solid #4c4946; border-radius: 0; padding: 8px; min-height: 220px; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .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%; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__productNameWrapper .productModalImg { width: 140px; height: 140px; object-fit: cover; margin: 0px; } .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: 700; font-size: 28px; color: #e4dad1; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .BasketTable-module__serverInfoWrapper { display: none; } .BasketContent-module__wrapper .boxBody .BasketTable-module__table .BasketTable-module__tableData .BasketTable-module__tableLine.BasketTable-module__canSell .Button-module__btn.Button-module__accent { background: #748e47; border-radius: 0; border: none; height: 44px; font-weight: 700; font-size: 26px; color: #e4dad1; position: absolute; bottom: -15px; } .Pagination-module__pagination { margin-top: 40px; column-gap: 0; background: #2a2928; border: 2px solid #4c4946; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .Pagination-module__pagination .Pagination-module__page { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; border-radius: 0; border: 2px solid #4c4946; background: transparent; } .Pagination-module__pagination .Pagination-module__page.Pagination-module__active { border: 2px solid #cd412b; background: #cd412b; color: #e4dad1; transform: scale(1.05); } .Pagination-module__pagination .Pagination-module__navPageBtn.Pagination-module__right, .Pagination-module__pagination .Pagination-module__navPageBtn.Pagination-module__left { display: none; } .HistoryContent-module__wrapper .boxBody { padding: 0; border-radius: 0; background: transparent; margin-top: 20px; } .HistoryContent-module__wrapper .boxBody .HistoryFilters-module__wrapper { display: none; } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table { background: #2a2928; border: 2px solid #4c4946; border-radius: 0; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table .HistoryTable-module__tableData { min-width: initial; } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table .HistoryTable-module__tableData .HistoryTable-module__tableHeader { background: transparent; grid-template-columns: repeat(3, 1fr); } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table .HistoryTable-module__tableData .HistoryTable-module__tableHeader .HistoryTable-module__tableTitle { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; text-align: start; } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table .HistoryTable-module__tableData .HistoryTable-module__tableLine { background: transparent !important; grid-template-columns: repeat(3, 1fr); } .HistoryContent-module__wrapper .boxBody .HistoryTable-module__table .HistoryTable-module__tableData .HistoryTable-module__tableLine .HistoryTable-module__value { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; text-align: start; } .PrivilegeModal-module__descriptions { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item { display: flex; gap: 5px; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-left { border: 2px solid #4c4946; padding: 10px 17px; background: #403e3d; display: flex; flex: 1; align-items: start; flex-direction: column; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-left .PrivilegeModal-module__description-item-title { font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-left .PrivilegeModal-module__description-item-description { font-family: var(--second-family); font-weight: 400; font-size: 14px; color: #e4dad1; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-right { background: #1e699e; padding: 20px 6px; width: 110px; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-right svg { width: 32px; height: 32px; } .PrivilegeModal-module__descriptions .PrivilegeModal-module__description-item .PrivilegeModal-module__description-right span { font-weight: 700; font-size: 32px; color: #e4dad1; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody { padding-bottom: 0; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__label { display: block; text-align: start; margin-bottom: 5px; font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__inputGroup { margin-top: 10px; margin-bottom: 15px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__inputGroup .BalanceModal-module__inputWrapper { display: flex; align-items: center; border: 2px solid #4c4946; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__inputGroup .BalanceModal-module__inputWrapper form { display: flex; align-items: center; width: 100%; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__inputGroup .BalanceModal-module__inputWrapper .BalanceModal-module__input { flex: 1; background: none; border: none; outline: none; font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; padding: 10px; background: #403e3d; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__inputGroup .BalanceModal-module__inputWrapper .BalanceModal-module__currency { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: rgba(228, 218, 209, 0.4); background: #383736; padding: 10px 15px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__bonus { margin-bottom: 15px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__bonus .BalanceModal-module__bonusOptions { display: flex; justify-content: space-between; gap: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__bonus .BalanceModal-module__bonusOptions .BalanceModal-module__bonusButton { flex: 1; background: #444; border: none; padding: 7px 10px; cursor: pointer; background: #403e3d; border: 2px solid #4c4946; font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__bonus .BalanceModal-module__bonusOptions .BalanceModal-module__bonusButton.active { background: #cb422d; border: 2px solid #cd412b; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__payment { margin-bottom: 15px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__payment .BalanceModal-module__paymentOptions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__payment .BalanceModal-module__paymentOptions .BalanceModal-module__paymentButton { border: none; padding: 10px; cursor: pointer; background: #403e3d; border: 2px solid #4c4946; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__payment .BalanceModal-module__paymentOptions .BalanceModal-module__paymentButton img { max-width: 100%; } .ModalLayout-module__modal.PlayerBalance-module__modal .boxBody .BalanceModal-module__payment .BalanceModal-module__paymentOptions .BalanceModal-module__paymentButton.active { background: #cd412b; } .customModalWrapper-module__rules { width: 880px; padding: 30px; background: #2a2928; border: 2px solid #4c4946; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .customModalWrapper-module__rules .boxBody { background: transparent; padding: 0; } .customModalWrapper-module__rules .boxBody .boxHeader { font-weight: 700; background: transparent; font-size: 36px; color: #e4dad1; text-align: center; } .customModalWrapper-module__rules .boxBody .rules-content { text-align: start; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section { margin-bottom: 10px; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section:last-child { margin-bottom: 0; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section h2 { font-family: var(--second-family); font-weight: 700; font-size: 24px; color: #e4dad1; margin-bottom: 10px; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section .rule-item { margin-bottom: 15px; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section .rule-item:last-child { margin-bottom: 0; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section .rule-item p { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: #e4dad1; } .customModalWrapper-module__rules .boxBody .rules-content .rules-section .rule-item p b { font-weight: 700; } .customModalWrapper-module__rules .boxFooter { margin-top: 20px; padding: 0; background: transparent; } .customModalWrapper-module__rules .boxFooter .btn.Button-module__gray { font-weight: 700; font-size: 26px; color: rgba(228, 218, 209, 0.51); background: #403e3d; border-radius: 0; border: none; width: 100%; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .customModalWrapper-module__rules .boxFooter .btn.Button-module__gray:hover { background: #444241; } .customModalWrapper-module__kit, .customModalWrapper-module__wipe { width: 900px; background: transparent; } .customModalWrapper-module__kit .boxBody, .customModalWrapper-module__wipe .boxBody { background: transparent; padding: 0; } .customModalWrapper-module__kit .boxBody .boxHeader, .customModalWrapper-module__wipe .boxBody .boxHeader { font-weight: 700; font-size: 36px; color: #e4dad1; text-align: center; background: #2a2928; border: 2px solid #4c4946; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section { margin-top: 10px; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 18px 30px; background: #2a2928; border: 2px solid #4c4946; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header h2, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header h2 { font-weight: 700; font-size: 32px; color: #e4dad1; margin: 0; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header .time, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .section-header .time { font-family: var(--second-family); font-weight: 400; font-size: 18px; color: rgba(228, 218, 209, 0.47); } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; background: #2a2928; border: 2px solid #4c4946; padding: 30px; } @media (max-width: 1200px) { .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 768px) { .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid { grid-template-columns: repeat(2, 1fr); } } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid:last-child, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid:last-child { border-bottom: none; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot { position: relative; height: 110px; display: flex; align-items: center; justify-content: center; padding: 5px; transition: all 0.2s ease; background: #403e3d; border: 2px solid #4c4946; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot img, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot img { max-width: 100%; max-height: 100%; object-fit: contain; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot .name, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot .name { position: absolute; bottom: 5px; font-family: var(--second-family); font-weight: 600; font-size: 12px; color: #e4dad1; } .customModalWrapper-module__kit .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot .count, .customModalWrapper-module__wipe .boxBody .CustomModalContent-module__content .CustomModalContent-module__section .item-grid .item-slot .count { font-family: var(--second-family); font-weight: 400; font-size: 12px; color: rgba(228, 218, 209, 0.71); position: absolute; top: 5px; left: 5px; } .customModalWrapper-module__kit .custom_modal_close, .customModalWrapper-module__wipe .custom_modal_close { padding: 30px; padding-top: 0; background: #2a2928; border: 2px solid #4c4946; margin-bottom: 10px; border-top: none; } .customModalWrapper-module__kit .custom_modal_close .btn.Button-module__btn.Button-module__gray, .customModalWrapper-module__wipe .custom_modal_close .btn.Button-module__btn.Button-module__gray { background: #403e3d; width: 100%; font-weight: 700; font-size: 26px; color: rgba(228, 218, 209, 0.51); } .customModalWrapper-module__kit .custom_modal_close .btn.Button-module__btn.Button-module__gray:hover, .customModalWrapper-module__wipe .custom_modal_close .btn.Button-module__btn.Button-module__gray:hover { background: #444241; } .customModalWrapper-module__kit .boxFooter, .customModalWrapper-module__wipe .boxFooter { background: #2a2928; border: 2px solid #4c4946; padding: 0; } .customModalWrapper-module__kit .boxFooter .pagination, .customModalWrapper-module__wipe .boxFooter .pagination { display: flex; justify-content: center; align-items: center; } .customModalWrapper-module__kit .boxFooter .pagination .pagination-button, .customModalWrapper-module__wipe .boxFooter .pagination .pagination-button { width: 50px; height: 30px; font-family: var(--second-family); font-weight: 600; font-size: 18px; color: #e4dad1; background: #2a2928; border-left: 2px solid #4c4946; border-top: none; border-bottom: none; cursor: pointer; } .customModalWrapper-module__kit .boxFooter .pagination .pagination-button:hover, .customModalWrapper-module__wipe .boxFooter .pagination .pagination-button:hover { background: #444241; } .customModalWrapper-module__kit .boxFooter .pagination .pagination-button:first-child, .customModalWrapper-module__wipe .boxFooter .pagination .pagination-button:first-child { border-left: none; } .customModalWrapper-module__kit .boxFooter .pagination .pagination-button:last-child, .customModalWrapper-module__wipe .boxFooter .pagination .pagination-button:last-child { border-right: none; } .customModalWrapper-module__kit .boxFooter .pagination .pagination-button.active, .customModalWrapper-module__wipe .boxFooter .pagination .pagination-button.active { background: #cd412b; transform: scale(1.1); } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible { left: initial; min-height: 220px; top: 80px; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .PlayerMenuMobile-module__menu { height: 100%; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxHeader { background: transparent; color: transparent; position: absolute; right: 0; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody { border-radius: 0; flex-direction: column-reverse; justify-content: start; background: #2a2928; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; border: 2px solid #4c4946; margin: 0; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .PlayerMenuMobile-module__playerMenu { flex-direction: row; align-items: start; justify-content: start; gap: 5px; margin-top: 10px; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .PlayerMenuMobile-module__playerMenu .PlayerMenu-module__profileLink { display: block !important; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .PlayerMenuMobile-module__playerMenu .PlayerMenuMobile-module__profileLink { display: none; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .PlayerMenuMobile-module__playerMenu .PlayerBalance-module__wrapper.PlayerMenuMobile-module__balance { width: initial; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .HeaderNav-module__link, .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .NavDropDown-module__wrapper, .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .NavServerDropDown-module__wrapper { font-family: var(--second-family); font-weight: 600; font-size: 16px; color: #858585; text-decoration: none; text-align: start; text-transform: uppercase; } .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .HeaderNav-module__link span, .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .NavDropDown-module__wrapper span, .PlayerMenuMobile-module__menuWrapper.PlayerMenuMobile-module__visible .boxBody .HeaderNav-module__wrapper.PlayerMenuMobile-module__nav .NavServerDropDown-module__wrapper span { font-family: var(--second-family); font-weight: 600; font-size: 16px; color: #858585; text-decoration: none; text-align: start; text-transform: none; } .MobileCopyright-module__wrapper, .DesktopCopyright-module__wrapper { background: #3f3d3c; border: 2px solid #4c4946; background-image: url("https://gspics.org/images/2025/03/14/IrV6lO.png"); background-repeat: repeat; background-size: auto; } .MobileCopyright-module__wrapper .MobileCopyright-module__text, .MobileCopyright-module__wrapper .DesktopCopyright-module__text, .DesktopCopyright-module__wrapper .MobileCopyright-module__text, .DesktopCopyright-module__wrapper .DesktopCopyright-module__text { font-family: var(--font-family); color: #e4dad1; } .MobileCopyright-module__wrapper .MobileCopyright-module__link, .MobileCopyright-module__wrapper .DesktopCopyright-module__link, .DesktopCopyright-module__wrapper .MobileCopyright-module__link, .DesktopCopyright-module__wrapper .DesktopCopyright-module__link { font-family: var(--font-family); color: rgb(255, 0, 0); }