.create-order-ctr{display:flex;padding:8px 12px 12px}.create-order-ctr .order-book-trade{width:46%;padding-right:12px}.create-order-ctr .order-input-ctr{width:54%}.create-order-ctr .order-side-line{display:flex}.create-order-ctr .order-side-item{position:relative;flex:1;height:32px;line-height:32px;text-align:center;background:var(--Container-Tertiary);border-radius:8px;color:var(--Content-Contrast);cursor:pointer;font-size:14px;font-weight:500}.create-order-ctr .order-side-item:first-of-type:after{position:absolute;content:"";top:0;right:-14px;background:inherit;height:100%;width:40px;border-radius:0 4px 0 0;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.create-order-ctr .order-side-item:nth-of-type(2){margin-left:24px}.create-order-ctr .order-side-item:nth-of-type(2):after{position:absolute;content:"";top:0;left:-18px;background:inherit;height:100%;width:40px;border-radius:0 0 0 4px;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}.create-order-ctr .order-side-buy{background:var(--Functional-Green-Positive);color:var(--Content-Primary)}.create-order-ctr .order-side-sell{background:var(--Functional-Red-Negative);color:var(--Content-Primary)}.create-order-ctr .balance-line{display:flex;padding:12px 4px 6px 0;justify-content:space-between}.create-order-ctr .balance-ceil{display:flex;align-items:center;font-size:12px;color:var(--Content-Primary)}.create-order-ctr .balance-label{color:var(--Content-Contrast)}.create-order-ctr .balance-token{margin:0 4px}.create-order-ctr .order-type-selector{margin-top:6px;height:40px;width:100%;padding:0 8px;border-radius:8px;border:1px solid var(--Border-Tertiary,#252525)}.create-order-ctr .order-type-selector .x-dropdown-show-line{justify-content:space-between}.create-order-ctr .order-qty-ratio{margin-top:6px}.create-order-ctr .trigger-price-line{margin-top:6px;display:flex;justify-content:space-between;align-items:center;padding-right:8px;border-radius:8px;background:var(--Content-Inverse);border:1px solid var(--Border-Primary,#252525)}.create-order-ctr .order-input-trigger{flex:1;height:32px;border:none;font-size:16px;font-weight:500}.create-order-ctr .order-input-trigger .x-order-input{font-size:16px!important;font-weight:500!important}.create-order-ctr .checkbox-ctr{margin-top:6px}.create-order-ctr .user-cost-ceil{margin-bottom:8px;display:flex;justify-content:space-between}.create-order-ctr .user-cost-ceil-label{color:var(--Content-Contrast)}.create-order-ctr .user-cost-ceil-value{display:flex;align-items:center;color:var(--Content-Primary)}.create-order-ctr .user-cost-ceil-value.liq-data{color:var(--Brand-Default)}.create-order-ctr .create-order-tp-sl-line{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.create-order-ctr .create-order-tp-sl-input-line{margin:4px 0;height:32px;display:flex;justify-content:space-between}.create-order-ctr .tp-sl-input{flex:1}.create-order-ctr .tp-sl-input:nth-of-type(2){margin-left:4px}.create-order-ctr .qty-label-ctr{display:flex;align-items:center}.create-order-ctr .qty-label-coin{font-weight:500;font-size:14px;color:var(--Content-Primary)}.create-order-ctr .label-switch-icon{margin-left:2px;fill:var(--Content-Contrast)}.create-order-ctr .order-input-price{border-radius:8px;margin-top:6px;font-size:16px;font-weight:500}.create-order-ctr .order-input-price .x-order-input{text-align:center;font-size:16px!important;font-weight:500!important}.create-order-ctr .order-input-qty{margin-top:6px;border-radius:8px;font-size:16px;font-weight:500}.create-order-ctr .order-input-qty .x-order-input{font-size:16px!important;font-weight:500!important}.create-order-ctr .ratio-qty-line{margin-top:6px;height:40px;display:flex;padding:0 8px;justify-content:space-between;align-items:center;border-radius:4px;border:1px solid var(--Border-Primary,#252525)}.view-order-book{display:flex;flex-direction:column;font-size:12px;height:0;overflow:hidden}.view-order-book.view-order-book-show{height:100%}.view-order-book .order-book-type-ctr{display:flex;padding:8px 16px 0;align-items:center}.view-order-book .order-book-type-btn{width:24px;height:24px;margin-right:10px;cursor:pointer;user-select:none}.view-order-book .order-book-type-btn.current,.view-order-book .order-book-type-btn:not(.current):hover{background:var(--Border-Primary);border-radius:4px}.view-order-book .order-book-type-btn.type-btn-buy{fill:var(--Functional-Green-Positive)}.view-order-book .order-book-type-btn.type-btn-sell{fill:var(--Functional-Red-Negative)}.view-order-book .order-book-data-ctr-charts{position:relative;display:flex;flex-direction:row-reverse}.view-order-book .order-book-data-ctr-trade .order-book-item-ctr-buy{flex-direction:row-reverse}.view-order-book .order-book-data-ctr-trade .order-book-item-ctr-buy .order-book-item{flex:1;text-align:left}.view-order-book .order-book-data-ctr-trade .order-book-item-ctr-buy .order-book-item:first-of-type{text-align:right}.view-order-book .order-book-data-ctr-trade .long-data-ctr,.view-order-book .order-book-data-ctr-trade .short-data-ctr{padding:0}.view-order-book .order-book-trade-title-line{display:flex;justify-content:space-between;margin-bottom:8px}.view-order-book .order-book-trade-title{color:var(--Content-Contrast)}.view-order-book .order-book-trade-title:nth-of-type(2){text-align:right}.view-order-book .long-data-ctr,.view-order-book .short-data-ctr{flex:1;overflow:hidden}.view-order-book .long-data-ctr{padding:0 6px 0 16px}.view-order-book .short-data-ctr{padding:0 16px 0 6px}.view-order-book .order-book-data-ctr-ani .long-data-ctr,.view-order-book .order-book-data-ctr-ani .short-data-ctr{transition:all .12s linear}.view-order-book .order-book-title-ctr{display:flex;height:24px;padding:0 16px;align-items:center;color:var(--Content-Contrast)}.view-order-book .last-price{margin-top:4px;font-weight:700;font-size:18px}.view-order-book .mark-price-line{margin-bottom:4px;display:flex;justify-content:space-between}.view-order-book .order-book-title-line{padding:0 16px;display:flex;height:24px;align-items:center}.view-order-book .item-title-txt{flex:1;text-align:left;color:var(--Content-Contrast)}.view-order-book .item-title-txt.txt-qty{font-weight:700}.view-order-book .item-title-txt:nth-of-type(2){text-align:center}.view-order-book .item-title-txt:nth-of-type(3){text-align:right}.view-order-book .order-book-item-ctr{position:relative;display:flex;height:24px;align-items:center;font-size:12px;color:var(--Content-Secondary)}.view-order-book .order-book-item-ctr.item-buy-ctr{animation:showBuyOrder .3s linear}.view-order-book .order-book-item-ctr.item-sell-ctr{animation:showSellOrder .3s linear}.view-order-book .order-book-item-ctr.enable-click{cursor:pointer}.view-order-book .order-book-item-ctr.enable-click:hover{background:var(--Container-Tertiary)}.view-order-book .order-book-item-ctr.enable-click:active{opacity:.8}.view-order-book .has-buy-order-icon,.view-order-book .has-sell-order-icon{position:relative}.view-order-book .has-buy-order-icon:before,.view-order-book .has-sell-order-icon:before{content:"";position:absolute;left:0;top:8px;width:2px;height:2px;border-radius:50%}.view-order-book .has-buy-order-icon:before{background:var(--Functional-Green-Positive)}.view-order-book .has-sell-order-icon:before{background:var(--Functional-Red-Negative)}.view-order-book .order-book-item{flex:1;text-align:right}.view-order-book .order-book-item:first-of-type{text-align:left}.view-order-book .order-book-item-total{position:relative;padding:0 4px;overflow:hidden}.view-order-book .order-book-item-total-cursor{position:absolute;top:0;right:100%;width:100%;height:100%;transition:all .12s ease-in-out;transform:translateX(0)}.view-order-book .order-book-item-total-cursor.item-buy-total{transform-origin:center right;background:var(--Functional-Green-Positive-opacity)}.view-order-book .order-book-item-total-cursor.item-sell-total{transform-origin:center left;background:var(--Functional-Red-Negative-opacity)}.view-order-book .trade-item-total-cursor{position:absolute;z-index:1;top:0;width:100%;height:100%;transition:all .12s ease-in-out;transform:translateX(0)}.view-order-book .trade-item-total-cursor.item-buy{background:var(--Functional-Green-Positive-Opacity)}.view-order-book .trade-item-total-cursor.item-sell{background:var(--Functional-Red-Negative-Opacity)}.view-order-book .type-trade-step-line{position:relative;display:flex;align-items:center;justify-content:space-between}.view-order-book .deep-selector-charts-line,.view-order-book .deep-selector-trade-line{display:flex;align-items:center}.view-order-book .deep-selector-trade-line{flex:1;padding:3px 8px;justify-content:space-between;border-radius:6px;background:var(--Container-Secondary)}.view-order-book .order-book-type-selector{width:4px;opacity:0}.view-order-book .type-icon{width:28px;height:28px;position:absolute;top:6px;right:-8px}.view-order-book .total-type-dropdown .current-txt{opacity:0;width:0}.view-order-book .total-type-dropdown .x-dropdown-list-ctr{display:inline-table}.view-order-book .order-book-ratio-ctr{display:flex;margin-top:8px}.view-order-book .order-book-ratio-ctr .order-ratio-item{position:relative;height:16px;line-height:16px;text-align:center;border-radius:2px;font-size:12px;display:flex;align-items:center;gap:2px;min-width:50px}.view-order-book .order-book-ratio-ctr .order-ratio-item:first-of-type:after{position:absolute;content:"";top:0;right:-14px;background:inherit;height:100%;width:15px;border-radius:0 2px 2px 0;clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%)}.view-order-book .order-book-ratio-ctr .order-ratio-item:nth-of-type(2){margin-left:28px}.view-order-book .order-book-ratio-ctr .order-ratio-item:nth-of-type(2):after{position:absolute;content:"";top:0;left:-14px;background:inherit;height:100%;width:15px;border-radius:2px 0 0 2px;clip-path:polygon(4px 0,100% 0,100% 100%,0 100%)}.view-order-book .order-book-ratio-ctr .order-ratio-item .order-ratio-item{display:flex;align-items:center}.view-order-book .order-book-ratio-ctr .order-ratio-item .order-ratio-label{width:14px;height:14px;display:flex;flex-shrink:0;justify-content:center;align-items:center;border-radius:2px}.view-order-book .order-book-ratio-ctr .order-ratio-buy{background:#143126}.view-order-book .order-book-ratio-ctr .order-ratio-sell{background:#381921}