.navbar{background-color:#2951c0;color:#fff;display:flex;padding:.5em;justify-content:center}.navbar div{margin:0 .2em}.navbar div:first-child{font-weight:500;font-size:1.2em}.navbar div:nth-child(2){margin-left:auto}.navbar:hover{background-color:#20c997}@media screen and (max-width:616px){.navbar{justify-content:space-between}.navbar div:nth-child(2){display:none}}.liquidity{display:flex;height:100%;padding:1em .5em}.liquidity .pool__summary{width:40%;height:100%}.liquidity .pool__data{margin:0 .8em .8em}.liquidity .pool__data,.liquidity .pool__pair{border:1px solid #ced4da;border-radius:.25em;padding:.5em}.liquidity .pool__pair{display:flex;align-items:center;margin:.7em 0;max-width:100%}.pool__pair img{margin-right:.2em}.liquidity .pool__data p,div{margin-top:0;margin-bottom:0}.pool__pair .token__value{margin-left:auto}.liquidity .pool__liquid{width:60%;height:100%;border-radius:.25em;margin-left:1em}.liquidity__form{border:1px solid #ced4da;padding:1.5em;border-radius:.25em}.liquid__inputs{margin:.5em 0}.liquidity__form div{display:flex}.liquidity__form input{width:80%;border:1px solid #ced4da;padding:1em;border-radius:.25em;font-size:.9em}.liquidity__form .pairs{border:1px solid #ced4da;width:6em;align-items:center;justify-content:left;border-radius:.25em}.pairs select{border:transparent}.liquidity__form button,.pairs select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.liquidity__form button{width:100%;border-radius:.25em;padding:1em;color:#111;background:linear-gradient(180deg,#f7dfa5,#f0c14b);cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255/40%);border-color:#a88734 #9c7e31 #846a29;border-style:solid;border-width:1px}@media screen and (max-width:799px){.liquidity{display:flex;flex-direction:column;align-items:center;height:100%}.liquidity .pool__liquid{width:100%}.liquidity .pool__summary{width:100%;display:flex;flex-direction:column}.liquidity .pool__summary .pool__data{max-width:100%}}@media screen and (max-width:643px){.liquidity .pool__summary{flex-direction:column}.liquidity .pool__liquid{width:100%}}.liquidity__form .tokens{justify-content:center}.liquidity__form .tokens div{border:1px solid #dad5ce;margin:0 .2em;border-radius:.25em;padding:.1em}.liquidity__form .tokens div.active{background:linear-gradient(180deg,#f7dfa5,#f0c14b);box-shadow:inset 0 1px 0 rgb(255 255 255/40%);border-color:#a88734 #9c7e31 #846a29;border-style:solid;border-width:1px}.liquidity__form .tokens div:hover{cursor:pointer}.liquidity__form .tokens select{margin-left:auto;margin-right:auto}.liquidity__form button.trader{background:linear-gradient(180deg,#f5b80f,#f5b80f)}.main{height:100%;width:80%;margin:1em auto}.option{padding:.5em}.option button{width:6em;padding:.5em;margin:.5em .5em .5em 1em}.option button.liquid{color:#faf7f7;background:linear-gradient(180deg,#2302e0,#4b56f0);box-shadow:inset 0 1px 0 rgb(255 255 255/40%)}.option button.liquid,.option button.trade{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;border-radius:.25em;cursor:pointer;border-color:#a88734 #9c7e31 #846a29;border-style:solid;border-width:1px}.option button.trade{color:#111;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.option button:hover{cursor:pointer}body,html{padding:0;margin:0}#root,.app,body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}
/*# sourceMappingURL=main.fb63ca57.chunk.css.map */