@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);.side .row{grid-gap:2px;align-items:center;display:flex;flex-direction:row;height:17px;overflow:hidden;transition:all .3s ease-in-out;width:100%}.side .row>div{padding:0 5px;text-align:right}.side .row.row-active.increasing{background-color:var(--background-color10)}.side .row.row-active.decreasing{background-color:var(--background-color11)}.side .row.row-active.stable{background-color:var(--background-color8)}.side .row div.amount{min-width:25%;text-align:right}.side .row div.total{max-width:65px;min-width:65px;width:65px}.side .row div.count{max-width:40px;min-width:40px;text-align:center;white-space:nowrap;width:40px}.side .row div.price{min-width:25%}.side .row div.alert,.side .row div.placeholder{width:15px}.side.side-bids{direction:rtl}.side.side-bids .row>.price{text-align:left}@media(max-width:700px){.side.side-bids .row>.price{text-align:right}}.side{display:flex;flex-direction:column;overflow:hidden;width:50%}.side.disconnected{opacity:.3}.side .rows-container{z-index:2}@media(max-width:700px){.order-book .book-view .side{height:170px;width:100%}.order-book .book-view .rows-container{height:170px;overflow:hidden}.order-book .book-view .side-asks{padding-top:17px}.order-book .book-view .side-asks .header-rows{margin-top:-17px}.order-book .book-view .side-asks .rows{display:flex;flex-direction:column-reverse;margin-top:-255px}.order-book .book-view .side-bids{direction:ltr}.order-book .book-view .side-bids .header{border-bottom:1px solid var(--border-color6);height:0}}.side .header{grid-gap:2px;display:flex;flex-direction:row;opacity:.6;text-transform:uppercase}.side .bars{height:0;z-index:1}.side .bars .svg-container{overflow:hidden}.side .bars svg{margin-top:17px}.side .bars rect{transition:all .3s ease-in-out}.side.side-asks svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.side.side-asks .bars rect{fill:var(--background-color10-light)}.side.side-bids svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.side.side-bids .bars rect{fill:var(--background-color11-light)}@media(max-width:700px){.order-book .book-view .side-asks svg{margin-top:-255px;-webkit-transform:scale(-1);transform:scale(-1)}.order-book .book-view .side-bids svg{margin-top:-51px;-webkit-transform:scale(-1);transform:scale(-1)}}.order-book .statusbar{align-items:center;border-bottom:1px solid hsla(0,0%,39%,.3);display:flex;flex-direction:row;font-size:10px;height:24px;justify-content:right;line-height:20px;margin:0;padding:0 0 0 5px}.order-book .statusbar button{font-size:10px;text-decoration:underline}.order-book .statusbar .status-indicator span{background-color:pink;border-radius:8px;display:block;height:8px;margin-top:1px;width:8px}.order-book .statusbar .status-indicator span.connected{background-color:green}.order-book .statusbar .status-indicator span.disconnected{background-color:red}button:hover{opacity:.8}button:disabled{opacity:.3}.order-book .toolbar{align-items:center;border-bottom:1px solid hsla(0,0%,39%,.3);display:flex;flex-direction:row;font-size:.9rem;height:32px;justify-content:space-between;line-height:28px;margin:0;padding:0 0 0 5px;-webkit-user-select:none;user-select:none}.order-book .toolbar .detail{opacity:.7}.order-book .toolbar button{border:0;color:var(--text-color1)}.status-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.status-overlay div{background-color:var(--background-color4);border:2px solid var(--border-color6);box-shadow:2px 2px 0 var(--border-color2);cursor:pointer;display:block;padding:10px 20px;transition:all .3s ease-in-out}.status-overlay div:hover{background-color:var(--background-color5)}.order-book{background:var(--surface-color);display:flex;flex-direction:column;font-size:11px;max-width:1200px;overflow:hidden;position:relative}.order-book .book-view{display:flex;flex-direction:row;width:100%}@media(max-width:700px){.order-book .book-view{flex-direction:column}}body{--background-color10:rgba(1,167,129,.5);--background-color10-light:#b8dbd2;--background-color11:rgba(228,75,68,.5);--background-color11-light:#eac5c5}.dark-mode{--background-color1:#0b1923;--background-color8:#01a781;--background-color4:#172d3e;--background-color5:#0e3452;--background-color3:#102331;--border-color2:#172d3e;--border-color6:#485054}.light-mode{--background-color1:#f1f1f1;--background-color4:#e4e4e4;--background-color3:#ebebeb;--background-color5:#dad8d8;--background-color8:#03ac84;--border-color2:#bfc3c6;--border-color6:#485054;--text-color1:#040c0f}body{background-color:var(--background-color3);color:var(--text-color1);font-family:Roboto,sans-serif}@media(prefers-color-scheme:light){body{--background-color1:#f1f1f1;--background-color4:#e4e4e4;--background-color3:#ebebeb;--background-color5:#dad8d8;--background-color8:#03ac84;--border-color2:#bfc3c6;--border-color6:#485054;--text-color1:#040c0f}}@media(prefers-color-scheme:dark){body{--background-color1:#0b1923;--background-color8:#01a781;--background-color4:#172d3e;--background-color5:#0e3452;--background-color3:#102331;--border-color2:#172d3e;--border-color6:#485054}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{background:transparent;border:0;font-family:inherit}
/*# sourceMappingURL=main.1859d770.css.map*/