@import url(https://fonts.googleapis.com/css2?family=Questrial&display=swap);body{margin: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;background-color:#2e2f4f;color:#fff}body #root{min-height:100vh;display:grid}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page{padding:16px 5%;max-width:1420px}.down{color:red}.down,.up{-webkit-transition:color .5s;transition:color .5s}.up{color:#09e639}.hide{display:none}.app{display:grid;grid-template-columns:auto 1fr;height:100%}.app .nav-col{height:100%;border-right:1px solid #4a4a4a}.uniswap.page .container{display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:1fr 450px;position:relative}.uniswap.page .container .title{font-size:24px;color:#8884d8;font-weight:600;padding-bottom:8px;border-bottom:1px solid #4a4a4a;grid-column-start:1;grid-column-end:99}.uniswap.page .container .overview{display:grid;grid-template-columns:1fr auto;grid-column:1;grid-row:2;position:relative}.uniswap.page .container .overview .profits{min-width:360px;padding-top:16px;margin-right:12px}.uniswap.page .container .overview .profits .times{display:flex}.uniswap.page .container .overview .profits .times>*{margin-right:12px;opacity:.5;cursor:pointer;font-size:15px}.uniswap.page .container .overview .profits .times .selected{opacity:1;font-weight:600}.uniswap.page .container .overview .profits .profit-value .amount{font-size:72px;margin-right:12px}.uniswap.page .container .overview .profits .profit-value .unit{font-weight:600;font-size:20px}.uniswap.page .container .overview .profits .pools{display:flex;flex-wrap:wrap;align-items:flex-start;align-self:flex-start;margin-top:12px;justify-content:flex-start}.uniswap.page .container .overview .profits .pools .pair{font-size:12px;color:#fff;display:grid;align-items:center;margin-right:12px;margin-bottom:16px;width:105px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;grid-template-columns:24px 1fr}.uniswap.page .container .overview .profits .pools .pair img{width:16px;height:16px;display:inline-block;margin-right:8px}.uniswap.page .container .overview .profits .pools .pair.hide{display:none}.uniswap.page .container .overview .update-time{position:absolute;pointer-events:none;right:12px;top:18px;font-size:12px;color:#999}.uniswap.page .container .overview .charts{margin-left:-125px;margin-bottom:-24px;margin-right:-64px;width:520px;height:300px;position:relative}.uniswap.page .container .overview .charts svg path,.uniswap.page .container .overview .charts svg text{-webkit-transition:all .5s;transition:all .5s}.uniswap.page .container .overview .charts .loader{position:absolute;right:240px;top:100px}.uniswap.page .container .pools{grid-column:1;grid-row:3}.uniswap.page .container .pools table tbody tr td.market .title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:400;border:none;padding:0;color:#fff}.uniswap.page .container .pools table tbody tr td.market .title img{width:16px;height:16px;display:inline-block;margin-right:12px}.uniswap.page .container .details-container{grid-row-start:2;grid-row-end:99;grid-column:2;padding-top:16px}.uniswap.page .container .details-container .pool-details{-webkit-padding-start:36px;padding-inline-start:36px;font-size:13px;position:-webkit-sticky;position:sticky;top:16px}.uniswap.page .container .details-container .pool-details>div{margin-bottom:8px;display:flex;justify-content:space-between}.uniswap.page .container .details-container .pool-details>div>span:first-child{font-weight:600}.uniswap.page .container .details-container .pool-details .title{border:none;font-size:24px}.uniswap.page .container .details-container .volumes-chart{display:flex;flex-direction:column;margin-left:-29px;margin-top:24px}.uniswap.page .container .details-container .volumes-chart div:first-child{-webkit-padding-start:29px;padding-inline-start:29px;margin-bottom:12px;font-weight:600}table{border-collapse:collapse;padding:0;width:100%;text-align:center;table-layout:fixed}table thead{font-size:12px;color:#999;border-bottom:1px solid #4a4a4a;line-height:1.5rem}table thead th{font-weight:500}table thead th:first-child{text-align:start;padding-left:40px}table tbody tr{cursor:pointer;color:#fff;font-size:13px}table tbody tr td{padding:16px 0}table tbody tr td:first-child{display:flex;align-items:center;padding-left:12px;font-weight:400}table tbody tr td:first-child div{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:400;border:none;padding:0;color:#fff}table tbody tr td:first-child div img{width:16px;height:16px;display:inline-block;margin-right:12px}table tbody tr:hover{background-color:rgba(136,132,216,.26)}.dashboard.page{display:grid;grid-template-rows:auto 1fr}.dashboard.page .title{font-size:24px;color:#8884d8;font-weight:600;padding-bottom:8px;border-bottom:1px solid #4a4a4a}.dashboard.page .label{font-size:15px;font-weight:500;text-transform:capitalize;color:#aaa}.dashboard.page .content{display:grid;grid-template-columns:1fr 42px 1fr;padding-top:16px}.dashboard.page .content .portfolio{grid-column:1;grid-row:1}.dashboard.page .content .portfolio .balance .value{font-size:72px;display:inline-block}.dashboard.page .content .portfolio .balance .value>span:first-child{margin-right:12px}.dashboard.page .content .portfolio .balance .value .unit{font-weight:600;font-size:20px}.dashboard.page .content .portfolio .assets{margin-top:24px}.dashboard.page .content .portfolio .assets .loading-container{display:flex;justify-content:center;width:100%;padding:12px}.dashboard.page .content .slide{grid-column:3}.dashboard.page .content .slide .charts{display:flex;justify-content:center;align-items:center;align-items:flex-start;margin-bottom:-12px}.dashboard.page .content .slide .shortcuts .dapps{margin-top:24px}.dashboard.page .content .slide .shortcuts .dapps .category{display:flex;flex-wrap:wrap;align-items:center}.dashboard.page .content .slide .shortcuts .dapps .category a{text-decoration:none;color:#fff;font-size:16px;font-weight:500;-webkit-transition:all .5s;transition:all .5s}.dashboard.page .content .slide .shortcuts .dapps .category a:hover{opacity:.5}.dashboard.page .content .slide .shortcuts .dapps .category .brand{margin-right:32px;margin-bottom:32px;display:flex;align-items:center}.dashboard.page .content .slide .shortcuts .dapps .category .brand img{display:inline-block;height:27px;margin-right:12px}.dashboard.page .content .slide .shortcuts .dapps .category .brand img.small{height:16px}.landing.page{display:flex;justify-content:center;align-items:center}.landing.page .container{display:grid;grid-template-rows:auto auto}.landing.page .container .title{font-size:32px;font-weight:500;color:#8884d8;font-family:"Questrial",sans-serif;margin-bottom:24px}.landing.page .container .wallets .wallet{display:grid;grid-template-columns:auto 1fr;align-items:center;cursor:pointer;justify-content:space-between;color:#fff;border:1px solid #8884d8;border-radius:10px;padding:8px 16px;font-size:22px;-webkit-transition:all .3s;transition:all .3s}.landing.page .container .wallets .wallet img{width:42px;display:inline-block;margin-right:12px}.landing.page .container .wallets .wallet:hover{opacity:.55}.landing.page .container .wallets .wallet.metamask{color:#f6851b;border-color:#f6851b}.navbar{display:grid;grid-template-rows:auto 1fr;width:64px;position:-webkit-sticky;position:sticky;top:0}.navbar .logo{font-size:24px;display:flex;justify-content:center;align-items:center;height:64px}.navbar .logo img{width:22px}.navbar .menu{padding:24px 0}.navbar .menu .icon{display:flex;justify-content:center;align-items:center;width:64px;height:64px;cursor:pointer}.navbar .menu .icon img{opacity:.45;width:25px;height:25px;-webkit-transition:opacity .3s;transition:opacity .3s}.navbar .menu .icon:hover img{opacity:1}.navbar .menu .icon.active{background-color:hsla(0,0%,100%,.15)}.navbar .menu .icon.active img{opacity:1}
/*# sourceMappingURL=main.d49041e3.chunk.css.map */