:root {
  --web3-text-100: #B8BDCC;
  --web3-card-bg-1: #ffffff;
  --web3-disabled-1: #EDEEF2;
  --color-divider-1: #DADDE5;
  --color-hover-a: #f2f7ff;
  --set-item-hover-bg: #eff5ff;
  --header-drawer-bg: #ffffff;
  --header-unfold-item-bg: #F8F9FB;
  --header-unfold-item-color: #262933;
}

:root .classic-dark {
  --web3-text-100: #474F66;
  --web3-card-bg-1: #1F2433;
  --web3-disabled-1: #252B3A;
  --color-divider-1: #70798C;
  --color-hover-a: #141c33;
  --set-item-hover-bg: #080C1A;
  --header-drawer-bg: #1A1C23;
  --header-unfold-item-bg: #14151A;
  --header-unfold-item-color: #E0E0E0;
}

.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}

.fs12 {font-size:12rem;}
.fs14 {font-size:14rem;}
.fs16 {font-size:16rem;}
.fs20 {font-size:20rem;}
.fs24 {font-size:24rem;}
.fs28 {font-size: 28rem;}
.fs32 {font-size:32rem;}
.fs40 {font-size:40rem;}
.fs48 {font-size:48rem;}
.fs52 {font-size:52rem;}

.c-fff{color: #fff;}
.c-040{color: var(--color-text-1);}
.c-565{color: var(--color-text-2);}
.c-8d9{color: var(--color-text-3);}
.c-b8b{color: var(--color-text-4);}
.c-606{color: #606880;}
.c-235{color: var(--color-brand-1);}

.fd-col{flex-direction: column;}
.flex1{flex: 1;}

.mt8 {margin-top: 8rem;}
.mt16 {margin-top: 16rem;}
.mt24 {margin-top: 24rem;}
.mt48 {margin-top: 48rem;}
.mr8 {margin-right: 8rem;}
.mr12 {margin-right: 12rem;}
.mr16 {margin-right: 16rem;}
.mr24 {margin-right: 24rem;}
.mr28 {margin-right: 28rem;}
.mb160 {margin-bottom: 160rem;}
.ml4 {margin-left: 4rem;}
.web3-ml4 { margin-left: 4px; }
.defi-mb-15 { margin-bottom: 15px; }

.lh100 {line-height: 100%;}
.lh150 {line-height: 150%;}
.textRight {text-align: right !important;}
body * {box-sizing: border-box;}
body, body.classic-dark{background: var(--color-bg-3);}
body.classic-dark div#root{background: transparent!important;}
body {-webkit-tap-highlight-color: rgba(0,0,0,0)}
a:focus, input:focus, p:focus, div:focus{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.w100p{width: 100%;}
.wp-nowrap{white-space: nowrap;}
.classic-dark .theme-light-hide, .theme-dark-hide{display: none;}
.classic-dark .theme-dark-hide{display: block;}

.over-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.over-ell2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.web3-title{font-size: 40rem;line-height: 150%;font-weight: 700;color: var(--color-text-1);}
.web3-subtitle{font-size: 20rem;line-height: 150%;color: var(--color-text-1);}

/* header start */
section#opPanel > ul > li:last-child{display: none;}
#mainHeader {z-index: 12;}
#modeStatus {margin: 0 16px;border: 1px solid var(--color-brand-1);border-radius: 4px;flex-shrink: 0; overflow: hidden;}
#modeStatus a {height: 24px;padding: 0 14px;line-height: 24px;font-size: 12px;color: #E0E0E0;background-color: #182253; text-align: center; font-weight: 500;}
.classic-dark #modeStatus a{color: #E0E0E0;}
#modeStatus a:first-child:hover{color: var(--color-brand-1)}
#modeStatus a:last-child{border-radius: 4px 0px 0px 4px;}
#modeStatus a.active {background-color: var(--color-brand-1);color: #fff;border: none;}
#navLists a {margin-right: 14px;color: #fff;font-size: 14px;font-weight: 500;}
.footer-container #footerSignup {display: none;}
#mainHeader #navLists li{position: relative;padding: 16px 0;}
#mainHeader #navLists li:hover a{color: var(--color-brand-1);}
#mainHeader #navLists li:hover .top-menu-arrow{fill: var(--color-brand-1);transform: rotate(180deg);}
.third-nav {position: absolute; top: 56px;left: -32px;z-index: 9999;display: none;}
#mainHeader #navLists li:hover .second-nav,
#mainHeader #navLists li:hover .third-nav {display: block;left: -16px;top: 38px;}
#mainHeader #navLists li .second-nav .nav-box,
#mainHeader #navLists li .third-nav .nav-box {display: flex;flex-direction: column;padding: 8px;}
#mainHeader #navLists li .second-nav .nav-box a,
#mainHeader #navLists li .third-nav .nav-box a {border-radius: 4px; margin: 0;color: var(--color-text-1); height: 60px; padding: 0px 8px;min-width: 244px; display: flex; align-items: center;}
#mainHeader #navLists li .third-nav .nav-box a svg {margin-right: 12px;}
#mainHeader #navLists li .second-nav .nav-box a:hover,
#mainHeader #navLists li .third-nav .nav-box a:hover{background: var(--color-hover-a);}
#mainHeader #navLists li .second-nav .nav-box a.disabled{color: var(--color-text-3);cursor: not-allowed;}
#ninth_anniversary_fixed_link, .langset-inner-header div[data-tab="rate"].langset-inner-header-item{display: none;}
/* h5 menu */
body.clearOverflow {overflow: hidden;}
#opPanel #menu-expend-list li {margin: 0;}
#menu-expend-list {background: var(--color-bg-3);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;overflow: auto;}
.nav-container-header a img {width: 105px;height: 24px;}
#opPanel .nav-container-header > a {display: flex;align-items: center;}
.nav-container-header > a > div {height: 20px;width: 48px;padding: 4px 8px;color: #fff;background: var(--color-brand-1);border-radius: 4px;font-size: 12px;line-height: 12px;margin-left: 8px;}
.nav-container-header {display: flex;justify-content: space-between;align-items: center;padding: 0 12px;height: 64px;margin-bottom: 8px;}
#nav-close-btn {width: 24px;height: 24px;}
.nav-container-enter {display: flex;justify-content: space-between;align-items: center;padding: 24px 16px;}
#opPanel .nav-container-enter a {flex-grow: 1;display: flex;}
.nav-container-enter a:first-child {margin-right: 8px;}
.nav-outline-btn {width: 100%;height: 40px;border: 1px solid var(--color-brand-1);border-radius: 4px;color: var(--color-brand-1);display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 100%;font-weight: 700;}
.nav-fill-btn {width: 100%;height: 40px;background: var(--color-brand-1);border-radius: 4px;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 100%;font-weight: 700;}
.mantine-Drawer-header {margin-bottom: 24px;}
.mantine-Drawer-title {font-weight: 700;font-size: 20px;line-height: 150%;color: var(--color-text-1);}
.mantine-Drawer-drawer {padding: 24px 20px;border-radius: 16px 16px 0px 0px;background: var(--color-bg-3);}
.mantine-Drawer-drawer:focus {box-shadow: none;}
.mantine-Drawer-drawer:focus-visible {box-shadow: none;}
.mantine-Drawer-closeButton {width: 20px;height: 20px;min-width: 20px;min-height: 20px;position: relative;left: 8px;top: -5px;}
.mantine-Drawer-closeButton:focus-visible {box-shadow: none;}
.mantine-Drawer-closeButton:focus {box-shadow: none!important;}
.mantine-Drawer-closeButton:hover {background-color: transparent;}
.mantine-Drawer-closeButton svg {width: 20px;height: 20px;color: var(--color-text-4);}
.nav-container-item > ul > li {width: 100%;font-size: 16px;line-height: 16px;font-weight: 500;}
#opPanel .nav-container-item ul li a {color: var(--color-text-1);display: flex;align-items: center;justify-content: space-between;height: 56px;padding: 0 16px;}
/* #opPanel .nav-container-item .second-nav-more .menu-second-nav a:hover {background: var(--color-card-3);} */
.li-expanded {background: var(--color-card-3);}
.menu-second-nav {display: none;}
.li-expanded .menu-second-nav {display: block;background: var(--color-card-1);padding: 0 32px;}
.li-expanded svg.menu-collapsible-icon {transform: rotate(180deg)!important;}
.li-expanded svg.menu-collapsible-icon path {stroke: var(--color-brand-1);}
ul.top-nav {padding-bottom: 16px;position: relative;}
.nav-container-item ul.top-nav::after{content: '';position: absolute;left: 16px;right: 16px;height: 1px;background: var(--color-divider-1);bottom: 0;}
#opPanel .nav-container-item ul li a.disabled{color: var(--color-text-3);cursor: not-allowed;}
.bottom-nav {margin-top: 20px;}
.icon-title {display: flex;align-items: center;}
.icon-title, .icon-title a {font-size: 16px;line-height: 16px;color: var(--color-text-1);font-weight: 500;}
.setup-item-title {height: 56px;padding: 16px;display: flex;align-items: center;justify-content: space-between;}
.setup-item-title .icon-title .top-menu-icon {width: 24px;height: 24px;margin-right: 8px;}
#opPanel .nav-container-item .lang-list li.active a {color: var(--color-brand-1);}
.reftime-container-h5 > div {height: 56px;display: flex;align-items: center;padding: 0 16px;}

/* end */

/* footer start */
.classic-dark #footer-view{background: #000;}
.footer-container{width: 100%;}
/* end */

/* home start */
.web3-banner {padding: 0 var(--layout-padding);height: 755rem;background: linear-gradient(180deg, rgba(35, 84, 230, 0.06) 7.33%, rgba(255, 255, 255, 0) 100%);display: flex;justify-content: space-between;align-items: center;position: relative;width: 100%;}
.web3-banner-bg {position: absolute;z-index: -1;width: 100%;height: 776rem;top: 0;left: 0;}
.web3-banner-bg img{object-fit: cover;width: 100%;height: 100%;}
.classic-dark .web3-banner {background: linear-gradient(180deg, rgba(35, 84, 230, 0.06) 7.33%, rgba(255, 255, 255, 0) 100%);}
.web3-banner .banner-left {width: 35.2%;display: flex;flex-direction: column;justify-content: center;}
.web3-banner .banner-right {width: 51.18%}
.web3-banner .banner-right img {width: 100%;}
.web3-banner .btn {width: 100%;display: flex;padding: 0;}
.web3-banner .btn span {padding: 16rem 32rem;cursor: pointer;white-space: nowrap;line-height: 20px;border-radius: 8rem;text-align: center;border: 1px solid var(--color-brand-1);color: var(--color-brand-1);}
.web3-banner .btn a span:hover{color: var(--color-brand-2);border: 1px solid var(--color-brand-2);}
.web3-banner .btn .wallet-btn {background-color: var(--color-brand-1);color: #fff;}
.web3-banner .btn .hover-btn-bg:hover{background-color: var(--color-brand-2);border: 1px solid var(--color-brand-2);}

.main-title {margin: 0 auto 48rem;text-align: center;}

.web3-futures{width: 100%;}
.web3-futures-coin {min-width: 65rem}
.web3-futures thead{height: auto;}
.web3-futures thead tr{width: 100%;font-size: 16rem;color: var(--color-text-3);line-height: 100%;height: 16rem;font-weight: 400;}
.web3-futures thead tr th{border-bottom-width: 4rem;border-bottom-color: transparent;}
.web3-futures tbody tr{width: 100%;height: 76rem;margin-bottom: 8px;position: relative;}
.web3-futures th, .web3-futures tr td{width: 16.6%;}

.web3-futures th:not(:last-child), .web3-futures tr td:not(:last-child){text-align: left;padding-right: 12rem;}
.web3-futures th:last-child, .web3-futures tr td:last-child{text-align: right;}
.web3-futures tr .buy {padding: 0 24rem;height: 32rem;display: inline-block;cursor: pointer;text-align: center;line-height: 32rem;border-radius: 4rem;background-color: var(--color-neutral-2);}
.web3-futures tr:hover .buy{background: var(--color-brand-1);color: #fff;}
.web3-futures tr img {width: 28rem;height: 28rem;margin-right: 12rem;border-radius: 50%;}
.web3-futures tr::before {content: '';opacity: 0;position: absolute;z-index: -1;top: 0;bottom: 0; right: -24rem;left: -24rem;background-color: var(--color-card-3)}
.web3-futures tbody tr:hover::before {opacity: 1;}
.rise-red-body .rate_down svg path,
.rise-green-body .rate_up svg path {fill: var(--color-funct-2);}
.rise-red-body .rate_up svg path,
.rise-green-body .rate_down svg path {fill: var(--color-funct-3);}
.web3-futures tr .rate_down svg, .web3-futures tr .rate_up svg{margin-left: 4rem;}
.web3-experience-center{margin-top: 48rem;margin-bottom: 160rem;}
.web3-experience-center-item, .web3-home-learning-item{padding: 48rem 32rem;border-radius: 8rem;cursor: pointer;}
.web3-experience-center-item:hover, .web3-home-learning-item:hover{background: var(--color-card-3);color: var(--color-text-1);}
.web3-experience-center-item img{width: 140rem;height: 140rem;object-fit: contain;}
.web3-experience-center-item h3{font-size: 24rem;line-height: 150%;}
.web3-experience-center-item p{font-size: 16rem;line-height: 150%;color: var(--color-text-3);text-align: center;margin-bottom: 0;}
.web3-entry-img{height: 540rem;object-fit: contain;}
.web3-defi {margin: 160rem 0 273rem;display: flex;justify-content: space-between;align-items: center;}
.web3-defi .right {width: 30.1%;display: flex;flex-direction: column;}
.web3-defi .left {width: 55.87%;height: fit-content;aspect-ratio: 1/0.5625;position: relative;}
.web3-defi .left img{width: 100%;object-fit: contain;}
.web3-defi .left .bottom {width: 38.5%;position: absolute;right: -23.75%;bottom: -26.44%;}
.web3-defi .btn {width: fit-content;padding: 16rem 32rem;font-size: 20rem;line-height: 100%;border-radius: 8rem;background-color: var(--color-brand-1);color: #fff;cursor: pointer;}
.web3-defi .btn:hover{background: var(--color-brand-2);}
.web3-join {background-color: var(--color-card-1);padding: 72rem 0;}
.web3-join .btn {padding: 0;}
.web3-join .btn a {padding: 16rem 32rem;border-radius: 8rem;cursor: pointer;display: flex;align-items: center;background-color: var(--color-brand-1);color: #fff;font-weight: 700;}
.web3-join .btn a:not(:last-child) {margin-right: 24rem;}
.web3-join .btn a:hover{background: var(--color-brand-2);}
.web3-join .btn svg {margin-right: 8rem;}
.web3-join .btn span:last-child {margin-right: 0;}
.web3-home-learning{margin-top: 48rem;margin-bottom: 160rem;color: var(--color-text-1);}
.web3-home-learning-item img{width: 80rem;height: 80rem;object-fit: contain;margin-right: 48rem;margin-left: 16rem;flex-shrink: 0;}
.web3-home-learning-item h3{font-size: 28rem;line-height: 150%;margin-bottom: 2rem;}
.web3-home-learning-item p{font-size: 16rem;line-height: 150%;color: var(--color-text-3);margin-bottom: 0;}
.start-connect-wallet{margin-bottom: 96rem;margin-top: 48rem;}
.start-connect-wallet-left{height: 497rem;width: 100%;object-fit: contain;}
.start-connect-wallet-right{width: 431rem;margin-left: 188rem;color: var(--color-text-1);}
.start-connect-wallet-right h2{font-size: 40rem;line-height: 150%;}
.start-connect-wallet-right span{font-size: 20rem;line-height: 150%;}
.start-connect-wallet-right .start-connect-wallet-btn{padding: 16rem 32rem;box-sizing: border-box;font-size: 20rem;line-height: 100%;background: var(--color-brand-1);color: #fff;border-radius: 8rem;cursor: pointer;width: fit-content;}
.start-connect-wallet-right .start-connect-wallet-btn:hover{background: var(--color-brand-2);}

.price-chart {position: relative;height: 22rem;width: 100%;}
.price-chart canvas {width: 100% !important;}
/* end */

/* gateio download start */
.gateio-download-market-container{width: 456rem;}
.gateio-download-qrcode-container{display: flex;align-items: center;margin-top: 80rem;}
.qrcode-container{display: flex;align-items: center;justify-content: center;border: 5px solid #E6E9F2;border-radius: 4px;}
.QR-bottom-scan-box{padding: 2px;}
.scan-download-text{font-size: 24rem;margin-left: 40rem;line-height: 150%;color: var(--color-text-1);width: 221rem;}
.scan-download-text > span:last-child{color: var(--color-text-3);font-size: 16rem;line-height: 150%;margin-top: 10rem;}
.gateio-download-market-list{width: 100%;margin-top: 68rem;--layout-itemMargin: 12rem 76rem}
.download-market-item{width:100%;padding: 13rem 0;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: var(--color-text-1);border-radius: 8px;}
.download-market-item:hover{background: #E8ECF1;}
.download-market-item svg{width:32rem;height:32rem}
.download-market-item:hover svg g path{fill: var(--color-brand-1)!important;}
.download-market-name{margin-top: 16rem;font-size: 16rem;line-height: 100%;color: var(--color-text-1);}
.download-market-item:hover .download-market-name{color: var(--color-text-2);}
.download-phone-bg{margin-left: 248rem;height: 822rem;box-sizing: border-box;position: relative;margin-right: 11.37%;}
.download-phone-bg img{width: 100%;height: 100%;object-fit: contain;position: absolute;z-index: -1;bottom: 0;}
/* end */


/* wallet center start */
.wallet-center-main {min-height: 70vh;margin-bottom: 200rem;}
.wallet-info{margin: 48rem 24rem 16rem;}
.wallet-info, .wallet-info-left{display: flex;justify-content: space-between;align-items: center;}
.wallet-info-left{flex-direction: column;padding-bottom: 16rem;}
.wallet-navs-left, 
.wallet-info-right .total,
.wallet-table .token{display: flex;align-items: center;}
.wallet-table {min-height: 60vh;}
.wallet-navs {margin: 0 24rem 48rem;display: flex;justify-content: space-between;}
.wallet-navs-right {width: 155px;height: 40px;line-height: 40px;background-color: var(--color-cmpt-2);color: var(--color-text-1);cursor: pointer;border: 1px solid var(--color-divider-1);border-radius: 4px;}
.wallet-navs-right li {display: flex;align-items: center;cursor: pointer;justify-content: space-between;padding: 0 12px;}
.wallet-navs-right ul {width: 100%;margin-top: 4px;position: relative;z-index: 11; box-shadow: 0px 0px 24px rgba(70, 100, 140, 0.15);border-radius: 4px;background-color: var(--color-bg-3);}
.wallet-navs-right ul li:hover {background-color: var(--color-card-3);color: var(--color-brand-1);}
.wallet-navs-right .iconfont {transition: all .2s;}
.wallet-navs-right .rotate {transform: rotate(180deg);}
.wallet-navs-left li{margin-right: 32rem;cursor: pointer;}
.wallet-navs-left li.active{color: var(--color-text-1);position: relative;}
.wallet-navs-left li.active::before{content: '';width: 8px;height: 8px;background-color: var(--color-funct-1);position: absolute;left: calc(50% - 4px);bottom: -16px;}
.wallet-info-right{height: 128rem;padding: 32rem; border-radius: 8rem;background-color: var(--color-card-1);width: 256rem;padding-right: 40rem;}
.wallet-info-right .total{width: 100%;margin-bottom: 16rem;}
.wallet-info-right .total path{fill: var(--color-text-3);}
.wallet-table .token img{width: 28px;height: 28px;border-radius: 50%;margin-right: 12rem;}
.wallet-table thead tr th{padding: 0 24rem;border-bottom: none;color: var(--color-text-3);font-weight: 400; font-size: 16rem;}
/* .wallet-table tbody tr{cursor: pointer;} */
.wallet-table tbody tr td{padding: 24rem;border-bottom: none;}
.wallet-table tbody tr:hover{background-color: var(--color-card-3) !important;}
.noDatas{flex-direction: column;margin-top: 40rem;}
.wallet-more{text-align: center;margin-top: 48rem;font-size: 16px;line-height: 100%;}
.wallet-more span{color: var(--color-brand-1);margin-left: 16rem;cursor: pointer;}

.center-mask{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 12;background-color: rgba(0, 0, 0, 0.8);}
.center-form{width: 640rem;padding: 24rem 40rem;border-radius: 16rem;background-color: var(--color-bg-3);position: relative;}
.center-form-btn{height: 52rem; color: var(--color-brand-1);border:2px solid var(--color-brand-1);font-size: 20rem;line-height: 100%;border-radius: 8rem;}
.center-form-btn.mantine-Button-filled{color: #fff;background-color: var(--color-brand-1);}
.center-form .mantine-TextInput-label{line-height: 100%;margin-top: 18px;margin-bottom: 8px;font-size: 16px;color: var(--color-text-2);font-weight: 400;}
.center-form .mantine-TextInput-input{height: 52px;border-radius: 8rem;border: 1px solid var(--color-divider-1);color: var(--color-text-1);font-weight: 500;}
.center-form .mantine-TextInput-input:focus-within{border: 2px solid var(--color-brand-1)}
.center-form .mantine-TextInput-input::placeholder {color: var(--color-text-4) !important;font-weight: 400;}
.center-form .mantine-TextInput-invalid{border: 2px solid var(--color-funct-3);color: var(--color-text-1);}
.center-form .mantine-TextInput-error{font-size: 14px;line-height: 150%;color: #CC3D3D;}
.center-form-title{position: relative;}
.center-form-title .iconfont{position: absolute;right: 0;top: 6px;cursor: pointer;font-size: 18px;}
.classic-dark .center-form input {background: var(--color-cmpt-2);}
.center-form .mantine-TextInput-wrapper .mantine-TextInput-disabled{background: var(--color-card-1);color: var(--color-text-2);}
.center-form .mantine-Button-filled:disabled{background: var(--color-neutral-3);color: var(--color-text-4);}
.mantine-Pagination-item:disabled{background: var(--color-card-2);color:var(--color-neutral-3);opacity: 1;}
.center-form-btn:hover{background-color: transparent;}

.error-chain {margin-top: 146rem;}
.error-chain-btn {min-width: 420px;height: 40px;line-height: 100%;color: #fff;background-color: var(--color-brand-1);margin-top: 40rem}

/* end */
.web3_mantine_modal {
  padding: 24px 40px !important;
  background-color: var(--color-bg-3) !important;
  border-radius: 16px !important;
}
.web3_mantine_modal_overlay {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.web3_mantine_modal_close:hover {
  background-color: var(--color-bg-2) !important;
}

.web3-connect-modal-tabControl:first-of-type {
  padding-left: 0 !important;
}
.web3-connect-modal-tabsListWrapper {
  border-bottom-color: var(--color-divider-2) !important;
}
.web3-connect-modal-tabLabel {
  color: var(--web3-text-100);
  font-weight: 600;
  font-size: 16px;
}
.web3-connect-modal-tabActive {
  border-bottom-color: #17E5A1 !important;
}
.web3-connect-modal-tabActive .web3-connect-modal-tabLabel {
  color: var(--defi-color-brand-900) !important;
}
.web3-modal-mantine-button {
  width: 146px !important;
  height: 40px !important;
}
.web3-modal-mantine-button[disabled] {
  color: var(--web3-text-100) !important;
  background-color: var(--web3-disabled-1) !important;
}
.web3-modal-mantine-button_loading {
  background-color: var(--color-neutral-3) !important;
}

.wallet-square-normal {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: var(--web3-card-bg-1);
  transition: all 200ms ease-in-out;
  border: 1px solid var(--color-divider-1);
}
.wallet-square {
  flex-direction: column;
  justify-content: center;
  width: 205px;
  min-height: 120px;
}
.wallet-square:hover {
  box-shadow: 0px 4px 16px 0px rgba(23, 56, 153, 0.06);
  cursor: pointer;
  transform: scale(1.05);
}

.wallet-square-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
}
.wallet-square-name {
  font-size: 20px;
  color: var(--color-text-1);
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
}
/* wallet-modal square phone style */
.wallet-square-phone {
  flex-direction: row;
  width: 100%;
  height: 72px;
  padding: 20px;
  border: none !important;
  background: var(--color-card-1);
}
.wallet-square-phone:active {
  transition: all 200ms ease-in-out;
  background-color: var(--color-neutral-3);
}
.wallet-square-phone .wallet-square-name {
  margin-top: 0;
  margin-left: 16px;
}

.web3-modal-subtitle {
  margin-bottom: 40px;
  color: var(--color-text-3);
  font-size: 16px;
  font-weight: 500;
}

.web3-matemask-section {
  display: flex;
  align-items: center;
  background-color: var(--web3-card-bg-1);
  border: 1px solid var(--color-divider-1);
  border-radius: 8px;
  padding: 24px;
  margin: 10px 0 24px 0;
}
.web3-mk-section_left {
  flex: 1;
  display: flex;
  align-items: center;

}
.web3-mk-left_desc {
  margin-left: 24px;
}
.web3-mk-left_desc h2 {
  font-size: 26px;
  color: var(--color-text-1);
  font-weight: 600;
  margin: 0;
}
.web3-mk-left_desc span {
  font-size: 16px;
  color: var(--color-text-3);
}
.web3-matemask-logo {
  width: 56px;
  height: 56px;
}
.web3-new-modal-qr-wrapper {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.web3-new-modal-qr-wrapper h2 {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text-1);
  margin-top: 40px;
  margin-bottom: 16px;
}
.web3-new-modal-qr-wrapper p {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text-3);
  margin: 0;
}
#web3-new-modal-qr-code {
  min-height: 268px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.second-nav-more_web3_collapse {
  color: var(--color-text-1);display: flex;align-items: center;justify-content: space-between;height: 56px;padding: 0 16px;
}