@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");:root{--clr-primary:#0d121d;--clr-secondary:#121a29;--clr-neutral:#767f92;--clr-white:#f1f2f9;--clr-blue:#2187d0;--clr-red:#f45353;--clr-green:#25ce8f}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.blue-clr{color:var(--clr-blue)}html{font-family:DM Sans;color:var(--clr-white)}main{min-height:100vh}h1{font-size:clamp(1rem,2vw,1.25rem)}h1,h2{font-weight:500}h2{display:flex;justify-content:flex-start;align-items:flex-end;margin:.375em 0;font-size:clamp(.95rem,2vw,1.1rem)}p,small{font-weight:400}small{color:var(--clr-neutral)}.flex,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center;width:100%;padding-top:30px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.flex-between{justify-content:space-between}.flex-between,.flex-end{display:flex;align-items:center}.flex-end{justify-content:flex-end}.flex-1{flex:1 1}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.exchange__section--left{background:var(--clr-secondary);padding:2em;grid-column-start:1;grid-column-end:13}.exchange__section--right{background:var(--clr-primary);padding:.25em .75em 0;grid-column-start:1;grid-column-end:13}.exchange__header{background:var(--clr-primary);height:12vh;position:relative;z-index:1}.exchange__header small{margin:0 .5em 0 0}.exchange__chart select,.exchange__header select{background:transparent;color:var(--clr-white);border:none;font-weight:700;cursor:pointer}.exchange__header select:focus{background:var(--clr-secondary)}.exchange__header--brand{padding:.75em 2em;grid-column-start:1;grid-column-end:6}.exchange__header--brand h1{display:none}.exchange__header--networks{grid-column-start:12;grid-column-end:13;grid-row:2;position:absolute;top:24px;right:64px;transform:translateY(-50%)}.exchange__header--account{background:var(--clr-secondary);position:absolute;top:50%;right:24px;transform:translateY(-50%);width:400px;height:48px;border-radius:10px;grid-column-start:9;grid-column-end:13}.exchange__header--account p{margin:0 auto}.exchange__header--account a,.exchange__header--account button{display:flex;justify-content:center;align-items:center;background:#222d41;border:none;color:var(--clr-white);margin:0;border-radius:10px;width:182px;height:48px;font-size:16px;text-decoration:none;transition:all .25s ease}.exchange__header--account button:hover{background:var(--clr-blue);border:none}.exchange__header--account img{width:32px;height:auto;margin:0 0 0 .75em}.component{position:relative}.component__header{margin:0 0 .75em}.exchange__markets,.exchange__orders,.exchange__transfers{grid-column-start:2;grid-column-end:12}.exchange__markets select{background:var(--clr-primary);color:var(--clr-text);border:none;width:100%;padding:1em;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.exchange__transfers img{float:left;margin:0 .3em 0 0}.exchange__transfers--form .flex-between{padding:0 3em .75em 0}.exchange__chart{background:var(--clr-secondary);padding:.75em 1.75em;margin:.75em;min-height:325px;grid-column-start:1;grid-column-end:13}.apexcharts-canvas{margin:0 auto}.apexcharts-tooltip{background:var(--clr-primary);color:var(--clr-white)}.exchange__transactions{background:var(--clr-secondary);padding:.75em 1.75em;margin:.75em;grid-column-start:1;grid-column-end:13;height:215px;overflow-y:scroll;scrollbar-width:thin}.exchange__trades::-webkit-scrollbar,.exchange__transactions::-webkit-scrollbar{background:var(--clr-blue);width:4px}.exchange__trades::-webkit-scrollbar-thumb,.exchange__transactions::-webkit-scrollbar-thumb{background:var(--clr-white);border-radius:15px}.exchange__trades{height:215px;overflow-y:scroll;scrollbar-width:thin}.exchange__orderbook,.exchange__trades{background:var(--clr-secondary);padding:.75em 1.75em;margin:.75em;grid-column-start:1;grid-column-end:13}.exchange__orderbook--buy tbody tr:hover,.exchange__orderbook--sell tbody tr:hover{background:var(--clr-primary);cursor:pointer}.logo{width:35px;height:auto;margin:0 .5em 0 0}.identicon{margin:0 0 0 .6em}hr{width:100%;height:1px;margin:1.75em auto;border:none}.hr--vertical,hr{background:#2e3950}.hr--vertical{flex:1 1;margin:0 auto;width:1px;height:100%}.divider{padding:0 15px}.button,.button--sm{background:transparent;color:var(--clr-blue);border:1.5px solid var(--clr-blue);border-radius:10px;width:100%;margin:.75em auto;padding:1.15em;font-weight:700;cursor:pointer;position:relative;transition:all .25s ease}.button--sm{width:50%;margin:0 auto;padding:.25em;border-radius:5px}.button span{position:relative}.button span:after{content:"";background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/right-arrow-blue.64902b94.svg);background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;right:-14px;transform:translate(50%,-50%);width:10px;height:12px;transition:all .25s ease}.button--sm:hover,.button:hover{color:var(--clr-white);border:1.5px solid var(--clr-white)}.button:hover span:after{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/right-arrow-white.de7cf8a0.svg);right:-18px}.button--filled{background:var(--clr-blue);color:var(--clr-text);border:1px solid transparent}.button--filled span:after{background-image:url(webpack:///mini-css-extract-plugin/_next/static/media/right-arrow-white.de7cf8a0.svg)}.button--filled:hover{border:1px solid transparent}input{background:var(--clr-primary);color:var(--clr-text);border:none;border-radius:10px;width:100%;margin:.75em auto;padding:1.15em;font-family:DM Sans;font-weight:400;outline:none;position:relative}input::placeholder{color:var(--clr-neutral)}.tabs{background:var(--clr-primary);border-radius:10px;padding:.2em}.tab{background:transparent;color:var(--clr-text);min-width:6em;padding:.5em .75em;border:none;border-radius:8px;font-family:DM Sans;font-weight:500;cursor:pointer;position:relative}.tab--active{background:var(--clr-blue)}table{table-layout:fixed;width:100%}table caption{text-align:left;margin:0 0 .5em}table th{color:var(--clr-neutral);margin:.5em 0;font-size:.85em;font-weight:500;text-align:right}table th img{float:right}table th:first-child,td:first-child{text-align:left;display:flex}table td{min-width:max-content;margin:.25em 0;font-size:clamp(.9rem,2vw,.95rem);font-weight:400;text-align:right}.alert{background:#222d41;height:100px;width:300px;position:fixed;bottom:1.5em;right:1.5em;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .5s ease}.alert a{color:var(--clr-blue);text-decoration:none;margin:.25em}.alert a:hover{color:var(--clr-white)}.alert--remove{opacity:0;pointer-events:none}.banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto}@media screen and (min-width:576px){.exchange__markets,.exchange__orders,.exchange__transfers{grid-column-start:3;grid-column-end:11}.exchange__header--brand h1{display:contents}}@media screen and (min-width:768px){.exchange__header--brand{grid-column-start:1;grid-column-end:4}.exchange__header--networks{grid-column-start:4;grid-column-end:6;grid-row:1;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.exchange__markets{grid-row-start:1}.exchange__markets,.exchange__orders{grid-column-start:1;grid-column-end:6;grid-row-end:3}.exchange__orders{grid-row-start:2}.exchange__transfers{grid-column-start:7;grid-column-end:13;grid-row-start:1;grid-row-end:3}.exchange__transactions{grid-column-start:1;grid-column-end:7}.exchange__trades{grid-column-start:7;grid-column-end:13}}@media screen and (min-width:992px){.exchange__header--brand{grid-column-start:1;grid-column-end:5}.exchange__header--networks{grid-column-start:5;grid-column-end:7}.exchange__markets{grid-row-start:1}.exchange__markets,.exchange__orders{grid-column-start:2;grid-column-end:6;grid-row-end:3}.exchange__orders{grid-row-start:2}.exchange__transfers{grid-column-start:7;grid-column-end:12;grid-row-start:1;grid-row-end:3}}@media screen and (min-width:1200px){.exchange__header--brand{background:var(--clr-secondary)}.exchange__section--left{padding:.25em 2em 0;grid-column-start:1;grid-column-end:5}.exchange__section--right{grid-column-start:5;grid-column-end:13}.exchange__markets,.exchange__orders,.exchange__transfers{grid-column-start:1;grid-column-end:13}.exchange__markets{grid-row:1}.exchange__transfers{grid-row:2}.exchange__orders{grid-row:3}}@media screen and (min-width:1600px){.exchange__section--left{grid-column-start:1;grid-column-end:4}.exchange__section--right{grid-column-start:4;grid-column-end:13}.exchange__header--brand{grid-column-start:1;grid-column-end:4}.exchange__header--networks{grid-column-start:4;grid-column-end:5}}