.dashboard-page{margin:16px 40px}.dashboard-page .loader-mask{margin-left:16px;width:calc(100% - 36px)!important}.dashboard-page>.left{margin-right:40px;width:885px;border:1px solid rgba(255,255,255,.04);background:#ffffff0f;backdrop-filter:blur(5px);border-radius:16px}.dashboard-page>.left .filter-option{margin:16px;color:#fff;font-size:20px;font-weight:500;height:40px}.dashboard-page>.left .filter-option .tab-list{padding:2px;border-radius:12px;border:1px solid var(--white-4);background:var(--white-6)}.dashboard-page>.left .filter-option .tab-list .tab{text-align:center;padding:4px 16px;font-size:16px;font-weight:600}.dashboard-page>.left .filter-option .tab-list .tab.active{border-radius:11px;background:var(--theme-color);color:var(--white)}.dashboard-page>.left .filter-option .search-input{font-size:14px;padding:12px 10px;height:40px;width:220px;border-radius:12px;margin-right:8px;transition:all .25s ease-in-out;border:1px solid var(--white-10);background:var(--white-4);color:var(--white-50)}.dashboard-page>.left .filter-option .search-input:hover{background:var(--white-10);border-color:var(--theme-color);color:var(--white-80)}.dashboard-page>.left .filter-option .search-input .placeholder{color:#ffffff80;font-weight:500;font-size:14px}.dashboard-page>.left .filter-option .search-input .coin{padding:4px;border-radius:8px;background:#ffffff0f;margin-right:8px}.dashboard-page>.left .filter-option .search-input .coin .symbol{margin-inline:4px;color:#fff;font-weight:500}.dashboard-page>.left .filter-option .search-input .coin span{font-size:12px}.dashboard-page>.left .filter-option .filter-key-select{height:40px}.dashboard-page>.left .filter-option .filter-key-select .ant-select-selector{padding-inline:10px;border-radius:12px}.dashboard-page>.left .filter-option .filter-key-select span[role=img]{margin-left:4px;color:inherit}.dashboard-page>.left .lp-list{margin-top:16px}.dashboard-page>.left .lp-list .no-filtered-coin{text-align:center;color:var(--white);font-size:12px;font-weight:500;margin-block:88px}.dashboard-page>.left .lp-list .no-filtered-coin>img{margin-bottom:20px}.dashboard-page>.left .lp-list .loader-mask{margin-bottom:20px}.dashboard-page>.left .lp-list .load-more{cursor:pointer;margin-block:24px;text-align:center;color:#ffffff80;font-weight:500}.dashboard-page>.left .lp-list .load-more>span{margin-left:4px}.dashboard-page>.left .lp-list .coin-logo+.coin-logo{position:relative;right:12px;z-index:0!important}.dashboard-page>.right{flex:1}.dashboard-page>.right .summary{margin-bottom:16px;height:fit-content;padding:28px 16px;border:1px solid rgba(255,255,255,.04);background:#ffffff0f;backdrop-filter:blur(5px);border-radius:16px}.dashboard-page>.right .summary>.title{text-align:left;color:#fff;font-size:20px;margin-bottom:28px}.dashboard-page>.right .summary .key-value-list{padding:12px;gap:40px}.dashboard-page>.right .summary .key-value-list .line{width:1px;height:24px;background:#ffffff1a}.dashboard-page>.right .summary .key-value-list .key-value{text-align:left;flex:1}.dashboard-page>.right .summary .key-value-list .key-value .key{color:#fff6;font-size:12px}.dashboard-page>.right .summary .key-value-list .key-value .value{margin-top:4px;color:#fff;font-size:20px;font-weight:600}.dashboard-page>.right .summary .operation-btn{color:var(--white-50);margin-top:28px;gap:16px}.dashboard-page>.right .summary .operation-btn button{flex-shrink:0;width:190px;height:48px;margin:0 auto}@media (max-width: 1440px){.dashboard-page{flex-direction:column-reverse}.dashboard-page .left{width:100%;margin-right:0;margin-top:40px}.dashboard-page .right .liquidity .title-btn-wrap{display:flex;justify-content:space-between;align-items:center}}@media (max-width: 1440px) and (max-width: 720px){.dashboard-page{margin-inline:20px}.dashboard-page .left .filter-option{padding-bottom:24px;margin-bottom:24px;flex-direction:column;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(255,255,255,.1019607843);height:fit-content}.dashboard-page .left .filter-option .tab-list{flex-direction:row;width:fit-content}.dashboard-page .left .filter-option>div{flex-direction:column;gap:8px;width:100%}.dashboard-page .left .filter-option>div .search-input,.dashboard-page .left .filter-option>div .filter-key-select{width:100%}.dashboard-page .left .filter-option>div .search-input{margin-right:0}.dashboard-page .right .key-value-list{padding-block:0;flex-direction:column;border-radius:16px;border:1px solid rgba(255,255,255,.04);gap:0}.dashboard-page .right .key-value-list .key-value{margin-top:12px;padding-left:0;width:100%;padding-bottom:12px}.dashboard-page .right .key-value-list .key-value:not(:last-child){border-bottom:1px solid rgba(255,255,255,.04)}}
