.blur-circle{position:fixed;width:16em;height:16em;background:radial-gradient(circle,#0ff3,#ff00ff4d);border-radius:50%;filter:blur(80px);pointer-events:none}.circle-1{top:25%;left:15%;width:24em;height:24em;transform:translate(-50%,-50%)}.circle-2{top:75%;left:85%;width:24em;height:24em;transform:translate(-50%,-50%)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-grey: #00000008;--color-black: #000;--color-success: #64ff7b;--color-primary: #646cff;--color-hover: #4b50e6;--color-dark: #213547;--color-footer: #0b0a1e;--color-light: #ffffff;--color-danger: #cc334d;color:var(--color-light);background-color:var(--color-black)}body{margin:0;display:flex;place-items:top;min-width:200px;min-height:100dvh;max-width:100%;zoom:90%}#particles-js{position:fixed;width:100%;height:100%;background:#000;z-index:-1}#app{flex:1;max-width:1920px;margin:0 auto;text-align:center;display:flex;flex-direction:column;min-height:100%}nav{display:flex;place-items:center;justify-content:space-between;padding:1em}nav .title{display:flex;place-items:center}nav .title .menu{margin-left:1em}nav .title .menu a{font-weight:500;color:var(--color-light);margin-left:1em}nav .title .menu .disabled{color:var(--color-dark)}nav .logo{width:2em;height:2em}#main-content{display:flex;place-items:start;justify-content:center;margin-bottom:3em;z-index:1}#screen-blocker{display:none;position:fixed;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2}#popup-content{position:fixed;display:none;place-items:start;justify-content:center;z-index:99;top:35%;left:50%;transform:translate(-50%,-45%);width:95%;height:fit-content;max-width:512px;max-height:768px;padding:.75em .25em;border-radius:1em;opacity:0;pointer-events:none;transition:all .2s ease-in-out;overflow:hidden}#popup-content.show{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}#popup-content .close{cursor:pointer;padding:.5em .75em;border:none;border-radius:.5em;background-color:var(--color-primary);color:var(--color-light)}#header-popup{font-weight:600;display:flex;place-items:center}#popup-body{font-size:.85em}#header-popup .icon{width:1.25em;height:1.25em;margin-right:.5em}a{cursor:pointer;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-dark)}hr{background-color:#646cff68;height:1px;border:none}.content{width:100%;max-width:38em;padding:0 .5em}.content ul{text-align:end;font-size:.75em}.content ul a:not(:last-child){margin-right:1em}.card{padding:.5em;min-height:50dvh}.horizontal{min-height:auto;width:100%;max-width:38em}.glass{background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1em;border:1px solid #646cff88;box-shadow:0 4px 30px #ffffff08}.row{display:flex;place-items:center;justify-content:space-evenly;gap:.25em}.row:not(:first-child){margin-top:.5em}.button-primary{cursor:pointer;color:var(--color-light);background-color:var(--color-primary);padding:1em 2em;width:100%;border:1px solid var(--color-primary);border-radius:.75em;margin-top:1em;transition:all .2s ease-in}.button-primary:hover{background-color:var(--color-hover)}.banner-ads{border:1px solid var(--color-dark);width:100%}footer{display:none;margin-top:auto;padding:1.5em 1em 2em;background-color:var(--color-footer);z-index:1}footer .row{display:flex;place-items:center;justify-content:space-between}footer .row .menu{display:flex;place-items:center;justify-content:space-between;gap:1em;width:100%;text-align:start;margin-bottom:auto}footer .row .menu .list{width:100%;margin-bottom:auto}footer .row .menu .list .brand{display:flex;place-items:center}footer .row .menu .list .brand .logo{width:2.5em;height:2.5em;margin-right:.5em}footer .row .menu .list h4{color:var(--color-primary);margin-top:0;margin-bottom:.5em}footer .row .menu .list a{display:block;color:var(--color-light);line-height:2em;font-size:.85em}footer .row .menu .list a:before{content:"• "}footer .row .menu .list .disabled{color:var(--color-dark)}.dapp-pic{width:100%;max-width:512px;max-height:256px}.dapp-row{display:flex;flex-direction:column;width:100%;justify-content:start;padding:1em;gap:1em}@media screen and (min-width: 512px){.dapp-row{flex-direction:row}}@media screen and (max-width: 768px){nav .title .menu{display:none}footer{display:block}footer .row{display:block}footer .row .menu{display:block}footer .row .menu .list:not(:first-child){margin-top:2em}footer .row .menu .list .brand{display:none}}.bridge-content{margin-top:1em;border-radius:.75em;padding:.75em 1em}.bridge-border{border:1px solid #646cff28}.bridge-content .info{display:flex;place-items:center;justify-content:space-between;font-size:.75em;gap:.25em}.bridge-content .info span{display:flex;place-items:center}.bridge-content .info span .icon{width:1em;height:1em;margin-left:.25em}.bridge-content .info span a{margin-right:.25em}.bridge-content .info button{cursor:pointer;padding:.75em;text-align:start;color:var(--color-primary);border:1px solid #646cff88;border-radius:.75em;display:flex;place-items:center;font-weight:700;background-color:transparent;transition:all .2s ease-in}.bridge-content .info button:hover{background-color:var(--color-hover);color:var(--color-light)}.bridge-content .info button span{margin-left:.5em}.bridge-content .info button .icon{width:1.5em;height:1.5em}.bridge-content .info input{padding:.5em 0;text-align:end;width:100%;border:none;font-size:2.5em;font-weight:700;color:var(--color-light);background-color:transparent}.bridge-content .info input:focus{outline:none}.bridge-content .row span{display:flex;place-items:center}.bridge-content .row span .icon{width:.75em;height:.75em;margin-right:.25em}#switchBridge{cursor:pointer;width:1.25em;height:1.25em;position:absolute;padding:.25em;left:50%;transform:translate(-50%,-75%);background-color:var(--color-primary);border-radius:.5em}@media screen and (max-width: 375px){.bridge-content .info span:first-child{display:none}.bridge-content .info button{justify-content:center}.bridge-content .info button span{display:none}.bridge-content .info{justify-content:end}}@media screen and (min-width: 375px){.bridge-content .info button{min-width:8em}}.chart-container{padding:.5em;border-radius:.5em;background-color:#213547}#chart{width:fit-content;height:fit-content}.limit-content{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:.25em .5em}.limit-card{flex:1 1 100%;padding:.25em}.limit-glass{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;border:1px solid var(--color-hover);border-radius:1em;padding:.5em 0}.limit-content{flex:1 1 calc(100% - 1em);display:block;text-align:start;padding-left:.5em;font-size:.95em;max-width:100em}.limit-content .order-title{color:#ffffff80;display:flex;align-items:center;justify-content:space-between}.limit-content .order-title span{margin-right:.5em}.limit-content .order-title div{display:flex;align-items:center}.limit-content .order-title div .icon{width:2em;height:2em;margin-left:.25em}.limit-collapse-content{margin:.5em;padding-top:1em;display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;border:solid;border-color:var(--color-hover);border-style:dashed;border-width:.1em;border-left:none;border-right:none;border-bottom:none;transition:all .4s ease}.limit-content button{cursor:pointer;padding:.75em;justify-self:start;text-align:start;color:var(--color-primary);border:1px solid #646cff88;border-radius:.75em;display:flex;place-items:center;font-weight:700;background-color:transparent;transition:all .2s ease-in;width:100%;justify-content:center}.limit-content input{margin-bottom:1em;width:100%;max-width:100%;padding:.75em 0;border-radius:.75em;border:none;text-align:center}.limit-content input:focus{outline:none}.limit-content .buy{padding:0 .5em .25em;border-radius:.25em;border:1px solid var(--color-success);color:var(--color-success)}.limit-content .sell{padding:0 .5em .25em;border-radius:.25em;border:1px solid var(--color-danger);color:var(--color-danger)}.limit-content button:hover{background-color:var(--color-hover);color:var(--color-light)}.limit-content button span{margin-left:.5em}.limit-content button .icon{width:1.5em;height:1.5em}@media (min-width: 768px){.limit-content{flex:1 1 calc(50% - 1em)}}@media (min-width: 1024px){.limit-content{flex:1 1 calc(25% - 1em);text-align:end}.limit-content hr{display:none}.limit-content button{justify-self:end;width:16em}}
