.tradew-tradelist{display:flex;flex-direction:column;height:100%}.tradew-tradelist .tradelist-header{align-items:center;display:flex;justify-content:space-between;padding:8px 16px 4px}.tradew-tradelist .tradelist-container .trade-list-item{cursor:pointer;font-size:12px;font-weight:400;padding:0 12px 0 16px}.tradew-tradelist .tradelist-container .left{display:flex;flex:1 1;justify-content:flex-start;text-align:left}.tradew-tradelist .tradelist-container .right{color:var(--color-PrimaryText);display:flex;flex:1 1;justify-content:flex-end;text-align:right}.tradew-tradelist .tradelist-container .trade-list-item-buy .price{color:var(--color-TextBuy)}.tradew-tradelist .tradelist-container .trade-list-item-sell .price{color:var(--color-TextSell)}.tradew-tradelist .tradelist-container .text,.tradew-tradelist .tradelist-container .time{color:var(--color-PrimaryText)}@media screen and (max-width:768px){.tradew-tradelist .tradelist-container .trade-list-item{padding:0}}.auto-height-bubble .bn-bubble-content{max-height:none!important;white-space:normal}.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%)}.error-boundary-default{align-items:center;background-color:var(--color-BasicBg,#181a20);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.error-boundary-default-tip{color:var(--color-TertiaryText,#848e9c);font-size:14px;font-weight:500;line-height:22px}.error-boundary-default-id{align-items:center;color:var(--color-DisableText,#5e6673);cursor:pointer;display:flex;font-size:12px;font-weight:400;line-height:18px}.error-boundary-default-action{color:var(--color-TextLink,#f0b90b);cursor:pointer;font-size:14px;font-weight:500;line-height:22px}.error-boundary-default-refresh-icon{font-size:16px}.kline-container{flex:1 1;height:100%;position:relative;z-index:0}.pointer:hover{cursor:pointer}.kline-wrap{height:100%;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:0}.kline-wrap .kline-draw-menu-divider{border-top:1px solid #ddd;margin:4px 0}.kline-wrap .kline-wrap-mask{height:100%;position:absolute;width:100%;z-index:201}.kline-wrap .kline-title-wrap{color:#76808f}.kline-wrap .kline-title-wrap .default-label-box{color:var(--color-TertiaryText);font-size:12px;font-weight:400}@media screen and (max-width:767px){.kline-wrap .kline-title-wrap .default-label-box{color:var(--color-SecondaryText)}}.kline-wrap .indicator-title-toolbox svg path{fill:#848e9c;fill-opacity:.8}.kline-wrap .kline-title-wrap .indicator-title-toolbox svg:hover>path{fill:#848e9c}.kline-title-wrap .tooltip-wrap{position:absolute;z-index:10}.tooltip-wrap.up{left:50%;top:-6px;transform:translate(-50%,-100%)}.tooltip-wrap.right{left:100%;top:-6px;transform:translate(0)}.kline-title-wrap .tooltip-arrow{height:6px;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.kline-title-wrap .tooltip-text{padding:8px 12px;white-space:nowrap}.right .tooltip-text{margin-left:6px}.right .tooltip-arrow{left:0;top:50%;transform:translate(50%) rotate(45deg)}.kline-wrap .tooltip-wrap{border-radius:8px;color:var(--color-SecondaryBg)}.kline-wrap .tooltip-arrow,.kline-wrap .tooltip-wrap{background:var(--color-PrimaryText)}.kline-wrap .title-wrapper-container{box-sizing:border-box;height:0;position:absolute}.kline-wrap .chart-title-row{align-items:flex-start;border:1px solid transparent;display:flex;font-size:12px;line-height:14px;margin-left:4px;padding:4px;width:-moz-fit-content;width:fit-content;width:-moz-max-content}.kline-wrap .chart-title-row:hover{border:1px solid var(--color-Line);border-radius:4px;cursor:pointer}.kline-wrap .chart-title-row .chart-title-indicator-container{display:inline-flex;flex-wrap:wrap;line-height:16px}.kline-wrap .chart-title-row .icon-box{color:var(--color-IconNormal);cursor:pointer;display:inline-flex;height:16px;line-height:14px;margin-right:2px;position:relative;width:16px}.kline-wrap .chart-title-row .indicator-title-toolbox .icon-box:not(:last-child){margin-right:8px}.kline-wrap .chart-title-row .indicator-title-toolbox .icon-box:last-child{margin-right:0}div.chart-title-row:nth-child(2)~div>.chart-title-indicator-container{margin-left:18px}.chart-title-row.fold>.chart-title-indicator-container,.chart-title-row.fold>.indicator-title-toolbox,div.chart-title-row.fold:nth-child(2)~div{display:none}.icon-box svg{transition:transform .5s ease-out}.chart-title-row.fold svg{transform:rotate(-90deg)}.indicator-title-toolbox{display:none}.chart-title-row.active:not(.fold) .indicator-title-toolbox{align-items:center;display:flex;height:16px}.kline-wrap .text-area-wrap{background:#ddd;border:1px solid #328dfd;border-radius:4px;height:80px;left:0;outline:none;padding:4px;position:absolute;top:0;width:150px;z-index:10001}.kline-wrap.dark .text-area-wrap{background:#000;color:#e6e8ea}.kline-wrap.light .text-area-wrap{background:rgba(0,0,0,.2);color:#1e2026}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}