@charset "UTF-8";.layout-done .react-grid-item{transition:all .2s linear}.view-main .react-grid-item .draggable-module{cursor:grab}.view-main .react-grid-item.react-draggable-dragging{z-index:1;transition-duration:0ms}.view-main .react-grid-item.react-draggable-dragging .draggable-module{cursor:grabbing}.view-main .react-grid-item.react-grid-placeholder{background:#f003;transition-duration:60ms;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing}.view-main .react-grid-item .react-resizable-handle{cursor:se-resize}.view-main .react-grid-item:hover .react-resizable-handle:after{content:""}.view-main .react-grid-item .react-resizable-handle:after{position:absolute;right:0;bottom:0;width:4px;height:4px;border-right:2px solid var(--Content-Contrast);border-bottom:2px solid var(--Content-Contrast)}.page-trade{padding-right:4px;color:var(--Content-Primary)}.page-trade .x-nav-bar{border-bottom:1px solid var(--Border-Primary);height:36px;font-size:14px}.page-trade .view-main{display:flex;position:relative;background:var(--Border-Primary)}.page-trade .view-main-left{position:relative;flex:1;transition:all .1s linear}@media (min-width: 1921px){.page-trade .view-main-right{width:482px}}@media (max-width: 1920px){.page-trade .view-main-right{width:320px}}.page-trade .view-main-right{position:absolute;z-index:2;top:4px;bottom:4px;height:auto!important;overflow-y:scroll;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-trade .view-main-right .main-right-drag{position:absolute;height:12px;top:0;right:0;left:0;z-index:1;cursor:grab;background:var(--Background-Secondary)}.page-trade .view-main-right .main-right-drag:active{cursor:grabbing}.page-trade .view-port{display:flex}.page-trade .view-port-chart{flex-grow:1;height:100%}.page-trade .view-port-history{height:100%}.page-trade .view-positions{height:100%;position:relative}.page-trade .view-header,.page-trade .view-port-chart,.page-trade .view-port-history,.page-trade .view-main-right,.page-trade .view-positions{border-radius:4px;background-color:var(--Background-Secondary)}.page-trade .draggable-module-ctr{position:relative;width:100%}.page-trade .draggable-module{position:absolute;top:0;z-index:1;right:0;left:0;height:10px;width:100%}.page-trade .flex-line{display:flex;align-items:center}.page-trade .flex-line.align-center{justify-content:center}.page-trade .flex-line.align-between{justify-content:space-between}.page-trade .flex-line-loves{display:flex;justify-content:space-between;align-items:center}.page-trade .x-order-label,.page-trade .x-checkbox-label{color:var(--Content-Primary)}.view-header{position:relative;display:flex;height:56px;padding:0 16px 0 24px;align-items:center}.view-header .currency-pair{position:relative;z-index:2;display:flex;min-width:130px;flex-grow:0;flex-shrink:0;height:100%;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-header .currency-pair .pair-txt{max-width:400px;line-height:1;word-break:break-all;margin:0 10px 0 8px;flex-shrink:0;font-weight:500;font-size:20px}.view-header .currency-pair .pair-txt-gap{position:relative;top:-1px;margin:0 4px}.view-header .currency-pair .coin-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%}.view-header .currency-pair .coin-icon:nth-of-type(2){margin-left:-4px}.view-header .currency-pair .symbol-list-drop{margin-left:auto;width:18px;height:18px;flex-shrink:0;fill:var(--Content-Primary)}.view-header .current-value{min-width:110px;flex-shrink:0;flex-grow:0;margin-left:10px;padding:0 8px;text-align:center;font-weight:500;font-size:18px;border-left:1px solid var(--Border-Primary);border-right:1px solid var(--Border-Primary)}.view-header .detail-ctr{position:relative;flex-shrink:0;min-width:78px;padding:0 10px;font-size:12px}.view-header .detail-ctr.daily-up .detail-value{color:var(--Functional-Green-Positive)}.view-header .detail-ctr.daily-down .detail-value{color:var(--Functional-Red-Negative)}.view-header .detail-ctr .detail-title{color:var(--Content-Contrast)}.view-header .detail-ctr .detail-value{margin-top:4px}.view-header .detail-ctr:after{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;width:1px;height:24px;background-color:var(--Border-Primary)}.view-header .detail-ctr.last-detail-ctr:after{opacity:0}.view-header .view-header-right{position:absolute;right:16px;top:0;bottom:0;margin-left:auto;display:flex;align-items:center}.view-header .header-icon-ctr{width:24px;height:24px;margin-left:8px;display:flex;background:var(--Border-Primary);border-radius:8px;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.view-header .header-icon-ctr:hover .icon-edit-indicator{fill:var(--Content-Primary)}.view-header .header-icon-vault{background:var(--Container-Tertiary, #383838);position:relative;cursor:pointer;border-radius:4px;font-weight:400;max-height:24px}.view-header .header-icon-vault:hover{background:#272727}.view-header .header-icon-vault-content{display:flex;justify-content:center;align-items:center;height:24px}.view-header .header-select-vault-name{border-top:1px solid rgba(255,255,255,.0784313725);font-size:12px!important;font-weight:400;display:flex}.view-header .header-select-vault-name .select-vault-name{width:68px;height:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-header .header-select-vault-name .select-vault-status{padding:0 5px;background:#fed70214;font-size:10px;color:#fed702;margin-left:4px;border-radius:4px;height:14px;margin-bottom:2px;display:inline-block;margin-top:2px}.view-header .header-vault-name{margin-right:4px;line-height:18px}.view-header .header-vault-btn{background:linear-gradient(90deg,#c6f9d4,#fffdb3,#d5ecfa,#fbd7ff,#f7b8ff);border:none;border-radius:2px;padding:0 6px;color:#111;font-size:10px;font-weight:400;width:-moz-fit-content;width:fit-content;line-height:14px;display:inline-block;text-align:center;margin-left:4px;margin-right:10px}.view-header .header-vault-btn :hover{cursor:pointer;opacity:.9}.view-header .header-ower-btn{position:relative;display:inline-block;padding:0 8px;height:18px;line-height:13px;font-size:12px;font-weight:500;background-color:#000;border-width:2px;border-image-slice:1;border-image-source:linear-gradient(90deg,rgb(198,249,212),rgb(255,253,179),rgb(213,236,250),rgb(251,215,255),rgb(247,184,255));color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#c6f9d4,#fffdb3,#d5ecfa,#fbd7ff,#f7b8ff);-webkit-text-fill-color:transparent;border-radius:2px}.view-header .header-ower-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:4px}.view-header .vault-Adjuster{position:absolute;right:12px;top:4px}.view-header .vault-Adjuster-content{width:16px;height:16px}.view-header .setting-guidance{position:absolute;right:48px;height:40px;display:flex;align-items:center;padding:0 2px;border-radius:8px;background:var(--Brand-Default);white-space:nowrap;color:var(--trade-font-black)}.view-header .setting-guidance:after{content:"";position:absolute;width:12px;height:12px;right:-5px;transform:rotate(45deg);background:var(--Brand-Default)}.view-header .close-setting-guidance{width:20px;height:20px;margin:0 4px;fill:var(--trade-font-black);opacity:.8;cursor:pointer}.view-header .close-setting-guidance.star{width:28px;height:28px}.view-header .close-setting-guidance:hover{opacity:1}.view-header .icon-edit-indicator{width:22px;height:22px;fill:var(--Content-Contrast);transition:all .1s linear}.nav-detail-ctr{position:absolute;top:40px;bottom:0;width:100%}.nav-detail-ctr.with-animation{transition:all .24s linear}.nav-detail-ctr.nav-detail-ctr-left-hide{transform:translate3d(-100%,0,0)}.nav-detail-ctr.nav-detail-ctr-right-hide{transform:translate3d(100%,0,0)}.view-port-chart{position:relative;overflow:hidden;height:100%}.view-port-chart .chart-area{height:100%;width:100%}.view-port-chart .funding-ctr{position:relative;height:100%;width:100%}.view-port-chart .loading-ctr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.view-port-chart .loading-ctr .x-loading{width:50px}.view-port-chart .funding-rate-operate{position:absolute;z-index:3;top:0;right:0;display:flex}.view-port-chart .funding-rate-btn{margin:0 8px;color:var(--Content-Contrast);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-port-chart .funding-rate-btn:hover,.view-port-chart .funding-rate-btn.current-rate{color:var(--Content-Primary)}.view-port-chart .chart-funding{padding:16px 20px 16px 16px}.view-port-history{position:relative}.view-port-history.view-port-history-tab .nav-detail-ctr-left-hide,.view-port-history.view-port-history-tab .nav-detail-ctr-right-hide{display:none}.view-port-history.view-port-history-large{display:flex}.view-port-history.view-port-history-large .draggable-module-ctr{position:absolute}.view-port-history.view-port-history-large .history-detail-ctr{flex:1}.view-port-history.view-port-history-large .trades-detail-ctr{overflow:hidden}.view-port-history.view-port-history-large .trade-line-title{padding:10px 16px}.view-port-history.view-port-history-stacked .trades-detail-ctr{margin-top:8px;border-top:1px solid var(--Border-Primary)}.view-port-history .order-book-type{position:absolute;right:8px;top:10px;z-index:1}.view-port-history .order-book-type .current-txt{display:none}.view-port-history .order-book-type .x-dropdown-icon{width:16px;height:16px;transform:rotate(90deg)}.view-port-history .history-title-line{border-bottom:1px solid var(--Border-Primary);height:36px;line-height:36px;padding:0 16px;font-size:14px}.view-port-history .nav-detail-ctr{display:flex;flex-direction:column}.view-port-history .trade-line-ctr{display:flex;padding:12px 16px;font-size:12px;color:var(--Content-Contrast)}.view-port-history .trade-line-ctr.enable-click{cursor:pointer}.view-port-history .trade-line-ctr.enable-click:hover{background:var(--Container-Secondary)}.view-port-history .trade-line-ctr.enable-click:active{opacity:.8}.view-port-history .trade-line-title{padding:8px 16px}.view-port-history .trade-item-ctr{height:24px;padding:0 16px;align-items:center}.view-port-history .trade-detail-area{flex-grow:1;overflow-x:hidden;overflow-y:auto}.view-port-history .trade-item{width:33.33%;text-align:right}.view-port-history .trade-item:nth-of-type(1){text-align:left}.view-port-history .trade-item-total{margin-left:10px;position:relative;overflow:hidden;height:22px;line-height:22px}.view-port-history .trade-item-total-cursor{position:absolute;top:2px;right:100%;width:100%;height:20px;transition:all .12s ease-in-out;transform:translate(0)}.view-port-history .trade-item-total-cursor.item-sell{background:var(--Functional-Green-Positive-Opacity)}.view-port-history .trade-item-total-cursor.item-buy{background:var(--Functional-Red-Negative-Opacity)}.view-order-book{display:flex;height:100%;flex-direction:column;font-size:12px}.view-order-book .order-book-type-ctr{display:flex;padding:8px 0 4px 8px;align-items:center}.view-order-book .order-book-type-btn{width:24px;height:24px;margin-right:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-order-book .order-book-type-btn.current{background:var(--Border-Primary);border-radius:4px}.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-deep{margin-left:auto;border-radius:8px;font-size:12px}.view-order-book .order-book-deep .x-dropdown-show-line{padding:4px 8px 4px 10px}.view-order-book .order-book-deep .current-txt{margin-left:auto}.view-order-book .order-book-data-ctr{position:relative;flex:1}.view-order-book .order-book-data-ctr .long-data-ctr,.view-order-book .order-book-data-ctr .short-data-ctr{position:relative}.view-order-book .order-book-data-ctr-ani .short-data-ctr,.view-order-book .order-book-data-ctr-ani .long-data-ctr{transition:all .12s linear}.view-order-book .average-data-line{position:absolute;z-index:1;width:100%;pointer-events:none}.view-order-book .average-data-line-buy{top:0;border-bottom:1px dashed var(--Content-Primary);background:var(--Functional-Green-Positive-Opacity)}.view-order-book .average-data-line-buy .average-data-ceil{bottom:12px;transform:translateY(50%)}.view-order-book .average-data-line-sell{bottom:0;border-top:1px dashed var(--Content-Primary);background:var(--Functional-Red-Negative-Opacity)}.view-order-book .average-data-line-sell .average-data-ceil{top:12px;transform:translateY(-50%)}.view-order-book .average-data-ceil{position:absolute;right:calc(100% + 16px);padding:8px 12px 4px;border-radius:4px;background:var(--Container-Secondary, #272727);box-shadow:0 2px 12px #1d252f14}.view-order-book .average-data-ceil:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent transparent transparent var(--Container-Secondary, #272727)}.view-order-book .average-data-item{min-width:152px;margin-bottom:4px;display:flex;justify-content:space-between;font-weight:500;font-size:12px}.view-order-book .average-data-label{white-space:nowrap;margin-right:12px;color:var(--Content-Contrast)}.view-order-book .order-book-title-ctr{display:flex;height:24px;padding:0 8px;align-items:center;color:var(--Content-Contrast)}.view-order-book .order-book-item{width:33.33%;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.view-order-book .order-book-item:nth-of-type(1){text-align:left}.view-order-book .order-book-item.new-dropdown-ctr{overflow:visible;display:flex;align-items:center;justify-content:right}.view-order-book .order-book-item-inner{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.view-order-book .total-type-dropdown .current-txt{width:0;opacity:0}.view-order-book .total-type-dropdown .x-dropdown-item{text-align:center;height:28px;line-height:28px;font-size:12px}.view-order-book .current-price-ctr{display:flex;height:34px;padding:0 12px;justify-content:space-between;align-items:center;background:var(--trade-font-black);font-size:14px}.view-order-book .last-price{display:flex;align-items:center;font-weight:600;font-size:16px}.view-order-book .last-price .last-price-icon{width:22px;height:22px}.view-order-book .last-price.is-up{color:var(--Functional-Green-Positive)}.view-order-book .last-price.is-up .last-price-icon{fill:var(--Functional-Green-Positive)}.view-order-book .last-price.is-down{color:var(--Functional-Red-Negative)}.view-order-book .last-price.is-down .last-price-icon{fill:var(--Functional-Red-Negative);transform:rotate(180deg)}.view-order-book .reference-price{display:flex;font-size:12px;align-items:center}.view-order-book .reference-price .oracle-price-icon{width:22px;height:22px;fill:var(--Brand-Default)}.view-order-book .order-book-item-ctr{position:relative;display:flex;height:24px;align-items:center;padding:0 12px;font-size:12px;color:var(--Content-Contrast);overflow:hidden}.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-Secondary)}.view-order-book .order-book-item-ctr.enable-click:active{opacity:.8}.view-order-book .has-sell-order-icon,.view-order-book .has-buy-order-icon{position:relative}.view-order-book .has-sell-order-icon:before,.view-order-book .has-buy-order-icon:before{content:"";position:absolute;left:4px;top:10px;width:4px;height:4px;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)}.trade-order-copy{display:inline-flex;align-items:center}.trade-order-copy .copy-icon{display:inline-block;margin-left:4px;cursor:pointer}.trade-order-copy .copy-icon:hover>svg{fill:var(--Content-Primary)}.trade-order-copy .copy-icon>svg{fill:var(--Content-Contrast)}.view-positions{display:flex;flex-direction:column}.view-positions .positions-nav{flex-shrink:0}.view-positions .positions-nav .x-nav-item{font-size:12px;line-height:36px}.view-positions .positions-operate-ctr{top:0;right:0;height:36px;position:absolute;display:flex;align-items:center;padding-right:16px}.view-positions .jump-token-ceil{margin-left:8px;display:flex;align-items:center;padding-left:8px;border-left:1px solid var(--Border-Primary);cursor:pointer}.view-positions .token-img{width:16px;height:16px}.view-positions .token-ceil-line{margin-left:4px;display:flex;align-items:center;font-weight:500;font-size:12px;color:var(--Content-Primary)}.view-positions .token-ceil-line.token-USDC:hover{color:#2775ca}.view-positions .token-ceil-line.token-USDC:hover .to-token-icon{fill:#2775ca}.view-positions .token-ceil-line.token-USDT:hover{color:#53ae94}.view-positions .token-ceil-line.token-USDT:hover .to-token-icon{fill:#53ae94}.view-positions .to-token-icon{width:16px;height:16px;fill:var(--Content-Primary);position:relative;top:1px}.view-positions .positions-ctr{position:relative;flex-grow:1;width:100%;height:100%}.view-positions .positions-ctr.scroll-ctr{overflow-x:scroll}.view-positions .positions-ctr .empty-ctr{padding-top:0}.view-positions .action-btn{height:30px;line-height:30px;padding:0 12px;border-radius:4px;background:var(--trade-btn-bg)}.view-positions .action-btn.action-btn-add{min-width:54px}.view-positions .action-btn.action-btn-add-sm{margin-top:4px;margin-right:0}.view-positions .action-btn:nth-of-type(2){margin-left:8px}.view-positions .action-btn .x-button-txt{font-size:12px}.view-positions .table-padding-bottom{height:16px}.view-positions .positions-table{position:absolute;width:100%;border-collapse:collapse;border-spacing:0}.view-positions .positions-table .x-table-tr{border-bottom:4px solid transparent}.view-positions .positions-table .symbol-td{position:relative;cursor:pointer}.view-positions .positions-table .symbol-td:before{content:"";margin-right:6px;height:40px;width:2px;border-radius:8px 0 0 8px}.view-positions .positions-table .symbol-td.symbol-td-long{background:linear-gradient(90deg,var(--Functional-Green-Positive-Stop-Start) 0%,var(--Background-Secondary) 100%) 18px}.view-positions .positions-table .symbol-td.symbol-td-long:before{border-left:2px solid var(--Functional-Green-Positive)}.view-positions .positions-table .symbol-td.symbol-td-short{background:linear-gradient(90deg,var(--Functional-Red-Negative-Stop-Start) 0%,var(--Background-Secondary) 100%) 18px}.view-positions .positions-table .symbol-td.symbol-td-short:before{border-left:2px solid var(--Functional-Red-Negative)}.view-positions .positions-table .symbol-td.symbol-td-neutral{background:linear-gradient(90deg,#3f3f3f 0%,var(--Background-Secondary) 100%) 18px}.view-positions .positions-table .symbol-td.symbol-td-neutral:before{border-left:2px solid var(--Content-Primary)}.view-positions .positions-table .base-coin{margin-right:4px;width:18px;height:18px}.view-positions .positions-table .other-coin{position:relative;right:6px;top:8px;width:12px;height:12px}.view-positions .positions-table .item-contract{display:inline-flex;align-items:center;padding-bottom:2px}.view-positions .positions-table .edit-ceil{display:flex;height:50px;justify-content:center;align-items:center;font-size:10px}.view-positions .positions-table .edit-ceil .edit-ceil-icon{width:16px;height:16px;fill:var(--Content-Primary);cursor:pointer}.view-positions .positions-table .edit-ceil .edit-ceil-icon:hover{fill:var(--Brand-Default)}.view-positions .positions-table .edit-ceil .edit-ceil-icon:active{opacity:.9}.view-positions .positions-table .adl-ceil{margin-left:4px;cursor:help}.view-positions .positions-table .adl-item{display:inline-block;width:2px;height:8px;background:#3b3b3b;margin:0 1px}.view-positions .positions-table .adl-item.adl-in{background:#36f092}.view-positions .positions-table .adl-item.adl-in:nth-of-type(2){background:#e4ff3d}.view-positions .positions-table .adl-item.adl-in:nth-of-type(3){background:#ffdf34}.view-positions .positions-table .adl-item.adl-in:nth-of-type(4){background:#ffae35}.view-positions .positions-table .adl-item.adl-in:nth-of-type(5){background:#ff6635}.view-positions .positions-table td:first-of-type,.view-positions .positions-table th:first-of-type{position:sticky;left:0;z-index:1;background:var(--Background-Secondary)}.view-positions .positions-table.has-action-table td:last-of-type,.view-positions .positions-table.has-action-table th:last-of-type{background:var(--Background-Secondary);position:sticky;right:0}.view-positions .positions-table.has-action-table.can-scroll-row th:last-of-type:before,.view-positions .positions-table.has-action-table.can-scroll-row td:last-of-type:before{position:absolute;top:0;left:0;content:"";width:1px;height:100%;box-shadow:-2px 0 2px var(--Content-Inverse)}.view-positions .exit-price-tips{top:3px}.view-positions .exit-price-tips .x-popover-content{padding:16px 10px;font-size:14px}.view-positions .position-share-icon{width:14px;height:14px;fill:var(--Content-Contrast)}.view-positions .position-share-icon:hover{fill:var(--Content-Primary)}.view-create-order{position:relative;margin-top:12px;background:var(--Border-Primary);font-size:14px}.view-create-order .drag-item{border-radius:4px;background:var(--Background-Secondary)}.view-create-order .drag-item.dragging{opacity:.4}.view-create-order .drag-item.drag-over{border:1px dashed var(--Brand-Default);border-radius:4px}.view-create-order .drag-item:not(.drag-over):first-of-type{border-top-left-radius:0;border-top-right-radius:0}.view-create-order .drag-item:first-of-type .new-cross-line,.view-create-order .drag-item:first-of-type .assets-total-ctr,.view-create-order .drag-item:first-of-type .property-title-ctr,.view-create-order .drag-item:first-of-type .detail-info,.view-create-order .drag-item:first-of-type .popular-event-title{padding-top:4px}.view-create-order .order-detail-ctr,.view-create-order .assets-total-ctr,.view-create-order .property-ctr,.view-create-order .popular-events-ctr{position:relative;margin-bottom:4px}.view-create-order .popular-events-ctr{border-bottom:1px solid transparent}.view-create-order .order-drag-handle{position:absolute;z-index:1;top:0;left:0;right:0;height:8px;cursor:grab}.view-create-order .order-drag-handle:hover{border-top:4px solid var(--Brand-Default)}.view-create-order .react-resizable-handle{display:none!important}.view-create-order .popular-event-title{font-weight:500;padding:12px 12px 8px;display:flex;justify-content:space-between;align-items:center}.view-create-order .popular-event-btn{margin:0 4px;display:flex;justify-content:center;align-items:center;width:16px;height:16px;border-radius:50%;background:var(--Container-Secondary);cursor:pointer}.view-create-order .popular-event-btn:hover .popular-event-icon{fill:var(--Content-Primary)}.view-create-order .popular-event-icon{width:10px;height:10px;fill:var(--Content-Contrast)}.view-create-order .create-order-type{display:flex;align-items:center;margin-top:4px}.view-create-order .vip-rate-line:hover .vip-go-icon{display:inline-block!important}.view-create-order .vip-go-icon{display:none!important;margin-left:4px;width:16px;height:16px;fill:var(--Brand-Default)}.view-create-order .assets-total-ctr{padding:12px 16px}.view-create-order .assets-total-ctr.order-empty-ctr{padding:0;border:none}.view-create-order .order-type-nav{display:inline-flex;padding:0 0 0 10px;border-bottom:none;border-radius:0}.view-create-order .condition-type-selector{margin-left:-36px}.view-create-order .condition-type-selector .current-txt{overflow:hidden;width:20px;height:36px;opacity:0}.view-create-order .condition-type-selector .x-dropdown-list-ctr{top:24px}.view-create-order .new-cross-line{display:flex;align-items:center;padding:12px;font-size:14px;color:var(--Content-Primary)}.view-create-order .cross-divider{margin:0 8px;width:1px;height:10px;background:var(--Border-Secondary)}.view-create-order .cross-value{display:flex;align-items:center;color:var(--Brand-Default);cursor:pointer}.view-create-order .cross-icon{margin-left:4px;width:12px;height:12px;fill:var(--Content-Contrast)}.view-create-order .new-avai-line{margin-left:auto;display:flex;align-items:center}.view-create-order .new-avai-label{margin-right:4px;color:var(--Content-Contrast)}.view-create-order .new-order-side-line{display:flex;padding:0 12px}.view-create-order .order-side-item{position:relative;flex:1;height:32px;line-height:32px;text-align:center;background:var(--trade-btn-bg);border-radius:4px;color:var(--Content-Contrast);cursor:pointer}.view-create-order .order-side-item:nth-of-type(1):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%)}.view-create-order .order-side-item:nth-of-type(2){margin-left:24px}.view-create-order .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%)}.view-create-order .order-side-buy{background:var(--Functional-Green-Positive);color:var(--Content-Primary)}.view-create-order .order-side-sell{background:var(--Functional-Red-Negative);color:var(--Content-Primary)}.view-create-order .order-type-selector{display:block;margin:16px 12px 0;height:32px;padding:6px 8px;background:var(--Content-Inverse);border-radius:4px;border:1px solid var(--Border-Primary)}.view-create-order .order-type-selector.is-open{border:1px solid var(--Content-Primary)}.view-create-order .order-type-selector.is-open .x-dropdown-list-inner-ctr.tri:before{display:none}.view-create-order .order-type-selector .x-dropdown-show-line{justify-content:space-between}.view-create-order .order-type-selector .x-dropdown-list-ctr{width:100%;top:24px}.view-create-order .create-order-vault-tips{background:#fed7021f;color:#fed702;padding:8px 12px;font-size:12px;font-weight:400;border-radius:8px;margin-bottom:12px;display:flex}.view-create-order .create-order-vault-tips .vaultTips-close-icon{font-size:12px;color:#ffffff73;cursor:pointer}.view-create-order .create-order-area{padding:8px 12px 0;font-size:12px}.view-create-order #createOrderPanel{padding-bottom:2px}.view-create-order .order-qty-ratio{flex:1;padding:10px 0}.view-create-order .ratio-qty-ceil{width:240px;cursor:pointer}.view-create-order .ratio-to-qty{margin-left:4px;font-size:12px;color:var(--Content-Contrast)}.view-create-order .qty-label-ctr{display:flex;align-items:center}.view-create-order .qty-label-coin{font-weight:500;font-size:14px;color:var(--Content-Primary)}.view-create-order .label-switch-icon{margin-left:2px;width:16px;height:16px;fill:var(--Content-Contrast);cursor:pointer}.view-create-order .label-switch-icon:hover{fill:var(--Content-Primary)}.view-create-order .order-input-value{width:68px;transition:all .12s linear}.view-create-order .order-input-value:hover{color:var(--Content-Primary)}.view-create-order .order-input-value .x-order-input{transition:all .12s linear;width:0;padding-right:0;opacity:0}.view-create-order .order-input-trigger{flex:1;height:40px;border:none}.view-create-order .order-input-qty,.view-create-order .order-input{height:32px;margin-bottom:8px;border:1px solid var(--Border-Primary)}.view-create-order .qty-ratio-line{display:flex}.view-create-order .order-input-ratio{margin-left:8px;width:58px;height:32px}.view-create-order .order-input-ratio .x-order-input{font-weight:500;font-size:14px}.view-create-order .condition-price-line{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;padding-right:8px;border-radius:4px;background:var(--Content-Inverse);border:1px solid var(--Border-Primary, #252525)}.view-create-order .condition-price-divider{margin:0 8px;width:1px;height:12px;background:var(--Border-Secondary, #4d4d4d)}.view-create-order .condition-price-dropdown{font-size:14px}.view-create-order .condition-type-btn{width:150px;height:32px;line-height:32px;border-radius:4px;background:var(--trade-btn-bg);text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-create-order .condition-type-btn.current{color:var(--Brand-Default)}.view-create-order .condition-type-btn:not(.current):hover{color:var(--Content-Primary)}.view-create-order .condition-type-btn:not(.current):active{color:var(--Content-Contrast)}.view-create-order .tpOsl-ctr{display:none;color:var(--Content-Contrast)}.view-create-order .tpOsl-ctr.tpOsl-ctr-show{display:block;animation:showTpOSlCtr .1s linear forwards}.view-create-order .tpOsl-ctr .flex-line-loves{padding:16px 0}.view-create-order .create-order-btn{flex:1;flex-direction:column;height:40px;padding-top:2px;border-radius:8px;text-align:center;font-weight:500;font-size:14px;opacity:.9;color:var(--Content-Primary)}.view-create-order .create-order-btn.coming-soon-btn{background:#ffffff1f;box-shadow:0 -5px #00000052 inset;color:var(--Content-Primary)}.view-create-order .create-order-btn:nth-of-type(2){margin-left:12px}.view-create-order .create-order-btn .order-btn-txt{font-weight:700}.view-create-order .create-order-btn .order-btn-value{padding-top:1px;font-size:12px}.view-create-order .create-order-btn .order-btn-value.has-value{opacity:.9}.view-create-order .create-order-btn .x-button-loading{width:20px;height:20px}.view-create-order .create-order-btn-line,.view-create-order .create-order-line{margin:12px 0}.view-create-order .create-order-line.reduce-only-line{margin-top:-4px}.view-create-order .time-in-force-dropdown{font-size:12px}.view-create-order .time-in-force-dropdown .x-dropdown-item{height:28px;line-height:28px}.view-create-order .max-qty-ceil{margin-bottom:6px;display:flex;justify-content:space-between}.view-create-order .max-qty-label{color:var(--Content-Contrast)}.view-create-order .max-qty-value-data{color:var(--Content-Primary)}.view-create-order .max-qty-value-data.liq-data{color:var(--Brand-Default)}.property-ctr{font-size:12px;color:var(--Content-Contrast)}.property-ctr #assetCtr{padding:0 12px 2px}.property-ctr .property-title-ctr{padding-top:12px}.property-ctr .property-divider-line{margin:12px 0;border:1px solid var(--Border-Primary)}.property-ctr .symbol-infos{padding:0 12px 2px}.property-ctr .property-title{display:flex;align-items:center;font-weight:700;color:var(--Content-Primary)}.property-ctr .property-title .eye-icon{margin-left:4px;width:16px;height:16px;fill:var(--Content-Primary);cursor:pointer}.property-ctr .transfer-btn{height:28px;min-width:80px;padding:0 8px;border-radius:8px}.property-ctr .flex-line-loves{margin-bottom:6px}.property-ctr .flex-line-loves.no-margin{margin:0}.property-ctr .flex-line-loves.total-line{margin:6px 0}.property-ctr .property-btn-deposit,.property-ctr .property-btn-withdraw{min-width:80px;padding:0 8px;border-radius:8px}.property-ctr .property-btn-deposit{height:30px}.property-ctr .property-btn-withdraw{height:32px;margin-left:8px;background:var(--Brand-Default-Opacity);color:var(--Brand-Default)}.property-ctr .property-item-value.has-value{color:var(--Content-Primary)}.property-ctr .detail-info{padding-top:12px;justify-content:initial;font-weight:700;color:var(--Content-Primary)}.property-ctr .detail-info .property-item-value{margin-left:4px}.login-ctr{height:100%;display:flex;padding-top:224px;flex-direction:column;justify-content:start;align-items:center}.login-ctr .login-logo{width:98px}.login-ctr .logo-tips{margin-top:10px;line-height:1.8;padding:0 40px;text-align:center;font-size:14px;color:var(--Content-Contrast, #909090)}.login-ctr .login-btn{margin-top:20px;width:160px;padding:10px 16px;border-radius:var(--border-radius-md-8, 8px);font-weight:500;font-size:14px}.risk-rate-table.x-table-com .x-table-tr:hover td{background:var(--Background-Secondary)!important}.risk-rate-table.x-table-com .x-table-tr:hover td.in-level{background:#fed70233!important}.risk-rate-table .in-level{background:#fed70233;color:var(--Brand-Default)}.risk-rate-table .in-level:nth-of-type(1){position:relative}.risk-rate-table .in-level:nth-of-type(1):before{content:"";position:absolute;left:8px;top:16px;border:4px solid transparent;border-left-color:var(--Brand-Default)}.risk-rate-table .risk-value-ceil{display:flex;align-items:center}.risk-rate-table .risk-value-item,.risk-rate-table .risk-value-item-second{width:110px}.risk-rate-table .risk-value-item.text-align-center,.risk-rate-table .risk-value-item-second.text-align-center{text-align:center}.risk-rate-table .risk-value-gap{margin:0 4px}.risk-rate-table .risk-value-item-second{text-align:right}@keyframes showTpOSlCtr{0%{height:0}90%{height:88px}to{height:auto}}@keyframes inputShow{0%{height:0}to{height:42px}}@keyframes showBuyOrder{0%,to{background:transparent}50%{background:var(--Functional-Green-Positive-Opacity)}}@keyframes showSellOrder{0%,to{background:transparent}50%{background:var(--Functional-Red-Negative-Opacity)}}.tooltip-icon-ctr.fill-tips-icon{position:relative;top:-1px}.with-help{cursor:help}.tooltip-icon{margin-left:2px;height:16px;width:16px;fill:var(--Content-Contrast);cursor:help}.tooltip-icon:hover{fill:var(--Content-Primary)}.tpOsl-price{color:var(--Content-Primary)}.tpOsl-ratio-tp{color:var(--Functional-Green-Positive)}.tpOsl-ratio-sl,.tpOsl-ratio-reverse .tpOsl-ratio-tp{color:var(--Functional-Red-Negative)}.tpOsl-ratio-reverse .tpOsl-ratio-sl{color:var(--Functional-Green-Positive)}.tips-full-icon-ctr{line-height:7px}.tips-full-icon-ctr .tips-full-icon{width:14px;height:14px;fill:var(--Content-Contrast)}.index-price-tips{min-width:344px}.index-price-tips .index-price-tips-area{padding:6px;font-size:14px;color:var(--Content-Primary)}.index-price-tips .index-price-tips-title{font-weight:700}.index-price-tips .index-price-tips-detail-ctr{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:8px}.index-price-tips .tips-detail-tr{display:flex;height:32px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.index-price-tips .detail-tr-header{border-radius:8px 8px 0 0;background:#ffffff14}.index-price-tips .tips-detail-item{flex:1;text-align:center}.cross-bottom-tooltip{right:16px}.item-tips-line{white-space:nowrap;font-size:14px}.item-tips-icon{margin-left:2px;width:16px;height:16px;fill:var(--Content-Contrast);cursor:help}.item-tips-icon:hover{fill:var(--Content-Primary)}.header-icon-vault{background:var(--Border-Primary);position:relative;cursor:pointer;border-radius:4px;font-size:12px;font-weight:400;max-height:24px}.header-icon-vault-content{display:flex;justify-content:center;align-items:center;height:24px}.header-select-vault-content{padding:0 6px!important}.header-select-vault-name{border-top:1px solid rgba(255,255,255,.0784313725);font-size:12px!important;font-weight:400;display:flex}.header-select-vault-name .select-vault-name{width:68px;height:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-select-vault-name .select-vault-status{padding:0 5px;background:#fed70214;font-size:10px;color:#fed702;margin-left:4px;border-radius:4px;height:14px;margin-bottom:2px;display:inline-block;margin-top:2px}.header-vault-name{margin-right:4px;line-height:18px}.header-vault-btn{background:linear-gradient(90deg,#c6f9d4,#fffdb3,#d5ecfa,#fbd7ff,#f7b8ff);border:none;border-radius:4px;padding:0 4px;color:#111;font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content;line-height:18px;display:inline-block;text-align:center;margin-left:4px;margin-right:4px}.header-vault-btn :hover{cursor:pointer;opacity:.9}.vault-perpIcon{margin-top:29px}.header-ower-btn{position:relative;display:inline-block;padding:0 8px;height:18px;line-height:13px;font-size:12px;font-weight:500;background-color:#000;border-width:2px;border-image-slice:1;border-image-source:linear-gradient(90deg,rgb(198,249,212),rgb(255,253,179),rgb(213,236,250),rgb(251,215,255),rgb(247,184,255));color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#c6f9d4,#fffdb3,#d5ecfa,#fbd7ff,#f7b8ff);-webkit-text-fill-color:transparent;border-radius:2px}.header-ower-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:4px}.vault-Adjuster{position:absolute;right:12px;top:4px}.vault-Adjuster-content{width:16px;height:16px}.create-order-vault-tips{background:#fed7021f;color:#fed702;padding:8px 12px;font-size:12px;font-weight:400;border-radius:8px;margin-bottom:12px;display:flex}.create-order-vault-tips .vaultTips-close-icon{font-size:12px;color:#ffffff73;cursor:pointer}