:root{--background:#050505;--foreground:#fff;--clr-black:#050505;--clr-white:#fff;--clr-gray:#686868;--clr-orange:#ff9c1c;--clr-green:#2fd070;--clr-red:#d02f2f;--global-radius:38px;--global-transition:300ms ease all}body,html{color-scheme:dark;max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Lexend,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;grid-template-columns:repeat(12,1fr);position:relative}*{box-sizing:border-box;padding:0;margin:0}.content{grid-column:2/13;padding:1em;gap:1em}.gray{color:var(--clr-gray)}.green{color:var(--clr-green)}.red{color:var(--clr-red)}.orange{color:var(--clr-orange)}.hover-red:hover{cursor:pointer;outline:1px solid var(--clr-red)}small{color:var(--clr-gray);font-size:.8rem}.flex,.flex-between{display:flex;align-items:center}.flex-between{justify-content:space-between}.center{grid-column:span 13;padding:3em;font-size:1.2rem;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--global-radius)}::-webkit-scrollbar-thumb{background:var(--clr-gray);border-radius:var(--global-radius);-webkit-transition:var(--global-transition);transition:var(--global-transition)}::-webkit-scrollbar-thumb:hover{background:var(--clr-orange)}::-webkit-scrollbar-corner{display:none}.button{width:100px;height:40px;background:var(--background);color:var(--clr-orange);border:1px solid var(--clr-gray);border-radius:var(--global-radius);font-family:Lexend;font-size:.9rem;font-weight:300;cursor:pointer;transition:var(--global-transition)}.button:hover{background-color:var(--clr-orange);color:var(--clr-black);border:1px solid var(--clr-foreground)}.link{display:flex;justify-content:space-between;align-items:center;gap:1em;text-decoration:none;color:var(--clr-gray);transition:var(--global-transition)}.link:hover{color:var(--clr-white)}.tabs{position:absolute;top:1em;right:1em;padding:.25em;border:1px solid var(--clr-gray);border-radius:var(--global-radius)}.tab{background-color:transparent;color:var(--clr-gray);padding:.75em;border:none;border-radius:var(--global-radius);font-family:Lexend;font-weight:300;cursor:pointer;transition:var(--global-transition)}.tab--active{background-color:var(--clr-orange);color:var(--clr-black)}table{table-layout:fixed;border-collapse:collapse;width:100%}table caption{padding:0 0 1em 1em}table caption,table th{font-size:.9rem;font-weight:300;text-align:left}table th{color:var(--clr-gray)}table td,table th{padding:1em}table tbody tr{border-radius:var(--global-radius);overflow:hidden}table tbody tr:first-child{padding-top:1em}table tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.02)}table tbody tr:nth-of-type(odd) td:first-child{border-top-left-radius:var(--global-radius);border-bottom-left-radius:var(--global-radius)}table tbody tr:nth-of-type(odd) td:last-child{border-top-right-radius:var(--global-radius);border-bottom-right-radius:var(--global-radius)}.table-wrapper{max-height:20em;padding:0 .5em 0 .1em;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:6px;height:6px}.balance{table-layout:auto}.balance tr td:nth-of-type(3),.balance tr th:nth-of-type(3){text-align:right}form{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1em;gap:1em}select{background:url(/_next/static/media/down.5849b66e.svg);background-repeat:no-repeat;background-position:90%;width:100%;border:none;border-radius:var(--global-radius);padding:1em;font-family:Lexend;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;position:relative}select option{background-color:var(--clr-black)}form label{font-size:.85em;font-weight:300}form input{background-color:transparent;width:100%;border:1px solid var(--clr-gray);border-radius:var(--global-radius);font-family:Lexend;letter-spacing:1px;padding:1em}form input[type=submit]{font-family:Lexend;font-weight:300;text-transform:capitalize;border:1px solid var(--clr-orange);color:var(--clr-orange);cursor:pointer;transition:var(--global-transition)}form input[type=submit]:hover{background-color:var(--clr-orange);color:var(--clr-black)}.select{display:flex;justify-content:space-between;align-items:center;background-color:hsla(0,0%,100%,.02);border-radius:var(--global-radius);cursor:pointer;position:relative}.options{position:absolute;bottom:-2em;left:1em}.option{background-color:gray;border-bottom:1px solid #fff;padding:.5em}.pagination{grid-column:1/13;display:flex;justify-content:center;align-items:center;gap:2em}.pagination button{background-color:var(--background);padding:1em;border:1px solid var(--clr-gray);border-radius:50%;cursor:pointer;transition:var(--global-transition)}.pagination button:hover{background-color:var(--clr-orange)}.pagination ol{display:none;justify-content:center;align-items:center;gap:1em;list-style:none;color:var(--clr-gray)}.pagination ol li a{color:var(--clr-gray);text-decoration:none}.pagination ol li .active{color:var(--clr-orange)}.topnav{height:68px;justify-content:space-between;padding:1em;border:1px solid var(--clr-gray);border-radius:var(--global-radius)}.topnav,.topnav .network{display:flex;align-items:center}.topnav .network{justify-content:center;gap:.25em}.topnav .network .icon{display:none;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--clr-gray);border-radius:50%;cursor:pointer}.topnav select{border:none;width:100px;padding:1em;font-family:Lexend}.topnav select,.topnav select option{background-color:var(--background);cursor:pointer}.topnav .account{display:flex;align-items:center}.topnav .account .balance{display:none;padding:0 4em}.topnav .account .balance p{font-size:.9rem;color:var(--clr-gray);padding:0 .25em}.topnav .account .balance p span{color:var(--clr-orange)}.sidenav{grid-column:1/2;justify-content:flex-start;flex-direction:column;gap:3em;padding:1.75em 0 0 1em;border-radius:12px;position:relative}.sidenav,.sidenav .logo{display:flex;transition:var(--global-transition)}.sidenav .logo{justify-content:center;align-items:center;gap:1em;padding:1em;width:44px;height:44px;border:1px solid var(--clr-gray);border-radius:50%}.sidenav .logo img{width:16px;height:16px;transition:var(--global-transition)}.sidenav .logo p{display:none}.sidenav .toggle{background-color:var(--background);position:absolute;right:.5em;top:2.6em;width:28px;height:28px;border:1px solid var(--clr-gray);border-radius:50%;display:none;justify-content:center;align-items:center}.sidenav .links{list-style:none}.sidenav .links li{padding:.5em 0}.sidenav .links li .link{display:flex;justify-content:space-between;align-items:center;width:44px;height:44px;font-size:.9rem;text-decoration:none;color:#fff;border:1px solid var(--clr-gray);border-radius:50%;opacity:.6;transition:var(--global-transition)}.sidenav .links li .link:hover{opacity:1}.sidenav .links li .link--active{opacity:1;background:linear-gradient(90deg,var(--clr-orange),20%,var(--clr-black))}.sidenav .links li .link--active .label .icon{border:none!important;background-color:var(--clr-orange)}.sidenav .links li .link .label{display:flex;justify-content:center;align-items:center;width:100%}.sidenav .links li .link .label .icon{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid var(--clr-gray);border-radius:50%}.sidenav .links li .link .label .icon img{width:20px;height:20px}.sidenav .links li .link .arrow,.sidenav .links li .link .label span{display:none}.page{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;padding-top:3em;grid-gap:1em;gap:1em}.page .title{grid-row:1;grid-column:span 12;font-weight:400}.page section{grid-column:span 12;background-color:hsla(0,0%,100%,.04);border-radius:var(--global-radius);padding:1.5em;position:relative;overflow:hidden}.page section h2{font-size:clamp(1rem,3svw,1.3rem);font-weight:400;padding-bottom:1em}.page .placeholder{grid-column:span 13;min-height:50svh;background:linear-gradient(1turn,var(--clr-orange),.1%,hsla(0,0%,100%,.04));display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative;overflow:hidden}.page .placeholder img{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotateY(180deg);z-index:-1;opacity:.5;animation:spin 1s ease forwards}@keyframes spin{0%{transform:translate(-50%,-50%) rotateY(180deg)}to{transform:translate(-50%,-50%) rotateY(0deg)}}.page .placeholder .button{width:200px;display:flex;justify-content:center;align-items:center;background:var(--clr-black);color:var(--clr-orange);border:1px solid var(--clr-orange);font-weight:300;text-decoration:none}.page .placeholder .button:hover{background:var(--clr-orange);color:var(--clr-white)}.deposit .token,.withdraw .token{grid-column:1/7}.deposit .amount,.withdraw .amount{grid-column:7/13}.deposit .amount,.deposit .token,.withdraw .amount,.withdraw .token{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:1em}.deposit .token .select,.withdraw .token .select{width:100%}.info{grid-column:1/13;display:flex;justify-content:space-between;align-items:center;gap:1em}.info div{display:flex;justify-content:center;flex-direction:column;gap:.5em;background-color:hsla(0,0%,100%,.02);width:100%;padding:1.5em;border-radius:var(--global-radius)}.info div p{font-weight:300}.info div p:first-child{font-size:.85rem;color:var(--clr-gray)}.deposit form input[type=submit],.withdraw form input[type=submit]{grid-column:1/13}.order{background:linear-gradient(1turn,var(--clr-orange),.1%,hsla(0,0%,100%,.04))}.order form{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1em;gap:1em}.order form .select,.order form input,.order form label{grid-column:1/13}.orderbook .table-wrapper:last-child{padding-top:1em}.orderbook table{min-width:400px}.orderbook table tbody tr{cursor:pointer}.orderbook table tbody tr:hover{outline:1px solid var(--clr-orange)}.trading .market{grid-row:2;grid-column:span 12}.insights .stats{display:flex;align-items:center;gap:1em}.insights .price{font-size:1.2rem;display:flex;align-items:center}.insights .difference{font-size:.85rem;color:var(--clr-gray)}.insights select{width:140px;background-color:hsla(0,0%,100%,.02);border:none;border-radius:var(--global-radius);font-family:Lexend;padding:1em;cursor:pointer}.swapping .insights{display:none}.orders table,.transactions table{min-width:400px}.chart{height:100%}.chart select{display:none}.apexcharts-tooltip{background:var(--background)}.swapping .inputs .arrow{width:25px;height:25px}.swap{grid-column:1/4;background:linear-gradient(1turn,var(--clr-orange),.1%,hsla(0,0%,100%,.04))}.swap form{gap:1em}.swap form,.swap form .inputs{display:flex;justify-content:center;flex-direction:column}.swap form .inputs{position:relative;gap:.5em}.swap form .input{background-image:none;height:120px;padding:1em;position:relative}.swap form .input input{border:none;font-size:1rem;font-weight:300;letter-spacing:0;color:var(--clr-white)}.swap form .input .info{font-size:.8rem;color:var(--clr-gray)}.swap form .input .select{position:absolute;top:25%;left:50%;width:120px;transition:all .3s ease}.swap form .input .select select{color:#fff;opacity:1}.swap form .arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;width:44px;height:44px;margin:0 auto;background-color:var(--clr-orange);border-radius:50%;transition:all .3s ease}.swap .fees,.swap form .arrow{display:flex;justify-content:center}.swap .fees{flex-direction:column;gap:1em}.swap .fees .fee{display:flex;justify-content:space-between;font-size:.9rem;font-weight:300}.swap .cancel{width:max-content;margin:0 auto;color:var(--clr-orange)}.swap .cancel:hover{color:var(--clr-white)}.loans .data{grid-column:1/13}.loans .table-wrapper{overflow-x:scroll}.loans table{min-width:550px}@media only screen and (min-width:480px){.topnav .network .icon{display:flex}.sidenav{gap:2em;padding:1em}.sidenav .logo{width:68px;height:68px}.sidenav .logo img{width:24px;height:24px}.sidenav .links li .link{width:68px;height:68px}.pagination ol{display:flex}.swapping .inputs .arrow{width:30px;height:30px}.swap form .input{background-image:url(/_next/static/media/swap-background-1.59b3406e.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}.swap form .input:last-child{background-image:url(/_next/static/media/swap-background-2.67630993.svg)}.swap form .input .select{top:1em;right:1em;left:auto}}@media only screen and (min-width:768px){.pagination{gap:5em}.chart select{display:block}}@media only screen and (min-width:992px){.content{grid-column:4/13}.sidenav{grid-column:1/4}.topnav .account .balance{display:flex;align-items:center}.button{width:140px}.sidenav .toggle{display:flex}.sidenav .logo{justify-content:flex-start;width:100%;border-radius:var(--global-radius)}.sidenav .logo p{display:block}.sidenav .links li .link{width:100%;padding:1em;border-radius:var(--global-radius)}.sidenav .links li .link .label{width:auto}.sidenav .links li .link .label .icon{margin-right:1em}.sidenav .links li .link .arrow,.sidenav .links li .link .label span{display:block}.page section{grid-column:span 6}.trading .market{grid-row:2;grid-column:8/13}.trading .insights{grid-row:span 2;grid-column:1/8}.trading .order{grid-row:3;grid-column:8/13;min-height:320px}.trading .orderbook{grid-column:1/13;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1em 2em;gap:1em 2em}.trading .orderbook .table-wrapper:last-child{padding:0 .5em 0 .1em}.trading .orderbook h2{grid-row:1;grid-column:1/3}.trading .orderbook table{column-count:2}.swapping .insights{display:block;grid-column:7/13}.swapping .swap{grid-column:1/7}.swapping .inputs .arrow{width:35px;height:35px}.page .loans{grid-column:1/13}}@media only screen and (min-width:1200px){.swapping .insights{grid-column:6/13}.swapping .swap{grid-column:1/6}}@media only screen and (min-width:1500px){.swapping .inputs .arrow{width:40px;height:40px}}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/630e0b819503bca7-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6a1a9d784472a388-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/84455f2b5a591033-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lexend Fallback;src:local("Arial");ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.00%;size-adjust:109.91%}.__className_86777a{font-family:Lexend,Lexend Fallback;font-style:normal}