:root {
    --color-brand-1: #2354e6;
    --color-brand-2: #1b41b2;
    --color-brand-3: #2354e6;
    --color-funct-1: #52ffb1;
    --color-funct-2: #03aa65;
    --color-funct-3: #e73828;
    --color-funct-4: #f7931a;
    --color-funct-5: #b523e6;
    --color-funct-6: #198cff;
    --color-funct-7: #f23030;
    --color-funct-8: #b22367;
    --color-funct-9: #00c7a6;
    --color-funct-10: #fe5533;
    --color-funct-11: #c99400;
    --color-other-1: #54e623;
    --color-other-2: #feb702;
    --color-other-3: #e62323;
    --color-other-4: #f21885;
    --color-other-5: #5322e6;
    --color-other-6: #16d9d9;
    --color-divider-1: #dadde5;
    --color-divider-2: #edeff2;
    --color-divider-3: #dce8fd;
    --color-divider-4: #b8bdcc;
    --color-divider-5: #e9ebf0;
    --color-neutral-1: #f2f3f7;
    --color-neutral-2: #f9f9f9;
    --color-neutral-3: #ebedf2;
    --color-neutral-4: #b8bfcc;
    --color-neutral-5: #f2f3f7;
    --color-neutral-6: #fff;
    --color-card-1: #f8f9fb;
    --color-card-2: #fff;
    --color-card-3: #fff;
    --color-card-4: #fff;
    --color-card-5: #fdfdfe;
    --color-card-6: #f5f5f7;
    --color-card-7: #f5f5f7;
    --color-bg-1: #fff;
    --color-bg-2: #fcfcfc;
    --color-bg-3: #f8f9fb;
    --color-bg-4: #000000a6;
    --color-bg-5: #f5f5f7;
    --color-text-1: #262933;
    --color-text-2: #2e384d;
    --color-text-3: #8e949e;
    --color-text-4: #d0d4db;
    --color-text-5: #2354e6;
    --color-text-6: #fff;
    --color-text-7: #b5b7bc;
    --color-text-8: #fff;
    --color-text-9: #2354e6;
    --color-text-10: #0b0c0d;
    --color-icon-1: #262933;
    --color-icon-2: #2e384d;
    --color-icon-3: #8e949e;
    --color-icon-4: #d0d4db;
    --color-icon-5: #2354e6;
    --color-icon-6: #fff;
    --color-icon-7: #b5b7bc;
    --color-icon-8: #fff;
    --color-icon-9: #2354e6;
    --color-gradient-1: linear-gradient(270deg,#54e623,#17e5a1);
    --color-gradient-2: linear-gradient(90deg,#5322e6,#2323e6);
    --color-gradient-3: linear-gradient(270deg,#17e5a1,#16d9d9);
    --color-gradient-4: linear-gradient(90deg,#ffec1a,#fa3);
    --color-gradient-5: linear-gradient(90deg,#16d9d9,#1979ff);
    --color-gradient-6: linear-gradient(90deg,#f21885,#e62323);
    --color-gradient-7: linear-gradient(90deg,#39f,#2354e6);
    --color-gradient-8: linear-gradient(90deg,#c2c5cc,#989fb3);
    --color-cmpt-1: #fff;
    --color-cmpt-2: #f9f9f9;
    --color-cmpt-3: #fffcf3;
    --color-cmpt-4: #fff1f1;
    --color-cmpt-5: #f8f9fb;
    --color-cmpt-6: #262626;
    --color-cmpt-7: #eff5ff;
    --color-cmpt-8: #f2fffb;
    --color-cmpt-9: #262933;
    --color-cmpt-10: #f2f3f7;
    --color-cmpt-11: #edeff4;
    --color-cmpt-12: #ebfff3;
    --color-cmpt-13: #fff1eb;
    --color-cmpt-14: #fff1f1;
    --color-cmpt-15: #edf4ff;
    --color-cmpt-16: #363740;
    --color-cmpt-17: #f2f3f7;
    --color-cmpt-18: #eff5ff;
    --color-cmpt-19: #fff;
    --color-cmpt-20: #c0d7fd;
    --color-cmpt-21: #0068ff;
    --color-cmpt-22: #fffce8;
    --color-cmpt-23: #c0d7fd;
    --color-cmpt-24: #edf9ff;
    --color-pd-1: #f2495e;
    --color-pd-2: #1bb273;
    --color-pd-3: #fbe1e4;
    --color-pd-4: #ddf3eb;
    --color-pd-5: #c23a4b;
    --color-pd-6: #26996c;
    --color-pd-7: #19a66b;
    --color-blue-11: #182253;
    --color-blue-10: #203588;
    --color-blue-9: #2139ac;
    --color-blue-8: #2145d4;
    --color-blue-7: #2354e6;
    --color-blue-6: #3f78f2;
    --color-blue-5: #639cf7;
    --color-blue-4: #95bffb;
    --color-blue-3: #c0d7fd;
    --color-blue-2: #dce8fd;
    --color-blue-1: #eff5ff
}

:root .classic-dark {
    --color-brand-1: #2174ff;
    --color-brand-2: #095edc;
    --color-brand-3: #61a0ff;
    --color-funct-1: #52ffb1;
    --color-funct-2: #03aa65;
    --color-funct-3: #e73828;
    --color-funct-4: #f7931a;
    --color-funct-5: #b523e6;
    --color-funct-6: #198cff;
    --color-funct-7: #f23030;
    --color-funct-8: #b22367;
    --color-funct-9: #00c7a6;
    --color-funct-10: #fe5533;
    --color-other-1: #54e623;
    --color-other-2: #feb702;
    --color-other-3: #ff4c4c;
    --color-other-4: #f21885;
    --color-other-5: #5322e6;
    --color-other-6: #16d9d9;
    --color-divider-1: #4f4f4f;
    --color-divider-2: #2e2e2e;
    --color-divider-3: #2e2e2e;
    --color-divider-4: #4f4f4f;
    --color-divider-5: #424242;
    --color-neutral-1: #353638;
    --color-neutral-2: #262626;
    --color-neutral-3: #2e2e2e;
    --color-neutral-4: #8c8c8c;
    --color-neutral-5: #262626;
    --color-neutral-6: #262626;
    --color-card-1: #1f1f1f;
    --color-card-2: #141414;
    --color-card-3: #1f1f1f;
    --color-card-4: #1a1a1a;
    --color-card-5: #2e2e2e;
    --color-card-6: #262626;
    --color-card-7: #2e2e2e;
    --color-bg-1: #141414;
    --color-bg-2: #0f0f0f;
    --color-bg-3: #141414;
    --color-bg-4: #000000a6;
    --color-bg-5: #0f0f0f;
    --color-text-1: #fafafa;
    --color-text-2: #bfbfbf;
    --color-text-3: #8c8c8c;
    --color-text-4: #6d6d6d;
    --color-text-5: #61a0ff;
    --color-text-6: #fafafa;
    --color-text-7: #6d6d6d;
    --color-text-8: #262626;
    --color-text-9: #fafafa;
    --color-text-10: #0b0c0d;
    --color-icon-1: #fafafa;
    --color-icon-2: #bfbfbf;
    --color-icon-3: #8c8c8c;
    --color-icon-4: #6d6d6d;
    --color-icon-5: #61a0ff;
    --color-icon-6: #fafafa;
    --color-icon-7: #6d6d6d;
    --color-icon-8: #262626;
    --color-icon-9: #fafafa;
    --color-gradient-1: linear-gradient(270deg,#54e623,#17e5a1);
    --color-gradient-2: linear-gradient(90deg,#5322e6,#2323e6);
    --color-gradient-3: linear-gradient(270deg,#17e5a1,#16d9d9);
    --color-gradient-4: linear-gradient(90deg,#ffec1a,#fa3);
    --color-gradient-5: linear-gradient(90deg,#16d9d9,#1979ff);
    --color-gradient-6: linear-gradient(90deg,#f21885,#e62323);
    --color-gradient-7: linear-gradient(90deg,#39f,#2354e6);
    --color-gradient-8: linear-gradient(90deg,#adb5cc,#8691b3);
    --color-cmpt-1: #353638;
    --color-cmpt-2: #353638;
    --color-cmpt-3: #27272b;
    --color-cmpt-4: #291e2a;
    --color-cmpt-5: #1f1f1f;
    --color-cmpt-6: #383f4d;
    --color-cmpt-7: #203040;
    --color-cmpt-8: #24332e;
    --color-cmpt-9: #fafafa;
    --color-cmpt-10: #262830;
    --color-cmpt-11: #2e2e2e;
    --color-cmpt-12: #002217;
    --color-cmpt-13: #2f1814;
    --color-cmpt-14: #2d1114;
    --color-cmpt-15: #182253;
    --color-cmpt-16: #1f1f1f;
    --color-cmpt-17: #262626;
    --color-cmpt-18: #1a1a1a;
    --color-cmpt-19: #5e6fac;
    --color-cmpt-20: #203588;
    --color-cmpt-21: #0068ff;
    --color-cmpt-22: #352b19;
    --color-cmpt-23: #2174ff;
    --color-cmpt-24: #0e2f5d;
    --color-pd-1: #f2495e;
    --color-pd-2: #30bf87;
    --color-pd-3: #2b171b;
    --color-pd-4: #162621;
    --color-pd-5: #c23a4b;
    --color-pd-6: #26996c;
    --color-pd-7: #30bf87;
    --color-blue-11: #182253;
    --color-blue-10: #203588;
    --color-blue-9: #2139ac;
    --color-blue-8: #2145d4;
    --color-blue-7: #2354e6;
    --color-blue-6: #3f78f2;
    --color-blue-5: #639cf7;
    --color-blue-4: #95bffb;
    --color-blue-3: #c0d7fd;
    --color-blue-2: #dce8fd;
    --color-blue-1: #eff5ff
}

.rise-green-body {
    --color-increase: var(--color-pd-2);
    --color-decrease: var(--color-pd-1)
}

.rise-red-body {
    --color-increase: var(--color-pd-1);
    --color-decrease: var(--color-pd-2)
}

@media screen and (min-width: 1920px) {
    :root {
        --font-h1:52px;
        --font-h2: 48px;
        --font-h3: 40px;
        --font-h4: 32px;
        --font-h5: 28px;
        --font-subtitle: 24px;
        --font-body: 20px;
        --font-body-m: 16px;
        --font-body-s: 14px
    }
}

@media screen and (max-width: 1920px) {
    :root {
        --font-h1:48px;
        --font-h2: 40px;
        --font-h3: 32px;
        --font-h4: 28px;
        --font-h5: 24px;
        --font-subtitle: 20px;
        --font-body: 16px;
        --font-body-m: 14px;
        --font-body-s: 12px
    }
}

@media screen and (max-width: 992px) {
    :root {
        --font-h1:28px;
        --font-h2: 24px;
        --font-h3: 24px;
        --font-h4: 20px;
        --font-h5: 20px;
        --font-subtitle: 20px;
        --font-body: 16px;
        --font-body-m: 14px;
        --font-body-s: 12px
    }
}

@font-face {
    font-family: Gate_Sans;
    src: url(../fonts/GateSans4-Regular.woff2);
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: Gate_Sans;
    src: url(../fonts/GateSans4-Medium.woff2);
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Gate_Sans;
    src: url(../fonts/GateSans4-SemiBold.woff2);
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Gate_Sans;
    src: url(../fonts/GateSans4-Bold.woff2);
    font-weight: 700;
    font-display: swap
}

.rounded-full {
    border-radius: 9999px
}

.icon,.iconpark-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

g.normal,path.normal {
    fill: #262933
}

.classic-dark g.normal,.classic-dark path.normal {
    fill: #fafafa
}

g.brand,path.brand {
    fill: #2354e6
}

.classic-dark g.brand,.classic-dark path.brand {
    fill: #38f
}

:root {
    --header-height: 48px;
    --symbol-footer-height: 48px;
    --color-link-default: #0068ff;
    --color-cmpt-button-soft: #f5f6f7;
    --color-line-gutter-gutter: #dfe0e2;
    --color-bg-secondary: #fafafa;
    --color-bg-primary: #fff;
    --color-text-text-primary: #070808;
    --color-function-trade-sell: #f74b60;
    --color-bg-tertiary: #f2f3f4;
    --color-bg-inverse-primary: #070808;
    --color-bg-mask: #00000080;
    --color-bg-quaternary: #dfe0e2;
    --color-bg-inverse-secondary: #18191b;
    --color-bg-inverse-tertiary: #1f2023;
    --color-text-text-secondary: #84888c;
    --color-text-text-tertiary: #a0a3a7;
    --color-text-text-brand: #0068ff;
    --color-text-always-white: #fff;
    --color-text-text-disable: #c4c7ca;
    --color-text-inverse-primary: #fff;
    --color-text-always-black: #070808;
    --color-link-pressed: #004fd9;
    --color-link-disable: #7abdff;
    --color-text-text-success: #2bc235;
    --color-text-text-error: #f7594b;
    --color-text-text-warning: #ff9447;
    --color-function-tag-primary: #a7f757;
    --color-function-hot: #f7594b;
    --color-function-star: #febe00;
    --color-line-border-subtle: #f2f3f4;
    --color-line-divider-divider: #f2f3f4;
    --color-line-divider-short-divider: #c4c7ca;
    --color-line-border-strong: #dfe0e2;
    --color-cmpt-component-hover: #f5f6f7;
    --color-cmpt-button-soft-active: #f2f3f4;
    --color-cmpt-input: #f5f6f7;
    --color-cmpt-button-soft-disable: #f5f6f7;
    --color-layer-1: #fff;
    --color-layer-active: #fff;
    --color-layer-3: #fff;
    --color-layer-2: #f2f3f4;
    --color-text-text-tips: #c4c7ca;
    --color-text-brand-white: #0068ff;
    --color-cmpt-input-disabled: #f5f6f7;
    --color-cmpt-orange-bg: #fff4e3;
    --color-cmpt-redfunct-bg: #feeeed;
    --color-cmpt-tooltip-toast: #303236;
    --color-cmpt-bluefunct-bg: #ebf6ff;
    --color-cmpt-select-bg: #fff;
    --color-cmpt-tag-gray: #f5f6f7;
    --color-cmpt-greenfunct-bg: #eaf9eb;
    --color-cmpt-message-bg: #303236;
    --color-cmpt-switch-disable: #dfe0e2;
    --color-cmpt-switch-disable-bg: #a0a3a7;
    --color-cmpt-highlight-bg: #a7f75780;
    --color-cmpt-chatting-bg: #ebf6ff;
    --color-function-trade-buy: #2bc287;
    --color-function-trade-sell-soft: #feeeed;
    --color-function-trade-buy-soft: #eaf9eb;
    --color-function-trade-sell-active: #d6364e;
    --color-function-trade-buy-active: #20a174;
    --color-function-trade-buy-disabled: #adedce;
    --color-function-trade-sell-disabled: #ff9ea3;
    --color-cmpt-checkbox-dis-active: #dfe0e2;
    --color-cmpt-checkbox-dis-inactive: #f2f3f4;
    --color-cmpt-switch-inactive-dis: #fafafa;
    --color-cmpt-gradient-bg-0: #fff0;
    --color-cmpt-gradient-bg-100: #fff;
    --color-cmpt-gradient-popup-0: #fff0;
    --color-cmpt-gradient-popup-100: #fff;
    --color-cmpt-header-bg-50: #ffffff80;
    --color-cmpt-btn-white-dis-bg: #303236;
    --color-cmpt-btn-white-pressed-txt: #a0a3a7;
    --color-cmpt-btn-white-dis-txt: #84888c;
    --color-cmpt-slider-inactive-line: #dfe0e2;
    --color-cmpt-share-footer-bg: #f2f3f4;
    --color-icon-icon-primary: #303236;
    --color-icon-icon-secondary: #484b51;
    --color-icon-icon-tertiary: #84888c;
    --color-icon-icon-quaternary: #a0a3a7;
    --color-bg-always-white: #fff;
    --color-bg-always-black: #070808;
    --color-function-success: #2bc235;
    --color-function-success-active: #229b2a;
    --color-function-success-disabled: #aae7ae;
    --color-function-success-soft: #eaf9eb;
    --color-function-brand: #0068ff;
    --color-function-brand-active: #004fd9;
    --color-function-brand-disabled: #7abdff;
    --color-cmpt-gradient-popup-70: #ffffffb3;
    --color-cmpt-gradient-red-0: #f74b6000;
    --color-cmpt-gradient-red-100: #f74b60;
    --color-cmpt-gradient-green-0: #2bc28700;
    --color-cmpt-gradient-green-100: #2bc287;
    --color-cmpt-gradient-inverse-bg-0: #07080800;
    --color-cmpt-gradient-inverse-bg-100: #070808;
    --color-cmpt-carousel-bg: #0000001a;
    --color-cmpt-gradient-bg-20: #fff3;
    --color-cmpt-component-active: #303236;
    --color-cmpt-button-primary: #303236;
    --color-cmpt-notification: #fff;
    --color-layer-4: #f2f3f4;
    --color-chart-chart-1: #fc5b6f;
    --color-chart-chart-2: #ff9ea3;
    --color-chart-chart-3: #57d4a0;
    --color-chart-chart-4: #adedce;
    --color-chart-chart-5: #0068ff;
    --color-chart-chart-6: #16d9d9;
    --color-chart-chart-7: #070808;
    --color-chart-chart-8: #dfe0e2;
    --color-chart-chart-9: #febe00;
    --color-cmpt-gradient-redbg-0: #feeeed00;
    --color-line-divider-strong: #f2f3f4;
    --color-core-neutral-white: #fff;
    --color-core-neutral-1: #fafafa;
    --color-core-neutral-2: #f2f3f4;
    --color-core-neutral-3: #dfe0e2;
    --color-core-neutral-4: #c4c7ca;
    --color-core-neutral-5: #a0a3a7;
    --color-core-neutral-6: #84888c;
    --color-core-neutral-7: #484b51;
    --color-core-neutral-8: #303236;
    --color-core-neutral-9: #18191b;
    --color-core-neutral-10: #131516;
    --color-core-neutral-11: #1f2023;
    --color-core-neutral-12: #070808;
    --color-core-brand-1: #ebf6ff;
    --color-core-brand-2: #a3d4ff;
    --color-core-brand-3: #7abdff;
    --color-core-brand-4: #52a3ff;
    --color-core-brand-5: #247cff;
    --color-core-brand-6: #0068ff;
    --color-core-brand-7: #004fd9;
    --color-core-brand-8: #003cb3;
    --color-core-brand-9: #002a8c;
    --color-core-brand-10: #232840;
    --color-core-greentrade-1: #eaf9eb;
    --color-core-greentrade-2: #c5fae0;
    --color-core-greentrade-3: #adedce;
    --color-core-greentrade-4: #80e0b5;
    --color-core-greentrade-5: #57d4a0;
    --color-core-greentrade-6: #2bc287;
    --color-core-greentrade-7: #20a174;
    --color-core-greentrade-8: #127a59;
    --color-core-greentrade-9: #08543f;
    --color-core-greentrade-10: #092117;
    --color-core-redtrade-1: #feeeed;
    --color-core-redtrade-2: #ffc7c8;
    --color-core-redtrade-3: #ff9ea3;
    --color-core-redtrade-4: #ff7581;
    --color-core-redtrade-5: #fc5b6f;
    --color-core-redtrade-6: #f74b60;
    --color-core-redtrade-7: #d6364e;
    --color-core-redtrade-8: #b0233d;
    --color-core-redtrade-9: #8a152e;
    --color-core-redtrade-10: #341c1d;
    --color-core-greenfunct-1: #eaf9eb;
    --color-core-greenfunct-2: #d5f3d7;
    --color-core-greenfunct-3: #aae7ae;
    --color-core-greenfunct-4: #80da86;
    --color-core-greenfunct-5: #55ce5d;
    --color-core-greenfunct-6: #2bc235;
    --color-core-greenfunct-7: #229b2a;
    --color-core-greenfunct-8: #1a7420;
    --color-core-greenfunct-9: #0d3a10;
    --color-core-greenfunct-10: #072108;
    --color-core-redfunct-1: #feeeed;
    --color-core-redfunct-2: #fddedb;
    --color-core-redfunct-3: #fcbdb7;
    --color-core-redfunct-4: #fa9b93;
    --color-core-redfunct-5: #f97a6f;
    --color-core-redfunct-6: #f7594b;
    --color-core-redfunct-7: #cb483c;
    --color-core-redfunct-8: #9e372d;
    --color-core-redfunct-9: #5c1d17;
    --color-core-redfunct-10: #2f0c08;
    --color-core-orange-1: #fff4e3;
    --color-core-orange-2: #ffecd4;
    --color-core-orange-3: #ffdfbd;
    --color-core-orange-4: #ffc894;
    --color-core-orange-5: #ffae6b;
    --color-core-orange-6: #ff9447;
    --color-core-orange-7: #d96f2e;
    --color-core-orange-8: #b3511d;
    --color-core-orange-9: #8c370f;
    --color-core-orange-10: #331405;
    --color-core-yellow-1: #fffde6;
    --color-core-yellow-2: #fff9cc;
    --color-core-yellow-3: #fff4b3;
    --color-core-yellow-4: #fee367;
    --color-core-yellow-5: #fed335;
    --color-core-yellow-6: #febe00;
    --color-core-yellow-7: #ce9400;
    --color-core-yellow-8: #9d6900;
    --color-core-yellow-9: #6f4600;
    --color-core-yellow-10: #593500;
    --color-core-alpha-black-0: #0000;
    --color-core-alpha-black-10: #0000001a;
    --color-core-alpha-black-20: #0003;
    --color-core-alpha-black-30: #0000004d;
    --color-core-alpha-black-40: #0006;
    --color-core-alpha-black-50: #00000080;
    --color-core-alpha-black-60: #0009;
    --color-core-alpha-black-70: #000000b3;
    --color-core-alpha-black-80: #000c;
    --color-core-alpha-black-90: #000000e6;
    --color-core-alpha-black-100: #000;
    --color-core-alpha-white-0: #fff0;
    --color-core-alpha-white-10: #ffffff1a;
    --color-core-alpha-white-20: #fff3;
    --color-core-alpha-white-30: #ffffff4d;
    --color-core-alpha-white-40: #fff6;
    --color-core-alpha-white-50: #ffffff80;
    --color-core-alpha-white-60: #fff9;
    --color-core-alpha-white-70: #ffffffb3;
    --color-core-alpha-white-80: #fffc;
    --color-core-alpha-white-90: #ffffffe6;
    --color-core-alpha-white-100: #fff;
    --color-core-neutral-1-1: #f5f6f7;
    --color-core-alpha-bg-0: #07080800;
    --color-core-alpha-popup-0: #13151600;
    --color-core-alpha-popup-70: #131516b3;
    --color-core-alpha-greentrade-0: #2bc28700;
    --color-core-alpha-redtrade-0: #f74b6000;
    --color-core-promotion-green: #a7f757;
    --color-core-promotion-blue: #16d9d9;
    --color-core-alpha-message-n-1: #fafafa00;
    --color-core-alpha-message-redfunct-1: #feeeed00;
    --color-core-alpha-message-redfunct-10: #2f0c0800
}

:root .classic-dark {
    --color-link-default: #247cff;
    --color-cmpt-button-soft: #303236;
    --color-line-gutter-gutter: #1f2023;
    --color-bg-secondary: #131516;
    --color-bg-primary: #070808;
    --color-text-text-primary: #fff;
    --color-function-trade-sell: #f74b60;
    --color-bg-tertiary: #18191b;
    --color-bg-inverse-primary: #fff;
    --color-bg-mask: #00000080;
    --color-bg-quaternary: #484b51;
    --color-bg-inverse-secondary: #fafafa;
    --color-bg-inverse-tertiary: #f2f3f4;
    --color-text-text-secondary: #a0a3a7;
    --color-text-text-tertiary: #84888c;
    --color-text-text-brand: #247cff;
    --color-text-always-white: #fff;
    --color-text-text-disable: #484b51;
    --color-text-inverse-primary: #070808;
    --color-text-always-black: #070808;
    --color-link-pressed: #004fd9;
    --color-link-disable: #002a8c;
    --color-text-text-success: #2bc235;
    --color-text-text-error: #f7594b;
    --color-text-text-warning: #ffae6b;
    --color-function-tag-primary: #a7f757;
    --color-function-hot: #f7594b;
    --color-function-star: #febe00;
    --color-line-border-subtle: #1f2023;
    --color-line-divider-divider: #1f2023;
    --color-line-divider-short-divider: #484b51;
    --color-line-border-strong: #484b51;
    --color-cmpt-component-hover: #1f2023;
    --color-cmpt-button-soft-active: #484b51;
    --color-cmpt-input: #1f2023;
    --color-cmpt-button-soft-disable: #1f2023;
    --color-layer-1: #131516;
    --color-layer-active: #484b51;
    --color-layer-3: #1f2023;
    --color-layer-2: #1f2023;
    --color-text-text-tips: #484b51;
    --color-text-brand-white: #fff;
    --color-cmpt-input-disabled: #18191b;
    --color-cmpt-orange-bg: #331405;
    --color-cmpt-redfunct-bg: #2f0c08;
    --color-cmpt-tooltip-toast: #303236;
    --color-cmpt-bluefunct-bg: #232840;
    --color-cmpt-select-bg: #303236;
    --color-cmpt-tag-gray: #1f2023;
    --color-cmpt-greenfunct-bg: #072108;
    --color-cmpt-message-bg: #303236;
    --color-cmpt-switch-disable: #1f2023;
    --color-cmpt-switch-disable-bg: #484b51;
    --color-cmpt-highlight-bg: #a7f75780;
    --color-cmpt-chatting-bg: #002a8c;
    --color-function-trade-buy: #2bc287;
    --color-function-trade-sell-soft: #341c1d;
    --color-function-trade-buy-soft: #092117;
    --color-function-trade-sell-active: #d6364e;
    --color-function-trade-buy-active: #20a174;
    --color-function-trade-buy-disabled: #127a59;
    --color-function-trade-sell-disabled: #8a152e;
    --color-cmpt-checkbox-dis-active: #484b51;
    --color-cmpt-checkbox-dis-inactive: #18191b;
    --color-cmpt-switch-inactive-dis: #84888c;
    --color-cmpt-gradient-bg-0: #07080800;
    --color-cmpt-gradient-bg-100: #070808;
    --color-cmpt-gradient-popup-0: #13151600;
    --color-cmpt-gradient-popup-100: #131516;
    --color-cmpt-header-bg-50: #00000080;
    --color-cmpt-btn-white-dis-bg: #18191b;
    --color-cmpt-btn-white-pressed-txt: #a0a3a7;
    --color-cmpt-btn-white-dis-txt: #84888c;
    --color-cmpt-slider-inactive-line: #303236;
    --color-cmpt-share-footer-bg: #f2f3f4;
    --color-icon-icon-primary: #fff;
    --color-icon-icon-secondary: #c4c7ca;
    --color-icon-icon-tertiary: #a0a3a7;
    --color-icon-icon-quaternary: #84888c;
    --color-bg-always-white: #fff;
    --color-bg-always-black: #070808;
    --color-function-success: #2bc235;
    --color-function-success-active: #55ce5d;
    --color-function-success-disabled: #1a7420;
    --color-function-success-soft: #072108;
    --color-function-brand: #0068ff;
    --color-function-brand-active: #004fd9;
    --color-function-brand-disabled: #232840;
    --color-cmpt-gradient-popup-70: #131516b3;
    --color-cmpt-gradient-red-0: #f74b6000;
    --color-cmpt-gradient-red-100: #f74b60;
    --color-cmpt-gradient-green-0: #2bc28700;
    --color-cmpt-gradient-green-100: #2bc287;
    --color-cmpt-gradient-inverse-bg-0: #fff0;
    --color-cmpt-gradient-inverse-bg-100: #fff;
    --color-cmpt-carousel-bg: #fff3;
    --color-cmpt-gradient-bg-20: #0003;
    --color-cmpt-component-active: #fff;
    --color-cmpt-button-primary: #fff;
    --color-cmpt-notification: #1f2023;
    --color-layer-4: #303236;
    --color-chart-chart-1: #fc5b6f;
    --color-chart-chart-2: #ff9ea3;
    --color-chart-chart-3: #57d4a0;
    --color-chart-chart-4: #adedce;
    --color-chart-chart-5: #247cff;
    --color-chart-chart-6: #16d9d9;
    --color-chart-chart-7: #fff;
    --color-chart-chart-8: #303236;
    --color-chart-chart-9: #febe00;
    --color-cmpt-gradient-redbg-0: #2f0c0800;
    --color-line-divider-strong: #303236
}

.RightFooter_footerContainer__RfnoF {
    max-width: 1200px;
    margin: 0 auto
}

.RightFooter_footerListMain___9f3C {
    display: grid;
    grid-template-columns: repeat(4,minmax(auto,1fr));
    gap: 24px;
    flex: 1;
    margin: 0 auto;
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    box-sizing: border-box;
    padding-top: 52px
}

.RightFooter_footerList__9IDVB {
    overflow: hidden
}

.RightFooter_footerListMalta__wiklw:last-child {
    grid-column: 1/-1
}

.RightFooter_footerList__9IDVB input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.RightFooter_footerTitle___zD16 {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    color: var(--color-text-text-primary);
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 16px
}

.RightFooter_footerTitle___zD16>svg {
    display: none!important
}

.RightFooter_footerContent__UdZlB,.RightFooter_footerSubContent__vt_mb {
    display: flex;
    flex-direction: column;
    transition: all .35s
}

.RightFooter_footerSubContent__vt_mb {
    max-height: 0;
    overflow: hidden
}

.RightFooter_footerContent__UdZlB input:checked~.RightFooter_footerSubContent__vt_mb {
    max-height: 330px
}

.RightFooter_footerContent__UdZlB input:checked+.RightFooter_footerSubTitle__wnhIY>svg {
    transform: rotate(180deg)
}

.RightFooter_footerLink__VrR3w,.RightFooter_footerSubTitle__wnhIY {
    margin-bottom: 16px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-text-secondary);
    line-height: 100%;
    outline: none
}

.RightFooter_footerLink__VrR3w:hover,.RightFooter_footerSubTitle__wnhIY:hover {
    color: var(--color-text-text-primary)
}

.RightFooter_footerPlainLink__ExGng {
    cursor: default;
    user-select: auto;
    white-space: pre-wrap;
    line-height: 1.5
}

.RightFooter_footerPlainLink__ExGng,.RightFooter_footerPlainLink__ExGng:hover {
    color: var(--color-text-text-tertiary)
}

.RightFooter_footerSubTitle__wnhIY {
    display: flex;
    align-items: center;
    gap: 4px
}

.RightFooter_footerSubTitle__wnhIY>svg {
    width: 8px;
    height: 8px;
    transform-origin: center;
    transition: .2s
}

@media screen and (max-width: 767.9px) {
    .RightFooter_footerListMain___9f3C {
        display:flex;
        flex-direction: column;
        padding: 32px 16px 0;
        gap: 0
    }

    .RightFooter_footerList__9IDVB {
        padding-right: 0
    }

    .RightFooter_footerTitle___zD16 {
        font-size: 16px;
        margin-bottom: 0;
        padding: 12px 0;
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .RightFooter_footerTitle___zD16>svg {
        display: block!important
    }

    .RightFooter_footerContent__UdZlB {
        max-height: 0;
        overflow: hidden
    }

    .RightFooter_footerList__9IDVB>input:checked~.RightFooter_footerContent__UdZlB {
        max-height: 600px
    }

    .RightFooter_footerList__9IDVB>input:checked+.RightFooter_footerTitle___zD16>svg {
        transform: rotate(180deg)
    }
}

.Footer_footer___zB6_ {
    --footer-padding: 24px;
    background-color: var(--color-bg-secondary)
}

.Footer_footer___zB6_ a {
    color: var(--color-text-text-secondary)
}

@media screen and (max-width: 768px) {
    .Footer_footer___zB6_ {
        --footer-padding:16px
    }
}

@media screen and (max-width: 375px) {
    .Footer_footer___zB6_ {
        --footer-padding:12px
    }
}

.Footer_footerBottomSection__gajbR {
    display: flex;
    gap: 40px;
    align-items: center;
    position: relative;
    padding: 0 24px;
    max-width: var(--layout-maxWidth);
    height: 64px;
    margin: 0 auto;
    box-sizing: border-box;
    justify-content: center
}

.Footer_footerCopyRightDivide__OHLIn {
    width: 100%;
    height: 1px;
    background-color: var(--color-line-divider-divider);
    opacity: .6;
    margin-top: 40px
}

@media screen and (max-width: 992px) {
    .Footer_footerBottomSection__gajbR {
        padding:0 16px
    }
}

@media screen and (max-width: 768px) {
    .Footer_footerBottomSection__gajbR {
        align-items:stretch;
        gap: 0;
        flex-direction: column;
        height: auto;
        padding-bottom: 24px;
        margin-top: 32px
    }

    .Footer_footerCopyRightDivide__OHLIn {
        display: none
    }

    .Footer_footerCopyRightWrap__mTyF2 {
        display: flex;
        justify-content: center
    }
}

.Footer_footerSocialMedia__ZMuAD {
    order: 2;
    flex: 1
}

.Footer_footerAction__TZbX5 {
    order: 1
}

.Footer_footerCopyright__8OfVM {
    order: 3;
    align-self: center;
    color: var(--color-text-text-tertiary);
    font-weight: 500;
    line-height: 18px
}

@media screen and (max-width: 768px) {
    .Footer_footerSocialMedia__ZMuAD {
        order:1
    }

    .Footer_footerAction__TZbX5 {
        order: 2
    }

    .Footer_footerCopyright__8OfVM {
        order: 3;
        font-weight: 400
    }
}

.not-found_notFound__Tzqn_ {
    --color-bg-1: #fff;
    --color-text-1: #262933;
    --color-text-2: #2e384d;
    --color-brand-1: #2354e6;
    --color-brand-3: #2354e6;
    --notFound-helpful-row: 3;
    background-color: var(--color-bg-1);
    padding: 100px 8px
}

.not-found_notFoundLtr__vd_7T {
    .not-found_notFoundLinksTitle__iDCXM {
        &>svg {
            margin-right: unset;
            margin-left: 16px
        }
    }

    .not-found_NotFoundLinkItem__4XHfF {
        padding-right: 20px;
        &:before {
            right: 0
        }
    }
}

.not-found_notFoundHeader__rbW12 {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center
}

.not-found_notFoundHeaderBox__NVyw_ {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.not-found_notFoundBg__uSbhJ {
    height: 100%;
    aspect-ratio: 1240/568;
    max-width: 1240px;
    margin: 0 auto;
    background-image: url(/cdn/fe/_next/static/media/404-web.ae63bc97.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.not-found_notFoundTitle__L0qF3 {
    color: var(--color-text-1);
    font-size: 48px;
    line-height: 120%;
    word-wrap: break-word;
    font-weight: 600
}

.not-found_notFoundRedirect__fHpUo {
    display: inline-block;
    margin-top: 24px;
    background: var(--color-brand-1);
    border-radius: 27px;
    font-size: 20px;
    height: 52px;
    line-height: 52px;
    padding: 0 32px;
    font-weight: 600;
    color: #fff
}

.not-found_notFoundFooter__fEdUP {
    display: flex;
    justify-content: center;
    gap: 48px;
    margin: 26px auto 0;
    max-width: 1440px
}

.not-found_notFoundLinksTitle__iDCXM {
    display: flex;
    align-items: center;
    &>h3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        color: var(--color-text-1)
    }

    &>svg {
        margin-right: 16px
    }
}

.not-found_NotFoundLinkItem__4XHfF {
    position: relative;
    padding-left: 20px;
    font-weight: 500;
    word-wrap: break-word;
    font-size: 14px;
    &:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        background-color: var(--color-text-2);
        opacity: .3
    }
}

.not-found_notFoundHelpfulLinks__JpqCj {
    row-gap: 16px;
    display: grid;
    grid-column: span var(--notFound-helpful-row);
    grid-template-columns: repeat(var(--notFound-helpful-row),1fr);
    margin-top: 24px
}

.not-found_NotFoundHelpfulLinkItem__z9PU4 {
    width: 220px;
    color: var(--color-text-2)
}

.not-found_notFoundStoryLinks__lKKea {
    margin-top: 24px;
    display: flex;
    flex-direction: column
}

.not-found_NotFoundStoryLinkItem__a4QxK {
    color: var(--color-brand-3);
    margin-bottom: 16px
}

@media (max-width: 768px) and (orientation:portrait) {
    .not-found_notFound__Tzqn_ {
        --notFound-helpful-row:1;
        padding: 80px 16px
    }

    .not-found_notFoundHeaderBox__NVyw_ {
        position: unset;
        transform: unset;
        margin-top: 20px
    }

    .not-found_notFoundBg__uSbhJ {
        aspect-ratio: 600/360;
        background-image: url(/cdn/fe/_next/static/media/404-h5.862e0d61.webp)
    }

    .not-found_notFoundTitle__L0qF3 {
        font-size: 24px
    }

    .not-found_notFoundRedirect__fHpUo {
        height: 44px;
        font-size: 16px;
        line-height: 44px;
        font-weight: 600;
        border-radius: 20px
    }

    .not-found_notFoundLinksTitle__iDCXM {
        &>h3 {
            font-size: 16px;
            line-height: 16px
        }
    }

    .not-found_notFoundHelpfulLinks__JpqCj {
        margin: 20px 0 48px;
        column-gap: 24px;
        row-gap: 16px
    }

    .not-found_NotFoundHelpfulLinkItem__z9PU4,.not-found_NotFoundStoryLinkItem__a4QxK {
        font-size: 14px
    }

    .not-found_notFoundFooter__fEdUP {
        display: block;
        margin-top: 60px
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .not-found_notFound__Tzqn_ {
        --notFound-helpful-row:2
    }
}

.KycTipBar_content__OAHlB {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-inline-end:12px}

.KycTipBar_content__OAHlB,.KycTipBar_tipText__IKs4G {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.KycTipBar_tipText__IKs4G {
    overflow: hidden
}

.KycTipBar_questionMarkIcon__luObD {
    width: 14px;
    height: 14px;
    margin-inline-start:8px;cursor: pointer
}

.KycTipBar_tipButton__1szFs {
    padding: 4px 16px;
    border-radius: 99px;
    color: #fff;
    background-color: var(--color-brand-1);
    cursor: pointer;
    margin-inline-start:16px;display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.KycTipBar_arrowRightIcon__UVZxF {
    width: 12px;
    height: 12px;
    margin-inline-start:2px}

.KycTipBar_closeIcon__ujstY {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    cursor: pointer
}

@keyframes KycTipBar_marquee__doWza {
    0% {
        padding-left: 100%
    }

    to {
        padding-left: 0;
        transform: translateX(-100%)
    }
}

.KycTipBar_marqueeBox__l7gls {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: center
}

.KycTipBar_marquee__doWza {
    display: inline-block;
    white-space: nowrap;
    animation: KycTipBar_marquee__doWza 12s linear infinite;
    padding-left: 100%
}

@media (max-width: 768px) {
    .KycTipBar_content__OAHlB {
        font-size:12px;
        width: calc(100% - 24px);
        justify-content: space-between
    }

    .KycTipBar_tipText__IKs4G {
        flex-direction: row-reverse;
        overflow: hidden
    }

    .KycTipBar_tipButton__1szFs {
        margin-inline-start:4px;padding: 4px 8px;
        margin-inline-end:4px;flex-grow: 0
    }

    .KycTipBar_questionMarkIcon__luObD {
        margin-inline-start:0;margin-inline-end:4px}

    .KycTipBar_arrowRightIcon__UVZxF {
        display: none
    }

    .KycTipBar_closeIcon__ujstY {
        position: relative;
        transform: none;
        right: 0;
        top: 0
    }
}

.GrowthPageTab_page_tab__8uM58 {
    position: relative;
    width: 100%
}

.GrowthPageTab_page_tab_list__arP4U {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
        display: none
    }
}

.GrowthPageTab_page_tab_item__ZAU_q {
    height: 56px!important;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500
}

.GrowthPageTab_page_tab_bottom__5w1_j {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    background-color: var(--color-divider-2)
}

.GrowthPageTab_arrowSvg__e_zEc {
    margin-inline-end:4px}

.GrowthPageTab_page_tab_item__ZAU_q:hover {
    .GrowthPageTab_arrowSvg__e_zEc>path {
        stroke: var(--color-text-1)
    }
}