#futuresOrderbook .orderbook-header{display:flex;height:20px;justify-content:space-between}#futuresOrderbook .orderbook-header .orderbook-tickSize{justify-content:flex-end;position:static}[dir=ltr] #futuresOrderbook .orderbook-header .orderbook-tickSize{right:0}[dir=rtl] #futuresOrderbook .orderbook-header .orderbook-tickSize{left:0}#futuresOrderbook .orderbook-header .orderbook-tickSize .tick-content{color:var(--color-PrimaryText)}#futuresOrderbook .orderbook-ticker{align-items:center;display:flex;height:40px}#futuresOrderbook .orderbook-ticker.with-ratio{height:28px}#futuresOrderbook .orderbook-ticker .contractPrice{align-items:center;display:flex;font-size:20px;font-weight:500}#futuresOrderbook .orderbook-ticker .markPrice{color:var(--color-SecondaryText);display:inline-block;flex:1 1;font-size:12px}[dir=ltr] #futuresOrderbook .orderbook-ticker .markPrice{text-align:left}[dir=rtl] #futuresOrderbook .orderbook-ticker .markPrice{text-align:right}#futuresOrderbook .orderbook-ticker .markPrice>div>div{border-bottom:none}#futuresOrderbook .orderbook-ticker .right{flex:1 1}[dir=ltr] #futuresOrderbook .orderbook-ticker .right{text-align:right}[dir=rtl] #futuresOrderbook .orderbook-ticker .right{text-align:left}#futuresOrderbook .orderbook-ticker .more:hover{color:#ff0}#futuresOrderbook .orderbook-ticker .status-sell{color:var(--color-Sell)}#futuresOrderbook .orderbook-ticker .status-green{color:var(--color-Buy)}#futuresOrderbook .orderbook-ticker .status-primary{color:var(--color-PrimaryText)}#futuresOrderbook .orderbook-progress{height:20px!important}#futuresOrderbook .orderbook-progress .row-content{line-height:20px!important;padding:0!important}#futuresOrderbook .orderbook-progress .progress-container{border:none!important;height:20px!important}#futuresOrderbook .orderbook-compare{align-items:center;color:var(--color-PrimaryText);display:flex;font-size:12px;height:16px;justify-content:space-between;line-height:16px;margin-top:5px}#futuresOrderbook .orderbook-compare .compare-direction{align-items:center;display:flex;line-height:18px}#futuresOrderbook .orderbook-compare .compare-percent-buy{color:var(--color-Buy)}[dir=ltr] #futuresOrderbook .orderbook-compare .compare-percent-buy{margin-left:2px}[dir=rtl] #futuresOrderbook .orderbook-compare .compare-percent-buy{margin-right:2px}#futuresOrderbook .orderbook-compare .compare-percent-sell{color:var(--color-Sell)}[dir=ltr] #futuresOrderbook .orderbook-compare .compare-percent-sell{margin-right:2px}[dir=rtl] #futuresOrderbook .orderbook-compare .compare-percent-sell{margin-left:2px}#futuresOrderbook .orderbook-compare .compare-bar{align-items:center;display:flex;flex:1 1;padding:0 8px}#futuresOrderbook .orderbook-compare .compare-bids-bar{align-items:center;background-color:var(--color-Buy);height:4px}[dir=ltr] #futuresOrderbook .orderbook-compare .compare-bids-bar{border-radius:2px 0 0 2px;margin-right:2px}[dir=rtl] #futuresOrderbook .orderbook-compare .compare-bids-bar{border-radius:0 2px 2px 0;margin-left:2px}#futuresOrderbook .orderbook-compare .compare-asks-bar{align-items:center;background-color:var(--color-Sell);height:4px}[dir=ltr] #futuresOrderbook .orderbook-compare .compare-asks-bar{border-radius:0 2px 2px 0}[dir=rtl] #futuresOrderbook .orderbook-compare .compare-asks-bar{border-radius:2px 0 0 2px}.tradew-ob-container{display:flex;flex:1 1;flex-direction:column;height:100%}.tradew-ob-container .orderbook-header{align-items:center;display:flex;justify-content:space-between;margin:12px 16px 4px;position:relative}@media screen and (max-width:768px){.tradew-ob-container .orderbook-header{align-items:normal;justify-content:space-between;margin:0;position:static}}.tradew-ob-container .orderbook-header-tips{align-items:center;display:flex;gap:12px}.tradew-ob-container .ob-type-button{cursor:pointer;height:16px}.tradew-ob-container .ob-type-button svg{vertical-align:2px}.tradew-ob-container .orderbook-tickSize{align-items:normal;display:flex;flex:none;justify-content:normal}@media screen and (max-width:768px){.tradew-ob-container .orderbook-tickSize{align-items:center;justify-content:center;padding-left:4px;padding-right:4px;position:static}[dir=ltr] .tradew-ob-container .orderbook-tickSize{margin-right:4px}[dir=rtl] .tradew-ob-container .orderbook-tickSize{margin-left:4px}}.tradew-ob-container .tick-content{align-items:center;color:var(--color-PrimaryText);cursor:pointer;display:flex;font-size:12px;justify-content:center;min-width:40px}[dir=ltr] .tradew-ob-container .tick-content{padding-left:8px}[dir=rtl] .tradew-ob-container .tick-content{padding-right:8px}.tradew-ob-container .ob-icon-caretdown{color:var(--color-IconNormal);height:16px;width:16px}.tradew-ob-container .ob-icon-caretdown:hover{color:var(--color-PrimaryText)}.tradew-ob-container .bn-bubble-content{border-radius:12px}.tradew-ob-container .ob-ticksize-overlay{background-color:var(--color-CardBg);border-radius:12px;color:var(--color-SecondaryText);padding:10px 0;width:126px}.tradew-ob-container .ob-ticksize-item{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 10px}.tradew-ob-container .ob-ticksize-item svg{font-size:16px}.tradew-ob-container .ob-ticksize-item.active{color:var(--color-PrimaryText);font-weight:500}.tradew-ob-container .ob-ticksize-item:hover{background-color:var(--color-Input);color:var(--color-PrimaryText)}@media screen and (max-width:768px){.tradew-ob-container .tick-content{font-size:14px;height:32px;width:100%}[dir=ltr] .tradew-ob-container .tick-content{padding-left:4px}[dir=rtl] .tradew-ob-container .tick-content{padding-right:4px}}.tradew-ob-container .orderbook-flex{display:flex;flex:1 1}.tradew-ob-container .orderbook-tbheader{display:flex;flex-direction:column;margin:0 16px 4px}@media screen and (max-width:768px){[dir=ltr] .tradew-ob-container .orderbook-tbheader{margin:4px 12px 4px 0}[dir=rtl] .tradew-ob-container .orderbook-tbheader{margin:4px 0 4px 12px}}.tradew-ob-container .orderbook-tbheader .content{align-items:center;color:var(--color-TertiaryText);display:flex;font-size:12px;justify-content:space-between;min-height:20px}.tradew-ob-container .orderbook-tbheader .item{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis}[dir=ltr] .tradew-ob-container .orderbook-tbheader .item{text-align:right}[dir=ltr] .tradew-ob-container .orderbook-tbheader .item:first-of-type,[dir=rtl] .tradew-ob-container .orderbook-tbheader .item{text-align:left}[dir=rtl] .tradew-ob-container .orderbook-tbheader .item:first-of-type{text-align:right}.tradew-ob-container .orderlist-container{display:flex;flex:1 1;flex-direction:column}.tradew-ob-container .orderbook-list{display:flex;flex:1 1;position:relative}.tradew-ob-container .row-content{box-sizing:border-box;cursor:pointer;display:flex;height:100%;line-height:20px;width:100%;z-index:2}.tradew-ob-container .row-content:hover{font-weight:500}@media screen and (max-width:768px){.tradew-ob-container .row-content{line-height:22px}}.tradew-ob-container .orderbook-list .text{color:var(--color-PrimaryText);cursor:pointer;flex:1 1;font-size:12px}[dir=ltr] .tradew-ob-container .orderbook-list .text{margin-left:4px;text-align:right}[dir=rtl] .tradew-ob-container .orderbook-list .text{margin-right:4px;text-align:left}@media screen and (max-width:768px){[dir=ltr] .tradew-ob-container .row-content{margin-left:0}[dir=rtl] .tradew-ob-container .row-content{margin-right:0}}.tradew-ob-container .orderbook-list .text:hover{font-weight:500}.tradew-ob-container .ask-light{color:var(--color-TextSell)}.tradew-ob-container .ask-bar{background-color:var(--color-Sell)}.tradew-ob-container .bid-light{color:var(--color-TextBuy)}.tradew-ob-container .bid-bar{background-color:var(--color-Buy)}.tradew-ob-container .flicker-bg-ask{background-color:rgb(from var(--color-Sell) r g b/40%);transition:all .2s ease-in-out}.tradew-ob-container .flicker-bg-bid{background-color:rgb(from var(--color-Buy) r g b/40%);transition:all .2s ease-in-out}.tradew-ob-container .orderbook-progress{display:flex;height:20px;padding:0 16px}@media screen and (max-width:768px){.tradew-ob-container .orderbook-progress{padding:0}}.tradew-ob-container .progress-bar{height:20px;opacity:.1;position:absolute;width:100%;z-index:1}[dir=ltr] .tradew-ob-container .progress-bar{left:100%;right:0}[dir=rtl] .tradew-ob-container .progress-bar{left:0;right:100%}.tradew-ob-container .progress-dot{background-color:var(--color-PrimaryYellow);border-radius:50%;height:3px;position:absolute;top:8px;width:3px;z-index:2}.tradew-ob-container .progress-container{align-items:center;animation:.3s ease-out;display:flex;flex:1 1;height:20px;overflow:hidden;position:relative}.tradew-ob-container .orderbook-ask.has-overlay .orderbook-progress:hover~.orderbook-progress .progress-container{background-color:rgb(from var(--color-Input) r g b/35%)}.tradew-ob-container .orderbook-ask.has-overlay .orderbook-progress:hover .progress-container{border-top:1px dashed;border-color:var(--color-Line)}.tradew-ob-container .orderbook-ask .orderbook-progress:hover .progress-container{background-color:rgb(from var(--color-Input) r g b/35%)}.tradew-ob-container .orderbook-list-container{display:flex;flex-direction:column;justify-content:center}.tradew-ob-container .orderbook-list-container>div{position:relative}.tradew-ob-container .orderbook-bid.has-overlay .orderbook-list-container>div:hover .orderbook-progress .progress-container{background-color:rgb(from var(--color-Input) r g b/35%)}.tradew-ob-container .orderbook-bid.has-overlay .orderbook-list-container>div:hover .orderbook-progress:hover~.orderbook-progress .progress-container{background-color:transparent}.tradew-ob-container .orderbook-bid.has-overlay .orderbook-progress:hover .progress-container{border-bottom:1px dashed;border-color:var(--color-Line)}.tradew-ob-container .orderbook-bid .orderbook-progress:hover .progress-container{background-color:rgb(from var(--color-Input) r g b/35%)}