.modal.fade.show { backdrop-filter: blur(1px); } body { background: #EAEBF6; } body.dark-theme { background: #2C304E; } #body.instructions-open{ overflow: hidden; } #detailsTourButton:hover path { fill: #000000; } #detailsTourButton:hover .detailsTourButton_svg { stroke: #000000; } .dark-theme #detailsTourButton:hover path { fill: #ffffff; } .dark-theme #detailsTourButton:hover .detailsTourButton_svg { stroke: #ffffff; } .top-info { opacity: 0.6; background: #23acde; } .btn-rad10 { border-radius:10px; } .rad10 { border-radius:10px; } .line-item__title2 { position: relative; font-weight: 600; font-size: 22px; line-height: 22px; color: #000000; margin:10px 0 10px 0; max-width: 460px; width: 100%; } .dark-theme .line-item__title2 { color:#ffffff; } .div-border { border:solid 5px #23acde; } .oops_404 { font-size:50px; text-align:center; line-height: 50px; } .grid-item.tape-superhot .grid-item__tape { background: #ff4444; font-size: 9px; } .grid-item.tape-fcfb .grid-item__tape { background: #FFD951; font-size: 12px; color: #221911; } .grid-item.tape_time_farm .grid-item__tape { background: #4837FF; font-size: 12px; color: #fff; } .grid-item.tape_qappi_miner .grid-item__tape { background: #D603DA; border-top: 4px solid #D603DA; border-bottom: 4px solid #F040FF; font-size: 12px; color: #fff; display: flex; justify-content: center; align-items: center; } .grid-item.tape_hamster_combat .grid-item__tape { background: #555BF1; font-size: 12px; color: #fff; } .grid-item.tape_zavod .grid-item__tape { background: #FF6F2E; font-size: 12px; border-bottom: 3px solid #FF4F00; border-top: 3px solid #FF4F00; color: #fff; display: flex; justify-content: center; align-items: center; } .grid-item.tape_pixelverse .grid-item__tape { background: #A34EFF; font-size: 12px; border-bottom: 3px solid #C996FF; border-top: 3px solid #C996FF; color: #fff; display: flex; justify-content: center; align-items: center; } .grid-item.tape-tap_swap .grid-item__tape { background: #FBDB83; font-size: 12px; color: #221911; } .grid-item.tape-memefi .grid-item__tape { background: #FBDB83; font-size: 12px; color: #221911; } .grid-item.tape-sold .grid-item__tape { background: linear-gradient(148deg, #85D1ED 7.67%, #2AAEDF 68.32%);; font-size: 12px; } .grid-item.tape-discount .grid-item__tape { background: linear-gradient(92deg, #DA05F0 34.69%, #A37CFC 63.94%); font-size: 12px; } .grid-item.tape-discount-plus .grid-item__tape { background: linear-gradient(92deg, #DA05F0 34.69%, #A37CFC 63.94%); font-size: 8px; } .line-item.tape-soon .line-item__tape, .grid-item.tape-soon .grid-item__tape { font-size: 12px; } .news_text { color: #999; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 135%; margin-top: 12px; margin-bottom: 0; flex-grow: 1; justify-self: start; } .news_text_small { color: #999; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 135%; margin-top: 12px; margin-bottom: 0; flex-grow: 1; justify-self: start; } .news_form_link { padding: 8px 25px; background: #23acde; color: #fff; border-radius: 12px; font-size: 16px; text-decoration: none; } .news_text_part .news_text { width: 100%; max-height: 128px; overflow: hidden; } .news_text_part .news_text_small { max-height: 170px !important; } .dark-theme .modal-subtitle { color: #ffffff; } .dark-theme .modal-desc { color: #ffffff; } .cookie-modal { position: fixed; right: 20px; bottom: 80px; display: flex; flex-direction: column; padding: 24px; border-radius: 12px; max-width: 365px; background-color: #ffffff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); opacity: 1; visibility: visible; transition: all .5s ease; z-index: 1053; } .dark-theme .cookie-modal { background-color: #2B2F48; } .cookie-modal__close { display: flex; justify-content: flex-end; } .cookie-modal__close__button svg path { stroke: #535353; } .dark-theme .cookie-modal__close__button svg path { stroke: #ffffff; } .cookie-modal__info { display: flex; margin: 0 0 27px 0; } .cookie-modal__info__picture { margin: 0 24px 0 0; width: 56px; height: 50px; } .cookie-modal__info__img { width: 100%; height: 100%; } .cookie-modal__info__text { width: 70%; } .cookie-modal__info__desc { margin: 0; font-family: "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; color: #272727; } .cookie-modal__info__desc:nth-child(1) { margin: 0 0 12px 0; } .dark-theme .cookie-modal__info__desc { color: #CCCCCC; } .cookie-modal__info__link { color: #23acde; text-decoration: none; } .cookie-modal__buttons { display: flex; justify-content: space-between; align-items: center; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 17px; } .cookie-modal__buttons__agree { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 150px; height: 46px; color: #ffffff; background-color: #23acde; transition: all .3s ease; } .cookie-modal__buttons__decline { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 150px; height: 46px; color: #23acde; background-color: #DEECFD; transition: all .3s ease; } .cookie-modal__buttons__agree:hover { color: #ffffff; background-color: #2546FF; } .cookie-modal__buttons__agree:focus { color: #ffffff; background-color: #2546FF; } .cookie-modal__buttons__agree:active { color: #ffffff; background-color: #2546FF; } .cookie-modal__buttons__decline:hover { color: #ffffff; background-color: #2546FF; } .cookie-modal__buttons__decline:focus { color: #ffffff; background-color: #2546FF; } .cookie-modal__buttons__decline:active { color: #ffffff; background-color: #2546FF; } .instruction-modal-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); overflow: hidden; z-index: 10000; transition: all .5s ease; } .instruction-modal { position: fixed; top: 50%; left: 50%; display: flex; flex-direction: column; padding: 24px 24px 40px 24px; margin: 0 auto; border-radius: 10px; width: 480px; transform: translate(-50%, -50%); background-color: #ffffff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); opacity: 1; visibility: visible; transition: all .5s ease; z-index: 1054; } .dark-theme .instruction-modal { background-color: #2B2F48; } .instruction-modal__info { display: flex; flex-direction: column; align-items: center; } .instruction-modal__close { display: flex; justify-content: flex-end; } .instruction-modal__close__button svg path { stroke: #535353; } .dark-theme .instruction-modal__close__button svg path { stroke: #ffffff; } .instruction-modal__title { display: flex; justify-content: center; align-items: center; margin: 0 0 32px 0; width: 290px; font-family: "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 29px; color: #272727; text-align: center; } .dark-theme .instruction-modal__title { color: #ffffff; } .instruction-modal__desc { display: flex; justify-content: center; align-items: center; margin: 0 0 32px 0; font-family: "Arial", sans-serif; font-size: 18px; font-weight: 400; line-height: 27px; color: #000000; text-align: center; } .dark-theme .instruction-modal__desc { color: #ffffff; } .instruction-modal__desc__highlight { color: #23acde; } .instruction-modal__buttons { display: flex; justify-content: space-between; align-items: center; max-width: 322px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 17px; } .instruction-modal__buttons__later { display: flex; justify-content: center; align-items: center; padding: 12px 15px; margin: 0 24px 0 0; border-radius: 10px; width: 149px; height: 46px; color: #23acde; background-color: #DEECFD; transition: all .3s ease; } .instruction-modal__buttons__start { display: flex; justify-content: center; align-items: center; padding: 12px 15px; border-radius: 10px; width: 149px; height: 46px; color: #ffffff; background-color: #23acde; transition: all .3s ease; } .instruction-modal__buttons__start:hover { color: #ffffff; background-color: #2546FF; } .instruction-modal__buttons__start:focus { color: #ffffff; background-color: #2546FF; } .instruction-modal__buttons__start:active { color: #ffffff; background-color: #2546FF; } .instruction-modal__buttons__later:hover { color: #ffffff; background-color: #2546FF; } .instruction-modal__buttons__later:focus { color: #ffffff; background-color: #2546FF; } .instruction-modal__buttons__later:active { color: #ffffff; background-color: #2546FF; } .bonus-modal { position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 34px 0 0 0; border-radius: 12px; width: 644px; height: 678px; background-image: url("../../images/bonusLight.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); overflow: hidden; z-index: 999999999; transition: all .3s ease; } .dark-theme .bonus-modal { background-image: url("../../images/bonusDark.jpg"); } .bonus-modal__close__button { position: absolute; top: 24px; right: 24px; } .bonus-modal__info__title { display: flex; justify-content: center; align-items: center; } .bonus-modal__info__title svg path { transition: all .3s ease; } .dark-theme .bonus-modal__info__title svg path:nth-child(7), .dark-theme .bonus-modal__info__title svg path:nth-child(8), .dark-theme .bonus-modal__info__title svg path:nth-child(9), .dark-theme .bonus-modal__info__title svg path:nth-child(10), .dark-theme .bonus-modal__info__title svg path:nth-child(11), .dark-theme .bonus-modal__info__title svg path:nth-child(12), .dark-theme .bonus-modal__info__title svg path:nth-child(13) { fill: #ffffff; } .bonus-modal__info__picture { position: relative; bottom: 45px; display: flex; justify-content: center; align-items: center; } .bonus-modal__info__text { position: relative; bottom: 45px; margin: 0 0 4px 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 700; line-height: 36px; color: #000000; text-align: center; transition: all .3s ease; } .dark-theme .bonus-modal__info__text { color: #ffffff; } .bonus-modal__info__wrapper { position: relative; bottom: 40px; display: flex; justify-content: center; align-items: center; width: 100%; } .bonus-modal__info__button { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 194px; height: 56px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 17px; color: #ffffff; background-color: #23acde; transition: all .3s ease; } .bonus-modal__info__button:hover { background-color: #2546FF; } .support_buttons { gap: 0; z-index: 1000; pointer-events: auto; } .project_post { display: block; text-align: center; margin-bottom: 20px; } .project_post a { text-decoration: none; font-size: 18px; color: #fff; display: inline-block; padding: 10px 28px; background: #23acde; border-radius: 12px; } @media (max-width: 370px) { .project_post a { font-size: 22px; } } #chinese_button { display: flex; justify-content: center; align-items: center; text-decoration: none; outline: none; cursor: pointer; z-index: 1000; transition: all .5s ease; animation: envelope ease-in .5s infinite reverse; animation-delay: 5s; pointer-events: auto; } #chinese_button:hover { animation: none; } @keyframes envelope { 0% { transform: rotate(0); } 10% { transform: rotate(5deg); } 20% { transform: rotate(0); } 30% { transform: rotate(-5deg); } 40% { transform: rotate(0); } 50% { transform: rotate(5deg); } 60% { transform: rotate(4deg); } 70% { transform: rotate(3deg); } 80% { transform: rotate(2deg); } 90% { transform: rotate(1deg); } 100% { transform: rotate(0); } } #halving_button { position: fixed; bottom: 5px; left: 5px; display: flex; justify-content: center; align-items: center; text-decoration: none; outline: none; cursor: pointer; z-index: 1000; } .toastWarning { position: fixed; top: 115px; right: 20px; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: 12px; width: 255px; height: 41px; background-color: #ffffff; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25); z-index: 1001;; } .dark-theme .toastWarning { background-color: #2C304E; } .toastText { font-family: "Inter"; font-size: 14px; font-weight: 400; color: #000000; } .dark-theme .toastText { color: #ffffff; } .toastCancel { display: flex; justify-content: center; align-items: center; } .toastCancel__button { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; } .dark-theme .toastCancel__button svg path { stroke: #ffffff; } .toastCancel__button:hover svg path { stroke: #666666; } ul { padding-left: 0rem; } .instruction__container{ position: fixed; top: 0; left: 0; z-index: 1055; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background: #fff; padding-top: 70px; opacity:0; pointer-events: none; } body.dark-theme .instruction__container { background: #2B2F4B; } .instruction__container.opened{ opacity:1; pointer-events: auto; } .instruction__popup-close{ width: 40px; height: 40px; cursor: pointer; position: absolute; top: 30px; right: 30px; } .instruction__title{ color: #000; text-align: center; font-family: Inter; font-size: 40px; font-style: normal; font-weight: 400; line-height: 130%; margin: 0 auto; margin-bottom: 50px; } body.dark-theme .instruction__title { color: #fff; } .instruction__title span{ color: #23acde; } .swiper-box{ width: 100%; height: 70px; } .swiper .swiper-wrapper { display: flex; overflow-x: auto; width: 100vw; white-space: nowrap; justify-content: center; overflow: scroll; -webkit-overflow-scrolling: auto; } .swiper .swiper-wrapper { overflow: auto; -ms-overflow-style: none; margin-bottom: 40px; scrollbar-width: none !important; scrollbar-color: transparent; } .swiper .swiper-wrapper::-webkit-scrollbar { width: 0!important; height: 0; display: none !important; } .swiper .swiper-wrapper::-webkit-scrollbar-track { background: transparent; height: 0; width: 0; display: none !important; } .swiper .swiper-wrapper::-webkit-scrollbar-thumb { background-color: transparent; width: 0!important; border: none!important; height: 0; display: none !important; } .swiper .swiper-slide{ flex: 0 0 122px; color: #000; font-size: 20px; font-style: normal; text-align: center; font-weight: 500; line-height: 24px; letter-spacing: -0.5px; padding: 10px 0px; border-radius: 12px; border: 1px solid #CFCFCF; cursor: pointer; margin: 0 15px; } body.dark-theme .swiper .swiper-slide { color: #fff; } .swiper .swiper-slide.swiper-slide-active { color: #fff; background: #23acde; border: 1px solid #23acde; } .card-dark { display: none; } body.dark-theme .card-dark{ display: inline; } body.dark-theme .card-light { display: none; } .content__title{ color: #23acde; text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: 39.2px; margin: 0 10px; margin-bottom: 18px; } .content__subtitle{ color: #000; text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin: 0 auto; margin-bottom: 30px; max-width: 775px; } body.dark-theme .content__subtitle{ color: #fff; } .content__text{ color: #23acde; text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 18px; } body .content1__cards{ margin: 0 auto; width: 82%; width: 940px; } body .content1__cards img{ width: 33%; } .content__container{ display: flex; align-items: center; justify-content: center; margin: 0 15px; } .content__goto-list li{ color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; width: 215px; } body.dark-theme .content__goto-list li { color: #fff; } .white__close-btn{ display: none; } body.dark-theme .white__close-btn{ display: block; } .content__descr{ color: #23acde; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; padding: 21px 12px; border-radius: 16px; border: 1px solid #A3A3A3; max-width: 530px; margin-left: 73px; } .content2__card{ width: 585px; margin: 0 auto; display: flex; } .content2__card-dark{ width: 587px; margin: 0 auto; display: flex; } .content2__card-dark, .content2__card-mobile-dark { display: none; } body.dark-theme .content2__card-dark { display: flex; } body.dark-theme .content2__card-light { display: none; } .content3__card{ width: 657px; margin: 0 auto; display: flex; } .content3__card-dark{ display: none; } body.dark-theme .content3__card-dark{ width: 648px; margin: 0 auto; display: flex; } body.dark-theme .content3__card-light { display: none; } .content3__card-mobile-dark { display: none; } .content4__card{ width: 577px; margin: 0 auto; display: flex; } .mobile__show i { display: none; } .content4__card-dark{ display: none; } body.dark-theme .content4__card-dark{ width: 576px; margin: 0 auto; display: flex; } body.dark-theme .content4__card { display: none; } .content4__card-mobile-dark { display: none; } .content__descr{ color: #23acde; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; padding: 21px 12px; border-radius: 16px; border: 1px solid #A3A3A3; max-width: 395px; margin-left: 73px; } .content5__card{ width: 511px; margin: 0 auto; display: flex; margin-top: 20px; } .content__goto-list2{ padding: 16px 10px; border-radius: 16px; border: 1px solid #A3A3A3; width: 273px; display: none; } .content__goto-list2 li { position:relative; color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; padding-left: 15px; } body.dark-theme .content__goto-list2 li { position:relative; color: #fff; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; padding-left: 15px; } body.dark-theme .content__goto-list2 li::before { content: ''; position: absolute; top: 9px; left: 2px; width: 4px; height: 4px; background: #fff; border-radius: 50%; } .content__goto-list2 li::before { content: ''; position: absolute; top: 9px; left: 2px; width: 4px; height: 4px; background: white; border-radius: 50%; } .content__descr22 { color: #000; font-family: Arial; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; display: none; } body.dark-theme .content__descr22 { color: #fff; font-family: Arial; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; display: none; } .content5__card-dark{ display: none; } body.dark-theme .content5__card-dark{ width: 508px; margin: 0 auto; display: flex; margin-top: 20px; } body.dark-theme .content5__card { display: none; } .content5__card-mobile-dark { display: none; } .content__subtitle6{ max-width: 380px; } .content__subtitle a { color: #23acde; font-family: Arial; text-decoration-line: underline; } .content6__card{ width: 577px; margin: 0 auto; display: flex; margin-top: 20px; } .success__title{ width: 280px; margin: 20px auto; display: flex; } .content7__card { display: flex; justify-content: center; align-items: center; position: relative; width: 580px; margin: 0 auto; margin-top: 20px; text-align: center; } .content7__card::before{ position: absolute; content: ''; top: 30%; left: -200px; width: 168px; height: 181px; background: url('/images/dollar1.png'); background-size: contain; background-repeat: no-repeat; } .content7__card::after{ position: absolute; content: ''; top: 30%; right: -200px; width: 136px; height: 136px; background: url('/images/dollar2.png'); background-size: contain; background-repeat: no-repeat; } .content7__card-mobile { position: relative; } .content2__card-mobile, .content3__card-mobile, .content4__card-mobile, .content5__card-mobile, .content7__card-mobile { display: none; } .card7-dark{ display: none; } .card7-mobile-dark{ display: none; } body.dark-theme .card7-dark{ display: block; } body.dark-theme .card7{ display: none; } @media (max-width: 1400px) { .news_text_part .news_text { max-height: 84px; } } @media (max-width: 1200px) { .news_text_part .news_text { max-height: 60px; } .news_text_part .news_text_small { max-height: 90px !important; } } @media (max-width: 1100px) { .swiper { width: 100%; } body .content1__cards .card1 { display: none; } body .content1__cards .card3,.content1__cards .card2 { width: 48%; } .content7__card::before { top: -10%; left: -75px; width: 168px; height: 181px; } .content7__card::after { top: 55%; right: -50px; width: 136px; height: 136px; } .swiper .swiper-wrapper{ justify-content: start; } .body .content1__cards { width: 648px; } body .content1__cards { width: 70%; } } @media (max-width: 992px) { .bonus-modal { width: 516px; height: 620px; } .bonus-modal__info__img { height: 410px; } .news_text_part .news_text { max-height: 88px; } .news_text_part .news_text_small { max-height: 120px !important; } .instruction__title{ max-width: 500px; font-size: 36px; } } @media (max-width: 768px) { .bonus-modal { width: 440px; height: 540px; } .bonus-modal__info__img { height: 330px; } .bonus-modal__info__text { font-size: 20px; line-height: 30px; } .news_text_part .news_text_small { max-height: 110px !important; } .content__subtitle{ max-width: 480px; } .content1__cards { width: 88%; } .content__descr{ padding: 18px 12px; margin-left:30px; } .content7__card{ display: none; } .content7__card-mobile{ display: block; margin: 0 auto; width: 60%; } .content7__card-mobile::before{ position: absolute; content: ''; top: -9%; left: -12%; width: 18vw; height: 181px; background: url('/images/dollar1.png'); background-size: contain; background-repeat: no-repeat; } .content7__card-mobile::after{ position: absolute; content: ''; bottom: -5%; right: -9%; width: 15vw; height: 136px; background: url('/images/dollar2.png'); background-size: contain; background-repeat: no-repeat; } body.dark-theme .card7-mobile { display: none; } body.dark-theme .card7-mobile-dark { display: block; } body .content1__cards { width: 82%; } } @media (max-width: 576px) { .bonus-modal { width: 360px; height: 470px; } .bonus-modal__close__button { top: 18px; right: 18px; } .bonus-modal__info__img { height: 300px; } .bonus-modal__info__text { font-size: 18px; line-height: 26px; } .news_text_part .news_text { max-height: 88px; } .news_text_part .news_text_small { max-height: 105px !important; } .cookie-modal { bottom: 80px; right: 10px; } .instruction-modal { padding: 24px; width: 320px; } .instruction-modal__close__button { position: relative; top: -16px; right: -10px; bottom: 10px; width: 16px; height: 16px; } .instruction-modal__close__button svg { width: 16px; height: 16px; } .instruction-modal__title { margin: 0 0 16px 0; } .instruction-modal__desc { margin: 0 0 56px 0; font-size: 16px; line-height: 24px; } .instruction-modal__buttons__later { padding: 12px 8px; margin: 0 16px 0 0; width: 120px; } .instruction-modal__buttons__start { padding: 12px 8px; width: 120px; } body	.content1__cards .card2{ display: none; } body	.content1__cards .card3{ width: 100%; } .instruction__title { font-size: 27px; max-width: 400px; margin-bottom: 30px; } .content__text1{ display: none; } .content__subtitle { max-width: 325px; font-size: 18px; } .swiper .swiper-slide span { display: none; } .swiper .swiper-slide { flex: 0 0 64px; padding: 18px; border-radius: 50%; margin: 0px 20px; } .content__goto-list li { font-size: 16px; } .content__descr{ font-size: 18px; margin-left: 20px; } .content__descr span { display: none; } .content2__card{ display: none; } body .content2__card-mobile{ margin: 0 auto; display: block; width: 88%; } body.dark-theme .content2__card-mobile { display: none; } body.dark-theme .content2__card-mobile-dark{ margin: 0 auto; display: block; width: 88%; } .instruction__container{ padding-top: 50px; } .content3__card{ display: none; } .content3__card-mobile{ margin: 0 auto; display: block; width: 88%; } .content4__card{ display: none; } .content4__card-mobile { margin: 0 auto; display: block; width: 88%; } .content5__card{ display: none; } .content5__card-mobile{ margin: 0 auto; display: block; width: 88%; } .content__goto-list2{ display: block; } .content__goto-list{ display: none; } .content__goto-list-first{ display: block; } .content__descr22 { display: block; width: 151px; } body.dark-theme .content__descr22 { display: block; width: 151px; } .content__descr2{ display: none; } .content__container { justify-content: space-between; } .instruction__popup-close { width: 35px; height: 35px; top: 15px; right: 20px; } .mobile__hide span { display: none; } .mobile__show i { display: inline; } body.dark-theme .content2__card-dark { display: none; } body.dark-theme .content3__card-dark { display: none; } body.dark-theme .content3__card-mobile-dark { margin: 0 auto; display: block; width: 88%; } body.dark-theme .content3__card-mobile { display: none; } body.dark-theme .content4__card-dark { display: none; } body.dark-theme .content4__card-mobile-dark { margin: 0 auto; display: block; width: 88%; } body.dark-theme .content4__card-mobile { display: none; } body.dark-theme .content5__card-dark { display: none; } body.dark-theme .content5__card-mobile-dark { margin: 0 auto; display: block; width: 88%; } body.dark-theme .content5__card-mobile { display: none; } .content7__card-mobile{ margin: 0 auto; display: block; width: 70%; } .content7__card-mobile::before{ position: absolute; content: ''; top: -9%; left: -12%; width: 20vw; height: 181px; background: url('/images/dollar1.png'); background-size: contain; background-repeat: no-repeat; } .content7__card-mobile::after{ position: absolute; content: ''; bottom: -5%; right: -9%; width: 18vw; height: 136px; background: url('/images/dollar2.png'); background-size: contain; background-repeat: no-repeat; } .content__subtitle4{ margin-bottom: 15px; } } @media (max-width: 480px) { .content__container{ flex-direction: column; } .content__goto-list{ align-self: flex-start; padding-left: 7%; } .content__descr { padding: 8px 10px; margin-left: 0; } .content__descr22{ width: 100%; } .content__title { margin-bottom: 0px; font-size: 20px; line-height: 30px; } body.dark-theme .content__descr22 { display: block; width: 100%; } } @media (max-width: 380px) { .bonus-modal { width: 280px; height: 460px; } .bonus-modal__info__title svg { width: 200px; } .bonus-modal__info__picture { bottom: 30px; } .bonus-modal__info__img { height: 270px; } .bonus-modal__info__text { bottom: 30px; font-size: 14px; line-height: 20px; } .bonus-modal__info__wrapper { bottom: 20px; } .news_text_part .news_text { max-height: 88px; } .news_text_part .news_text_small { max-height: 105px !important; } .cookie-modal { right: 10px; bottom: 80px; left: 10px; } .cookie-modal__info__desc { font-size: 12px; } .cookie-modal__buttons__agree { width: 100px; } .cookie-modal__buttons__decline { width: 100px; } .instruction__title { font-size: 24px; max-width: 320px; maegin-bottom: 12px; } .content__subtitle { max-width: 96%; font-size: 16px; margin-bottom: 5px; } .content7__card-mobile::after { bottom: -5%; right: -14%; width: 18vw; height: 80px; } .instruction-modal { width: 260px; } .instruction-modal__title { width: 240px; font-size: 16px; line-height: 22px; } .instruction-modal__desc { margin: 0 0 30px 0; font-size: 12px; line-height: 24px; } .instruction-modal__buttons__later { padding: 8px; margin: 0 16px 0 0; width: 100px; height: 40px; } .instruction-modal__buttons__start { padding: 8px; width: 100px; height: 40px; } .success__title{ width: 220px; } .instruction__title{ font-size: 24px; margin-bottom: 20px; } .swiper .swiper-slide { flex: 0 0 55px; padding: 14px; margin: 0px 20px; } .content__text{ font-size: 18px; line-height: 24px; margin-bottom: 10px; } ul { margin-bottom: 0.5rem; } .content__goto-list2 { padding: 10px 10px; } } @media (max-width: 300px) { .instruction__title { max-width: 280px; font-size: 20px; } .swiper .swiper-slide { padding: 14px; margin: 0px 12px; border-radius: 50%; } .swiper-box { height: 55px; } .nobr { white-space: nowrap; } }:root { --height: 0; } .dark-theme .get100__info-modal.info__open { background-color: #21242A; } .header { position: sticky; top: 0; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); z-index: 10; } .logo svg { height: 55px; } .dark-theme .logo svg { height: 55px; } .logo svg g path { fill: #444444; } .dark-theme .logo svg g path { fill: #dddddd; } .manifestor_logo path:nth-child(2) { fill: #444444; } .dark-theme .manifestor_logo path:nth-child(2) { fill: #ffffff; } .manifestor_logo_modal path:nth-child(2) { fill: #444444; } .dark-theme .manifestor_logo_modal path:nth-child(2) { fill: #ffffff; } .badge { position: relative; bottom: 7px; font-size: 8px; } .art-button-3 { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; min-width: 50px; width: 104px; height: 40px; font-weight: 600; font-size: 14px; line-height: 18px; color: #ffffff; background-color: #23acde; box-sizing: border-box; text-decoration: none; transition: all 0.5s ease; } .art-button-3:hover { color: #FFFFFF; background-color: #0b5ed7; } .btn-primary { border-color: #23acde; background-color: #23acde; } .btn-primary:hover { background: #0b5ed7; border-color: #0b5ed7; } .btn:focus { border-color: #0b5ed7; background-color: #0b5ed7; } .btn-primary:focus { border-color: #0b5ed7; background-color: #0b5ed7; outline: none; box-shadow: none; } .btn-primary:active:focus { box-shadow: none; } .btn-primary:active { border-color: #0b5ed7; background-color: #0b5ed7; } .btn-primary:disabled { border-color: #0b5ed7; background-color: #0b5ed7; } .btn-get100:hover { background-color: #0b5ed7; border-color: #0b5ed7; } .points__button { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 140px; height: 40px; background-color: #ffffff; outline: 1px solid #23acde; transition: all .5s ease; } .points__button-mobile { display: none; justify-content: center; align-items: center; padding: 12px 8px; margin: 0 16px 0 0; border-radius: 10px; width: 120px; height: 40px; background-color: #ffffff; outline: 1px solid #23acde; transition: all .5s ease; } .dark-theme .points__button, .dark-theme .points__button-mobile { background-color: #21242A; } .points__button__desc { font-family: Inter; font-size: 11px; font-weight: 500; line-height: 17px; color: #23acde; } .points__button:hover { background-color: #23acde; } .points__button:hover .points__button__desc { color: #ffffff; } .deposit { margin-left: 10px; } .deposit .btn { position: relative; width: 93px; cursor: pointer; } .deposit .depositBonus { position: absolute; top: -30px; right: -10px; width: 40px; height: 47px; background-image: url("../../images/ball_without_blur.svg"); background-repeat: no-repeat; } .deposit .depositBonus span { position: absolute; top: 19px; right: 3px; display: inline-block; font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500; line-height: 18px; color: #ffffff; transform: rotate(15.17deg); } .deposit__marker { position: absolute; top: -15px; right: -10px; width: 31px; height: 31px; } .deposit__marker__image { width: 100%; height: 100%; } .notification__button { position: relative; display: flex; justify-content: center; align-items: center; padding: 8px 10px; margin: 0 0 0 10px; border-radius: 10px; width: 40px; height: 40px; background-color: #ffffff; outline: 1px solid #23acde; cursor: pointer; transition: all .3s ease; } .dark-theme .notification__button { background-color: #21242A; } .notification__button:hover .notification__image svg path { fill: #000000; fill-opacity: 1; } .dark-theme .notification__button:hover .notification__image svg path { fill: #ffffff; fill-opacity: 1; } .notification__arrival { position: absolute; top: -6px; right: -6px; border-radius: 10px; min-width: 16px; height: 16px; padding: 0 4px; background-color: #FF0303; color: #ffffff; font-size: 10px; font-weight: 600; display: none; align-items: center; justify-content: center; line-height: 1; box-sizing: border-box; transition: all .5s ease; } @keyframes notification { 0% { transform: scale(1); } 25% { transform: scale(1.2); } 50% { transform: scale(1.4); } 75% { transform: scale(1.2); } 100% { transform: scale(1); } } .notification__image { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .dark-theme .notification__image svg path { fill: #ffffff; } .notification-active { display: none !important; } .notification__dropdown { position: absolute; top: 76px; right: 370px; display: none; padding: 16px 24px 32px 24px; border: 1px solid #D2D4DB; border-radius: 10px; width: 387px; height: 310px; background-color: #ffffff; overflow: hidden; box-shadow: 0px 10px 30px rgba(69, 88, 190, 0.1); } .dark-theme .notification__dropdown { border: 1px solid #2D3340; background-color: #2B2F4B; } .notification__dropdown-active { display: block; } .notification__title { margin: 0 0 14px 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 36px; color: #000000; text-align: start; } .dark-theme .notification__title { color: #ffffff; } .notification__panel { display: flex; justify-content: space-between; align-items: center; margin: 0 0 24px 0; } .notification__branch { display: flex; justify-content: center; align-items: center; border-radius: 10px; width: 108px; height: 34px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; line-height: 19px; color: #646774; background-color: #ffffff; transition: all .3s ease; } .dark-theme .notification__branch { color: #646774; background-color: #2B2F4B; } .notification__branch:hover { color: #000000; background-color: #F4F4F4; } .dark-theme .notification__branch:hover { color: #ffffff; background-color: #3A436E; } .notification__branch:active { color: #646774; background-color: #ffffff; } .dark-theme .notification__branch:active { color: #646774; background-color: #2B2F4B; } .notification__branch:focus { color: #000000; background-color: #F4F4F4; } .dark-theme .notification__branch:focus { color: #ffffff; background-color: #3A436E; } .notification__branch-active { color: #000000; background-color: #F4F4F4; } .dark-theme .notification__branch-active { color: #ffffff; background-color: #3A436E; } .notification__wrapper { display: none; max-height: 170px; overflow: scroll; } .notification__wrapper-active { display: block; } .notification__desc { display: flex; align-items: center; padding: 2px 6px; border-radius: 10px; width: 100%; height: 26px; background-color: transparent; cursor: pointer; text-decoration: none; transition: all .3s ease; } .notification__desc:not(:last-child) { margin: 0 0 16px 0; } .notification__desc:hover { background-color: #F4F4F4; } .dark-theme .notification__desc:hover { color: #ffffff; background-color: #3A436E; } .notification__desc:active { background-color: #transparent; } .notification__desc:focus { background-color: #F4F4F4; } .dark-theme .notification__desc:focus { color: #ffffff; background-color: ##3A436E; } .notification__desc__image { display: flex; justify-content: center; align-items: center; margin: 0 16px 0 0; } .notification__desc__icon { width: 24px; height: 24px; } .notification__desc__text { display: inline-block; margin: 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dark-theme .notification__desc__text { color: #ffffff; } .notification__desc__arrow { display: flex; justify-content: center; align-items: center; margin: 0 0 0 auto; transition: all .3s ease; } .notification__desc__arrow svg path { stroke: #ffffff; transition: all .3s ease; } .dark-theme .notification__desc__arrow svg path { stroke: #2B2F4B; } .notification__desc:hover .notification__desc__arrow svg path { stroke: #606060; } .dark-theme .notification__desc:hover .notification__desc__arrow svg path { stroke: #ffffff; } .notification__empty { position: relative; bottom: 25px; display: flex; justify-content: center; align-items: center; width: 100%; height: 150px; } .notification__empty__text { display: flex; justify-content: center; align-items: center; height: 50px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 27px; color: #333333; } .dark-theme .notification__empty__text { color: #ffffff; } .notification__loader { position: relative; bottom: 25px; display: flex; justify-content: center; align-items: center; width: 100%; height: 150px; } .notification__loader__gif { width: 50px; height: 50px; } .top-tabs { max-width: 900px; text-align:center; } .top-tabs__tab .badge { background:#23acde; border-radius:5px; } .menuLinkIsDisabled { background: transparent; opacity: 0.5; text-decoration: none; pointer-events: none; } .top-header { margin-bottom: 20px; } .top-header__vertion { justify-content: center; align-items: center; flex: 2; } .top-header__logo { position: relative; } .top-header__logo .logo{ position: relative; } .top-header__logo .logodel:before{ position: absolute; content: ''; width: 46px; height: 48px; top: -18px; right: -36px; background-image: url(../../images/halloween.png); background-size: contain; background-repeat: no-repeat; } .top-header__wallet-id { display: flex; justify-content: center; margin-right: 5px; width: 60%; } .top-header__wallet-link { display: flex; justify-content: center; align-items: center; padding: 9px 11px; border: 0; width: 151px; height: 40px; color: #ffffff; background-color: #23acde; transition: all .5s ease; } .top-header__wallet-link:hover { background-color: #0b5ed7; } .top-header__info { justify-content: flex-end; align-items: center; } .top-header__wallet-bl { height: 40px; } .top-header__third-row { display: none; } .wallet-logo2 .wallet-logo img { width: 32px; height: 32px; } .wallet-logo2 { width: 32px; height: 32px; } .dark-theme .wallet_popup_header svg path:nth-child(7), .dark-theme .wallet_popup_header svg path:nth-child(8), .dark-theme .wallet_popup_header svg path:nth-child(9), .dark-theme .wallet_popup_header svg path:nth-child(10), .dark-theme .wallet_popup_header svg path:nth-child(11), .dark-theme .wallet_popup_header svg path:nth-child(12), .dark-theme .wallet_popup_header svg path:nth-child(13) { fill: #ffffff; } .popup_checkbox { padding: 0 13% 0 12%; } .popup_metamask_wrapper { display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0; width: 100%; } .popup_metamask_link { color: #000000; } .dark-theme .popup_metamask_link { color: #ffffff; } .networks .wallet-net img { height: 24px; } .networks { margin-left: 10px; height: 40px; width: 70px; } .networks__active { height: 40px; width: 70px; padding: 0px; display: flex; justify-content: space-between; align-items: center; padding: 0 11px; } .networks__btn { display: flex; justify-content: center; align-items: center; } .networks__active img { margin-left: 0; margin-right: 0; } .network-logo { width: 24px; height: 24px; } .popup__wallet-id { padding-left: 0px; } .gasoline_balance { display: flex; align-items: center; gap: 4px; padding: 0 8px; margin-left: auto; margin-right: 1px; font-size: 16px; font-weight: 600; line-height: 19px; color:#000; } .fa-gas-pump:before { width:32px; height:32px; } .dark-theme .gasoline_balance { color:#ffffff; } .claim-bonus-button { display: block; } .claim__bonus__button__mobile-first {} @media screen and (max-width: 360px) { .points_button { display: none; } } .claim-bonus-button .art-button { height: 40px; font-size: 16px; line-height: 1; padding: 9px 35px; } .claim__bonus__button__wrapper { display: flex; gap: 10px; } .claim__bonus__button { flex: 1; margin: 0; } @media (min-width: 769px) { .claim__bonus__button { margin-left: 10px; } } .deposit { flex: 1; margin: 0; } .claim__bonus__button a, .claim__bonus__button button { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 10px; color: #ffffff; background-color: #23acde; padding: 8px 16px; } .claim__bonus__button img, .deposit__button-mobile img { width: auto; height: 24px; object-fit: contain; } .claim__bonus__button-mobile { border-radius: 10px; width: 70px; background-color: #23acde; } .deposit__button-mobile { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 10px; color: #ffffff; background-color: #23acde; padding: 8px 16px; } .menu-block-mobile { display: none; } .hide_news_content { padding: 15px 26px; } .claim__bonus__button__mobile-first { display: none; } .claim__bonus__button__desktop-first { display: block; } .get100__points__text { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; line-height: 140%; background: linear-gradient(89deg, #2546FF 77.09%, #3D8AFF 93.88%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #modal_circle .deposit-modal__container { flex-direction: column; align-items: center; } #modal_circle .deposit-modal__title { margin: 0 0 24px 0; font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color: #5B5B5B; } .dark-theme #modal_circle .deposit-modal__title { color: #23acde; } #modal_circle .deposit-modal__wrapper { display: flex; align-items: center; gap: 6px; margin: 0 0 16px 0; max-width: 204px; } #modal_circle .deposit-modal__button { display: flex; justify-content: center; align-items: center; border-radius: 4px; height: 33px; padding: 6px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; color: #989898; background-color: #ffffff; transition: all .3s ease; pointer-events: none; } .dark-theme #modal_circle .deposit-modal__button { color: #ffffff; background-color: #6c757d; } #modal_circle .deposit-modal__amount { display: flex; align-items: center; margin: 0 0 16px 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__amount { color: #ffffff; } #modal_circle .deposit-modal__chain { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; } #modal_circle .deposit-modal__chain__icon { width: 100%; height: 100%; } #modal_circle .deposit-modal__form { display: flex; flex-direction: column; margin: 0 0 16px 0; width: 340px; height: 264px; overflow: scroll; } #modal_circle .deposit-modal__form__label { display: flex; align-items: center; padding: 8px 6px; border-radius: 2px; width: 100%; height: 44px; } #modal_circle .deposit-modal__form__input { cursor: pointer; } #modal_circle .deposit-modal__form__label:nth-child(2n) { background-color: #E3E5E9; } .dark-theme #modal_circle .deposit-modal__form__label:nth-child(2n) { background-color: #212529; } #modal_circle .deposit-modal__form__desc { display: inline-block; margin: 0 0 0 7px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__form__desc { color: #ffffff; } #modal_circle .deposit-modal__selectall { display: flex; align-items: center; padding: 8px 6px; border-radius: 2px; width: 340px; height: 44px; } #modal_circle .deposit-modal__selectall__input { cursor: pointer; } #modal_circle .deposit-modal__selectall__desc { display: inline-block; margin: 0 0 0 7px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__selectall__desc { color: #ffffff; } #modal_circle .deposit-modal__form__order { display: inline-block; margin: 0 0 0 7px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 400; line-height: 24px; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__form__order { color: #ffffff; } #modal_circle .deposit-modal__form__wallet { display: inline-block; margin: 0 0 0 auto; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; text-decoration-line: underline; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__form__wallet { color: #ffffff; } #modal_circle .deposit-modal__form__amount { display: inline-block; margin: 0 0 0 auto; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; color: rgba(22, 22, 26, 0.60); } .dark-theme #modal_circle .deposit-modal__form__amount { color: #ffffff; } #modal_circle .deposit-modal__form__chain { display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px; width: 16px; height: 16px; } #modal_circle .deposit-modal__form__chain__icon { width: 100%; height: 100%; } #modal_circle .deposit-modal__note { margin: 0 0 24px 0; max-width: 251px; font-family: "Inter", sans-serif; font-size: 12px; font-weight: 300; line-height: 153%; color: rgba(35, 172, 222, 0.90); text-align: center; } .dark-theme #modal_circle .deposit-modal__note { color: #23acde; } #modal_circle .deposit-modal__replenish { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 124px; height: 40px; font-family: "Inter"; font-size: 15px; font-weight: 500; line-height: 17px; color: #ffffff; background-color: #23acde; transition: all .3s ease; opacity: .5; pointer-events: none; } #modal_circle_progress_fail { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; color: #1C98D5; animation: detailsLoader ease-in 1s infinite reverse; } @keyframes detailsLoader { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } #modal_circle .modal_circle_warning { display: flex; align-items: center; padding: 8px; margin: 0 0 12px 0; border-radius: 12px; width: 100%; background-color: #FFE8BD; text-align: center; } #modal_circle .modal_circle_icon { display: flex; justify-content: center; align-items: center; margin: 0 8px 0 0; } #modal_circle .modal_circle_desc { font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500; line-height: 16px; color: #B25E09; } @media (max-width: 992px) { #modal_circle .deposit-modal__form, #modal_circle .deposit-modal__selectall { width: 400px; } } @media (max-width: 900px) { .menu-block.menu-block-mobile > .menu-block__btn { display: flex; justify-content: center; align-items: center; padding: 0px; } .top-header__vertion { display: flex; justify-content: space-between; margin-top: 0px; order: 0; } .top-header__logo { position: relative; margin: 0 6px 0 0; width: 78px; } .top-header__wallet .auth_on { justify-content: flex-end; } .top-header__wallet-bl { display: flex; justify-content: space-between; max-width: 100%; } .points__button { display: none; } .points__button-mobile { display: flex; margin: 0 0 0 auto; } .claim__bonus__button { margin: 0; } .disconnected .claim__bonus__button { margin: 0; } } @media (max-width: 885px) { .menu-block { display: none; } .disconnected .menu-block { display: block; } .menu-block.menu-block-mobile { display: block; } .disconnected .menu-block.menu-block-mobile { display: none; } .top-header__wallet { width: 100%; } .top-header-wrap { width: 100%; } .disconnected .top-header-wrap { width: auto; } .top-header-wrapper { gap: 10px; } .disconnected.top-header-wrapper { gap: 0; } } @media (max-width: 823px) { .deposit { margin-left: 10px; } } @media (max-width: 614px) { .top-header__info { flex-wrap: wrap; row-gap: 10px; } .disconnected .top-header__info { flex-wrap: nowrap; } } @media (max-width: 604px) { .top-header { margin-bottom: 15px; } } @media (max-width: 575px) { .top-header { padding: 10px 13px; } .top-header__third-row { width: 100%; } .top-header__wallet-third-row { width: 100%; } .top-header__logo { left: -10px; } .notification__button { margin: 0 0 0 10px; } .notification__dropdown { padding: 16px; width: 240px; } .notification__title { font-size: 20px; line-height: 30px; } .notification__branch { width: 64px; height: 30px; font-size: 12px; } .notification__desc__icon { width: 20px; height: 20px; } .notification__desc__text { width: 140px; font-size: 12px; } .top-header__third-row { display: flex; } .top-header__wallet-second-row { display: none; } .top-header__wallet-third-row { display: flex; justify-content: flex-end; margin: 0; } .top-header__wallet-link__wrapper { margin-left: 0; width: 100%; } .deposit.deposit-mobile { margin-left: 14px; } .notification__button { margin: 0 0 0 14px; } .networks { margin: 0 0 0 14px; } .disconnected .claim__bonus__button { margin-left: 0; } .disconnected .menu-block { display: none; } .disconnected .menu-block.menu-block-mobile { display: block; } .disconnected .top-header__vertion { min-width: 100%; } .disconnected .top-header-wrap { width: 50%; } .disconnected .top-header__third-row { width: 50%; } .disconnected .claim__bonus__button__desktop-first { width: 100%; } .disconnected .claim__bonus__button__desktop-first a { width: 100%; } .disconnected .top-header__wallet-link { width: 100%; } .disconnected.top-header-wrapper { row-gap: 10px; } #modal_circle .deposit-modal__form, #modal_circle .deposit-modal__selectall { width: 304px; } .claim__bonus__button__desktop-first { flex: 1; margin: 0; } } @media (max-width: 568px) { .deposit.deposit-mobile { margin: 0; } .disconnected .deposit.deposit-mobile { margin: 0; } .notification__button { margin: 0 0 0 10px; } .networks { margin: 0 0 0 10px; } .claim__bonus__button__wrapper { flex-grow: 1; gap: 10px; } .claim__bonus__button { flex: 1; margin: 0; } .deposit { flex: 1; margin: 0; } .deposit__button-mobile { width: 100%; } .claim__bonus__button__wrapper .deposit-mobile button { width: 100%; } .claim__bonus__button__desktop-first { flex: 1; margin: 0; } .claim__bonus__button__desktop-first a { width: 100%; } } @media (max-width: 520px) { .top-header-wrapper { justify-content: flex-end; } } @media (max-width: 500px) { .top-tabs a { font-size: 14px; } .networks__active span { display: inline; height: 24px; } .top-header__wallet-m { width: auto; max-width: 50%; } .popup_metamask_link { font-size: 12px; } } @media (max-width: 483px) { .top-header__vertion { display: flex; justify-content: space-between; margin-top: 0px; order: 0; } .top-header .menu-block { margin-left: 15px; } .top-header-wrap { width: 100%; } } @media (max-width: 380px) { .top-header-wrap { justify-content: flex-end; } .top-header__logo { position: relative; left: 0px; width: 50px; height: 50px; } .top-header__logo .logo svg { height: 50px; } .top-header .menu-block { margin-left: 5px; } .claim__bonus__button-mobile { width: 100%; } .notification__button { margin: 0 0 0 5px; } .networks { margin-left: 5px; } .deposit.deposit-mobile { margin-left: 0; } .disconnected .deposit.deposit-mobile { margin-left: 5px; } .claim__bonus__button__mobile-first { display: block; margin-right: 5px; } .claim__bonus__button__desktop-first { display: none; } .disconnected .claim__bonus__button-mobile { display: none; } .disconnected .claim__bonus__button__desktop-first { display: block; } .deposit__marker { right: -6px; } #modal_circle .deposit-modal__title { font-size: 15px; } #modal_circle .deposit-modal__amount { font-size: 14px; } #modal_circle .deposit-modal__form, #modal_circle .deposit-modal__selectall { width: 240px; } #modal_circle .deposit-modal__form__wallet { font-size: 12px; } #modal_circle .deposit-modal__form__amount { font-size: 12px; } #modal_circle .deposit-modal__note { font-size: 11px; } } @media (max-width: 330px) { .disconnected .claim__bonus__button-mobile { display: block; } .disconnected .claim__bonus__button__desktop-first { display: none; } .disconnected .top-header-wrap { width: auto; } .disconnected .top-header__third-row { width: auto; flex-grow: 1; } } .r { text-align: right; } .l { text-align: left; } .title-bl { text-align: center; } .blk { color: #444444; } .dark-theme .blk { color: #cccccc; } .blk .grid-item__title2 { position: relative; margin: 0 0 10px 0; font-weight: bold; font-size: 18px; color: #000000; } .dark-theme .blk .grid-item__title2 { color: #ffffff; } .grid-item_picture-readmore { display: none; } .grid-item_title-readmore { display: none; } .grid-item_title { display: none; } .grid-item_warning { display: none; } .grid-item_emoji { position: absolute !important; bottom: 28px; left: 24px; } .grid-item_emoji-attention { position: absolute !important; bottom: 28px; left: 24px; } .grid-item_emoji4 { position: absolute !important; bottom: 28px; left: 50px; } .grid-item_airdrop-name { margin-left: 10px; display: inline-block; position: relative; } .grid-item_info_star { width: 18px; position: absolute; top: -3px; right: -19px; cursor: pointer; } #buy_tarif_airdrop_name .grid-item_info_star { display: none; } .info_star-light { display: block; } .dark-theme .info_star-light { display: none; } .info_star-dark { display: none; } .dark-theme .info_star-dark { display: block; } .blk .grid-ico { width: 32px; } .blk .txt { margin-bottom: 26px; height: 71px; color: #999999; overflow: hidden; text-overflow: ellipsis; } .blk .profit { padding: 10px; margin: 10px 0 10px 0; border: solid 1px #999999; border-radius: 10px; } .blk .profit .n { display: block; margin: 0 0 10px 0; } .blk .comments { font-size: 12px; text-align: center; } .circle_info_btn { margin-top: 15px; margin-bottom: 15px; width: 100%; } .logo svg { fill: #444444; } .dark-theme .logo svg { fill: #dddddd; } .dark-theme .logo_changable_chr{ fill: #dddddd; } .blk .light { color: #000; } .dark-theme .blk .light { color: #ffffff; } .blk_airdrop .grid-item { display: flex; flex-direction: column; padding: 35px 26px; height: 800px; height: 100%; transition: all .1s ease; } .blk_airdrop .grid-item:hover { outline: 2px solid #2546FF; } .blk_airdrop .info { font-size: 12px; color: #ff4444; text-align: center; } .blk_airdrop { padding-bottom: 25px; } .blk_airdrop .item { transition: transform 0.4s ease; } @media(min-width: 1000px) { .blk_airdrop .item:hover { transform: scale(1.04); transition: transform 0.4s ease; } } @media (max-width: 991px) .blk_airdrop { padding-bottom: 20px; } .blk .grid-item_ico { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; } .blk .grid-item_ico svg { fill: #23acde; } .blk .grid-ico2 { position: absolute; top: 8px; left: 160px; display: block; height: 64px; } .blk .td_tarif { height: 20px; padding-left: 4px; } .blk .grid-item__tape { font-size: 12px; } .btn-refill { display: flex; justify-content: center; align-items: center; min-width: 95px; } .grid-item__button { margin-top: auto; margin-bottom: 12px; } @media (max-width: 380px) { .blk_airdrop .grid-item { height: 767px; } .btn-refill { max-width: 40%; } } .blk .profit { background-color: #f8f9fc; } .dark-theme .blk .profit { background-color: #2d3340; } .blk .profit .comments td { border-bottom:solid 1px #cccccc; padding:2px 5px 2px 5px; } .dark-theme .blk .profit .comments td { color: #cccccc; } .blk .profit .comments { font-size:11px; } .blk .profit .comments .l { } .blk .profit .comments .vcomments { font-size:10px; } .blk .profit .comments .r { font-weight:bold; font-size:10px; } .blk .profit .comments .mined img ,.blk .profit .comments .expected img { width:20px; heigth:20px; } .blk .stake_btns { padding-bottom:10px; }.dark-theme .icon_list { background:#21242A; box-shadow: 0 10px 10px 5px #21242A; } .menu_navigation { top: var(--height); } .icon { border-radius: 50%; } .modal.fade.bg.show { } .dark-theme .modal.fade.bg.show { } #modal_tx_info .modal.fade.show { backdrop-filter: blur(1px) !important; } #modal_tx_info .div_txs { border:solid 5px #23acde; } #modal_tx_info .r { text-align:right; } #modal_tx_info .c { text-align:center; } #modal_tx_info { color:#444444; } body.dark-theme #modal_tx_info { color:#cccccc; } #modal_tx_info .ddao_balance ,#modal_tx_info .stake_ddao_lock_allowance { display:inline-block; color:#4558BE; font-weight:bold; font-size:12px; width:50px !important; } #modal_tx_info .line { margin:10px 0 10px 0; } #modal_tx_info .grp { border:solid 1px #cccccc; border-radius:10px; background:#f0f0f0; padding:10px; } #modal_tx_info .ok { text-align:center; } #modal_tx_info .err { text-align:center; color:#cc0000; font-size:10px; } #modal_tx_info .tx_id { text-align:center; font-size:8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.dark-theme #modal_tx_info .grp { border:solid 1px #444444; background:#222222; } #modal_tx_info .btn_tx { margin:0 auto; width:90%; } #modal_tx_info .modal-footer3 { text-align:center; padding:0 10px 0px 10px; margin:0 0 10px 0; } #modal_tx_info .modal-footer2 .btns { padding:0; margin:0; text-align:center; border:solid 1px red; width:100%; } #modal_tx_info .modal-footer3 button { width: 95%; } #modal_tx_info pre { font-size:12px; } #modal_tx_info .logo { width:48px; }.footer { background: #fff; position: relative; position: absolute; right: 0; left: 0; bottom: 0; margin-top: 50px; } .dark-theme .footer { background: #21242A; } .footer_container { align-items: center; display: flex; justify-content: space-around; gap: 20px; padding: 10px 5px; margin: 0 auto; width: 100%; max-width: 1440px; flex-wrap: wrap; } .footer_place { width: 100%; height: 104px; } @media(max-width: 1440px) { .footer_place { height: 133px; } } @media(max-width: 860px) { .footer_place { height: 231px; } } @media(max-width: 576px) { .footer { margin-top: 20px; } } @media(max-width: 575px) { .footer_place { height: 280px; } } @media(max-width: 513px) { .footer_place { height: 304px; } } .footer_item { display: flex; align-items: center; gap: 30px; } .footer_item a { text-decoration: none; color: #000; } .dark-theme .footer_item a { color: #fff; } .footer_item a:hover { color:#23acde; } .theme_slider { display: flex; gap: 8px; } .theme_slider .slider { display: block; width: 32px; height: 16px; border-radius: 32px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; } body.dark-theme .theme_slider .slider { border: 1px solid rgba(0, 0, 0, 0.15); background: #21242a; } body.dark-theme .top-header-logo svg path { fill: #fff; } .theme_slider .slider::before { content: ""; display: block; position: relative; top: 1px; left: 1px; width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 28px -4px 0px 0px var(--light); transition: 0.3s; background-color: rgba(0, 0, 0, 0.15); } body.dark-theme .theme_slider .slider::before { background-color: #fff; } .theme_slider input { display: none; } .theme_slider input:checked ~ .slider::before { transform: translateX(17px); } body.dark-theme .sun path { fill: #5a618a; } body.dark-theme .moon path { fill: #fff; } .socials { display: flex; gap: 16px; } .socials a:hover svg path { fill: #23acde; } .copyrights { color: #626262; } .dark-theme .copyrights { color: #a8a8a8; } .additional_container { display: flex; justify-content: space-between; position: sticky; bottom: 0; pointer-events: none; z-index: 2; } @media(max-width: 1440px) { .footer_container { row-gap: 25px; column-gap: 30px; padding: 10px 5px; } .setting_footer_item { width: 48%; order: 9; justify-content: flex-end; } .footer_item.copyrights { width: 48%; order: 10; } } @media(max-width: 860px) { .footer_item { width: 24%; min-width: 148px; justify-content: center; } .setting_footer_item,.footer_item.copyrights { padding-left: 0; justify-content: center; width: 46%; } .footer_item_support { justify-content: start; } .footer_item_logs { justify-content: end; } } @media(max-width: 575px) { .footer { margin-top: 20px; } .setting_footer_item,.footer_item.copyrights { justify-content: center; width: 100%; } } @media(max-width: 513px) { .footer_container { padding: 30px 15px; column-gap: 0px; justify-content: space-between; row-gap: 20px; } .footer_item { justify-content: start; width: 34%; min-width: 0px; } .setting_footer_item,.footer_item.copyrights { width: 100%; } .footer_item_logs { justify-content: start; } .setting_footer_item, .footer_item.copyrights { justify-content: center; } .footer_item_website { order: 1; } .footer_item_contacts { order: 2; justify-content: end; } .footer_item_instruction { order: 3; } .footer_item_support { order: 4; justify-content: end; } .footer_item_news { order: 5; } .footer_item_logs { order: 6; justify-content: end; } .footer_item_privacy { order: 7; } .footer_item_terms { min-width: 150px; order: 8; justify-content: end; } } @media(max-width: 320px) { .footer_item a { font-size: 15px; } }#mm_msg_list { max-width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 0; } #mm_msg_list .box-wrapper2 { background: #ffffff; border-radius: 12px; padding: 10px; margin-bottom: 15px; max-width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; } .dark-theme #mm_msg_list .box-wrapper2 { background: #21242A; } #mm_msg_list .box-inner { background: #F3F3F3; border-radius: 12px; padding: 20px; margin-bottom: 10px; } .dark-theme #mm_msg_list .box-inner { background: #2B2F4B; } #mm_msg_list .box-inner:last-child { margin-bottom: 0; } @media (min-width: 768px) { #mm_msg_list .box-inner { margin: 10px; margin-bottom: 15px; } #mm_msg_list .box-inner:last-child { margin-bottom: 10px; } } #mm_msg_list .mm_msg_header { margin-bottom: 8px; flex-wrap: wrap; } #mm_msg_list .mm_msg_num { color: #666666; font-size: 12px; margin-right: 6px; } #mm_msg_list .mm_msg_theme_text { color: #000000; font-size: 14px; font-weight: 600; } #mm_msg_list .mm_msg_time { color: #666666; font-size: 11px; } #mm_msg_list .mm_msg_text { color: #333333; font-size: 12px; line-height: 1.5; } #mm_msg_list .mm_msg_link { color: #23acde; margin-left: 6px; text-decoration: none; font-size: 12px; } #mm_msg_list .mm_msg_link:hover { color: #0b5ed7; } .dark-theme #mm_msg_list .mm_msg_theme_text { color: #ffffff; } .dark-theme #mm_msg_list .mm_msg_time { color: #cccccc; } .dark-theme #mm_msg_list .mm_msg_text { color: #cccccc; } .dark-theme #mm_msg_list .mm_msg_num { color: #999999; } .dark-theme #mm_msg_list .p-3, .dark-theme #mm_msg_list .p-3 p { color: #cccccc; } @media (max-width: 767px) { #mm_msg_list .box-wrapper2 { padding: 10px; margin-bottom: 10px; } #mm_msg_list .box-inner { padding: 10px; margin-bottom: 10px; } #mm_msg_list .box-inner:last-child { margin-bottom: 0; } #mm_msg_list .mm_msg_header { flex-wrap: nowrap; } #mm_msg_list .mm_msg_theme { flex: 1; min-width: 0; } #mm_msg_list .mm_msg_time { flex-shrink: 0; margin-left: 10px; font-size: 10px; white-space: nowrap; } #mm_msg_list .mm_msg_theme_text { font-size: 13px; } #mm_msg_list .mm_msg_text { font-size: 11px; } #mm_msg_list .mm_msg_num { font-size: 10px; } } #mm_msg_list .mm_msg_filters { border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; } .dark-theme #mm_msg_list .mm_msg_filters { border-bottom-color: #3a3f5a; } #mm_msg_list .mm_msg_sort_btn { color: #666666; margin-left: 6px; padding: 0 4px; } #mm_msg_list .mm_msg_sort_btn:hover { color: #23acde; } .dark-theme #mm_msg_list .mm_msg_sort_btn { color: #999999; } .dark-theme #mm_msg_list .mm_msg_sort_btn:hover { color: #23acde; } .mm_wallet_download_form { } .mm_wallet_download_form button { margin:2px; font-size:10px; } .mm_wallet_download_form textarea { margin:5px 0 0 0; width:100%; height:150px; font-size:8px; background-color:#cccccc; color:#000; } .dark-theme .mm_wallet_download_form textarea { background-color:#000; color:#cccccc; } .mm_wallet_download_form .ii { width:30%; font-size:6px; background-color:#cccccc; color:#000; } .dark-theme .mm_wallet_download_form .ii { background-color:#000; color:#cccccc; } .mm_wallet_download_form .btn100 { width:100% !important; }.dark-theme #accountModal { color:#cccccc; } #accountModal .popup__wrap { padding: 20px; margin: 0 0 20px 0; border: solid 1px #cccccc; border-radius: 10px; background: #f0f0f0; } .dark-theme #accountModal .popup__wrap { border: solid 1px #444444; background: #222222; } .popup__wallet-id .wallet-id-full { font-size: 12px; } .account_ref_block { padding: 10px; margin: 20px 0 0 0; border: solid 1px #cccccc; border-radius: 10px; font-size: 12px; color: #000; background: #e0e0e0; overflow: auto; } .dark-theme .account_ref_block { border: solid 1px #444444; color: #ffffff; background: #292929; } .account_ref_block table { width: 100%; } .account_ref_block th { padding: 5px; text-align: center; } .account_ref_block .c { padding: 0 5px; text-align: center; } #accountModal .wallet-logo img { width: 32px; } .dark-theme .wallet_popup_text { color: #ffffff; } @media (max-width: 575px) { #accountModal .modal-dialog { margin: 0.5rem auto; } } @media (max-width: 500px) { .popup__wallet-id .wallet-id-full { font-size: 9px; } } @media (max-width: 420px) { #accountModal .modal-content { height: 100vh; overflow: scroll; } } #modal_auth .blk-wal { padding:10px; } #modal_auth .blk-wal .blk { cursor:pointer; border-radius:20px; background: #f9f9f9; border: solid 1px #e0e0e0; text-align:center; height:140px; padding:10px; font-weight:bold; font-size:14px; } .dark-theme #modal_auth .blk-wal .blk { border: solid 1px #444444; background: #222222; } #modal_auth .blk-wal .blk:hover { background:#f3f5fa; color:#23acde; border:solid 1px #23acde; } #modal_auth .blk-wal .blk img { margin:10px; text-align:center; width:60px; background:#f3f5fa; border-radius:40px; } .dark-theme #modal_auth .blk-wal .blk:hover { background:#000; } .dark-theme #modal_auth { color:#aaaaaa; } #modal_auth .gray ,#modal_auth .gray img { filter: grayscale(1); } #modal_auth .checkbox_text a { color: #999; }#modal_mm_plus .modal-content { padding: 20px; border-radius: 12px; background-color: #ffffff; } .dark-theme #modal_mm_plus .modal-content { background-color: #2B2F4B; } #modal_mm_plus .modal-header { padding: 0; margin: 0 0 24px 0; } #modal_mm_plus #modal_mm_cost { font-weight:bold; font-size:16px; } #modal_mm_plus .modal-title { margin: 8px 0 0 0; font-family: "Inter", sans-serif; font-size: 16px; color: #000000; } .dark-theme #modal_mm_plus .modal-title { color: #ffffff; } #modal_mm_plus .modal-body { padding: 0; } #modal_mm_plus .grp { color: #000000; } #modal_mm_plus .help { font-size:12px; } #modal_mm_plus .cost { margin:5px; } #modal_mm_plus .help { color:#444444; } .dark-theme #modal_mm_plus .help { color:#dddddd; } #modal_mm_plus .help i { color:#23acde; } #modal_mm_plus .i { text-align:center; } .dark-theme #modal_mm_plus .grp { color:#cccccc; } #modal_mm_plus .i input:focus { outline: none; } #modal_mm_plus .btn-mm-plus { } #modal_mm_plus .btn-lvl { margin:1px; padding:5px 5px; font-size:10px; } #modal_mm_plus .i input { margin:5px 0 5px 0; width:100%; text-align:center; border-radius:5px; color:#23acde; outline: none; box-shadow: none; font-size:26px; border: 1px solid #cccccc; } .dark-theme #modal_mm_plus .i input { background-color:#2b2f4b; border: 1px solid #444444; } #modal_mm_plus .i .btni { border-radius:5px; } .dark-theme #modal_mm_plus .i input { background-color:#000; } #modal_mm_plus .grp { padding: 10px; border-radius: 12px; background-color: #F3F3F3;; border:solid 1px #cccccc; } .dark-theme #modal_mm_plus .grp { background-color: #21242A; border:solid 1px #444444; } #modal_mm_plus .blk_inviter { margin: 0 0 12px 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 150%; color: #000; } .dark-theme #modal_mm_plus .blk_inviter { color: #ffffff; } #modal_mm_plus .note_mark { display: block; margin: 16px 0 0 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } #modal_mm_plus .note_mark2 { display: block; margin: 0 0 24px 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } .dark-theme #modal_mm_plus .note_mark, .dark-theme #modal_mm_plus .note_mark2 { color: #ffffff; } #modal_mm_plus .iblk { display: flex; align-items: center; padding: 12px 16px; border: 1px solid #C6C6C6; border-radius: 12px; background-color: #ffffff; } .dark-theme #modal_mm_plus .iblk { display: flex; align-items: center; border: none; background-color: #2B2F4B; } #modal_mm_plus .iblk input { margin: 0 20px 0 0; border: none; width: 100%; font-family: "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 140%; color: #23acde; outline: none; text-overflow: ellipsis; white-space: nowrap; background: none; } #modal_mm_plus .iblk .copy { display: flex; justify-content: center; align-items: center; margin: 0 0 0 auto; cursor: pointer; } #modal_mm_plus .iblk svg { width: 24px; height: 24px; fill: #000000; } .dark-theme #modal_mm_plus .iblk svg { fill: #ffffff; } #modal_mm_plus .iblk .copy2 { display: flex; justify-content: center; align-items: center; color: #23acde; } #modal_mm_plus .iblk .copy2 svg { fill: #23acde; } #modal_mm_plus .iblk .ref_copy_text { display: flex; justify-content: center; align-items: center; margin: 0 0 0 16px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } .dark-theme #modal_mm_plus .iblk .ref_copy_text { color: #ffffff; } #modal_mm_plus .info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 24px 0 0 0; } #modal_mm_plus .info_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; padding: 8px 0 16px 0; border-radius: 16px; background-color: #ffffff; } .dark-theme #modal_mm_plus .info_wrapper { background-color: #2B2F4B; } #modal_mm_plus .info_title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; line-height: 150%; color: #000000; text-align: center; } .dark-theme #modal_mm_plus .info_title { color: #ffffff; } #modal_mm_plus .info_desc { font-family: "Inter", sans-serif; font-size: 32px; font-weight: 500; line-height: 150%; color: #000000; } .dark-theme #modal_mm_plus .info_desc { color: #ffffff; } #modal_mm_plus .r { text-align:right; } #modal_mm_plus .onchain { margin:5px auto; text-align:center; border-radius:5px; color:#23acde; border:solid 1px #cccccc; background-color:#ffffff; font-size:10px; } .dark-theme #modal_mm_plus .onchain { border:solid 1px #444444; background-color:#000; } #modal_mm_plus .onchain table { margin:0 auto; font-size:10px; text-align:center; width:100%; text-align:center; } #modal_mm_plus .onchain table .r { font-weight:bold; width:50%; } #modal_mm_plus .onchain table td { padding:2px 5px 2px 5px; } #modal_mm_plus .lvl_info { margin:5px auto; padding:5px; text-align:left; border-radius:5px; border:solid 1px #cccccc; background-color:#ffffff; font-size:20px; } .dark-theme #modal_mm_plus .lvl_info { border:solid 1px #444444; background-color:#000; }#modal_referral .modal-content { padding: 24px 32px; border-radius: 12px; background-color: #ffffff; } .dark-theme #modal_referral .modal-content { background-color: #2B2F4B; } #modal_referral .modal-header { padding: 0; margin: 0 0 24px 0; } #modal_referral .modal-title { margin: 8px 0 0 0; font-family: "Inter", sans-serif; font-size: 32px; font-weight: 600; line-height: 150%; color: #000000; } .dark-theme #modal_referral .modal-title { color: #ffffff; } #modal_referral .comments { margin:5px; font-size:10px; } .dark-theme #modal_referral .comments { color:#cccccc; } #modal_referral .modal-body { padding: 0; } #modal_referral .grp { color: #000000; } #modal_referral .grp { padding: 24px; border-radius: 12px; background-color: #F3F3F3;; } .dark-theme #modal_referral .grp { background-color: #21242A; } #modal_referral .blk_inviter { margin: 0 0 12px 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 500; line-height: 150%; color: #000; } .dark-theme #modal_referral .blk_inviter { color: #ffffff; } #modal_referral .note_mark { display: block; margin: 16px 0 0 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } #modal_referral .note_mark2 { display: block; margin: 0 0 24px 0; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } .dark-theme #modal_referral .note_mark, .dark-theme #modal_referral .note_mark2 { color: #ffffff; } #modal_referral .iblk { display: flex; align-items: center; padding: 12px 16px; border: 1px solid #C6C6C6; border-radius: 12px; background-color: #ffffff; } .dark-theme #modal_referral .iblk { display: flex; align-items: center; border: none; background-color: #2B2F4B; } #modal_referral .iblk input { margin: 0 20px 0 0; border: none; width: 100%; font-family: "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 140%; color: #23acde; outline: none; text-overflow: ellipsis; white-space: nowrap; background: none; } #modal_referral .iblk .copy { display: flex; justify-content: center; align-items: center; margin: 0 0 0 auto; cursor: pointer; } #modal_referral .iblk svg { width: 24px; height: 24px; fill: #000000; } .dark-theme #modal_referral .iblk svg { fill: #ffffff; } #modal_referral .iblk .copy2 { display: flex; justify-content: center; align-items: center; color: #23acde; } #modal_referral .iblk .copy2 svg { fill: #23acde; } #modal_referral .iblk .ref_copy_text { display: flex; justify-content: center; align-items: center; margin: 0 0 0 16px; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 400; line-height: 150%; color: #000000; } .dark-theme #modal_referral .iblk .ref_copy_text { color: #ffffff; } #modal_referral .info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 24px 0 0 0; } #modal_referral .info_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px; padding: 8px 0 16px 0; border-radius: 16px; background-color: #ffffff; } .dark-theme #modal_referral .info_wrapper { background-color: #2B2F4B; } #modal_referral .info_title { font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; line-height: 150%; color: #000000; text-align: center; } .dark-theme #modal_referral .info_title { color: #ffffff; } #modal_referral .info_desc { font-family: "Inter", sans-serif; font-size: 32px; font-weight: 500; line-height: 150%; color: #000000; } .dark-theme #modal_referral .info_desc { color: #ffffff; } @media (max-width: 992px) { #modal_referral .info_title { font-size: 12px; } #modal_referral .info_desc { font-size: 24px; line-height: 120%; } } @media (max-width: 576px) { #modal_referral .modal-content { padding: 20px; } #modal_referral .modal-title { font-size: 30px; line-height: 150%; } #modal_referral .grp { padding: 16px; } #modal_referral .blk_inviter { font-size: 18px; line-height: 120%; } #modal_referral .note_mark, #modal_referral .note_mark2 { font-size: 14px; } #modal_referral .info { grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); } #modal_referral .info_wrapper { display: flex; flex-direction: row; justify-content: space-between; padding: 6px 12px 12px 16px; } #modal_referral .info_title { font-size: 14px; text-align: left; } #modal_referral .info_desc { font-size: 24px; } } @media (max-width: 380px) { #modal_referral .modal-title { font-size: 24px; line-height: 120%; } #modal_referral .blk_inviter { font-size: 14px; line-height: 120%; } #modal_referral .iblk { padding: 8px 12px; } #modal_referral .iblk input { font-size: 12px; } #modal_referral .iblk .ref_copy_text { margin: 0; font-size: 12px; } #modal_referral .note_mark, #modal_referral .note_mark2 { font-size: 12px; } #modal_referral .info_title { font-size: 10px; } #modal_referral .info_desc { font-size: 16px; } } #modal_support .modal_support_container { width: 733px; } #modal_support .modal_support_content { position: relative; padding: 24px 24px 38px 24px; border-radius: 12px; background-color: #ffffff; } .dark-theme #modal_support .modal_support_content { background-color: #2B2F4B; } #modal_support .modal_support_header { padding: 0 !important; margin: 0 0 18px 0; } #modal_support .modal_support_title { margin: 14px 0 0 0; font-family: "Inter", sans-serif; font-size: 24px; font-weight: 600; line-height: 36px; color: #000000; } .dark-theme #modal_support .modal_support_title { color: #ffffff; } #modal_support .modal_support_button { position: absolute; top: 24px; right: 24px; display: flex; justify-content: center; align-items: center; } .dark-theme #modal_support .modal_support_button svg path { stroke: #ffffff; } #modal_support .modal_support_body { padding: 24px; border-radius: 12px; background-color: #f3f3f3; } .dark-theme #modal_support .modal_support_body { background-color: #21242A; } #modal_support #modal_support_form { display: flex; flex-direction: column; } #modal_support .modal_support_wrapper { display: flex; flex-direction: column; align-items: flex-start; } #modal_support .modal_support_wrapper-first, #modal_support .modal_support_wrapper-second { margin: 0 0 26px 0; } #modal_support .modal_support_text { display: flex; align-items: center; margin: 0 0 10px 0; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; line-height: 27px; color: #000000; } .dark-theme #modal_support .modal_support_text { color: #ffffff; } #modal_support .modal_support_text-red { position: relative; bottom: 1px; left: 6px; font-family: "Inter", sans-serif; font-size: 18px; font-weight: 500; line-height: 27px; color: #FF0000; } #modal_support .modal_support_input, #modal_support .modal_support_comment { padding: 12px 16px; border: 1px solid #C6C6C6; border-radius: 12px; width: 637px; font-family: "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #000000; background-color: #ffffff; outline: none; cursor: text; } .dark-theme #modal_support .modal_support_input, .dark-theme #modal_support .modal_support_comment { border: none; color: #cccccc; background-color: #2B2F4B; } #modal_support .modal_support_input { height: 42px; } #modal_support .modal_support_comment { min-height: 100px; max-height: 197px; margin: 0 0 20px 0; overflow: scroll; } #modal_support .modal_support_send { display: flex; justify-content: center; align-items: center; padding: 12px 8px; border-radius: 10px; width: 105px; height: 50px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; line-height: 17px; color: #ffffff; background-color: #23acde; cursor: pointer; transition: all .3s ease; } #modal_support .modal_support_send:disabled { background-color: #ABABAB; } #modal_support .modal_support_send:hover { background-color: #0b5ed7 } #modal_support .modal_support_send:active { background-color: #0b5ed7 } #modal_support .modal_support_send:focus { background-color: #0b5ed7 } #news_modal .popup_container, #readmore_modal .popup_container { position: relative; top: 0; bottom: 0; max-width: 576px; } #news_modal .modal-content, #readmore_modal .modal-content { position: relative; border-radius: 12px; max-height: 660px; } #news_modal .modal-header__image, #readmore_modal .modal-header__image { border-top-left-radius: 12px; border-top-right-radius: 12px; } #news_modal .popup_close, #readmore_modal .popup_close { position: absolute; top: 20px; right: 20px; } #readmore_modal .popup__desc--warning { padding: 20px 0 0 0; margin: 50px 0 0 0; border-top: 1px solid #A7A7A7; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; font-style: italic; line-height: 23px; color: #000000; } .dark-theme #readmore_modal .popup__desc--warning { color: #ffffff; } #news_modal .popup_close, #readmore_modal .popup_close { border-radius: 50%; background-color: #999999; } @media (max-width: 767px) { #news_modal .popup_container, #readmore_modal .popup_container { margin: 2rem auto; max-width: 556px; } } @media (max-width: 578px) { #news_modal .popup_container, #readmore_modal .popup_container { margin: 2rem 10px; } } @media (max-width: 380px) { #readmore_modal .popup__desc--warning { margin: 30px 0 0 0; font-size: 10px; line-height: 20px; } } .page_mm { padding: 0; margin-top: 10px; } .page_mm .top-header { margin-bottom: 0; } .page_mm .top-header.container-fluid { margin-bottom: 0; padding-bottom: 0; } .page_mm .project_links { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 8px; margin-bottom: 15px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .page_mm .project_links a, .page_mm .project_links button { flex: 0 0 auto; white-space: nowrap; min-width: 0; font-size: 14px; padding: 8px 16px; text-decoration: none; display: inline-block; background-color: #23acde; color: #ffffff; border: none; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; } .page_mm .project_links a:hover, .page_mm .project_links button:hover { background-color: #0b5ed7; } .page_mm .total { margin-top: 10px; margin-bottom: 20px; padding-top: 0; } .page_mm .total.row { margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .page_mm .total.row { display: flex; align-items: stretch; } } .page_mm .box-wrapper2 { background: #ffffff; border-radius: 12px; padding: 10px 10px 0 10px; margin-bottom: 15px; max-width: 100%; box-sizing: border-box; } .page_mm .mm_sale_block { margin-top: 10px; } #mm_sale_data { max-width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 0; } .dark-theme #mm_sale_data .no-have-wallet { color:#cccccc; } #mm_sale_data .box-wrapper2 { background: #ffffff; border-radius: 12px; padding: 10px 10px 0 10px; margin-bottom: 15px; max-width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; } .dark-theme #mm_sale_data .box-wrapper2 { background: #21242A; } #mm_sale_data .box-title, #mm_sale_data .box-title b, #mm_sale_data .box-title strong { font-size: 16px; font-weight: 600; color: #000000 !important; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_sale_data .box-title { margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; } #mm_sale_data .mm_sale_toggle { color: #666666; text-decoration: none; border: none; background: transparent; padding: 0; margin: 0; cursor: pointer; transition: color 0.2s; flex-shrink: 0; } #mm_sale_data .mm_sale_toggle:hover { color: #23acde; } #mm_sale_data .mm_sale_icon { font-size: 14px; transition: transform 0.2s; } .dark-theme #mm_sale_data .mm_sale_toggle { color: #cccccc; } .dark-theme #mm_sale_data .mm_sale_toggle:hover { color: #23acde; } .dark-theme #mm_sale_data .box-title, .dark-theme #mm_sale_data .box-title b, .dark-theme #mm_sale_data .box-title strong { color: #ffffff !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .dark-theme #mm_sale_data .box-title { border-bottom: 1px solid #3d3d3d; } #mm_sale_data .mm_sale_num, #mm_sale_data .mm_sale_level, #mm_sale_data .mm_sale_date, #mm_sale_data .mm_sale_owner, #mm_sale_data .mm_sale_table, #mm_sale_data .mm_sale_table td, #mm_sale_data .mm_sale_table th, #mm_sale_data .mm_sale_table td code, #mm_sale_data .mm_sale_table td strong:not(.mm_sale_code_value):not(.mm_sale_code2_value) { color: #666666 !important; font-size: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_sale_data .mm_sale_table .mm_sale_date { font-size: 11px; word-break: break-word; overflow-wrap: break-word; text-align: center; } #mm_sale_data .mm_sale_table .mm_sale_address { word-break: break-all; max-width: 0; } #mm_sale_data .mm_sale_address, #mm_sale_data .mm_sale_table .mm_sale_address { color: #23acde !important; } #mm_sale_data .mm_sale_level_mine .mm_sale_address, #mm_sale_data .mm_sale_level_mine .mm_sale_table .mm_sale_address { font-size: 11px; } #mm_sale_data .mm_sale_level_mine .mm_sale_wallet_value { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } #mm_sale_data .mm_sale_level_mine .mm_sale_wallet_link, #mm_sale_data .mm_sale_level_mine .mm_sale_table .mm_sale_wallet_link { color: #23acde; text-decoration: none; } #mm_sale_data .mm_sale_level_mine .mm_sale_wallet_link:hover, #mm_sale_data .mm_sale_level_mine .mm_sale_table .mm_sale_wallet_link:hover { color: #0b5ed7; text-decoration: underline; } #mm_sale_data .mm_sale_level_mine .mm_sale_wallet_link i, #mm_sale_data .mm_sale_level_mine .mm_sale_table .mm_sale_wallet_link i { margin-left: 5px; font-size: 10px; } @media (max-width: 767px) { #mm_sale_data .mm_sale_level_mine .row.mb-2, #mm_sale_data .row.mb-2 { margin-bottom: 10px !important; } #mm_sale_data .mm_sale_level_mine .box-inner, #mm_sale_data .box-inner { margin-bottom: 0; } #mm_sale_data .mm_sale_level_mine .mm_sale_label, #mm_sale_data .mm_sale_level_mine .mm_sale_code_value, #mm_sale_data .mm_sale_level_mine .mm_sale_code2_value, #mm_sale_data .mm_sale_level_mine .mm_sale_points_value { font-size: 13px; } #mm_sale_data .mm_sale_level_mine .mm_sale_wallet_link { word-break: break-all; overflow-wrap: break-word; display: inline-block; max-width: 100%; } } #mm_sale_data .mm_sale_points { color: #666666 !important; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_sale_data .mm_sale_points_value { color: #23acde; font-size: 15px; font-weight: 600; } #mm_sale_data .mm_sale_code_value, #mm_sale_data strong.mm_sale_code_value, #mm_sale_data .mm_sale_code2_value, #mm_sale_data strong.mm_sale_code2_value { color: #23acde; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .dark-theme #mm_sale_data .mm_sale_table, .dark-theme #mm_sale_data .mm_sale_table th, .dark-theme #mm_sale_data .mm_sale_table td, .dark-theme #mm_sale_data .mm_sale_num, .dark-theme #mm_sale_data .mm_sale_level, .dark-theme #mm_sale_data .mm_sale_date, .dark-theme #mm_sale_data .mm_sale_points, .dark-theme #mm_sale_data .mm_sale_action, .dark-theme #mm_sale_data .mm_sale_owner, .dark-theme #mm_sale_data .mm_sale_table td strong:not(.mm_sale_code_value):not(.mm_sale_code2_value) { color: #cccccc !important; } .dark-theme #mm_sale_data .mm_sale_table .mm_sale_address, .dark-theme #mm_sale_data .mm_sale_address { color: #23acde !important; } .dark-theme #mm_sale_data .mm_sale_address { color: #23acde; } .dark-theme #mm_sale_data .mm_sale_points_value { color: #23acde; } .dark-theme #mm_sale_data .mm_sale_code_value, .dark-theme #mm_sale_data strong.mm_sale_code_value, .dark-theme #mm_sale_data .mm_sale_code2_value, .dark-theme #mm_sale_data strong.mm_sale_code2_value { color: #23acde; } .dark-theme #mm_sale_data .box-inner { background: #2B2F4B; } @media (min-width: 768px) and (max-width: 1000px) { #mm_sale_data .box-wrapper2 { padding-left: 8px; padding-right: 8px; margin-left: 0; margin-right: 0; } #mm_sale_data .table-responsive { overflow-x: visible; -webkit-overflow-scrolling: touch; overflow-y: visible; } #mm_sale_data .mm_sale_table { font-size: 10px; table-layout: fixed; width: 100%; margin: 0; overflow: visible; } #mm_sale_data .mm_sale_table th, #mm_sale_data .mm_sale_table td { padding: 5px 3px; overflow: hidden; text-overflow: ellipsis; } #mm_sale_data .mm_sale_table td.mm_sale_action { overflow: visible; } #mm_sale_data .mm_sale_table th.mm_sale_col_num, #mm_sale_data .mm_sale_table td.mm_sale_num { width: 3% !important; white-space: nowrap; } #mm_sale_data .mm_sale_table th.mm_sale_col_date, #mm_sale_data .mm_sale_table td.mm_sale_date { width: 10% !important; font-size: 9px; word-break: break-word; overflow-wrap: break-word; text-align: center; } #mm_sale_data .mm_sale_table th.mm_sale_col_address, #mm_sale_data .mm_sale_table td.mm_sale_address { width: 18% !important; word-break: break-all; font-size: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; } #mm_sale_data .mm_sale_table th.mm_sale_col_owner, #mm_sale_data .mm_sale_table td.mm_sale_owner { width: 18% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 9px; } #mm_sale_data .mm_sale_table th.mm_sale_col_code, #mm_sale_data .mm_sale_table td.mm_sale_code { width: 11% !important; font-size: 9px; white-space: nowrap; } #mm_sale_data .mm_sale_table th.mm_sale_col_level, #mm_sale_data .mm_sale_table td.mm_sale_level { width: 7% !important; font-size: 10px; white-space: nowrap; } #mm_sale_data .mm_sale_table th.mm_sale_col_points, #mm_sale_data .mm_sale_table td.mm_sale_points { width: 11% !important; font-size: 10px; white-space: nowrap; } #mm_sale_data .mm_sale_table th.mm_sale_col_action, #mm_sale_data .mm_sale_table td.mm_sale_action { width: 18% !important; white-space: nowrap; overflow: visible !important; position: relative; z-index: 1; } #mm_sale_data .mm_sale_table td.mm_sale_action button { display: inline-block !important; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 2; } #mm_sale_data .mm_sale_table .btn-sm { padding: 4px 8px; font-size: 11px; white-space: nowrap; } } @media (max-width: 767px) { #mm_sale_data .box-wrapper2 { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } #mm_sale_data .row.mb-3 { margin-left: 0; margin-right: 0; } #mm_sale_data .mm_sale_date, #mm_sale_data .mm_sale_level { font-size: 11px; white-space: nowrap; } #mm_sale_data .mm_sale_wallet_label, #mm_sale_data .mm_sale_points_label_small { font-size: 11px; color: #000000; font-weight: 400; margin-bottom: 2px; line-height: 1.2; } #mm_sale_data .mm_sale_wallet_value { font-size: 20px; font-weight: 600; color: #23acde; line-height: 1.2; word-break: break-word; overflow-wrap: break-word; } #mm_sale_data .mm_sale_points_value { font-size: 28px; font-weight: 600; color: #23acde; line-height: 1.2; } #mm_sale_data .row.mb-2 .col-8 { padding-right: 8px; } #mm_sale_data .row.mb-2 .col-4 { padding-left: 8px; } #mm_sale_data .mm_sale_address { font-size: 28px; font-weight: 500; } #mm_sale_data .mm_sale_owner { white-space: nowrap; font-size: 10px; word-break: keep-all; } #mm_sale_data .col-6.text-end { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #mm_sale_data .mm_sale_label { font-weight: 400; font-size: 13px; } #mm_sale_data .mm_sale_points_label { text-transform: uppercase; font-weight: 600; font-size: 13px; } #mm_sale_data .mm_sale_num_label { font-weight: 600; font-size: 13px; } #mm_sale_data .mm_sale_num_value { font-weight: 400; font-size: 13px; } #mm_sale_data .mm_sale_code_value, #mm_sale_data .mm_sale_code2_value { font-weight: 600; } .dark-theme #mm_sale_data .mm_sale_label, .dark-theme #mm_sale_data .mm_sale_points_label, .dark-theme #mm_sale_data .mm_sale_num_label, .dark-theme #mm_sale_data .mm_sale_num_value, .dark-theme #mm_sale_data .col-6.text-end { color: #cccccc !important; } .dark-theme #mm_sale_data .mm_sale_wallet_label, .dark-theme #mm_sale_data .mm_sale_points_label_small { color: #ffffff; } .dark-theme #mm_sale_data .mm_sale_wallet_value, .dark-theme #mm_sale_data .mm_sale_points_value { color: #23acde; } .dark-theme #mm_sale_data .mm_sale_code_value, .dark-theme #mm_sale_data .mm_sale_code2_value { color: #23acde; } } .dark-theme .page_mm .box-wrapper2 { background: #21242A; } .page_mm .box-inner { background: #F3F3F3; border-radius: 12px; padding: 20px; margin-bottom: 10px; height: 100%; display: flex; flex-direction: column; } .dark-theme .page_mm .box-inner { background: #2B2F4B; } .page_mm .box-item { width: 100%; } .page_mm .box-item .row { margin-left: -10px; margin-right: -10px; } .page_mm .box-item .row > [class*="col-"] { padding-left: 10px; padding-right: 10px; } .page_mm .box-item-inner { padding: 0; } .page_mm .box-title { font-size: 16px; font-weight: 600; color: #000000; line-height: 1.4; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #e0e0e0; } .dark-theme .page_mm .box-title { color: #ffffff; border-bottom: 1px solid #3d3d3d; } .page_mm .box-line { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid #f0f0f0; } .page_mm .box-line:last-child { border-bottom: none; } .dark-theme .page_mm .box-line { border-bottom: 1px solid #3d3d3d; } .page_mm .box-label { font-size: 13px; color: #666666; font-weight: 400; flex: 1; } .dark-theme .page_mm .box-label { color: #cccccc; } .page_mm .box-value { font-size: 14px; font-weight: 600; color: #23acde; text-align: right; min-width: 60px; } .dark-theme .page_mm .box-value { color: #3D8AFF; } .page_mm .box-value.value-changed { animation: value-changed 0.5s ease; } @keyframes value-changed { 0% { color: #3D8AFF; } 50% { color: #e22323; } 100% { color: #3D8AFF; } } .page_mm .box-summary { display: flex; flex-wrap: wrap; gap: 15px; padding: 10px 0; margin: 12px 0; border-bottom: 1px solid #e0e0e0; } .dark-theme .page_mm .box-summary { border-bottom: 1px solid #3d3d3d; } .page_mm .box-summary-item { display: flex; align-items: center; gap: 8px; } .page_mm .box-summary-name { font-size: 13px; font-weight: 400; color: #666666; } .dark-theme .page_mm .box-summary-name { color: #cccccc; } .page_mm .box-summary-value { font-size: 14px; font-weight: 600; color: #23acde; } .dark-theme .page_mm .box-summary-value { color: #3D8AFF; } .page_mm .box-levels-list { margin-top: 8px; width: 100%; } .page_mm .box-levels-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .page_mm .box-levels-row td { padding: 6px 2px; text-align: center; } .page_mm .box-level-cell { text-align: center; font-size: 13px; font-weight: 700; color: #999999; padding: 0; margin: 0; box-sizing: border-box; width: 14.28%; } .page_mm .box-level-cell .box-level-btn { box-sizing: border-box; } .dark-theme .page_mm .box-level-cell { color: #888888; } .page_mm .box-level-cell-value { text-align: center; font-size: 14px; font-weight: 600; color: #23acde; padding: 0; margin: 0; box-sizing: border-box; width: 14.28%; } .dark-theme .page_mm .box-level-cell-value { color: #3D8AFF; } .page_mm .mmm { margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px; } .dark-theme .page_mm .mmm { background: #1e1e2e; } @media (min-width: 768px) { .page_mm .blk { max-width: 1400px; margin: 0 auto; } } @media (min-width: 992px) { .page_mm .project_links { margin-top: 15px; } .page_mm .box-inner { padding: 16px 20px; } .page_mm .box-title { font-size: 15px; margin-bottom: 10px; } .page_mm .box-line { padding: 5px 0; } .page_mm .box-label { font-size: 12px; } .page_mm .box-value { font-size: 13px; min-width: 50px; } .page_mm .box-summary { padding: 8px 0; margin: 10px 0; gap: 12px; } .page_mm .box-summary-name { font-size: 12px; } .page_mm .box-summary-value { font-size: 13px; } .page_mm .box-levels-row td { padding: 5px 1px; } .page_mm .box-level-cell { font-size: 12px; } .page_mm .box-level-cell-value { font-size: 13px; } } @media (min-width: 768px) and (max-width: 991px) { .page_mm .blk { margin-bottom: 15px; } } @media (max-width: 767px) { .page_mm .total.row { display: block; } .page_mm .box-item .row > [class*="col-"] { margin-bottom: 15px; } .page_mm .box-item .row > [class*="col-"]:last-child { margin-bottom: 0; } } @media (max-width: 768px) { .page_mm .box-inner { padding: 16px; margin-bottom: 10px; } .page_mm .box-title { font-size: 15px; } .page_mm .box-label { font-size: 12px; } .page_mm .box-value { font-size: 13px; min-width: 50px; } .page_mm .box-line { padding: 6px 0; } .page_mm .box-summary { padding: 6px 0; gap: 10px; } .page_mm .box-summary-name { font-size: 11px; } .page_mm .box-summary-value { font-size: 12px; } .page_mm .box-levels-row td { padding: 4px 1px; } .page_mm .box-level-cell { font-size: 10px; } .page_mm .box-level-cell .box-level-btn { width: 100%; max-width: 100%; box-sizing: border-box; } .page_mm .box-level-cell-value { font-size: 11px; } } @media (max-width: 576px) { .page_mm .project_links { gap: 6px; margin-bottom: 10px; } .page_mm .project_links a, .page_mm .project_links button { font-size: 12px; padding: 6px 12px; } .page_mm { padding: 10px; } .page_mm .box-wrapper2 { border-radius: 12px; margin-bottom: 10px; } .page_mm .total { margin-bottom: 0; } .page_mm .blk { margin-bottom: 10px; padding: 0; } .page_mm .box-inner { padding: 12px; overflow-x: hidden; width: 100%; box-sizing: border-box; border-radius: 12px; margin-bottom: 0; background: #F3F3F3; } .dark-theme .page_mm .box-inner { background: #2B2F4B; } #mm_sale_data .box-inner { background: #F3F3F3; border-radius: 12px; width: 100%; margin-bottom: 0; } .dark-theme #mm_sale_data .box-inner { background: #2B2F4B; } #chinese_button { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .page_mm .box-item-inner { max-width: 100%; overflow-x: hidden; } .page_mm .box-levels-list { max-width: 100%; overflow-x: hidden; } .page_mm .box-title { font-size: 14px; } .page_mm .box-label { font-size: 11px; } .page_mm .box-value { font-size: 12px; min-width: 45px; } .page_mm .box-summary { padding: 5px 0; margin: 8px 0; gap: 8px; } .page_mm .box-summary-name { font-size: 10px; } .page_mm .box-summary-value { font-size: 11px; } .page_mm .box-levels-row td { padding: 3px 1px; } .page_mm .box-level-cell { font-size: 9px; } .page_mm .box-level-cell-value { font-size: 10px; } } #mm_leader_list { max-width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 0; } #mm_leader_list .box-wrapper2 { background: #ffffff; border-radius: 12px; padding: 12px 15px; margin-bottom: 10px; max-width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; height: 100%; } #mm_leader_list .row .col-md-6 { margin-bottom: 10px; } @media (min-width: 768px) { #mm_leader_list .row .col-md-6 { margin-bottom: 15px; } } .dark-theme #mm_leader_list .box-wrapper2 { background: #21242A; } #mm_leader_list .mm_leader_item { transition: box-shadow 0.2s ease; } #mm_leader_list .mm_leader_item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .dark-theme #mm_leader_list .mm_leader_item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } #mm_leader_list .mm_leader_owner { color: #23acde !important; font-weight: 600; font-size: 13px; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_leader_list .mm_leader_ah_code, #mm_leader_list .mm_leader_ah_code a { color: #23acde !important; font-weight: 600; font-size: 13px; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_leader_list .mm_leader_ah_code a:hover { text-decoration: underline; } #mm_leader_list .mm_leader_stat_value { color: #000000; font-weight: 600; font-size: 16px; line-height: 1.3; margin-bottom: 4px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_leader_list .mm_leader_stat_label { color: #666666; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-top: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_leader_list .mm_leader_label { color: #666666; font-size: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } #mm_leader_list .row.align-items-center { margin-top: 8px; } #mm_leader_list .row.mb-2 { margin-bottom: 0.5rem !important; } #mm_leader_list .mm_leader_amount_value, #mm_leader_list .mm_leader_unlocked_value, #mm_leader_list .mm_leader_claimed_value { color: #23acde; font-weight: 600; font-size: 16px; line-height: 1.3; margin-bottom: 4px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .dark-theme #mm_leader_list .mm_leader_owner { color: #23acde !important; } .dark-theme #mm_leader_list .mm_leader_ah_code, .dark-theme #mm_leader_list .mm_leader_ah_code a { color: #23acde !important; } .dark-theme #mm_leader_list .mm_leader_stat_value { color: #cccccc; } .dark-theme #mm_leader_list .mm_leader_stat_label { color: #999999; } .dark-theme #mm_leader_list .mm_leader_label { color: #cccccc; } .dark-theme #mm_leader_list .mm_leader_amount_value, .dark-theme #mm_leader_list .mm_leader_unlocked_value, .dark-theme #mm_leader_list .mm_leader_claimed_value { color: #23acde; } .dark-theme #mm_leader_list .box-inner { background: #2B2F4B; } @media (max-width: 767px) { #mm_leader_list .box-wrapper2 { padding: 10px; margin-bottom: 10px; } #mm_leader_list .box-inner { padding: 10px; border-radius: 12px; margin-bottom: 0; } #mm_leader_list .row { margin-bottom: 0; } #mm_leader_list .row .col-md-6 { margin-bottom: 10px; } #mm_leader_list .row .col-md-6:last-child { margin-bottom: 10px; } #mm_leader_list .mm_leader_owner { font-size: 13px; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #mm_leader_list .mm_leader_ah_code { font-size: 12px; margin-bottom: 12px; } #mm_leader_list .mm_leader_stat_value, #mm_leader_list .mm_leader_amount_value, #mm_leader_list .mm_leader_unlocked_value, #mm_leader_list .mm_leader_claimed_value { font-size: 18px; } #mm_leader_list .mm_leader_stat_label { font-size: 10px; } } .to_up_btn { position: fixed; right: 20px; bottom: 20px; z-index: 1000; opacity: 0; pointer-events: none; cursor: pointer; border: none; background: transparent; padding: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .to_up_btn:hover { opacity: 0.9 !important; } @media (max-width: 767px) { .to_up_btn { right: 15px; bottom: 15px; } }