.empty-pf{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-pf .Portfolio-connect-button{margin-top:5rem}.page-header-portfolio{display:flex;flex-direction:column;gap:.5rem}.page-header-portfolio .pf-view{display:flex;align-items:center;gap:.5rem;color:var(--second-color);font-size:.9rem}.page-header-portfolio .pf-view>div{padding:.5rem;border-radius:.75rem;background-color:var(--hover-bg);border:1px solid var(--secondary-color-transp)}.Portfolio-search{position:relative;display:flex;align-items:center;max-width:700px}.Portfolio-search svg{position:absolute;margin-left:.75rem;opacity:.5}.Portfolio-search span{position:absolute;right:0;margin-right:.75rem;opacity:.5;font-size:.8rem;cursor:pointer}.Portfolio-search input{padding:.75rem 2.25rem;width:100%;background-color:var(--hover-bg);border-radius:.5rem;border:1px solid var(--secondary-color-transp);caret-color:var(--secondary-color);font-size:.85rem}.Portfolio-search input:focus{border:1px solid var(--secondary-color);outline-width:0}.Portfolio-search .Button{padding:.5rem 1rem}.Portfolio{display:flex;flex-direction:column;width:100%}.Portfolio .pf-margin{max-width:1400px;margin:0 auto;width:100%;padding:0 1rem}.Portfolio .pf-container{display:flex;flex-direction:column;gap:2rem;background-color:var(--secondary-bg);flex-grow:1;padding:2rem 0}.Portfolio .pf-content{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:0 1rem;background-color:var(--secondary-bg)}.Portfolio .pf-section{display:flex;flex-direction:column;flex-grow:1;min-width:250px;background-color:var(--hover-bg);border-radius:.5rem}.Portfolio .pf-section .pf-section-item-title{padding:1rem;font-size:1.1rem}.Portfolio .pf-section>div:first-child>span{font-size:1.4rem;font-weight:500}.Portfolio .pf-section .balanceInDollar>span{font-size:2rem}.Portfolio .pf-section .balanceInDollar>div{display:flex;gap:.5rem;font-weight:100;opacity:.8}.Portfolio .pf-section .info-balance-dollar{font-size:.8rem;color:#d5d5d595}.Portfolio .pf-section-tokens{display:flex;flex-direction:column;gap:.25rem;max-height:180px;overflow-y:auto;padding:0 1rem 1rem}.Portfolio .pf-section-pools{display:flex;flex-direction:column;gap:.75rem}.Portfolio .line{width:100%;height:1px;background-color:var(--secondary-color-transp)}.Portfolio .no-liquidity,.Portfolio .balanceInDollar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;padding-bottom:2rem}.Portfolio .no-liquidity svg,.Portfolio .balanceInDollar svg{font-size:2rem;cursor:default}.Portfolio .pf-section-token{display:flex;flex-direction:column;flex-grow:1}.Portfolio .pf-section-token>div{display:flex;gap:.25rem;opacity:.8;font-size:1.1rem}.Portfolio .pf-section-token .dollar-value{font-size:.75rem;font-weight:500;opacity:.7;color:var(--secondary-color)}.Portfolio .recent-transactions-container{display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:1rem;background-color:var(--hover-bg);border-radius:.5rem;width:100%}.Portfolio .recent-transactions-container .recent-refresh{display:flex;align-items:center;gap:1rem}.Portfolio .recent-transactions-container .recent-refresh>span:first-child{font-size:1.4rem;font-weight:500}.Portfolio .table-wrapper{overflow-x:auto;max-height:500px}.Portfolio .pf-tx-head{text-align:left;width:100%}.Portfolio .pf-tx-head th{padding:1rem}.Portfolio .pf-tx-head th:first-child{padding-left:0}.Portfolio .pf-tx-head th:last-child{padding-right:0}.Portfolio .pf-tx-head .pf-tx-head-age svg{padding:0 .25rem;cursor:pointer}.Portfolio .pf-tx-head .green{color:#23e223cf}.Portfolio .pf-tx-head .red{color:#fb2e2edb}.Portfolio .pf-txs{height:calc(100% - 85px);overflow-y:auto}.Portfolio .pf-txs>div{margin-top:.8rem;text-align:left}.Portfolio .pf-txs>div>div{display:flex;align-items:center}.Portfolio .pf-txs td{padding:.75rem 1rem;white-space:nowrap}.Portfolio .pf-txs td:first-child{padding-left:0}.Portfolio .pf-txs td:last-child{padding-right:0}.Portfolio .pf-txs .pf-hash,.Portfolio .pf-txs .pf-to{display:flex;gap:.5rem}.Portfolio .pf-txs .pf-hash a,.Portfolio .pf-txs .pf-to a{display:flex;align-items:center;gap:.25rem}.Portfolio .pf-txs .pf-hash a:hover,.Portfolio .pf-txs .pf-to a:hover{text-decoration:underline;color:inherit}.Portfolio .pf-txs .pf-hash svg:hover,.Portfolio .pf-txs .pf-to svg:hover{color:var(--second-color)}