@keyframes nav-line-amin-c8ad52f7 { 
  0% { height: 0px; opacity: 0; }
  100% { height: 4px; opacity: 1; }
}@keyframes textShine-940d0f2b { 
  0% { background-position: -100% 0px; }
  100% { background-position: 100% 0px; }
}@keyframes slideAcross-0159f344 { 
  0% { left: -100%; }
  100% { left: 100%; }
}.layout-container[data-v-72af6124] { display: flex; flex-direction: column; }[dir] .layout-container[data-v-72af6124] { background: var(--bg-panda); }.bx-switch[data-v-3deea1df] { display: inline-block; height: 24px; opacity: 0.32; position: relative; width: 48px; }[dir] .bx-switch[data-v-3deea1df] { background: var(--container-one); border-radius: 75px; cursor: pointer; }.bx-switch__handle[data-v-3deea1df] { height: 20px; position: absolute; top: 2px; width: 20px; }[dir] .bx-switch__handle[data-v-3deea1df] { background-color: var(--container-inverse-one); border-radius: 50%; }[dir="ltr"] .bx-switch__handle[data-v-3deea1df] { left: 2px; transition: left 0.3s ease-in-out; }.multi-tab-bar[data-v-c59b1d2c] { box-sizing: border-box; display: flex; flex-direction: row; min-height: 28px; position: relative; width: 100%; }[dir] .multi-tab-bar[data-v-c59b1d2c] { border-bottom: 1px solid var(--dark-line-2); }.multi-tab-bar .mtb-base-p-item-wrap[data-v-c59b1d2c] { display: flex; }.multi-tab-bar .mtb-base-p-item-wrap[data-v-c59b1d2c] .bx-mtb-inner-select-wrap { top: 20px !important; }.multi-tab-bar .mtb-base-p-item-wrap[data-v-c59b1d2c] .bx-select-menu-wrap:not(.mtb-empty_select-pos) .bx-select-item .r-img, .multi-tab-bar .mtb-base-p-item-wrap[data-v-c59b1d2c] .bx-select-menu-wrap:not(.mtb-empty_select-pos) .bx-select-item .r-text { color: var(--text-3) !important; }.multi-tab-bar .mtb-base-p-item[data-v-c59b1d2c] { box-sizing: border-box; color: var(--dark-text-3-old); font-size: 12px; font-weight: 400; line-height: 16px; }[dir] .multi-tab-bar .mtb-base-p-item[data-v-c59b1d2c] { cursor: pointer; }.multi-tab-bar .mtb-base-p-item[data-v-c59b1d2c]:hover { color: var(--dark-text-3-hover); }.multi-tab-bar .mtb-item-active[data-v-c59b1d2c] { color: var(--dark-text-1) !important; }.multi-tab-bar .mtb-gap-w20[data-v-c59b1d2c] { width: 20px; }.multi-tab-bar .mtb-slider-bar[data-v-c59b1d2c] { bottom: 0px; height: 2px; position: absolute; z-index: 1; }[dir] .multi-tab-bar .mtb-slider-bar[data-v-c59b1d2c] { background-color: var(--dark-text-1); transition: 0.2s cubic-bezier(0.71, 0.7, 0.99, 1.36); }.mtb-middle .mtb-base-p-item[data-v-c59b1d2c] { font-size: 14px; }.mtb-middle .mtb-item-active[data-v-c59b1d2c] { font-weight: 500; }.trader-input-wrap-dark[data-v-4f20a5bd] { box-sizing: border-box; width: 100%; }.trader-input-wrap-dark .gap-w12[data-v-4f20a5bd] { width: 12px; }.trader-input-wrap-dark .ti-outer-wrap[data-v-4f20a5bd] { box-sizing: border-box; display: flex; }[dir] .trader-input-wrap-dark .ti-outer-wrap[data-v-4f20a5bd] { background: var(--container-three,hsla(0,0%,100%,.08)); border: 1px solid transparent; border-radius: 6px; padding: 7px 0px 8px; transition: border-color 0.2s ease-in; }[dir] .trader-input-wrap-dark .ti-outer-wrap[data-v-4f20a5bd]:hover { border-color: var(--dark-text-3-old); }.trader-input-wrap-dark .ti-outer-wrap .ti-wrap-left[data-v-4f20a5bd] { display: flex; flex: 1 1 0%; flex-direction: column; }.trader-input-wrap-dark .ti-outer-wrap .ti-wrap-left .tl-input-inner[data-v-4f20a5bd] { color: var(--dark-text-1); font-size: 16px; font-weight: 400; height: 16px; line-height: 16px; outline: none; width: 100%; }[dir] .trader-input-wrap-dark .ti-outer-wrap .ti-wrap-left .tl-input-inner[data-v-4f20a5bd] { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }.trader-input-wrap-dark .ti-outer-wrap .ti-wrap-left .tl-input-inner[data-v-4f20a5bd]::placeholder { color: var(--dark-text-3-old); font-size: 12px !important; }.trader-input-wrap-dark .ti-outer-wrap .ti-wrap-right[data-v-4f20a5bd] { display: flex; }[dir] .trader-input-wrap-dark .ti-outer-wrap .ti-wrap-right[data-v-4f20a5bd] { padding: 0px 6px; }.ti-new-wrap .ti-outer-wrap[data-v-4f20a5bd] { height: 52px; position: relative; }[dir] .ti-new-wrap .ti-outer-wrap[data-v-4f20a5bd] { border-radius: 8px; padding: 17px 0px; }.ti-new-wrap .ti-outer-wrap .ti-wrap-left .tl-input-inner[data-v-4f20a5bd] { height: 16px; line-height: 16px; }.ti-new-wrap .ti-outer-wrap .ti-wrap-left .tl-input-inner[data-v-4f20a5bd]::placeholder { font-size: 14px !important; }.tip[data-v-4a5fc14e] { box-sizing: border-box; color: rgb(255, 255, 255); font-size: 12px; line-height: 1.2; max-width: 240px; width: fit-content; z-index: 99; }[dir] .tip[data-v-4a5fc14e] { background: rgb(64, 64, 64); border-radius: 4px; padding: 4px 8px; }.arrow[data-v-4a5fc14e] { height: 0px; width: 0px; }[dir] .arrow[data-v-4a5fc14e] { border-color: rgb(64, 64, 64) transparent transparent; border-style: solid; border-width: 2px 2.5px; }.tip[data-popper-placement^="top"] > .arrow[data-v-4a5fc14e] { bottom: -4px; }.tip[data-popper-placement^="bottom"] > .arrow[data-v-4a5fc14e] { top: -4px; }.slider[data-v-a52dc363] { box-sizing: content-box; height: 12px; position: relative; user-select: none; }[dir] .slider[data-v-a52dc363] { cursor: pointer; padding: 0px; }.rail[data-v-a52dc363] { bottom: 0px; height: 2px; overflow: hidden; position: absolute; top: 0px; z-index: 1; }[dir] .rail[data-v-a52dc363] { background-color: rgb(38, 38, 38); left: 0px; margin: auto 0px; right: 0px; }.track[data-v-a52dc363] { height: 100%; position: absolute; }[dir] .track[data-v-a52dc363] { background-color: var(--foreground-one); }.handle[data-v-a52dc363] { align-items: center; bottom: 0px; box-sizing: border-box; display: flex; height: 12px; justify-content: center; position: relative; top: 0px; user-select: none; width: 12px; z-index: 2; }[dir] .handle[data-v-a52dc363] { background-color: rgb(2, 2, 2); border: 2px solid var(--foreground-one); border-radius: 50%; cursor: grab; margin: auto 0px; }.handle > i[data-v-a52dc363] { display: none; }.handle[data-v-a52dc363]::after { content: ""; display: block; height: 8px; position: absolute; top: 50%; width: 8px; }[dir] .handle[data-v-a52dc363]::after { background-color: rgb(2, 2, 2); border-radius: 50%; }[dir="ltr"] .handle[data-v-a52dc363]::after { left: 50%; transform: translate(-50%, -50%); }.mark[data-v-a52dc363] { bottom: 0px; height: 8px; position: absolute; top: 0px; width: 8px; z-index: 2; }[dir] .mark[data-v-a52dc363] { background-color: rgb(38, 38, 38); border-radius: 50%; margin: auto 0px; }[dir="ltr"] .mark[data-v-a52dc363] { transform: translate(-50%); }.mark.filled[data-v-a52dc363] { height: 10px; width: 10px; }[dir] .mark.filled[data-v-a52dc363] { background-color: var(--foreground-one); border: 2px solid var(--background-one); }.btn[data-v-a52dc363] { position: absolute; top: 0px; }.mark-texts[data-v-a52dc363] { height: 20px; position: relative; }[dir] .mark-texts[data-v-a52dc363] { margin-top: 6px; }.mark-text[data-v-a52dc363] { color: rgba(255, 255, 255, 0.48); font-size: 12px; line-height: 1.2; max-width: 32px; position: absolute; }[dir="ltr"] .mark-text[data-v-a52dc363]:first-child { text-align: left; transform: translate(-4px); }[dir="ltr"] .mark-text[data-v-a52dc363]:last-child { text-align: right; transform: translate(calc(-100% + 4px)); }[dir] .mark-text[data-v-a52dc363]:not(:first-child):not(:last-child) { text-align: center; }[dir="ltr"] .mark-text[data-v-a52dc363]:not(:first-child):not(:last-child) { transform: translate(-50%); }.bx-tab-bar[data-v-d7455354] { position: relative; }.bx-tab-mask[data-v-d7455354] { bottom: 1px; pointer-events: none; position: absolute; top: 0px; width: 80px; z-index: 1; }[dir="ltr"] .bx-tab-mask-right[data-v-d7455354] { background: linear-gradient(270deg,var(--background-one) 0,var(--extended-utility-bg-one-0) 100%); right: 0px; }.bx-tab-item-label[data-v-d7455354] { align-items: center; display: flex; white-space: nowrap; }[dir] .bx-tab-item-label[data-v-d7455354] { cursor: pointer; }.bx-tab-list[data-v-d7455354] { align-items: center; display: flex; overflow: auto hidden; scrollbar-width: none; }[dir] .bx-tab-list[data-v-d7455354] { padding: var(--bx-tab-bar-padding,0); }.bx-tab-list[data-v-d7455354]::-webkit-scrollbar { display: none; }.bx-tab-one[data-v-d7455354] { --bx-tab-one-item-font-size: 18px; --bx-tab-one-item-padding-bottom: 16px; --bx-tab-one-item-gap: 16px; }.bx-tab-one.bx-tab-14[data-v-d7455354] { --bx-tab-one-item-font-size: 14px; --bx-tab-one-item-padding-bottom: 12px; --bx-tab-one-item-gap: 16px; }.bx-tab-one:not(.bx-tab-has-radius) .bx-tab-list[data-v-d7455354] { position: relative; }[dir] .bx-tab-one:not(.bx-tab-has-radius) .bx-tab-list[data-v-d7455354] { box-shadow: 0 -1px 0 var(--sl-med) inset; }.bx-tab-one .bx-tab-item[data-v-d7455354] { align-self: stretch; color: var(--t-wk); font-size: var(--bx-tab-one-item-font-size); line-height: 120%; position: relative; }[dir] .bx-tab-one .bx-tab-item[data-v-d7455354] { cursor: pointer; padding-bottom: var(--bx-tab-one-item-padding-bottom); }[dir="ltr"] .bx-tab-one .bx-tab-item[data-v-d7455354] { margin-right: var(--bx-tab-one-item-gap); }.bx-tab-one .bx-tab-item > span[data-v-d7455354] { align-items: center; display: flex; height: 100%; }.bx-tab-one .bx-tab-item[data-v-d7455354]:hover { color: var(--t-med); }.bx-tab-one .bx-tab-item.bx-tab-active[data-v-d7455354] { color: var(--t-strong); font-weight: 500; }.bx-tab-one .bx-tab-slider[data-v-d7455354] { bottom: 0px; height: 2px; position: absolute; }[dir] .bx-tab-one .bx-tab-slider[data-v-d7455354] { background-color: var(--sl-strongest); border-radius: 2px; transition: transform 0.3s, width 0.3s; }.bx-tab-item-label-link[data-v-d7455354] { color: inherit; text-decoration: none; }@media screen and (max-width: 750px){.bx-tab-one.bx-tab-16[data-v-d7455354], .bx-tab-one[data-v-d7455354] { --bx-tab-one-item-font-size: 16px; --bx-tab-one-item-padding-bottom: 12px; --bx-tab-one-item-gap: 12px; }.bx-tab-one.bx-tab-14[data-v-d7455354] { --bx-tab-one-item-font-size: 14px; --bx-tab-one-item-padding-bottom: 12px; --bx-tab-one-item-gap: 12px; }.bx-tab-one .bx-tab-item[data-v-d7455354] { font-size: var(--bx-tab-one-item-font-size); }[dir] .bx-tab-one .bx-tab-item[data-v-d7455354] { padding-bottom: var(--bx-tab-one-item-padding-bottom); }[dir="ltr"] .bx-tab-one .bx-tab-item[data-v-d7455354] { margin-right: var(--bx-tab-one-item-gap); }}@keyframes shimmer-30de690c { 
  0% { left: -200%; }
  100% { left: 200%; }
}.bx-btn-wrap-dark[data-v-b2167089] { box-sizing: border-box; color: var(--dark-bg-pig); display: inline; flex-shrink: 0; font-size: 12px; font-weight: 500; line-height: 16px; outline: none; position: relative; white-space: nowrap; }[dir] .bx-btn-wrap-dark[data-v-b2167089] { background-color: var(--dark-text-1); border: 1px solid transparent; cursor: pointer; transition: 0.2s ease-in; }[dir] .bx-btn-wrap-dark[data-v-b2167089]:hover:not(.bx-btn-disabled) { background-color: var(--dark-text-1); }[dir] .bx-btn-wrap-dark[data-v-b2167089]:active:not(.bx-btn-disabled) { background-color: var(--dark-text-1-pressed); }.bx-btn-wrap-dark.bx-btn-primary[data-v-b2167089] { color: var(--dark-white); }[dir] .bx-btn-wrap-dark.bx-btn-primary[data-v-b2167089] { background-color: var(--dark-blue); border-color: var(--dark-blue); }[dir] .bx-btn-wrap-dark.bx-btn-primary[data-v-b2167089]:hover:not(.bx-btn-disabled) { background-color: var(--dark-blue-hover); border-color: transparent; }[dir] .bx-btn-wrap-dark.bx-btn-primary[data-v-b2167089]:active:not(.bx-btn-disabled) { background-color: var(--dark-blue-pressed); }.bx-btn-wrap-dark.bx-btn-large[data-v-b2167089] { font-size: 14px; height: 42px; }[dir] .bx-btn-wrap-dark.bx-btn-large[data-v-b2167089] { border-radius: 6px; padding: 0px 16px; }[dir] .bx-btn-wrap-dark.bx-btn-round[data-v-b2167089] { border-radius: 100px; }.bx-select-menu-wrap[data-v-a3c77c01] { max-width: 260px; position: relative; }.bx-select-menu-wrap .bx-select-item[data-v-a3c77c01] { align-items: center; box-sizing: border-box; display: flex; position: relative; }[dir] .bx-select-menu-wrap .bx-select-item[data-v-a3c77c01] { border-radius: 4px; cursor: pointer; }.bx-select-menu-wrap .bx-select-item .r-text[data-v-a3c77c01] { color: var(--foreground-one); flex: 1 1 0%; font-size: 12px; font-weight: 400; line-height: 16px; }.bx-select-menu-wrap .bx-select-item .r-img[data-v-a3c77c01] { color: var(--foreground-one); position: relative; }[dir] .bx-select-menu-wrap .bx-select-item .r-img[data-v-a3c77c01] { transform: rotateX(0deg); transition: transform 0.3s ease-out; }[dir] .bx-select-menu-wrap .bx-select-item .icon-arrow[data-v-a3c77c01] { transform: rotate(0deg); transition: transform 0.3s ease-out; }.bx-select-menu-wrap .bx-select-modal-wrap[data-v-a3c77c01] { box-sizing: border-box; min-width: 120px; opacity: 0; position: absolute; top: calc(100% + 4px); visibility: hidden; z-index: 998; }[dir] .bx-select-menu-wrap .bx-select-modal-wrap[data-v-a3c77c01] { background: var(--container-elevated-one); border: 1px solid var(--line-four); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 32px; padding: 8px; transform: perspective(1px) scale(0.75); transition: 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; }[dir="ltr"] .bx-select-menu-wrap .bx-select-modal-wrap[data-v-a3c77c01] { left: 0px; transform-origin: 0px 0px; }[dir="ltr"] .bx-select-menu-wrap .bx-select-modal-wrap.bx-select-modal-right[data-v-a3c77c01] { left: auto; right: 0px; transform-origin: 100% 0px; }.bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item[data-v-a3c77c01] { align-items: center; color: var(--foreground-one); display: flex; font-size: 12px; font-weight: 400; line-height: 14px; white-space: nowrap; }[dir] .bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item[data-v-a3c77c01] { border-radius: 8px; cursor: pointer; margin-top: 2px; padding: 8px; }.bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item .bx-select-modal-item-inner[data-v-a3c77c01] { align-items: center; display: flex; flex: 1 1 0%; gap: 8px; min-width: 0px; }.bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item .bx-select-modal-item-content[data-v-a3c77c01] { display: flex; flex: 0 1 auto; flex-direction: column; }.bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item .bx-select-modal-item-content .text[data-v-a3c77c01] { display: inline-block; }.bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item[data-v-a3c77c01]:hover { color: var(--foreground-one); }[dir] .bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item[data-v-a3c77c01]:hover { background: var(--container-two); }[dir] .bx-select-menu-wrap .bx-select-modal-wrap .bx-select-modal-item.bx-select-modal-item-active[data-v-a3c77c01] { background-color: var(--container-three); }.bx-select-menu-hover[data-v-a3c77c01] { position: relative; }.bx-select-menu-hover[data-v-a3c77c01]::after { bottom: -6px; content: ""; display: block; height: 8px; position: absolute; width: 100%; }[dir] .bx-select-menu-hover[data-v-a3c77c01]::after { background-color: transparent; }[dir="ltr"] .bx-select-menu-hover[data-v-a3c77c01]::after { left: 0px; }[dir] .bx-select-menu-hover:hover .bx-select-item .r-img[data-v-a3c77c01] { transform: rotateX(180deg); transition: transform 0.3s ease-out; }[dir] .bx-select-menu-hover:hover .bx-select-item .icon-arrow[data-v-a3c77c01] { transition: transform 0.3s ease-out; }[dir="ltr"] .bx-select-menu-hover:hover .bx-select-item .icon-arrow[data-v-a3c77c01] { transform: rotate(180deg); }.bx-select-menu-hover:hover .bx-select-modal-wrap[data-v-a3c77c01] { opacity: 1; visibility: visible; }[dir] .bx-select-menu-hover:hover .bx-select-modal-wrap[data-v-a3c77c01] { transform: perspective(1px) scale(1); }.bx-select-menu-middle .bx-select-item .r-text[data-v-a3c77c01] { font-size: 14px; font-weight: 500; }[dir] .btn[data-v-06cf9125] { cursor: pointer; }.pop[data-v-06cf9125] { z-index: 1001; }.bx-check-radio[data-v-7aa2725d] { width: var(--bx-checkbox-width,100%); --border-color: var(--extended-alpha-440); --background-color: var(--container-three); --icon-color: var(--foreground-inverse-one); align-items: flex-start; display: inline-flex; }[dir] .bx-check-radio[data-v-7aa2725d] { cursor: pointer; }.bx-check-radio .bx-icon-check[data-v-7aa2725d] { color: var(--icon-color); }[dir] .bx-check-radio .bx-icon-check[data-v-7aa2725d] { background-color: var(--background-color); border: 1px solid var(--border-color); }.bx-check-radio.bx-check-radio__checked[data-v-7aa2725d] { --background-color: var(--foreground-one); --border-color: var(--foreground-one); }.bx-check-box-label[data-v-7aa2725d] { color: var(--foreground-one); font-size: 13px; line-height: 20px; width: var(--bx-checkbox-width,100%); }[dir] .bx-check-box-label[data-v-7aa2725d] { cursor: pointer; }.bx-checkbox-btn-wrapper[data-v-7aa2725d] { align-items: center; box-sizing: border-box; display: inline-flex; flex-shrink: 0; height: var(--bx-checkbox-btn-width,16px); position: relative; width: var(--bx-checkbox-btn-width,16px); }[dir] .bx-checkbox-btn-wrapper[data-v-7aa2725d] { cursor: pointer; margin-top: 2px; }[dir="ltr"] .bx-checkbox-btn-wrapper[data-v-7aa2725d] { margin-right: 8px; }.bx-checkbox-btn-wrapper .bx-icon-check[data-v-7aa2725d] { align-items: center; box-sizing: border-box; display: inline-flex; height: var(--bx-checkbox-btn-width,16px); justify-content: center; width: var(--bx-checkbox-btn-width,16px); }[dir] .bx-checkbox-btn-wrapper .bx-icon-check[data-v-7aa2725d] { border-radius: 4px; }.bx-check-radio__checked .bx-icon-check-svg[data-v-7aa2725d] { visibility: inherit; }[dir] .bx-check-radio__checked .bx-icon-check-svg[data-v-7aa2725d] { transform: scale(1); }.bx-icon-check-svg[data-v-7aa2725d] { visibility: hidden; }[dir] .bx-icon-check-svg[data-v-7aa2725d] { transform: scale(0); transition: 0.2s ease-in-out; }.bx-checkbox-input[data-v-7aa2725d] { height: 0px; opacity: 0; outline: none; position: absolute; width: 0px; z-index: -1; }[dir] .bx-checkbox-input[data-v-7aa2725d] { margin: 0px; }.bx-checkbox-wrapper[data-v-35af368f] { width: fit-content; }.bx-btn-primary[data-v-cf15c82f] { --base-btn-radius: 6px; --base-btn-transition: all .3s cubic-bezier(.4,0,.2,1); align-items: center; box-sizing: border-box; color: var(--const-white); display: inline-flex; flex-shrink: 0; font-weight: 500; justify-content: center; outline: none; position: relative; white-space: nowrap; }[dir] .bx-btn-primary[data-v-cf15c82f] { background: var(--fi-brand); border: 1px solid transparent; border-radius: var(--base-btn-radius); cursor: pointer; transition: var(--base-btn-transition); }[dir] .bx-btn-primary.bx-btn-round[data-v-cf15c82f] { border-radius: 100px; }.bx-btn-primary:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-primary:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-primary:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-primary[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-primary[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-primary[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-primary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-primary.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-primary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-primary.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-primary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-primary.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-primary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-primary.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-primary.bx-btn-small[data-v-cf15c82f] { font-size: 12px; gap: 4px; line-height: 14px; }[dir] .bx-btn-primary.bx-btn-small[data-v-cf15c82f] { padding: 6px 12px; }.bx-btn-contrast:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-contrast:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-contrast:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-contrast[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-contrast[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-contrast[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-contrast.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-contrast.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-contrast.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-contrast.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-contrast.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-contrast.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-contrast.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-contrast.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-rise:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-rise:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-rise:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-rise[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-rise[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-rise[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-rise.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-rise.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-rise.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-rise.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-rise.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-rise.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-rise.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-rise.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-fall:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-fall:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-fall:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-fall[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-fall[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-fall[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-fall.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-fall.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-fall.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-fall.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-fall.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-fall.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-fall.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-fall.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-secondary:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-secondary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-secondary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-secondary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-secondary.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-secondary-outline:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary-outline[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary-outline[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-secondary-outline.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-secondary-outline.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary-outline.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-secondary-outline.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-secondary-outline.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary-outline.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-success:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-success:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-success:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-success[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-success[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-success[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-success.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-success.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-success.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-success.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-success.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-success.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-success.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-success.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-warning:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-warning:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-warning:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-warning[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-warning[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-warning[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-warning.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-warning.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-warning.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-warning.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-warning.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-warning.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-warning.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-warning.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-danger:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-danger:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-danger:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-danger[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-danger[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-danger[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-danger.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-danger.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-danger.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-danger.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-danger.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-danger.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-danger.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-danger.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-ghost:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-ghost[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-ghost[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.84; }.bx-btn-ghost.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 0.52; }[dir] .bx-btn-ghost.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-ghost.bx-btn-loading[data-v-cf15c82f]:not(.bx-btn-disabled, .bx-btn-circle) { cursor: not-allowed; }.bx-btn-ghost.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { position: relative; }[dir] .bx-btn-ghost.bx-btn-loading.bx-btn-circle .bx-btn-icon-wrap .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-ghost.bx-btn-loading:not(.bx-btn-disabled, .bx-btn-circle) .bx-btn-icon-wrap[data-v-cf15c82f] { animation: 0.8s linear 0s infinite normal none running loading-cf15c82f; }.bx-btn-ghost:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-ghost[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-ghost[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-ghost[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary-outline:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary-outline[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary-outline[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary-outline[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], .bx-btn-secondary[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), .bx-btn-secondary[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { opacity: 1; }[dir] .bx-btn-ghost:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-ghost:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-ghost:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-ghost[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-ghost[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-ghost[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary-outline:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary-outline:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary-outline:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary-outline[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary-outline[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary-outline[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary:active.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary:focus.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary:hover.bx-btn-circle .bx-btn-icon-wrap[data-v-cf15c82f], [dir] .bx-btn-secondary[data-v-cf15c82f]:active:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary[data-v-cf15c82f]:focus:not(.bx-btn-disabled, .bx-btn-circle), [dir] .bx-btn-secondary[data-v-cf15c82f]:hover:not(.bx-btn-disabled, .bx-btn-circle) { background: var(--container-four); }@keyframes loading-cf15c82f { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}.arrow[data-v-824d2d96] { height: 7px; width: 17px; }.arrow .arrow-inner[data-v-824d2d96] { clip-path: path("M 0 0 L 7.7 6.5 Q 8.5 7.2 9.3 6.5 L 17 0 Z"); }[dir] .arrow .arrow-inner[data-v-824d2d96] { background-color: var(--popover-background,var(--container-elevated-two)); box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 16px, rgba(0, 0, 0, 0.1) 0px 0px 16px; }.btn[data-v-824d2d96] { align-items: center; display: flex; }[dir] .btn[data-v-824d2d96] { cursor: pointer; }[dir] .btn.disabled[data-v-824d2d96] { cursor: auto; }@media (hover: none) and (pointer: coarse){.btn[data-v-824d2d96] { touch-action: manipulation; user-select: none; }}.arrow-inner[data-v-824d2d96] { height: 100%; }[dir] .arrow-inner[data-v-824d2d96] { background-size: 100% 100%; }.tip-base[data-v-824d2d96] { z-index: 1001; }.tip[data-v-0953a55e] { --popover-background: var(--background-elevated-one); --popover-color: var(--foreground-one); --popover-title-color: var(--foreground-three); box-sizing: border-box; color: var(--popover-color,var(--foreground-three)); font-size: 12px; line-height: 18px; width: fit-content; word-break: break-word; z-index: 1001; }[dir] .tip[data-v-0953a55e] { background-color: var(--popover-background,var(--container-elevated-two)); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 16px, rgba(0, 0, 0, 0.1) 0px 0px 16px; padding: 16px; }.arrow[data-v-0953a55e] { height: 7px; width: 17px; }.arrow .arrow-inner[data-v-0953a55e] { clip-path: path("M 0 0 L 7.7 6.5 Q 8.5 7.2 9.3 6.5 L 17 0 Z"); }[dir] .arrow .arrow-inner[data-v-0953a55e] { background-color: var(--popover-background,var(--container-elevated-two)); box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 16px, rgba(0, 0, 0, 0.1) 0px 0px 16px; }.btn[data-v-0953a55e] { align-items: center; display: flex; }[dir] .btn[data-v-0953a55e] { cursor: pointer; }[dir] .btn.disabled[data-v-0953a55e] { cursor: auto; }@media (hover: none) and (pointer: coarse){.btn[data-v-0953a55e] { touch-action: manipulation; user-select: none; }}.arrow-inner[data-v-0953a55e] { height: 100%; }[dir] .arrow-inner[data-v-0953a55e] { background-size: 100% 100%; }.title[data-v-0953a55e] { color: var(--popover-title-color,var(--foreground-one)); font-size: 12px; font-weight: 500; line-height: 1.2; }[dir] .title[data-v-0953a55e] { margin-bottom: 8px; }.tip[data-popper-placement^="top"] > .arrow[data-v-0953a55e] { bottom: -6.8px; }.tip[data-popper-placement^="bottom"] > .arrow[data-v-0953a55e] { top: -6.8px; }[dir] .tip[data-popper-placement^="bottom"] > .arrow .arrow-inner[data-v-0953a55e] { transform: scaleY(-1); }@keyframes bx-table-card-scroll-dot-6cb117c0 { 
  0%, 80%, 100% { opacity: 0.35; transform: scale(0.85); }
  40% { opacity: 1; transform: scale(1); }
}.bx-svg-warpper[data-v-42e3be54] { font-size: 0px; line-height: 1; }.bx-svg-inner[data-v-42e3be54] { display: inline-block; mask-image: var(--svg); mask-position: center center; mask-repeat: no-repeat; mask-size: contain; }[dir] .bx-svg-inner[data-v-42e3be54] { background-color: currentcolor; }.icon[data-v-17f65173] { color: gray; height: 16px; width: 16px; }.action-btn[data-v-17f65173] { align-items: center; display: flex; height: 22px; justify-content: center; overflow: hidden; width: 22px; }[dir] .action-btn[data-v-17f65173] { border-radius: 4px; cursor: pointer; }.action-btn i.icon[data-v-17f65173] { color: var(--text-3); }.action-btn.active i.icon[data-v-17f65173], .action-btn:hover i.icon[data-v-17f65173] { color: var(--text-1); }[dir] .action-btn-v2[data-v-17f65173] .bx-svg-inner { background-color: var(--foreground-two) !important; }[dir] .action-btn-v2.active[data-v-17f65173] .bx-svg-inner, [dir] .action-btn-v2[data-v-17f65173]:hover .bx-svg-inner { background-color: var(--container-one) !important; }.drop-item[data-v-9ebf0cf5] { align-items: center; color: var(--foreground-one); display: flex; justify-content: flex-start; overflow: hidden; white-space: nowrap; }[dir] .drop-item[data-v-9ebf0cf5] { cursor: pointer; margin-bottom: 4px; padding: 8px; }.drop-item .icon[data-v-9ebf0cf5] { height: 16px; width: 16px; }[dir] .drop-item .icon[data-v-9ebf0cf5] { margin-bottom: 4px; }[dir="ltr"] .drop-item .icon[data-v-9ebf0cf5] { margin-right: 8px; }[dir] .drop-item[data-v-9ebf0cf5]:hover { background-color: var(--container-three); border-radius: 8px; }.drop-item.active[data-v-9ebf0cf5] { color: rgb(230, 230, 230); font-weight: 700; }[dir] .drop-item[data-v-9ebf0cf5]:last-child { margin-bottom: 0px; }.text[data-v-9ebf0cf5] { font-size: 12px; line-height: 14px; }.back-text[data-v-9ebf0cf5] { font-weight: 700; height: 0px; overflow: hidden; }.list-wrapper[data-v-9768a8ea] { max-height: 49vh; overflow-y: scroll; position: relative; scrollbar-width: none; }[dir] .list-wrapper[data-v-9768a8ea] { background: var(--container-elevated-one); border: 1px solid var(--line-four); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 32px; margin-top: 4px; padding: 8px; }.list-wrapper[data-v-9768a8ea]::-webkit-scrollbar { height: 0px; width: 0px; }[dir] .list-wrapper[data-v-9768a8ea]::-webkit-scrollbar { background: transparent; }.icon[data-v-5aa20574] { color: gray; height: 16px; width: 16px; }.action-btn[data-v-5aa20574] { align-items: center; display: flex; height: 22px; justify-content: center; overflow: hidden; width: 22px; }[dir] .action-btn[data-v-5aa20574] { border-radius: 4px; cursor: pointer; }.action-btn i.icon[data-v-5aa20574] { color: var(--text-3); }.action-btn.active i.icon[data-v-5aa20574], .action-btn:hover i.icon[data-v-5aa20574] { color: var(--text-1); }[dir] .action-btn-v2[data-v-5aa20574] .bx-svg-inner { background-color: var(--foreground-two) !important; }[dir] .action-btn-v2.active[data-v-5aa20574] .bx-svg-inner, [dir] .action-btn-v2[data-v-5aa20574]:hover .bx-svg-inner { background-color: var(--container-one) !important; }.icon[data-v-e6e61187] { color: gray; height: 16px; width: 16px; }.action-btn[data-v-e6e61187] { align-items: center; display: flex; height: 22px; justify-content: center; overflow: hidden; width: 22px; }[dir] .action-btn[data-v-e6e61187] { border-radius: 4px; cursor: pointer; }.action-btn i.icon[data-v-e6e61187] { color: var(--text-3); }.action-btn.active i.icon[data-v-e6e61187], .action-btn:hover i.icon[data-v-e6e61187] { color: var(--text-1); }[dir] .action-btn-v2[data-v-e6e61187] .bx-svg-inner { background-color: var(--foreground-two) !important; }[dir] .action-btn-v2.active[data-v-e6e61187] .bx-svg-inner, [dir] .action-btn-v2[data-v-e6e61187]:hover .bx-svg-inner { background-color: var(--container-one) !important; }.type-interval[data-v-37541489] { box-sizing: border-box; color: var(--foreground-two); font-family: "SF Pro"; font-size: 12px; line-height: 28px; position: relative; width: 68px; }[dir] .type-interval[data-v-37541489] { background: var(--container-four); border: 1px solid transparent; border-radius: 4px; cursor: pointer; margin-bottom: 12px; text-align: center; }.type-interval[data-v-37541489]:hover { color: var(--foreground-one); }[dir] .type-interval[data-v-37541489]:hover { background: var(--container-two); }.select-icon-wrapper[data-v-37541489] { line-height: 12px; position: absolute; top: -1px; width: 12px; }[dir] .select-icon-wrapper[data-v-37541489] { background: var(--container-four); border-radius: 4px; margin: 0px auto; text-align: center; }[dir="ltr"] .select-icon-wrapper[data-v-37541489] { right: -1px; }.select-icon-wrapper .icon-select[data-v-37541489] { display: inline-block; height: 6px; mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' fill='none' viewBox='0 0 7 6'%3E%3Cpath stroke='%23fff' d='m.354 2.354 2 2 4-4'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 100% auto; width: 6px; }[dir] .select-icon-wrapper .icon-select[data-v-37541489] { background-color: var(--foreground-one); background-size: cover; }.custom-interval-title[data-v-68c91e61] { align-items: center; color: var(--foreground-one); display: flex; font-size: 14px; font-weight: 500; justify-content: space-between; }[dir] .custom-interval-title[data-v-68c91e61] { margin-bottom: 12px; }.custom-interval-content[data-v-68c91e61] { display: flex; flex-wrap: wrap; gap: 12px; width: 402px; }.interval-add[data-v-68c91e61] { align-items: center; display: flex; font-size: 12px; height: 28px; justify-content: center; width: 68px; }[dir] .interval-add[data-v-68c91e61] { background: var(--container-four); border-radius: 4px; cursor: pointer; margin-bottom: 12px; text-align: center; }.interval-add[data-v-68c91e61]:hover { color: var(--foreground-one); }[dir] .interval-add[data-v-68c91e61]:hover { background: var(--container-two); }@media screen and (max-width: 750px){.custom-interval-content[data-v-68c91e61] { width: 300px; }}.intervals[data-v-1d6e607c] { align-items: center; display: flex; font-weight: 500; }.interval[data-v-1d6e607c] { color: var(--foreground-two); white-space: nowrap; }[dir] .interval[data-v-1d6e607c] { cursor: pointer; padding: 4px 8px; }.interval[data-v-1d6e607c]::before { content: attr(t); display: block; font-weight: 500; height: 0px; overflow: hidden; visibility: hidden; }.interval[data-v-1d6e607c]:hover:not(.active) { color: var(--foreground-one); font-weight: 500; }.interval.active[data-v-1d6e607c] { color: var(--foreground-one); }[dir] .interval.active[data-v-1d6e607c] { background: var(--container-three); border-radius: 4px; }.entry[data-v-1d6e607c] { align-items: center; align-self: stretch; display: flex; position: relative; }[dir] .entry[data-v-1d6e607c] { padding: 0px; }.btn[data-v-1d6e607c] { align-items: center; display: flex; font-size: 0px; height: 16px; justify-content: center; min-width: 16px; }[dir] .btn[data-v-1d6e607c] { cursor: pointer; }.all-intervals-wrapper[data-v-1d6e607c] { position: relative; }[dir] .all-intervals[data-v-1d6e607c] { background: var(--background-elevated-one); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 40px; padding: 20px 20px 12px; }.content[data-v-1d6e607c] { display: flex; flex-wrap: wrap; justify-content: space-between; width: 402px; }[dir] .content[data-v-1d6e607c] { background: var(--background-elevated-one); }.header-edit-wrap[data-v-1d6e607c] { align-items: center; display: flex; justify-content: flex-end; min-height: 28px; position: relative; }.edit--inactive[data-v-1d6e607c], .edit-content--inactive[data-v-1d6e607c] { pointer-events: none; position: absolute; top: 50%; visibility: hidden; white-space: nowrap; }[dir] .edit--inactive[data-v-1d6e607c], [dir] .edit-content--inactive[data-v-1d6e607c] { transform: translateY(-50%); }[dir="ltr"] .edit--inactive[data-v-1d6e607c], [dir="ltr"] .edit-content--inactive[data-v-1d6e607c] { right: 0px; }.header[data-v-1d6e607c] { align-items: center; color: var(--foreground-one); display: flex; font-family: "SF Pro"; font-size: 14px; justify-content: space-between; }[dir] .header[data-v-1d6e607c] { margin-bottom: 20px; }.header .title[data-v-1d6e607c] { font-weight: 500; }.header .edit[data-v-1d6e607c] { font-size: 12px; }[dir] .header .edit[data-v-1d6e607c] { background: var(--container-three); border-radius: 999px; cursor: pointer; padding: 6px 12px; }.header .edit .icon-edit[data-v-1d6e607c] { height: 10px; width: 10px; }[dir="ltr"] .header .edit .icon-edit[data-v-1d6e607c] { margin-right: 2px; }.edit-content[data-v-1d6e607c] { align-items: center; display: flex; }.edit-content-item[data-v-1d6e607c] { color: var(--foreground-one); font-family: "SF Pro"; font-size: 12px; font-style: normal; font-weight: 400; }[dir] .edit-content-item[data-v-1d6e607c] { background: var(--container-three); border-radius: 999px; cursor: pointer; padding: 6px 12px; }[dir="ltr"] .edit-content-item[data-v-1d6e607c]:first-child { margin-right: 4px; }@media screen and (max-width: 750px){.content[data-v-1d6e607c] { width: 300px; }}.bar[data-v-2ae588af] { align-items: center; box-sizing: border-box; display: flex; flex-shrink: 0; font-size: 12px; font-weight: 400; height: 40px; line-height: 20px; overflow-x: auto; scrollbar-width: none; }[dir] .bar[data-v-2ae588af] { background-color: var(--background-one); border-bottom: 1px solid var(--line-four); padding: 9px 12px; }.bar[data-v-2ae588af]::-webkit-scrollbar { display: none; }.bar > div[data-v-2ae588af] { flex-shrink: 0; }.bar[data-v-2ae588af] * { box-sizing: content-box; }.actions[data-v-2ae588af] { align-items: center; display: flex; gap: 8px; }.middle[data-v-2ae588af] { flex-grow: 1; }.divider[data-v-2ae588af] { height: 14px; width: 1px; }[dir] .divider[data-v-2ae588af] { background-color: var(--line-three); margin: 0px 12px; }.wrapper[data-v-2ae588af] { align-items: center; display: flex; gap: 10px; }.icon[data-v-4d9ed066] { color: gray; height: 16px; width: 16px; }.action-btn[data-v-4d9ed066] { align-items: center; display: flex; height: 22px; justify-content: center; overflow: hidden; width: 22px; }[dir] .action-btn[data-v-4d9ed066] { border-radius: 4px; cursor: pointer; }.action-btn i.icon[data-v-4d9ed066] { color: var(--text-3); }.action-btn.active i.icon[data-v-4d9ed066], .action-btn:hover i.icon[data-v-4d9ed066] { color: var(--text-1); }[dir] .action-btn-v2[data-v-4d9ed066] .bx-svg-inner { background-color: var(--foreground-two) !important; }[dir] .action-btn-v2.active[data-v-4d9ed066] .bx-svg-inner, [dir] .action-btn-v2[data-v-4d9ed066]:hover .bx-svg-inner { background-color: var(--container-one) !important; }.tv-chart-container[data-v-ca5eb56f] { display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; overflow: hidden; position: relative; width: 100%; }[dir] .tv-chart-container[data-v-ca5eb56f] { background: var(--bg-pig); }.tv-chart-container .tv-chart[data-v-ca5eb56f] { display: flex; flex-direction: row; height: 100%; width: 100%; }[dir] .tv-chart-container .tv-chart[data-v-ca5eb56f] { background: var(--bg-pig); }[dir] .tv-container-next[data-v-ca5eb56f] { padding-bottom: 4px; }[dir] .tv-container-next[data-v-ca5eb56f], [dir] .tv-container-next .tv-chart[data-v-ca5eb56f] { background: var(--background-one) !important; }.layout[data-v-c26b37a2] { color: var(--text-1); position: relative; }.img-active[data-v-c26b37a2] { height: 16px; width: 16px; stroke: var(--foreground-one); fill: var(--background-one); z-index: 11; }[dir] .img-active[data-v-c26b37a2] { cursor: pointer; }@keyframes collapseThinking-140d5f3c { 
  100% { display: none; }
}@keyframes cardFadeIn-140d5f3c { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes suggestSlideUp-140d5f3c { 
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes textCardFadeIn-140d5f3c { 
  0% { opacity: 0; transform: translateY(-12px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes animate-blue-4d581215 { 
  0% { transform: rotate(0deg) scaleY(1); }
  25% { transform: rotate(90deg) scaleY(1.72); }
  50% { transform: rotate(180deg) scaleY(-0.71); }
  74.8% { transform: rotate(269deg) scaleY(1.72); }
  100% { transform: rotate(1turn) scaleY(1); }
}@keyframes animate-cyan-4d581215 { 
  0% { transform: rotate(0deg) scaleY(1); }
  25% { transform: rotate(90deg) scaleY(0); }
  50% { transform: rotate(180deg) scaleY(-1.72); }
  74.8% { transform: rotate(269deg) scaleY(1); }
  100% { transform: rotate(1turn) scaleY(1); }
}@keyframes animate-purple-4d581215 { 
  0% { transform: rotate(0deg) scaleY(1); }
  25% { transform: rotate(90deg) scaleY(0.8); }
  50% { transform: rotate(180deg) scaleY(1); }
  74.8% { transform: rotate(269deg) scaleY(0.6); }
  100% { transform: rotate(1turn) scaleY(1); }
}.depth-wrapper[data-v-a43c64e3] { height: 100%; width: 100%; }[dir] .depth-wrapper[data-v-a43c64e3] { background-color: var(--background-one); }.depth-wrapper .canvas-wrapper[data-v-a43c64e3] { display: flex; height: 100%; width: 100%; }.depth-wrapper .canvas-group[data-v-a43c64e3] { align-items: center; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: stretch; }@keyframes rotate-6877951c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}@keyframes skeleton-shimmer-af8e46bb { 
  0% { transform: translate(-100%); }
  100% { transform: translate(100%); }
}.funding-rate-tooltip[data-v-0f2291f4] { display: flex; flex-direction: column; gap: 8px; max-width: 360px; min-width: 336px; }[dir] .funding-rate-tooltip[data-v-0f2291f4] { border-radius: 8px; }.funding-rate-tooltip .tooltip-row[data-v-0f2291f4] { align-items: center; display: flex; flex-direction: row; font-size: 12px; gap: 4px; justify-content: space-between; line-height: 1.2; }.funding-rate-tooltip .tooltip-row .tooltip-label[data-v-0f2291f4] { color: var(--foreground-two); font-weight: 400; }.funding-rate-tooltip .tooltip-row .tooltip-value[data-v-0f2291f4] { align-items: center; color: var(--foreground-one); display: flex; font-weight: 500; gap: 4px; white-space: nowrap; }[dir="ltr"] .funding-rate-tooltip .tooltip-row .tooltip-value[data-v-0f2291f4] { text-align: right; }.funding-rate-tooltip .tooltip-row .tooltip-value-group[data-v-0f2291f4] { align-items: center; display: flex; flex-direction: row; gap: 4px; }.funding-rate-tooltip .tooltip-row .tooltip-value-group .cycle-tag[data-v-0f2291f4] { align-items: center; color: var(--foreground-two); display: inline-flex; font-size: 10px; font-weight: 400; height: 16px; justify-content: center; line-height: 1.2; }[dir] .funding-rate-tooltip .tooltip-row .tooltip-value-group .cycle-tag[data-v-0f2291f4] { background-color: var(--container-three); border-radius: 4px; padding: 4px; }.funding-rate-tooltip .tooltip-row .tooltip-label-group[data-v-0f2291f4] { align-items: center; display: flex; flex-direction: row; gap: 4px; justify-content: space-between; width: 100%; }.funding-rate-tooltip .tooltip-row .tooltip-label-group .arrow-icon[data-v-0f2291f4] { color: var(--foreground-two); height: 16px; width: 16px; }[dir] .funding-rate-tooltip .tooltip-row .tooltip-label-group .arrow-icon[data-v-0f2291f4] { cursor: pointer; transition: transform 0.3s; }.funding-rate-tooltip .tooltip-divider[data-v-0f2291f4] { height: 1px; width: 100%; }[dir] .funding-rate-tooltip .tooltip-divider[data-v-0f2291f4] { background-color: var(--line-four); margin: 8px 0px; }[dir] .funding-rate-tooltip .subscription-row[data-v-0f2291f4] { padding: 4px 0px; }.funding-rate-tooltip .subscription-row .subscription-label-group[data-v-0f2291f4] { align-items: center; display: flex; flex-direction: row; gap: 4px; width: 158px; }.funding-rate-tooltip .subscription-row .subscription-label-group .reminder-icon[data-v-0f2291f4] { color: var(--foreground-two); height: 16px; width: 16px; }.funding-rate-tooltip .history-link-wrapper[data-v-0f2291f4] { display: flex; flex-direction: column; gap: 1px; height: 28px; justify-content: center; }[dir] .funding-rate-tooltip .history-link-wrapper[data-v-0f2291f4] { padding: 14px 0px; }.funding-rate-tooltip .history-link-wrapper .history-link[data-v-0f2291f4] { color: var(--foreground-one); display: flex; flex-direction: column; font-size: 12px; font-weight: 500; gap: 1px; justify-content: center; line-height: 1.2; text-decoration: none; width: fit-content; }[dir] .funding-rate-tooltip .history-link-wrapper .history-link[data-v-0f2291f4] { cursor: pointer; }.funding-rate-tooltip .history-link-wrapper .history-link .underline[data-v-0f2291f4] { height: 0.5px; width: 100%; }[dir] .funding-rate-tooltip .history-link-wrapper .history-link .underline[data-v-0f2291f4] { background-color: var(--foreground-one); }.last-price-and-change[data-v-bfeb10a0] { line-height: 1.2; }.last-price-and-change .price[data-v-bfeb10a0] { font-size: 24px; font-weight: 600; }.last-price-and-change .rate[data-v-bfeb10a0] { font-size: 13px; font-weight: 500; }.last-price-and-change .green[data-v-bfeb10a0] { color: var(--kline-up); }.last-price-and-change--pc .price[data-v-bfeb10a0] { font-size: 18px; font-weight: 500; }.last-price-and-change--pc .rate[data-v-bfeb10a0] { font-size: 12px; font-weight: 500; }@keyframes spin-486061f9 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}@keyframes dropdown-enter { 
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes list-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}.symbol-selector-favorite[data-v-d1d7a5a0] { align-items: center; display: flex; }.icon-favorite[data-v-d1d7a5a0] { display: flex; flex-shrink: 0; height: 16px; min-width: 16px; width: 16px; }[dir] .icon-favorite[data-v-d1d7a5a0] { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-opacity='.48' stroke-width='1.2' d='m9.513 6.042.14.35.375.025 4.048.275-3.113 2.601-.29.243.093.365.989 3.934-3.436-2.157-.319-.2-.32.2-3.436 2.157.99-3.934.092-.365-.289-.243-3.114-2.601 4.049-.275.376-.025.14-.35L8 2.276z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% center / 16px 16px no-repeat; cursor: pointer; margin: 0px 8px; }[dir] .icon-favorite[data-v-d1d7a5a0]:hover { transform: scale(1.5); }.symbol-name[data-v-d1d7a5a0] { align-items: center; color: var(--foreground-one); display: flex; font-size: 16px; font-weight: 500; gap: 6px; height: auto; min-height: 36px; position: relative; }[dir] .symbol-name[data-v-d1d7a5a0] { border-radius: 8px; cursor: pointer; padding: 0px 8px; }[dir] .symbol-name.active[data-v-d1d7a5a0], [dir] .symbol-name[data-v-d1d7a5a0]:hover { background: var(--container-three); }[dir] .symbol-name .icon-arrow[data-v-d1d7a5a0] { transform: rotate(0deg); transition: transform 0.3s ease-out; }.symbol-name .symbol-detail-wrap[data-v-d1d7a5a0] { align-items: flex-start; display: flex; flex-direction: column; max-width: 100%; min-width: 0px; }.symbol-name .symbol-detail-name[data-v-d1d7a5a0] { font-size: 16px; font-weight: 600; line-height: normal; }.symbol-icon[data-v-d1d7a5a0] { height: 24px; width: 24px; }.scroll-wrapper[data-v-a002f3a8] { display: flex; height: 100%; overflow-x: hidden; position: relative; }.scroll-wrapper.scroll[data-v-a002f3a8] { height: calc(100% + 16px); }.scroll-wrapper[data-v-a002f3a8]::-webkit-scrollbar { display: none; }.scroll-list[data-v-a002f3a8] { align-items: center; box-sizing: border-box; display: flex; flex: 1 1 0%; flex-flow: row; overflow: auto; scroll-behavior: smooth; scrollbar-width: none; height: 100%; }.scroll-list[data-v-a002f3a8]::-webkit-scrollbar { display: none; }.btn-box[data-v-a002f3a8] { align-items: center; align-self: center; box-sizing: border-box; cursor: pointer; display: flex; height: 100%; justify-content: right; position: absolute; right: 0px; width: 68px; z-index: 3; }.btn-bg[data-v-a002f3a8] { background: var(--background-one); justify-content: center; z-index: 2; }.btn-bg[data-v-a002f3a8] { align-items: center; display: flex; height: 100%; }.fade-mask-right[data-v-a002f3a8] { background: linear-gradient(90deg,hsla(0,0%,4%,0) 0,var(--bg-pig) 100%); }.fade-mask-right[data-v-a002f3a8] { height: 100%; pointer-events: none; width: 32px; z-index: 1; }.contract-header-pc[data-v-1edcf951], .flex[data-v-1edcf951] { align-items: center; display: flex; }.contract-header-pc[data-v-1edcf951] { height: 100%; }[dir] .contract-header-pc[data-v-1edcf951] { background-color: var(--background-one); }[dir="ltr"] .contract-header-pc[data-v-1edcf951] { border-radius: 0px 8px 8px 0px; padding: 8px 16px 8px 8px; }.contract-header-pc .divider[data-v-1edcf951] { align-self: stretch; width: 1px; }[dir] .contract-header-pc .divider[data-v-1edcf951] { background-color: var(--line-four); margin: 0px 12px; }.contract-header-pc .quote-info[data-v-1edcf951] { align-items: center; display: flex; flex: 1 1 0%; gap: 12px; width: 100%; }.contract-header-pc .quote-info .newest-price-wrapper[data-v-1edcf951] { align-items: flex-start; display: flex; flex-direction: column; justify-content: center; white-space: nowrap; width: 120px; }.contract-header-pc .quote-info .other-info-wrapper[data-v-1edcf951] { display: flex; flex-direction: row; gap: 24px; }.contract-header-pc .quote-info .other-info-wrapper .quote-block[data-v-1edcf951] { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; justify-content: center; white-space: nowrap; }.contract-header-pc .quote-info .other-info-wrapper .quote-block .title[data-v-1edcf951] { color: var(--foreground-three); font-size: 11px; font-weight: 400; line-height: 120%; }.contract-header-pc .quote-info .other-info-wrapper .quote-block .value[data-v-1edcf951] { color: var(--foreground-one); font-size: 12px; font-weight: 500; line-height: 120%; }[dir="ltr"] .contract-header-pc .quote-info .other-info-wrapper .quote-block .value[data-v-1edcf951] { text-align: right; }.contract-header-pc .quote-info .other-info-wrapper .quote-block .value .funding-rate-value[data-v-1edcf951] { color: var(--semantic-warning-one); }[dir] .cursor[data-v-1edcf951] { cursor: pointer; }[dir] .text-underline[data-v-1edcf951] { border-bottom: 1px dashed var(--text-6); }.contract-header[data-v-7b28e68b] { height: 100%; }.tv-hooking-icon[data-v-27ca1d0a] { align-items: center; display: flex; height: 16px; justify-content: center; width: 16px; }[dir] .tv-hooking-icon[data-v-27ca1d0a] { cursor: pointer; }[dir="ltr"] .tv-hooking-icon[data-v-27ca1d0a] { margin-right: 2px; }.price-alert[data-v-4d418457] { align-items: center; display: flex; }.price-alert .icon-alert[data-v-4d418457] { color: var(--foreground-one); font-size: 16px; }[dir] .price-alert .icon-alert[data-v-4d418457] { cursor: pointer; }.trend-order[data-v-ebb18622] { align-items: center; display: flex; justify-content: center; position: relative; }[dir] .trend-order[data-v-ebb18622] { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px; }.bg-chartOrder[data-v-ebb18622], .icon-chartOrder[data-v-ebb18622] { align-items: center; display: flex; justify-content: center; }.icon-chartOrder[data-v-ebb18622] { color: var(--text-1); }.icon-chartOrder[data-v-ebb18622] svg path { fill: currentcolor !important; fill-opacity: 0.64; }.icon-chartOrder[data-v-ebb18622]:hover { color: var(--text-1); }.icon-chartOrder[data-v-ebb18622]:hover svg path { fill: currentcolor !important; fill-opacity: 1; }.chart-type-wrapper[data-v-c8f95e83] { color: var(--foreground-two); font-size: 12px; }.chart-type-wrapper img[data-v-c8f95e83] { height: 6px; width: 8px; }[dir="ltr"] .chart-type-wrapper img[data-v-c8f95e83] { margin-left: 8px; }.kline[data-v-099658f8] { display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; overflow: hidden; position: relative; top: 0px; }[dir] .kline[data-v-099658f8] { background: var(--background-one); }[dir="ltr"] .kline[data-v-099658f8] { left: 0px; }.kline-tv-host[data-v-099658f8] { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; position: relative; width: 100%; }.action-btn[data-v-1c21b671] { align-items: center; display: flex; height: 22px; justify-content: center; overflow: hidden; width: 22px; }[dir] .action-btn[data-v-1c21b671] { border-radius: 4px; cursor: pointer; }.action-btn i.icon[data-v-1c21b671] { color: var(--text-3,grey); }.action-btn.active i.icon[data-v-1c21b671], .action-btn:hover i.icon[data-v-1c21b671] { color: var(--text-1,#e6e6e6); }[dir] .action-btn-v2[data-v-1c21b671] .bx-svg-inner { background-color: var(--foreground-two) !important; }[dir] .action-btn-v2.active[data-v-1c21b671] .bx-svg-inner, [dir] .action-btn-v2[data-v-1c21b671]:hover .bx-svg-inner { background-color: var(--container-one) !important; }.list-wrapper[data-v-1c21b671] { align-items: flex-start; display: inline-flex; flex-direction: column; gap: 4px; white-space: nowrap; }[dir] .list-wrapper[data-v-1c21b671] { background: var(--container-elevated-one); border: 1px solid var(--line-four); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 32px; margin-top: 5px; padding: 8px; }.setting-wrapper[data-v-1c21b671] { position: relative; }.setting-wrapper .setting-item[data-v-1c21b671] { align-items: center; align-self: stretch; display: flex; font-size: 12px; gap: 4px; height: 32px; line-height: 16px; user-select: none; color: var(--foreground-one) !important; }[dir] .setting-wrapper .setting-item[data-v-1c21b671] { border-radius: 8px; cursor: pointer; padding: 8px; }[dir] .setting-wrapper .setting-item[data-v-1c21b671]:hover { background: var(--container-three); }.history-icon-info[data-v-1c21b671] { display: inline-block; height: 12px; width: 12px; }[dir] .history-icon-info[data-v-1c21b671] { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='gray' d='M6.15 2.625a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5'/%3E%3Cpath stroke='gray' stroke-linecap='round' d='M5.25 5.25h.9c.041 0 .075.034.075.075V8.25M4.95 8.625H7.5'/%3E%3Cpath stroke='gray' stroke-linecap='round' d='M1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% center / 100% auto no-repeat; cursor: pointer; }[dir="ltr"] .history-icon-info[data-v-1c21b671] { margin-left: -2px; }.setting-item[data-v-1c21b671] { position: relative; }[dir="ltr"] .setting-item .setting-item-desc .desc[data-v-1c21b671] { margin-right: 8px; }.setting-item-desc[data-v-1c21b671] { flex: 1 1 0%; }.tv-compare-icon[data-v-7a147b5d] { height: 16px; opacity: 0.64; width: 16px; }[dir] .tv-compare-icon[data-v-7a147b5d] { cursor: pointer; transition: opacity 0.2s; }.tv-compare-icon[data-v-7a147b5d]:hover { opacity: 1; }.tv-setting-icon[data-v-f81471ce] { height: 16px; width: 16px; fill: rgba(255, 255, 255, 0.64); }[dir] .tv-setting-icon[data-v-f81471ce] { cursor: pointer; transition: fill 0.2s; }.tv-setting-icon path[data-v-f81471ce] { fill: currentcolor; fill-opacity: 0.64; }.tv-setting-icon[data-v-f81471ce]:hover { fill: var(--text-1); }.tv-setting-icon:hover path[data-v-f81471ce] { fill: var(--text-1); fill-opacity: 1; }.title-header[data-v-618c4867] { contain: layout style paint; display: flex; height: 48px; justify-content: space-between; }[dir] .title-header[data-v-618c4867] { background: var(--background-one); border-bottom: 1px solid var(--line-four); padding-top: 12px; }[dir="ltr"] .title-header[data-v-618c4867] { border-top-right-radius: 8px; padding-right: 16px; }[dir="ltr"] .title-header[data-v-618c4867] .bx-tab-item:first-child { margin-left: 16px; }[dir] .title-header[data-v-618c4867] .bx-tab-list { box-shadow: none !important; }.title-header[data-v-618c4867] .bx-tab-bar { display: flex; height: 100%; }.title-header-right[data-v-618c4867] { align-items: flex-start; display: flex; flex-shrink: 0; }[dir] .title-header-right[data-v-618c4867] { margin-top: 4px; }.kline-info-wrapper[data-v-618c4867] { flex: 1 1 0%; flex-direction: column; height: calc(100% - 48px); }.kline-info-wrapper[data-v-618c4867], .kline-view[data-v-618c4867] { contain: layout style paint; display: flex; }.kline-view[data-v-618c4867] { flex: 1 1 0%; flex-direction: column; height: 100%; overflow: hidden; position: relative; width: 100%; }[dir] .kline-view[data-v-618c4867] { background: var(--background-one); }[dir="ltr"] .kline-view[data-v-618c4867] { border-bottom-right-radius: 8px; }.price-wrapper[data-v-618c4867] { align-items: center; display: flex; }.price-wrapper[data-v-618c4867] { color: var(--foreground-two); font-size: 12px; font-weight: 400; line-height: 14px; white-space: nowrap; }[dir] .price-wrapper[data-v-618c4867] { cursor: pointer; }.price-wrapper .icon-arrow-down[data-v-618c4867] { height: 6px; width: 8px; }[dir="ltr"] .price-wrapper .icon-arrow-down[data-v-618c4867] { margin-left: 8px; }.content[data-v-618c4867] { display: flex; flex: 1 1 0%; }.type-toggle[data-v-618c4867] { align-items: center; display: flex; justify-content: flex-end; }[dir="ltr"] .type-toggle[data-v-618c4867] { margin-left: 14px; }.common-header[data-v-618c4867] { position: relative; }[dir] .common-header[data-v-618c4867] { background: var(--background-one); border-bottom: 1px solid var(--line-four); }.header-content[data-v-618c4867] { align-items: center; display: flex; height: 38px; justify-content: space-between; overflow-x: auto; scrollbar-width: none; width: calc(100% - 40px); }[dir] .header-content[data-v-618c4867] { background-color: var(--background-one); }[dir="ltr"] .header-content[data-v-618c4867] { padding-right: 14px; }.left[data-v-618c4867] { align-items: center; display: flex; }.right[data-v-618c4867] { flex-shrink: 0; }.common-header[data-v-618c4867] .bar { height: auto !important; }[dir] .common-header[data-v-618c4867] .bar { background: var(--background-one) !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; padding-bottom: 0px !important; padding-top: 0px !important; }.icon-list[data-v-618c4867] { display: flex; gap: 8px; }[dir="ltr"] .icon-list[data-v-618c4867] { margin-right: 14px; }.icon-list .icon[data-v-618c4867] { color: var(--text-3); }[dir] .icon-list .icon[data-v-618c4867] { cursor: pointer; }.icon-list .active[data-v-618c4867] { color: var(--text-1); }.tv-layout[data-v-618c4867] { align-items: center; display: flex; }[dir="ltr"] .tv-layout[data-v-618c4867] { margin-left: 12px; }.full-screen[data-v-618c4867] { position: absolute; top: 6px; }[dir] .full-screen[data-v-618c4867] { background: var(--background-one); }[dir="ltr"] .full-screen[data-v-618c4867] { right: 16px; }.arrow-icon[data-v-618c4867] { color: var(--foreground-three); font-size: 18px; position: absolute; top: 6px; z-index: 10; }[dir] .arrow-icon[data-v-618c4867] { cursor: pointer; transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s; }.arrow-icon img[data-v-618c4867] { height: 16px; width: 8px; }[dir="ltr"] .right-arrow-icon[data-v-618c4867] { padding-left: 8px; right: 40px; }.right-arrow-icon[data-v-618c4867]::before { bottom: 0px; content: ""; pointer-events: none; position: absolute; top: 0px; width: 30px; z-index: -1; }[dir="ltr"] .right-arrow-icon[data-v-618c4867]::before { background: linear-gradient(to left,var(--background-one) 30%,transparent); right: 0px; }.header[data-v-1f9572bb] { display: flex; flex: 1 1 0%; flex-direction: row; height: 44.7px; justify-content: space-between; min-width: 0px; overflow: hidden; }[dir] .header[data-v-1f9572bb] { background-color: var(--background-one); }.header[data-v-1f9572bb] .bx-tab-bar { width: 100%; }[dir] .header[data-v-1f9572bb] .bx-tab-bar { padding-top: 16px; }.header[data-v-1f9572bb] .bx-tab-list { width: 100%; }[dir] .header[data-v-1f9572bb] .bx-tab-list { box-shadow: 0 -1px 0 var(--line-four) inset !important; }.header[data-v-1f9572bb] .bx-tab-item { font-weight: 500; }[dir="ltr"] .header[data-v-1f9572bb] .bx-tab-item:first-child { margin-left: 16px; }.filter-container[data-v-81a3b5a3] { display: flex; flex-direction: column; }[dir] .filter-container[data-v-81a3b5a3] { background: var(--background-one,#020202); }[dir] .filter-container.position-tab[data-v-81a3b5a3] { margin-bottom: 16px; }.filter-container .header[data-v-81a3b5a3] { align-items: center; display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; }[dir] .filter-container .header[data-v-81a3b5a3] { background-color: var(--background-one); }.go-login-wrapper .go-login-wrap .login, .go-login-wrapper .go-login-wrap .register { color: var(--dark-blue); }[dir] .go-login-wrapper .go-login-wrap .login, [dir] .go-login-wrapper .go-login-wrap .register { cursor: pointer; }.go-login-wrapper[data-v-2768f685] { height: 100%; }.go-login-wrap[data-v-2768f685] { color: var(--text-2); font-size: 14px; font-weight: 500; position: absolute; top: 50%; }[dir="ltr"] .go-login-wrap[data-v-2768f685] { left: 50%; transform: translate(-50%, -50%); }@keyframes dot-bounce-19f18dff { 
  0%, 80%, 100% { opacity: 0.35; transform: scale(0.85); }
  40% { opacity: 1; transform: scale(1); }
}@keyframes dot-bounce-8bc9a405 { 
  0%, 80%, 100% { opacity: 0.35; transform: scale(0.85); }
  40% { opacity: 1; transform: scale(1); }
}.table-container[data-v-b27755e9] { flex: 1 1 0%; overflow: hidden; }[dir="ltr"] .table-container[data-v-b27755e9] { margin-left: 4px; }.position-panel[data-v-034f4db2] { display: flex; flex-direction: column; height: 100%; overflow: hidden; }[dir] .position-panel[data-v-034f4db2] { background: var(--background-one,#020202); }[dir="ltr"] .position-panel[data-v-034f4db2] { border-radius: 0px 8px 8px 0px; }@keyframes gradient-30d72565 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-30d72565 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-30d72565 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.un-login-wrap[data-v-30d72565] { display: flex; flex-direction: column; }[dir] .un-login-wrap[data-v-30d72565] { padding-top: 48px; }.order-panel-trade-type[data-v-12b045bb] { display: flex; }[dir] .order-panel-trade-type[data-v-12b045bb] { margin-top: 16px; padding-bottom: 4px; }.order-panel-trade-type[data-v-12b045bb] .r-text { color: var(--text-3) !important; }[dir] .order-panel-trade-type[data-v-12b045bb] .multi-tab-bar { border-bottom: 1px solid var(--line-four); }.order-panel-trade-type[data-v-12b045bb] .bx-select-menu-wrap .icon-arrow { color: var(--foreground-two) !important; }.icon-info { color: var(--foreground-four); }[dir] .icon-info { cursor: pointer; }.trade-tab[data-v-ea1a6732] { box-sizing: border-box; color: var(--text-3); display: flex; gap: 4.5px; height: 36px; justify-content: space-between; min-height: 36px; width: auto; }[dir] .trade-tab[data-v-ea1a6732] { margin-top: 10px; }.trade-tab .trade-tab-item[data-v-ea1a6732] { align-items: center; box-sizing: border-box; display: flex; flex: 1 1 0%; height: 100%; justify-content: center; position: relative; }[dir] .trade-tab .trade-tab-item[data-v-ea1a6732] { cursor: pointer; padding: 0px 10px; text-align: center; }.trade-tab .trade-tab-item[data-v-ea1a6732]:hover { opacity: 0.8; }.trade-tab .trade-tab-item[data-v-ea1a6732]::after, .trade-tab .trade-tab-item[data-v-ea1a6732]::before { content: ""; display: block; height: 100%; position: absolute; }[dir] .trade-tab .trade-tab-item[data-v-ea1a6732]::after, [dir] .trade-tab .trade-tab-item[data-v-ea1a6732]::before { background-color: var(--bg-cat); }.trade-tab .trade-tab-item[data-v-ea1a6732]::before { width: calc(100% - 20px); }.trade-tab .trade-tab-item[data-v-ea1a6732]::after { top: 0px; width: 36px; }[dir] .trade-tab .trade-tab-item[data-v-ea1a6732]::after { transition: transform 0.2s linear; }[dir="ltr"] .trade-tab .trade-tab-item[data-v-ea1a6732]::after { transform: skew(-30deg); }.trade-tab .trade-tab-item .tab-item-text[data-v-ea1a6732] { font-size: 14px; font-weight: 500; line-height: 16px; position: relative; z-index: 1; }[dir] .trade-tab .trade-tab-item .tab-item-text[data-v-ea1a6732] { text-align: center; }[dir="ltr"] .trade-tab .trade-tab-item-left[data-v-ea1a6732]::before { border-radius: 8px 0px 0px 8px; left: 0px; right: unset; }[dir="ltr"] .trade-tab .trade-tab-item-left[data-v-ea1a6732]::after { border-radius: 0px 7px 5px 0px; left: unset; right: 0px; }[dir="ltr"] .trade-tab .trade-tab-item-right[data-v-ea1a6732]::before { border-radius: 0px 8px 8px 0px; left: unset; right: 0px; }[dir="ltr"] .trade-tab .trade-tab-item-right[data-v-ea1a6732]::after { border-radius: 5px 0px 0px 7px; left: 0px; right: unset; }[dir] .dark .trade-tab-item[data-v-ea1a6732]::after, [dir] .dark .trade-tab-item[data-v-ea1a6732]::before { background-color: rgb(22, 22, 22); }.dark .active-item-left[data-v-ea1a6732] { color: var(--semantic-rise-one); }[dir] .dark .active-item-left[data-v-ea1a6732]::after, [dir] .dark .active-item-left[data-v-ea1a6732]::before { background: rgb(5, 28, 18); }.text-input-label[data-v-1a4b4b92] { align-items: center; display: flex; flex: 1 1 0%; justify-content: center; }[dir] .text-input-label[data-v-1a4b4b92] { border: 1px solid var(--line-two); border-radius: 8px; cursor: pointer; padding: 9px 0px; }.text-input-label[data-v-1a4b4b92]:hover { opacity: 0.8; }.label[data-v-1a4b4b92] { color: var(--foreground-one); font-size: 12px; font-style: normal; font-weight: 400; }.symbol-param-change-tooltip-wrap[data-v-31eabd1b] { display: flex; flex: 1 1 0%; }.symbol-param-change-tooltip[data-v-31eabd1b] { display: flex; min-width: 0px; width: 100%; }.symbol-param-change-tooltip[data-v-31eabd1b] .btn, .symbol-param-change-reference[data-v-31eabd1b] { min-width: 0px; width: 100%; }.symbol-param-change-tip-popper { box-sizing: border-box; width: 248px; }[dir] .symbol-param-change-tip-popper { border-radius: 12px !important; padding: 16px !important; }.symbol-param-change-tip-popper .symbol-param-change-tip-content { display: flex; flex-direction: column; gap: 12px; }.symbol-param-change-tip-popper .symbol-param-change-tip-content .tip-text { color: var(--foreground-three,rgba(0,0,0,.48)); font-size: 12px; font-weight: 400; line-height: 150%; }[dir] .symbol-param-change-tip-popper .symbol-param-change-tip-content .tip-text { margin: 0px; }.symbol-param-change-tip-popper .symbol-param-change-tip-content .tip-btn-row { display: flex; gap: 8px; justify-content: flex-end; }.account-header[data-v-83251777] { display: flex; flex-direction: row; justify-content: space-between; }[dir] .account-header[data-v-83251777] { margin-top: 10px; }.account-header .left-wrapper[data-v-83251777] { align-items: center; box-sizing: border-box; display: flex; flex: 1 1 0%; flex-direction: row; gap: 4px; justify-content: flex-start; }.account-header .content[data-v-83251777] { align-items: center; box-sizing: border-box; color: var(--text-1); display: flex; flex-direction: row; font-size: 12px; font-weight: 500; line-height: 16px; min-width: 22px; overflow: hidden; }[dir] .account-header .content[data-v-83251777] { border-radius: 4px; cursor: pointer; }.account-header .content .inner-content[data-v-83251777] { overflow: hidden; }.account-header .content .inner-content .leverage[data-v-83251777] { text-transform: uppercase; }[dir] .account-header .content .inner-content .leverage[data-v-83251777] { margin: 0px 4px; }.long[data-v-83251777] { color: var(--kline-up); }.short[data-v-83251777] { color: var(--kline-down); }@keyframes gradient-83251777 { 
  0% { background: transparent; }
  60% { background: var(--color-grey); }
  100% { background: transparent; }
}@keyframes fade-83251777 { 
  0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; }
}.content .inner-content[data-v-83251777] { align-items: center; display: flex; }@keyframes animate-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes gradient-1e6b509a { 
  0% { background: transparent; }
  60% { background: var(--color-grey); }
  100% { background: transparent; }
}@keyframes fade-1e6b509a { 
  0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes trade-input-in-anim-6c5b8c7b { 
  0% { opacity: 0.4; transform: translate(70%); }
  100% { opacity: 1; transform: translate(0px); }
}@keyframes trade-desc-in-anim-6c5b8c7b { 
  0% { opacity: 0.4; transform: translate(-70%); }
  100% { opacity: 1; transform: translate(0px); }
}@keyframes gradient-eb33d14b { 
  0% { background: transparent; }
  60% { background: var(--color-grey); }
  100% { background: transparent; }
}@keyframes fade-eb33d14b { 
  0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes sltpStrategyRowFlashRing-eb33d14b { 
  0%, 100% { box-shadow: inset 0 0 rgba(var(--color-primary-rgb),0),0 0 rgba(var(--color-primary-rgb),0); opacity: 0; }
  45% { box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb),.55),0 0 18px rgba(var(--color-primary-rgb),.22); opacity: 1; }
  72% { box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb),.32),0 0 10px rgba(var(--color-primary-rgb),.12); opacity: 0.85; }
}@keyframes gradient-8bbf2791 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-8bbf2791 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-8bbf2791 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes red-gradient-8bbf2791 { 
  0% { background: var(--semantic-fall-one); }
  60% { background: rgb(241, 162, 164); }
  100% { background: var(--semantic-fall-one); }
}@keyframes green-gradient-8bbf2791 { 
  0% { background: var(--semantic-rise-one); }
  60% { background: rgb(143, 213, 202); }
  100% { background: var(--semantic-rise-one); }
}@keyframes gradient-50e38c17 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-50e38c17 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-50e38c17 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes red-gradient-50e38c17 { 
  0% { background: var(--semantic-fall-one); }
  60% { background: rgb(241, 162, 164); }
  100% { background: var(--semantic-fall-one); }
}@keyframes green-gradient-50e38c17 { 
  0% { background: var(--semantic-rise-one); }
  60% { background: rgb(143, 213, 202); }
  100% { background: var(--semantic-rise-one); }
}@keyframes gradient-26a9a0a4 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-26a9a0a4 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-26a9a0a4 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes red-gradient-26a9a0a4 { 
  0% { background: var(--semantic-fall-one); }
  60% { background: rgb(241, 162, 164); }
  100% { background: var(--semantic-fall-one); }
}@keyframes green-gradient-26a9a0a4 { 
  0% { background: var(--semantic-rise-one); }
  60% { background: rgb(143, 213, 202); }
  100% { background: var(--semantic-rise-one); }
}@keyframes gradient-1ebf7915 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-1ebf7915 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-1ebf7915 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-5a6b56f3 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-5a6b56f3 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-5a6b56f3 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.tip-container[data-v-f283b3fb] { display: inline-block; }.container-text .text-tip[data-v-f283b3fb] { display: inline-block; }.op-asset-wrap[data-v-aa4cc9d7] { align-items: center; color: var(--foreground-three); display: flex; font-size: 12px; font-weight: 400; gap: 4px; line-height: 16px; }[dir] .op-asset-wrap[data-v-aa4cc9d7] { margin-top: 16px; }.op-asset-wrap .op-asset-content[data-v-aa4cc9d7] { align-items: center; display: flex; }.op-asset-wrap .op-asset-operation[data-v-aa4cc9d7] { align-items: center; color: var(--foreground-one); display: flex; flex-direction: row; }.op-asset-wrap .asset-value[data-v-aa4cc9d7] { color: var(--foreground-one); }.icon[data-v-aa4cc9d7] { display: inline-block; height: 16px; mask-repeat: no-repeat; mask-size: 100% auto; width: 16px; }[dir] .icon[data-v-aa4cc9d7] { background-color: var(--foreground-three); background-size: cover; }.icon.icon-exchange[data-v-aa4cc9d7] { mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23e6e6e6' d='M2.5 5.4h-.6v1.2h.6zm11 .6v.6a.6.6 0 0 0 .404-1.044zm-2.346-2.944-.444-.404-.808.888.444.404zM2.5 6.6h11V5.4h-11zm11.404-1.044-2.75-2.5-.808.888 2.75 2.5zM13.5 10.6h.6V9.4h-.6zm-11-.6v-.6a.6.6 0 0 0-.404 1.044zm2.346 2.944.444.404.808-.888-.444-.404zM13.5 9.4h-11v1.2h11zM2.096 10.444l2.75 2.5.808-.888-2.75-2.5z'/%3E%3C/svg%3E"); }.available-fund-tip-popper { box-sizing: border-box; width: 248px; }[dir] .available-fund-tip-popper { border-radius: 12px !important; padding: 16px !important; }.available-fund-tip-popper .available-fund-tip-content { display: flex; flex-direction: column; gap: 12px; }.available-fund-tip-popper .available-fund-tip-content .tip-btn-row { display: flex; justify-content: flex-end; }@keyframes scale-742063b2 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes scale-0e1eea5f { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-f202d06c { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-f202d06c { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-f202d06c { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.can-open-or-close-item[data-v-f202d06c] { line-height: 1.44; max-width: 100%; }@keyframes gradient-5c448a95 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-5c448a95 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-5c448a95 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.info-line[data-v-5c448a95] { display: flex; flex-direction: row; font-size: 12px; font-weight: 400; gap: 10px; justify-content: space-between; line-height: 12px; }[dir] .info-line[data-v-5c448a95] { margin-top: 8px; }.info-line .info-left[data-v-5c448a95], .info-line .info-right[data-v-5c448a95] { display: flex; flex-direction: column; }.info-line .info-right[data-v-5c448a95] { font-size: 12px; max-width: 100%; overflow: hidden; }[dir="ltr"] .info-line .info-right[data-v-5c448a95] { text-align: right; }.info-line .buy[data-v-5c448a95] { color: var(--kline-up); }.info-line .sell[data-v-5c448a95] { color: var(--kline-down); }[dir="ltr"] .info-line .amount[data-v-5c448a95] { margin-right: 2px; }.info-line .title[data-v-5c448a95] { color: var(--foreground-three); white-space: normal; }[dir] .info-line .title[data-v-5c448a95] { margin-bottom: 4px; }.info-line .value[data-v-5c448a95] { color: var(--text-1); }@keyframes gradient-648e902a { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-648e902a { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-648e902a { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-83212da0 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-83212da0 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-83212da0 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes trade-input-in-anim-83212da0 { 
  0% { opacity: 0.4; transform: translate(70%); }
  100% { opacity: 1; transform: translate(0px); }
}@keyframes trade-desc-in-anim-83212da0 { 
  0% { opacity: 0.4; transform: translate(-70%); }
  100% { opacity: 1; transform: translate(0px); }
}@keyframes gradient-0aa0fcd9 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-0aa0fcd9 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-0aa0fcd9 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}[dir] .mg-t12[data-v-c65aa781] { margin-top: 12px; }@keyframes gradient-c65aa781 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-c65aa781 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-c65aa781 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-8c500ca6 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-8c500ca6 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-8c500ca6 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}[dir] .slider-wrap[data-v-9196fd26] { margin: 16px 6px; }@keyframes gradient-3a6fc9d2 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-3a6fc9d2 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-3a6fc9d2 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-06ce8019 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-06ce8019 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-06ce8019 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.amount-input-wrap[data-v-06ce8019] { position: relative; }[dir] .amount-input-wrap[data-v-06ce8019] { margin-top: 12px; }.suffix-wrapper[data-v-06ce8019] { align-items: center; align-self: flex-end; display: flex; justify-content: center; }[dir] .suffix-wrapper[data-v-06ce8019] { cursor: pointer; }.suffix-wrapper .text[data-v-06ce8019] { color: var(--text-1); font-size: 14px; font-weight: 500; line-height: 16px; position: relative; }.suffix-wrapper .icon-arrow[data-v-06ce8019] { color: var(--foreground-two); }@keyframes gradient-488dd950 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-488dd950 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-488dd950 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes gradient-ee351ecf { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-ee351ecf { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-ee351ecf { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}@keyframes spin-ee351ecf { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}@keyframes gradient-ef0f1097 { 
  0% { background: var(--bg-cat); }
  60% { background: rgb(86, 88, 91); }
  100% { background: var(--bg-cat); }
}@keyframes fade-ef0f1097 { 
  0% { color: transparent; }
  40% { color: transparent; }
  100% { color: var(--text-1); }
}@keyframes scale-ef0f1097 { 
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}.order-panel[data-v-ef0f1097] { color: rgb(119, 123, 131); }[dir] .order-panel[data-v-ef0f1097] { padding: 6px 16px 0px; }[dir] .order-panel[data-v-ef0f1097]:not(.is-mobile) { background-color: var(--background-one); }.order-panel[data-v-ef0f1097] .mtb-gap-w20 { width: 12px; }@media screen and (max-width: 1299px){.order-panel[data-v-ef0f1097] .bx-select-menu-wrap .bx-select-item .r-text { font-size: 14px; }}.setting-btn[data-v-cddcec59] { bottom: 0px; height: 17px; position: absolute; top: 16px; width: 17px; z-index: 9; }[dir] .setting-btn[data-v-cddcec59] { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23fff' d='M8.624 4.463a1.7 1.7 0 0 0 0 1.275H1.699V4.463zm6.675 1.275h-3.525a1.7 1.7 0 0 0 0-1.275H15.3zM5.224 11.263a1.7 1.7 0 0 0 0 1.275H1.699v-1.276zm10.075 1.275H8.374a1.7 1.7 0 0 0 0-1.276h6.925z'/%3E%3Ccircle cx='10.2' cy='5.1' r='1.7' stroke='%23fff' stroke-width='1.275'/%3E%3Ccircle cx='6.8' cy='11.9' r='1.7' stroke='%23fff' stroke-width='1.275'/%3E%3C/svg%3E"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; cursor: pointer; margin: 0px auto; }[dir="ltr"] .setting-btn[data-v-cddcec59] { right: 16px; }.direction-tab-wrapper[data-v-6d90204c] { align-items: center; box-sizing: border-box; display: flex; flex-flow: row; width: 100%; }[dir] .direction-tab-wrapper[data-v-6d90204c] { background-color: var(--background-one); border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: 12px; padding: 6px 16px 0px; }.direction-tab-wrapper[data-v-6d90204c] .bx-tab-bar { width: 100%; }[dir] .direction-tab-wrapper[data-v-6d90204c] .bx-tab-bar { margin-top: 10px; }[dir] .direction-tab-wrapper[data-v-6d90204c] .bx-tab-bar .bx-tab-list { border-bottom: 1px solid var(--line-four); box-shadow: none !important; }.order-book-wrapper[data-v-7d0a6ef1] { contain: layout style paint; display: flex; flex-direction: column; height: 100%; width: 100%; }[dir] .order-book-wrapper[data-v-7d0a6ef1] { background: var(--background-one); border-radius: 8px; }.order-book-body[data-v-7d0a6ef1] { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; }@media screen and (max-width: 1199px){.order-book-wrapper[data-v-7d0a6ef1] { display: flex; }.order-book-wrapper .depth[data-v-7d0a6ef1] { flex: 1 1 0%; }[dir] .order-book-wrapper .depth[data-v-7d0a6ef1] { margin-bottom: 0px; }}.order-panel-tabs[data-v-d522632d] { box-sizing: border-box; display: flex; flex-direction: column; height: auto; width: 100%; }[dir] .order-panel-tabs[data-v-d522632d] { background-color: var(--background-one); padding: 16px 16px 0px; }.order-panel-wrapper[data-v-9a8d5013] { display: flex; flex: 0 1 300px; flex-direction: column; height: 100%; }[dir] .order-panel-wrapper[data-v-9a8d5013] { background-color: var(--background-one); }[dir="ltr"] .order-panel-wrapper[data-v-9a8d5013] { border-radius: 8px 0px 0px 8px; }.order-panel-body[data-v-9a8d5013] { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; }.account-info-wrapper[data-v-9a8d5013] { flex: 1 1 0%; min-height: 509px; }[dir] .account-info-wrapper[data-v-9a8d5013] { background-color: var(--background-one); }.grid-item-deferred-paint[data-v-3ef4c3a6] { contain-intrinsic-size: 360px 280px; content-visibility: auto; }.vgl-item.grid-item-hot-refresh[data-v-3ef4c3a6] { contain: layout style paint; }.vgl-item[data-v-3ef4c3a6] { position: relative; }[dir] .vgl-item[data-v-3ef4c3a6] { transition: none !important; }.vgl-item .close-icon[data-v-3ef4c3a6] { height: 12px; pointer-events: none; position: absolute; top: 2px; visibility: hidden; width: 12px; }[dir] .vgl-item .close-icon[data-v-3ef4c3a6] { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23585858' fill-rule='evenodd' d='M8 .4a7.6 7.6 0 1 0 0 15.2A7.6 7.6 0 0 0 8 .4M5.454 5.454a.6.6 0 0 1 .849 0L8 7.151l1.697-1.697a.6.6 0 0 1 .849.849L8.849 8l1.697 1.697a.6.6 0 0 1-.849.849L8 8.849l-1.697 1.697a.6.6 0 0 1-.849-.849L7.151 8 5.454 6.303a.6.6 0 0 1 0-.849' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0% 0% / 100% auto no-repeat; cursor: pointer; }[dir="ltr"] .vgl-item .close-icon[data-v-3ef4c3a6] { right: 4px; }.vgl-item[data-v-3ef4c3a6] .vgl-item__resizer { pointer-events: none; visibility: hidden; }.vgl-item:hover .close-icon[data-v-3ef4c3a6], .vgl-item[data-v-3ef4c3a6]:hover .vgl-item__resizer { pointer-events: auto; visibility: visible; }.content-wrapper[data-v-3ef4c3a6] { color: var(--text-1); display: flex; flex-direction: row; height: 100%; opacity: 0; overflow: hidden; }[dir] .content-wrapper[data-v-3ef4c3a6] { margin-bottom: 30px; }@media (min-height: 1930px){[dir] .content-wrapper[data-v-3ef4c3a6] { margin-bottom: 0px; }}.content-wrapper.ready[data-v-3ef4c3a6] { opacity: 1; }@media (max-width: 767px){.content-wrapper.x-scroll[data-v-3ef4c3a6] { overflow-x: scroll; scrollbar-color: auto; scrollbar-width: auto; }}.trade-panel-wrapper[data-v-3ef4c3a6] { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 768px; position: relative; }[dir] .trade-panel-wrapper[data-v-3ef4c3a6] { background: var(--background-four); margin: 0px -4px; }.trade-panel-wrapper[data-v-3ef4c3a6] .vgl-layout { height: 100%; width: 100%; }[dir] body { background: var(--bg-panda); margin: 0px; }a { color: var(--color-blue); display: block; text-decoration: none; }@font-face { font-family: Rubik; font-weight: 400; src: url("https://static-app.bb-os.com/fe-common/fonts/Rubik/Rubik-Regular.ttf") format("truetype"); unicode-range: U+20-7E; }.btn-group[data-v-2d361b48] { display: flex; flex-wrap: wrap; gap: 8px; }.btn-group .action-btn[data-v-2d361b48] { flex: 1 1 auto; min-width: 0px; }.new-account-info[data-v-f4a3f496] { display: flex; flex-direction: column; height: 100%; }[dir] .new-account-info[data-v-f4a3f496] { background-color: var(--background-one); padding-top: 4px; }[dir="ltr"] .new-account-info[data-v-f4a3f496] { border-radius: 8px 0px 0px 8px; }.module-title[data-v-f4a3f496] { color: var(--foreground-one); font-size: 14px; font-weight: 500; }[dir] .module-title[data-v-f4a3f496] { padding: 16px; }.module-content[data-v-f4a3f496] { display: flex; flex-direction: column; gap: 16px; }[dir] .module-content[data-v-f4a3f496] { padding: 0px 16px 20px; }@keyframes openAnimation-67b5e7d1 { 
  0% { transform: scale(0.7); }
  50% { transform: scale(1.13); }
  70%, 100% { transform: scale(1); }
}@keyframes red-gradient-bdb59763 { 
  0% { background: var(--semantic-fall-one); }
  60% { background: rgb(241, 162, 164); }
  100% { background: var(--semantic-fall-one); }
}@keyframes green-gradient-bdb59763 { 
  0% { background: var(--semantic-rise-one); }
  60% { background: rgb(143, 213, 202); }
  100% { background: var(--semantic-rise-one); }
}.orderbook-header-list[data-v-f843cdca] { align-items: center; display: flex; }.orderbook-header-icon[data-v-f843cdca] { align-items: center; display: flex; height: 20px; justify-content: center; width: 20px; }[dir] .orderbook-header-icon[data-v-f843cdca] { background-color: transparent; cursor: pointer; margin: 0px auto; padding: 0px; }[dir="ltr"] .orderbook-header-icon[data-v-f843cdca] { margin-right: 10px; }.orderbook-header-icon img[data-v-f843cdca] { height: 12px; width: 12px; }[dir] .orderbook-header-icon-active[data-v-f843cdca] { background: var(--container-three); border-radius: 4px; }.percent-content[data-v-e014f8da] { font-size: 10px; line-height: 22px; width: 100%; }[dir] .percent-content[data-v-e014f8da] { cursor: pointer; padding-inline: 12px; padding-bottom: 7px; }.percent-content .percent-content-style[data-v-e014f8da] { display: flex; height: 22px; }[dir] .percent-content .percent-content-style[data-v-e014f8da] { border-radius: 12px; }.percent-content .percent-content-style .percent-content-bids[data-v-e014f8da] { clip-path: polygon(0px 0px, 100% 0px, calc(100% - 4px) 100%, 0px 100%); position: relative; }[dir] .percent-content .percent-content-style .percent-content-bids[data-v-e014f8da] { background-color: var(--fi-rise-wk-o); border-end-start-radius: 4px; border-start-start-radius: 4px; }.percent-content .percent-content-style .percent-content-asks[data-v-e014f8da] { clip-path: polygon(4px 0px, 100% 0px, 100% 100%, 0px 100%); position: relative; }[dir] .percent-content .percent-content-style .percent-content-asks[data-v-e014f8da] { background-color: var(--fi-fall-wk-o); border-end-end-radius: 4px; border-start-end-radius: 4px; }.percent-label[data-v-e014f8da] { position: absolute; top: 0px; }.percent-label-text[data-v-e014f8da] { font-size: 12px; font-style: normal; font-weight: 700; }[dir] .percent-label-text[data-v-e014f8da] { text-align: center; }.percent-label-text-bids[data-v-e014f8da] { color: var(--t-rise); position: relative; }[dir="ltr"] .percent-label-text-bids[data-v-e014f8da] { padding-left: 8px; padding-right: 12px; }.percent-label-text-bids[data-v-e014f8da]::after { bottom: 0px; content: ""; height: 10px; position: absolute; top: 0px; width: 1px; }[dir] .percent-label-text-bids[data-v-e014f8da]::after { background: var(--line-three); margin: auto; }[dir="ltr"] .percent-label-text-bids[data-v-e014f8da]::after { left: 22px; }.percent-label-text-asks[data-v-e014f8da] { color: var(--t-fall); }[dir="ltr"] .percent-label-text-asks[data-v-e014f8da] { padding-left: 12px; padding-right: 8px; }.percent-label-text-asks[data-v-e014f8da]::after { bottom: 0px; content: ""; height: 10px; position: absolute; top: 0px; width: 1px; }[dir] .percent-label-text-asks[data-v-e014f8da]::after { background: var(--line-three); margin: auto; }[dir="ltr"] .percent-label-text-asks[data-v-e014f8da]::after { right: 22px; }.percent-label-bids[data-v-e014f8da] { color: var(--t-rise); }[dir="ltr"] .percent-label-bids[data-v-e014f8da] { left: 0px; }.percent-label-asks[data-v-e014f8da] { color: var(--t-fall); }[dir="ltr"] .percent-label-asks[data-v-e014f8da] { right: 0px; }.process-bar-optimal[data-v-e014f8da] { will-change: transform; }[dir] .process-bar-optimal[data-v-e014f8da] { transition: transform 0.3s ease-in-out; }.percent-label-value[data-v-e014f8da] { font-size: 12px; font-weight: 500; }.align-center[data-v-e014f8da] { align-items: center; display: flex; justify-content: center; }.arrow[data-v-7e9b5f6e] { color: var(--kline-up); display: block; height: 16px; width: 16px; }.arrow.down[data-v-7e9b5f6e] { color: var(--kline-down); }[dir="ltr"] .arrow.down[data-v-7e9b5f6e] { transform: rotate(180deg); }.mark-price[data-v-90d982d3] { color: var(--foreground-three); font-size: 12px; font-weight: 500; line-height: 14px; }[dir] .mark-price[data-v-90d982d3] { border-bottom: 1px dashed var(--foreground-three); }@media screen and (max-width: 1199px){.depth .ceil-block .ceil-scroll-box[data-v-6a271da8] { height: 340px; }}[dir] .bg-up[data-v-6a271da8]::before { background: var(--kline-up); }[dir] .bg-down[data-v-6a271da8]::before { background: var(--kline-down); }[data-v-6a271da8] .bx-select-menu-wrap .bx-select-modal-wrap { min-width: auto; }.depth[data-v-6a271da8] { display: flex; flex-direction: column; height: 100%; overflow: hidden; }[dir] .depth[data-v-6a271da8] { background: var(--background-one); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }.depth-caption[data-v-6a271da8] { align-items: center; color: var(--foreground-three); display: flex; font-size: 12px; font-weight: 400; }[dir] .depth-caption[data-v-6a271da8] { margin-bottom: 4px; padding: 0px 16px; }[dir="ltr"] .depth-caption .depth-price[data-v-6a271da8] { text-align: left; }.depth-caption > div[data-v-6a271da8] { width: 33%; }[dir="ltr"] .depth-caption > div[data-v-6a271da8] { text-align: right; }.ceil-block[data-v-6a271da8] { display: flex; flex: 1 1 0%; flex-direction: column; overflow: hidden; position: relative; }[dir] .ceil-block[data-v-6a271da8] { padding: 0px 12px; }.ceil-block .ceil-scroll-box[data-v-6a271da8] { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; overflow: hidden; }.ceil-block .ceil-scroll-box[data-v-6a271da8]::-webkit-scrollbar { display: none; }.ceil-block .ceil-scroll-box .asks-container[data-v-6a271da8] { display: flex; flex-direction: column; }.ceil-block .ceil-scroll-box .bids-container[data-v-6a271da8] { overflow: hidden; }.ceil-block .ceil-scroll-box-0[data-v-6a271da8] { justify-content: flex-start; }.asks-table[data-v-6a271da8], .bids-table[data-v-6a271da8] { display: flex; flex-direction: column; }[dir] .no-tooltip[data-v-6a271da8] .btn { cursor: auto; }.depth-volume[data-v-6a271da8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }[dir] .depth-volume[data-v-6a271da8] { text-align: center; }[dir="ltr"] .depth-volume[data-v-6a271da8] { margin-right: 2px; }.depth-accumulated[data-v-6a271da8] { text-overflow: ellipsis; white-space: nowrap; }[dir] .depth-accumulated[data-v-6a271da8] { padding: 2px; }[dir="ltr"] .depth-accumulated[data-v-6a271da8] { padding-right: 0px; }.depth-accumulated[data-v-6a271da8] .bx-select-menu-wrap { max-width: 84px !important; }.accumulated-menu[data-v-6a271da8] { display: flex; justify-content: flex-end; width: 100%; }.accumulated-menu[data-v-6a271da8] .bx-select-item { width: 100%; }.accumulated-menu[data-v-6a271da8] .r-text { overflow: hidden; }[dir="ltr"] .accumulated-menu[data-v-6a271da8] .r-text { text-align: right; }.depth-accumulated[data-v-6a271da8] .btn, .depth-volume[data-v-6a271da8] .btn { justify-content: flex-end; }.depth-volume[data-v-6a271da8] span { overflow: hidden; }.ticker-container[data-v-6a271da8] { align-items: center; display: flex; flex-flow: row; }[dir] .ticker-container[data-v-6a271da8] { padding-bottom: 4px; padding-top: 4px; }[dir="ltr"] .ticker-container[data-v-6a271da8] { padding-left: 4px; }@media (max-width: 1199px){[dir] .ticker-container[data-v-6a271da8] { padding-bottom: 8px; padding-top: 8px; }}@media (min-width: 1440px) and (max-width: 1679px){[dir] .ticker-container[data-v-6a271da8] { padding-bottom: 8px; padding-top: 8px; }}@media (min-width: 1680px) and (max-width: 2559px){[dir] .ticker-container[data-v-6a271da8] { padding-bottom: 8px; padding-top: 8px; }}@media (min-width: 2560px){[dir] .ticker-container[data-v-6a271da8] { padding-bottom: 8px; padding-top: 8px; }}.ticker[data-v-6a271da8] { align-items: center; color: var(--dark-text-2-old); display: flex; flex-flow: row; font-size: 20px; font-weight: 600; }[dir] .ticker[data-v-6a271da8] { cursor: pointer; }.price-red[data-v-6a271da8] { color: var(--t-fall); font-style: normal; }.price-green[data-v-6a271da8], .price-red[data-v-6a271da8] { font-size: 20px; font-weight: 600; }.price-green[data-v-6a271da8] { color: var(--semantic-rise-one); }.arrow[data-v-6a271da8] { display: inline-block; height: 16px; vertical-align: -0.1em; width: 16px; }[dir] .arrow[data-v-6a271da8] { background-size: contain; }[dir="ltr"] .arrow[data-v-6a271da8] { margin-left: 4px; }.depth-item[data-v-6a271da8] { align-items: center; color: var(--text-1); display: flex; flex-direction: row; font-size: 12px; height: 20px; justify-content: space-between; line-height: 20px; position: relative; word-spacing: 0px; }[dir] .depth-item[data-v-6a271da8] { cursor: pointer; padding-left: 4px; padding-right: 4px; }[dir] .depth-item[data-v-6a271da8]:hover { background: var(--bg-pig-hover); }.depth-item span[data-v-6a271da8] { display: flex; font-size: 12px; position: relative; width: 33%; z-index: 1; }.depth-item .depth-volume[data-v-6a271da8] { color: var(--text-1); justify-content: flex-end; overflow: hidden; }[dir="ltr"] .depth-item .depth-volume[data-v-6a271da8] { text-align: right; }.depth-item .process-bar[data-v-6a271da8] { inset: 0px 0px 0px 100%; position: absolute; width: 100%; z-index: 0; }[dir] .depth-item .process-bar[data-v-6a271da8] { background-color: var(--fi-rise-wk-o); }[dir] .asks-table .process-bar[data-v-6a271da8] { background-color: var(--fi-fall-wk-o); }.order-item[data-v-6a271da8] { position: relative; }[dir] .order-item[data-v-6a271da8] { margin-bottom: 2px; }[dir] .order-item-type-last[data-v-6a271da8] { margin-bottom: 0px !important; }.process-bar-optimal[data-v-6a271da8] { will-change: transform; }[dir] .process-bar-optimal[data-v-6a271da8] { transition: transform 0.3s ease-in-out; }[data-v-f3a72b48] .bx-select-menu-wrap .bx-select-modal-wrap { min-width: auto; }.depth[data-v-f3a72b48] { display: flex; flex-direction: column; height: 100%; overflow: hidden; }[dir] .depth[data-v-f3a72b48] { background: var(--background-one); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }.orderbook-header[data-v-f3a72b48] { align-items: center; display: flex; justify-content: space-between; position: relative; }[dir] .orderbook-header[data-v-f3a72b48] { margin: 0px 16px 12px; }.orderbook-header .orderbook-header-list[data-v-f3a72b48] { align-items: center; display: flex; }[data-v-f3a72b48] .ceil-scroll-box-0 .asks-container, [data-v-f3a72b48] .ceil-scroll-box-0 .bids-container { flex: 1 1 0%; min-height: 0px; }[data-v-f3a72b48] .ceil-scroll-box-0 .asks-container { justify-content: flex-end; }[dir] .drop-container[data-v-f3a72b48] .bx-select-item { background-color: var(--container-three); padding: 4px 8px; }