#app_exchange_orderbook{left:0;right:0;width:160px;top:54px;height:389px;border:none;overflow:hidden;position:absolute}.exchange-order-book{position:absolute;left:220px;right:0;height:460px;top:200px;overflow:hidden;font-size:var(--font-sm);background:var(--bg-white);border-bottom:1px solid var(--border-light)}.exchange-order-book-title{padding:10px 16px 4px;height:34px}.exchange-order-book-title-main{font-size:var(--font-md);color:var(--color-text-primary);padding:10px 16px 4px;border-bottom:1px solid #dcdce9;height:40px;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0,var(--bg-white) 100%)}.exchange-order-book-body{color:#b7bdc6;overflow-y:auto;height:calc(100% - 28px);scrollbar-width:thin;border-bottom:1px solid #dcdce9}.exchange-order-book-row-wrapper-ask,.exchange-order-book-row-wrapper-bid{height:auto;max-height:calc((100% - 40px)/ 2);overflow-y:auto}.exchange-order-book-row-wrapper-cross{display:flex;justify-content:center;height:40px;padding:0 16px;font-size:var(--font-lg);font-weight:700;line-height:40px}.exchange-order-book-row{display:flex;position:relative;padding:0 16px;height:24px;line-height:24px;overflow:hidden}.exchange-ask.exchange-order-book-row,.exchange-bid.exchange-order-book-row{height:25px;line-height:25px;cursor:pointer}.exchange-order-book-row-title{display:flex;height:24px;line-height:24px;color:var(--color-text-secondary);font-size:var(--font-sm);margin-top:5px;padding:0 16px}.exchange-order-book-row-el{float:none;flex:1;height:100%;line-height:23.5px;font-size:var(--font-xs);color:var(--color-text-primary);position:relative;z-index:1}.exchange-order-book-row-title .exchange-order-book-row-el{font-size:var(--font-sm)}.exchange-order-book-row-price{flex:1;text-align:left}.exchange-order-book-row-size{flex:1;text-align:right}.exchange-order-book-row-volume{flex:1;text-align:right;padding-left:4px}.exchange-ask .exchange-order-book-row-price{color:var(--color-red)}.exchange-bid .exchange-order-book-row-price{color:var(--color-green)}.exchange-order-book-bg{position:absolute;right:0;top:0;width:0;height:100%;z-index:0}.exchange-ask .exchange-order-book-bg{background:var(--bg-ask)}.exchange-bid .exchange-order-book-bg{background:var(--bg-bid)}.exchange-order-book-row-wrapper-cross .normal{color:#fff}.exchange-order-book-row-wrapper-cross .up{color:var(--color-green)}.exchange-order-book-row-wrapper-cross .down{color:var(--color-red)}.exchange-order-book-row:hover{background-color:rgba(132,142,156,.1)}.dark-mode .exchange-order-book{background-color:#1e2026;color:#eaecef}.dark-mode .exchange-order-book-title-main{color:#eaecef;border-bottom:1px solid #2b3139;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,#1e2026 100%)}.dark-mode .exchange-order-book-row-title{color:#848e9c}.dark-mode .exchange-order-book-row-el{color:#eaecef}.dark-mode .exchange-order-book-body{border-bottom:1px solid #2b3139}.dark-mode .exchange-ask .exchange-order-book-bg{background:rgba(246,70,93,.15)}.dark-mode .exchange-bid .exchange-order-book-bg{background:rgba(14,203,129,.15)}.dark-mode .exchange-order-book-row:hover{background-color:rgba(132,142,156,.15)}@media (min-width:992px){.exchange-order-book-row-el{font-size:var(--font-sm)}.exchange-order-book{position:absolute;top:0!important;left:0;width:250px;height:100%;border-right:1px solid var(--border-light);border-bottom:none}.exchange-order-book-title{padding:10px 8px 4px}.exchange-order-book-row{padding:0 8px}.exchange-order-book-body{max-height:100%;height:calc(100% - 68px)}.exchange-order-book-row-wrapper-ask,.exchange-order-book-row-wrapper-bid{max-height:calc((100% - 40px)/ 2)}}@media (max-width:576px){.exchange-ask.exchange-order-book-row,.exchange-bid.exchange-order-book-row{height:24px;line-height:24px}.exchange-order-book-row-size{display:none}.exchange-order-book-row-price{flex:2;font-size:11px}.exchange-order-book-row-volume{flex:3;font-size:11px;text-align:right;padding-right:8px}.exchange-order-book-row-title .exchange-order-book-row-size,.exchange-order-book-title-main{display:none}}.exchange-order-book.mobile-view .exchange-order-book-row-wrapper-ask,.exchange-order-book.mobile-view .exchange-order-book-row-wrapper-bid{overflow-x:hidden}