#app .container{display:flex}#app .container .app-content{position:relative;left:201px;display:flex;justify-content:center;width:calc(100% - 321px);padding:40px 60px}.app-sidebar{position:fixed;top:81px;width:200px;min-height:100vh;background-color:#fff;border-right:1px solid gainsboro}.app-sidebar ul{list-style:none;padding:0;margin:0}.app-sidebar ul li{height:60px;color:#333;font-weight:400;user-select:none;padding:0 20px;display:flex;justify-content:left;align-items:center;cursor:pointer}.app-sidebar ul li:hover{color:#9d9d9d}.app-sidebar ul li.active{background-color:#ddd;font-weight:550;color:#353535}.app-header{position:sticky;top:0;z-index:999;background-color:#fff;border-bottom:1px solid gainsboro;height:80px;width:100%;display:flex;align-items:center;justify-content:space-between}.app-header .logo-area{display:flex;padding:0 20px;cursor:pointer}.app-header .logo-area img{height:40px}.app-header .logo-area h1{color:#333;margin:0 10px;font-weight:600}.app-header .connect-wallet{border-radius:10px;height:25px;width:160px;margin:0 20px;padding:10px;background:linear-gradient(to bottom right,#5FC4F1,#007AFF);cursor:pointer;display:flex;justify-content:center;align-items:center}.app-header .connect-wallet span{color:#fff;font-size:18px;font-weight:500}.app-header .connect-wallet span.span__address:hover{color:#f2f1f1;text-decoration:underline}.app-header .connect-wallet.pending{background:rgb(21,141,21)}.app-header .connect-wallet.no-extension{background:linear-gradient(to bottom right,rgb(67,67,67),gray)}.line-chart{width:calc(100vw - 320px);height:400px}.profile{border-radius:10px;border:1px solid gainsboro;min-width:300px;padding:8px;display:flex}.profile .image{height:90px;width:90px;border-radius:10px;overflow:hidden}.profile .image.loading{border:1px solid rgb(229,229,229)}.profile .image img{height:90px;width:90px;object-fit:contain}.profile .info{padding:0 10px;display:flex;flex-direction:column;justify-content:space-evenly}.profile .info .total-balance{font-size:45px;font-weight:700;color:#3f4b4b}.profile .info .floating-profit{font-size:18px}.profile .info .floating-profit.red{color:red}.profile .info .floating-profit.green{color:green}.assets-list{border-radius:20px;padding:10px;border:solid 1px gainsboro}.assets-list .unlist-item{height:50px;display:flex;justify-content:center;align-items:center}.assets-list .list-item{display:flex;justify-content:space-between;align-items:center}.assets-list .list-item>div{width:200px;min-height:50px;padding:10px;display:flex;align-items:center}.assets-list .list-item>div.column{flex-direction:column;align-items:flex-start;justify-content:center}.assets-list .list-item>div .change{font-size:13px}.assets-list .list-item>div .change.red{color:red}.assets-list .list-item>div .change.green{color:green}.assets-list .list-item>div .token-image img{height:30px}.assets-list .list-item>div .token-info{padding:0 5px}.assets-list .list-item>div .token-info .symbol{color:#272626;font-size:18px}.assets-list .list-item>div .token-info .name{color:#a2a1a1;font-size:12px}.assets-list .list-item.header{font-weight:650;border-bottom:1px solid gainsboro}.assets-list .list-item.content:hover{cursor:pointer;background-color:#f3f3f3}.transactions-list{border-radius:20px;padding:10px;border:solid 1px gainsboro}.transactions-list .header{font-weight:650;border-bottom:1px solid gainsboro}.transactions-list .unlist-item{height:50px;display:flex;justify-content:center;align-items:center}.transactions-list .list-item{display:flex;justify-content:space-between;align-items:center}.transactions-list .list-item>div{height:50px;padding:10px;min-width:190px;display:flex;align-items:center}.transactions-list .list-item>div .icon{margin-right:10px}.transactions-list .list-item>div .icon img{height:35px;object-fit:fill}.transactions-list .list-item>div .text{width:100%}.transactions-list .list-item>div .text .title{font-weight:600;font-size:18px}.transactions-list .list-item>div .text .content{color:#a2a1a1;font-size:13px}.transactions-list .list-item>div .text div{display:flex;justify-content:space-between}.explorer{border:1px solid gainsboro;border-radius:10px;padding:5px 10px;height:60px;width:200px;margin:5px;display:flex;align-items:center}.explorer .chain-logo{height:50px;margin-right:10px}.explorer .chain-logo img{height:100%;object-fit:contain;overflow:hidden}.explorer .chain-text .chain-text-name{width:100%;color:#000;font-size:18px;font-weight:600}.explorer .chain-text .chain-text-address{width:100%;color:#dcdcdc;font-size:14px}.explorer .chain-text .chain-text-address a{margin-right:15px;color:#1f6ee5}.network-selector select{border-radius:10px;padding:10px;min-width:200px;height:50px;font-size:18px}.token-selector select{width:100px;border-radius:10px;border:0px;padding:10px;height:40px;font-size:14px}.gas-price{border-radius:10px;border:1px solid gainsboro;width:300px;padding:8px}.gas-price>div{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.gas-price>div .key{font-size:18px;font-weight:600}.gas-price>div .value{font-size:13px}.tab-container{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0}.tab-container .tab-buttons{display:flex;height:45px;border-bottom:1px solid gainsboro;padding-bottom:4px}.tab-container .tab-button{display:flex;align-items:center;justify-content:center;font-size:15px;padding:10px;width:120px;background-color:#fff;border:none;border-radius:5px;margin-right:20px;cursor:pointer}.tab-container .tab-button.active{background-color:#aaa;color:#fff}.loading-spinner{width:20px;height:20px;margin:0 5px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}#dashboard{width:100%}#dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center}#dashboard .gap{display:block;height:40px}#send{width:100%}#send .send-header{display:flex;justify-content:space-between;align-items:center}#send .send-body{display:flex;justify-content:center}#send .send-body .send-panel{display:flex;justify-content:center;flex-wrap:wrap;width:600px;padding:40px 20px;border-radius:10px;background-color:#fae1d7}#send .send-body .send-panel button{width:450px;height:40px;border-radius:10px;background-color:#7bbb86}#send .send-body .send-panel button.disabled{background-color:#dcdcdc}#send .send-body .send-panel .input-area{width:450px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;background-color:#bbd9f2;padding:20px 0}#send .send-body .send-panel .input-area .top-text{font-size:14px;width:400px;padding:5px 0}#send .send-body .send-panel .input-area .bottom-text{font-size:12px;color:#727272;width:400px;padding:5px 0}#send .send-body .send-panel .input-area input{width:400px;height:40px;border-radius:10px;border:0px}#send .send-body .send-panel .input-area input.short{width:290px;margin-right:10px}#send .gap{display:block;height:50px;width:100%}#settings{padding:0 20px}#not-found{background:#fff;font-family:Arvo,serif;text-align:center}#not-found img{width:100%}#not-found .four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:center}#not-found .four_zero_four_bg h1,#not-found .four_zero_four_bg h3{font-size:80px}#not-found .link_404{color:#fff!important;padding:10px 20px;background:#39ac31;margin:20px 0;display:inline-block;cursor:pointer}#not-found .contant_box_404{margin-top:-50px}#asset-info{width:100%}#asset-info button{margin:25px 0;width:100px;height:30px;cursor:pointer}#asset-info .asset-info-header{height:42px;display:flex;align-items:center}#asset-info .asset-info-header .skeleton{display:flex;align-items:center}#asset-info .asset-info-header .skeleton .skeleton__image{width:42px;height:42px;border-radius:21px;margin-right:10px}#asset-info .asset-info-header .skeleton .skeleton__text{height:30px;width:150px}#asset-info .asset-info-header img{height:100%}#asset-info .asset-info-header .text{font-size:30px;padding:0 10px;font-weight:600}#asset-info .asset-info-body .duration-operation{display:flex;justify-content:space-evenly;margin-bottom:30px}#asset-info .asset-info-body .duration-operation button{border:0px;border-radius:10px;width:70px;margin:0}#asset-info .asset-info-body .duration-operation button.selected{background-color:#f6bc76}#asset-info .asset-info-body .stats{border-top:1px solid gainsboro;margin-bottom:30px}#asset-info .asset-info-body .stats .stats-content{display:flex;flex-wrap:wrap}#asset-info .asset-info-body .stats .stats-content .stat{display:flex;flex-direction:column;min-width:25%;padding:10px 0}#asset-info .asset-info-body .stats .stats-content .stat .title{font-weight:600}#asset-info .asset-info-body .stats .stats-content .stat div{padding:5px 0}#asset-info .asset-info-body .stats .stats-content .stat div.red{color:red}#asset-info .asset-info-body .stats .stats-content .stat div.green{color:green}#asset-info .asset-info-body .explorers{border-top:1px solid gainsboro;margin-bottom:30px}#asset-info .asset-info-body .explorers .explorers-display{display:flex;flex-wrap:wrap}#asset-info .asset-info-body .about{border-top:1px solid gainsboro;margin-bottom:30px;font-family:Graphik,sans-serif;font-size:14px;line-height:20px;font-weight:400;letter-spacing:normal;word-break:break-word}#asset-info .asset-info-body .about .social-media{display:flex;justify-content:left;margin-top:10px}#asset-info .asset-info-body .about .social-media a{margin-right:15px;color:#1f6ee5}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}