#spotOrderbook{padding-bottom:8px}@media screen and (max-width:767px){#spotOrderbook{padding-bottom:0}}#spotOrderbook .orderbook-list:hover .overlay{display:block}#spotOrderbook .orderbook-list .overlay{display:none;height:0;position:absolute;width:0;z-index:100}#spotOrderbook .orderbook-list .overlay.right{right:0}#spotOrderbook .orderbook-list .overlay.right .triangle{border-color:transparent;border-right-color:var(--color-PrimaryText);border-width:5px 5px 5px 0}#spotOrderbook .orderbook-list .content .titleItem{margin-right:8px}#spotOrderbook .orderbook-list .content{background-color:var(--color-PrimaryText);border-radius:8px;box-sizing:border-box;color:var(--color-SecondaryBg);height:-webkit-fit-content;height:fit-content;left:0;opacity:.95;padding:4px 8px;position:absolute;top:0;width:180px}#spotOrderbook .orderbook-list .triangle{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--color-PrimaryText);border-right:0 solid transparent;border-top:5px solid transparent;height:0;opacity:.95;position:absolute;width:0}#spotOrderbook .orderbook-list .overlayItem{align-items:center;display:flex;font-size:12px;justify-content:space-between;line-height:18px;padding:0;width:100%}#spotOrderbook .orderbook-ticker{align-items:center;display:flex;height:36px;overflow:hidden;padding:0 16px}#spotOrderbook .orderbook-ticker .contractPrice{align-items:center;display:flex;font-size:20px;font-weight:500;height:20px;line-height:1;margin-right:4px}#spotOrderbook .orderbook-ticker .markPrice{color:var(--color-TertiaryText);display:flex;flex:1 1;font-size:12px;text-align:left}#spotOrderbook .orderbook-ticker .right{flex:1 1;text-align:right}#spotOrderbook .orderbook-ticker .ob-more-link{display:flex}#spotOrderbook .orderbook-ticker .ob-more{color:var(--color-IconNormal);height:16px;width:16px}#spotOrderbook .orderbook-ticker .ob-more:hover{color:var(--color-PrimaryText)}#spotOrderbook .orderbook-ticker .arrow-icon{height:16px;width:16px}#spotOrderbook .orderbook-ticker .status-sell{color:var(--color-Sell)}#spotOrderbook .orderbook-ticker .status-buy{color:var(--color-Buy)}#spotOrderbook .orderbook-ticker .status-primary{color:var(--color-PrimaryText)}#spotOrderbook .orderbook-compare{align-items:center;color:var(--color-PrimaryText);display:flex;font-size:12px;height:16px;justify-content:space-between;line-height:16px;padding:0 16px}#spotOrderbook .orderbook-compare .compare-direction{align-items:center;display:flex;line-height:18px}#spotOrderbook .orderbook-compare .compare-percent-buy{color:var(--color-Buy);margin-left:2px}#spotOrderbook .orderbook-compare .compare-percent-sell{color:var(--color-Sell);margin-right:2px}#spotOrderbook .orderbook-compare .compare-bar{align-items:center;display:flex;flex:1 1;padding:0 8px}#spotOrderbook .orderbook-compare .compare-bids-bar{align-items:center;background-color:var(--color-Buy);border-radius:2px 0 0 2px;height:4px;margin-right:2px}#spotOrderbook .orderbook-compare .compare-asks-bar{align-items:center;background-color:var(--color-Sell);border-radius:0 2px 2px 0;height:4px}#spotOrderbook .bn-tooltip-box{border-radius:8px;color:var(--color-SecondaryBg);line-height:18px}#spotOrderbook .bn-tooltip-box,#spotOrderbook .bn-tooltip-box .bn-tooltip-arrow:before{background-color:var(--color-PrimaryText);opacity:.95!important}.orderbook-control{background-color:var(--color-CardBg);border-radius:12px;padding:8px 0;width:220px}.orderbook-control .control-list-title{color:var(--color-TertiaryText);font-size:12px;line-height:32px;padding:0 10px}.orderbook-control .control-list-label{align-items:center;color:var(--color-PrimaryText);cursor:pointer;display:flex;font-size:14px;line-height:22px;padding:8px 10px}.orderbook-control .control-list-label:hover,.orderbook-control .control-list-radio:hover{background-color:var(--color-Input)}.orderbook-control .control-list-label span{padding-left:4px}.orderbook-control .control-list-radio{color:var(--color-PrimaryText);font-size:14px;line-height:22px;padding:8px 10px;width:100%}.orderbook-control .control-spaceline{border-bottom:1px solid;border-color:var(--color-Line);margin-left:10px;width:calc(100% - 20px)}.orderbook-control .control-list-animation{align-items:center;color:var(--color-PrimaryText);display:flex;font-size:14px;justify-content:space-between;padding:12px 10px}.orderbook-control .bn-selection-group{display:block}.orderbook-i-more.trade-common-icon:hover{color:var(--color-PrimaryText);cursor:pointer}.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;margin-right:4px;padding-left:4px;padding-right:4px;position:static}}.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;padding-left: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;padding-left:4px;width:100%}}.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){.tradew-ob-container .orderbook-tbheader{margin:4px 12px 4px 0}}.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-align:right;text-overflow:ellipsis}.tradew-ob-container .orderbook-tbheader .item:first-of-type{text-align:left}.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;margin-left:4px;text-align:right}@media screen and (max-width:768px){.tradew-ob-container .row-content{margin-left: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;left:100%;opacity:.1;position:absolute;right:0;width:100%;z-index:1}.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%)}