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

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

@font-face {
    font-family: Gate_Sans;
    src: url(/cdn/fe/static/fonts/Switzer/Switzer-Semibold.woff2);
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Gate_Sans;
    src: url(/cdn/fe/static/fonts/Switzer/Switzer-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
}

@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
    }
}

: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: rgba(0, 0, 0, .65);
    --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-text-brand-yellow1: #262933;
    --color-text-brand-yellow2: #8f6c3f;
    --color-text-brand-yellow3: #0b0c0d;
    --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: rgba(0, 0, 0, .65);
    --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-text-brand-yellow1: #dfcda7;
    --color-text-brand-yellow2: #ffdd9c;
    --color-text-brand-yellow3: #cab29a;
    --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
}

body,
body .classic-light,
body.classic-light {
    --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: #00000000;
    --color-core-alpha-black-10: #0000001a;
    --color-core-alpha-black-20: #00000033;
    --color-core-alpha-black-30: #0000004d;
    --color-core-alpha-black-40: #00000066;
    --color-core-alpha-black-50: #00000080;
    --color-core-alpha-black-60: #00000099;
    --color-core-alpha-black-70: #000000b2;
    --color-core-alpha-black-80: #000000cc;
    --color-core-alpha-black-90: #000000e5;
    --color-core-alpha-black-100: #000;
    --color-core-alpha-white-0: #ffffff00;
    --color-core-alpha-white-10: #ffffff1a;
    --color-core-alpha-white-20: #ffffff33;
    --color-core-alpha-white-30: #ffffff4d;
    --color-core-alpha-white-40: #ffffff66;
    --color-core-alpha-white-50: #ffffff80;
    --color-core-alpha-white-60: #ffffff99;
    --color-core-alpha-white-70: #ffffffb2;
    --color-core-alpha-white-80: #ffffffcc;
    --color-core-alpha-white-90: #ffffffe5;
    --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: #131516b2;
    --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;
    --color-core-promotion-aqua: #8ffcde;
    --color-core-neutral-2-1: #ebeced;
    --color-core-vipfunct-1: #ffedd6;
    --color-core-vipfunct-2: #dfcda7;
    --color-core-vipfunct-3: #ffd98c;
    --color-core-vipfunct-4: #cab29a;
    --color-core-vipfunct-5: #d1ab79;
    --color-core-vipfunct-6: #513d32;
    --color-core-vipfunct-7: #292726;
    --color-core-promotion-cyan: #89eff6;
    --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: #dfe0e2;
    --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: #ffffff00;
    --color-cmpt-gradient-bg-100: #fff;
    --color-cmpt-gradient-popup-0: #ffffff00;
    --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: #ffffffb2;
    --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: #ffffff33;
    --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-cmpt-button-soft-hover: #f2f3f4;
    --color-card-on-layer-1: #fafafa;
    --color-card-on-layer-3: #fafafa;
    --color-function-vip-bg: #ffd98c;
    --color-function-vip-text: #070808;
    --color-cmpt-tag-gray-in-layer: #f2f3f4;
    --color-cmpt-tag-gray-in-secondary: #ebeced;
    --color-cmpt-tag-orange-in-secondary: #ffecd4;
    --color-cmpt-tag-green-in-secondary: #d5f3d7;
    --color-cmpt-tag-active: #89eff6
}

body .classic-dark,
body.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-bg-tertiary: #18191b;
    --color-bg-inverse-primary: #fff;
    --color-bg-mask: #000000b2;
    --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-text-disable: #484b51;
    --color-text-inverse-primary: #070808;
    --color-link-disable: #002a8c;
    --color-text-text-warning: #ffae6b;
    --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-bluefunct-bg: #232840;
    --color-cmpt-select-bg: #303236;
    --color-cmpt-tag-gray: #1f2023;
    --color-cmpt-greenfunct-bg: #072108;
    --color-cmpt-switch-disable: #1f2023;
    --color-cmpt-switch-disable-bg: #484b51;
    --color-cmpt-chatting-bg: #002a8c;
    --color-function-trade-sell-soft: #341c1d;
    --color-function-trade-buy-soft: #092117;
    --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-slider-inactive-line: #303236;
    --color-icon-icon-primary: #fff;
    --color-icon-icon-secondary: #c4c7ca;
    --color-icon-icon-tertiary: #a0a3a7;
    --color-icon-icon-quaternary: #84888c;
    --color-function-success-active: #55ce5d;
    --color-function-success-disabled: #1a7420;
    --color-function-success-soft: #072108;
    --color-function-brand-disabled: #232840;
    --color-cmpt-gradient-popup-70: #131516b2;
    --color-cmpt-gradient-inverse-bg-0: #ffffff00;
    --color-cmpt-gradient-inverse-bg-100: #fff;
    --color-cmpt-carousel-bg: #ffffff33;
    --color-cmpt-gradient-bg-20: #00000033;
    --color-cmpt-component-active: #fff;
    --color-cmpt-button-primary: #fff;
    --color-cmpt-notification: #1f2023;
    --color-layer-4: #303236;
    --color-chart-chart-5: #247cff;
    --color-chart-chart-7: #fff;
    --color-chart-chart-8: #303236;
    --color-cmpt-gradient-redbg-0: #2f0c0800;
    --color-line-divider-strong: #303236;
    --color-cmpt-button-soft-hover: #484b51;
    --color-card-on-layer-1: #1f2023;
    --color-card-on-layer-3: #303236;
    --color-cmpt-tag-gray-in-layer: #303236;
    --color-cmpt-tag-gray-in-secondary: #303236;
    --color-cmpt-tag-orange-in-secondary: #8c370f;
    --color-cmpt-tag-green-in-secondary: #0d3a10
}

.rise-green-body {
    --color-increase: var(--color-function-trade-buy);
    --color-decrease: var(--color-function-trade-sell)
}

.rise-red-body {
    --color-increase: var(--color-function-trade-sell);
    --color-decrease: var(--color-function-trade-buy)
}

:root {
    --size-0: 0px;
    --size-1: 1px;
    --size-2: 2px;
    --size-4: 4px;
    --size-6: 6px;
    --size-8: 8px;
    --size-10: 10px;
    --size-12: 12px;
    --size-16: 16px;
    --size-20: 20px;
    --size-24: 24px;
    --size-32: 32px;
    --size-40: 40px;
    --size-48: 48px;
    --size-56: 56px;
    --size-64: 64px;
    --size-80: 80px;
    --size-96: 96px;
    --size-112: 112px;
    --size-128: 128px;
    --size-144: 144px;
    --size-160: 160px;
    --size-176: 176px;
    --size-192: 192px;
    --size-208: 208px;
    --size-224: 224px;
    --size-240: 240px;
    --size-256: 256px;
    --size-288: 288px;
    --size-320: 320px;
    --size-384: 384px
}

.empty-container-Ey5m3_ {
    justify-content: center;
    width: 366px;
    margin: 40px 0 80px;
    display: flex
}

.container-EJcrAO {
    padding: 0 24px
}

@media (max-width:768px) {
    .container-EJcrAO {
        padding: 0 16px
    }
}

.menus-HcvqwU {
    flex-direction: column;
    gap: 16px;
    width: 366px;
    padding: 8px 0 32px;
    display: flex
}

@media (max-width:768px) {
    .menus-HcvqwU {
        width: 100%
    }
}

.title-container-Jdi8zR {
    align-items: center;
    padding-bottom: 8px;
    display: flex
}

.title-dqRae0 {
    color: var(--color-text-text-primary);
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 130%
}

@media (max-width:768px) {
    .modal-hBMNHu {
        --gui-modal-h5-drawer-mih: 100vh;
        --gui-modal-r: 0 !important
    }
    .body-eekl6b {
        --gui-modal-content-pt: 8px
    }
}

.close-KzJ9py {
    --gui-modal-close-icon-c: #84888c
}

.classic-dark .close-KzJ9py {
    --gui-modal-close-icon-c: #a0a3a7
}

.alert-U1nYHs {
    margin-top: -8px;
    margin-bottom: 20px
}

.empty-container-wS1fFp {
    justify-content: center;
    margin: 40px 0 130px;
    display: flex
}

@media (max-width:768px) {
    .empty-container-wS1fFp {
        margin: 80px 0
    }
}

.menus-VfT0wK {
    flex-direction: column;
    gap: 16px;
    display: flex
}

.expand-container-PqoSFx {
    text-align: center;
    margin-top: 16px
}

.expand-text-N2dyHr {
    cursor: pointer;
    color: var(--color-text-text-brand);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%
}

.container-pwGzmd {
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0
}

.mask-l81Q3U {
    background-color: var(--color-bg-mask);
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    position: relative
}

.content-DrHWd1 {
    background-color: var(--color-layer-1);
    box-sizing: border-box;
    width: 414px;
    height: 100%;
    transition: transform .3s;
    position: absolute;
    top: 0;
    right: 0;
    overflow: auto
}

@media (max-width:768px) {
    .content-DrHWd1 {
        width: 100vw
    }
}

.header-crrQax {
    justify-content: space-between;
    align-items: center;
    padding: 24px 24px 16px;
    display: flex
}

@media (max-width:768px) {
    .header-crrQax {
        box-sizing: border-box;
        padding: 12px 16px 8px
    }
}

.close-container-vosrxE {
    cursor: pointer;
    padding: 3px 2px
}

@media (max-width:768px) {
    .close-container-vosrxE {
        padding: 8px 0 4px
    }
}

.close-BpN5ow {
    width: 20px;
    height: 20px;
    color: var(--color-icon-icon-tertiary)
}

@media (max-width:768px) {
    .close-BpN5ow {
        width: 16px;
        height: 16px
    }
}

.icon-SYAn07 {
    flex-shrink: 0;
    width: 32px;
    height: 32px
}

.icon-SYAn07:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.icon-SYAn07:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.icon-SYAn07:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.icon-SYAn07:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.icon-SYAn07:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.icon-SYAn07:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.icon-img-KtHW2L {
    width: 32px;
    height: 32px;
    color: var(--color-icon-icon-primary)
}

.skeleton-icon-zd2I5P {
    flex-shrink: 0;
    width: 32px;
    height: 32px !important
}

.link-azxO9E {
    text-decoration: none
}

.menu-XsRmvU {
    border: 1px solid var(--color-line-border-subtle);
    background: var(--color-layer-1);
    cursor: pointer;
    border-radius: 8px;
    align-items: center;
    padding: 16px;
    display: flex
}

.menu-XsRmvU:hover {
    border-color: var(--color-cmpt-component-active)
}

.title-container-TiLzo7 {
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    display: flex
}

.title-aZ_gnA {
    color: var(--color-text-text-primary);
    word-break: nowrap;
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-weight: 500
}

.description-DSOlPv,
.title-aZ_gnA {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-style: normal;
    line-height: 130%;
    display: -webkit-box;
    overflow: hidden
}

.description-DSOlPv {
    color: var(--color-text-text-secondary);
    word-break: break-all;
    -webkit-line-clamp: 2;
    white-space: pre-line;
    font-size: 12px;
    font-weight: 400
}

.tag-_qRWMh {
    background: var(--color-function-tag-primary);
    color: var(--color-text-always-black);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: flex
}

.skeleton-icon-bGZruM {
    flex-shrink: 0;
    width: 32px;
    height: 32px !important
}

.skeleton-icon-bGZruM:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.skeleton-icon-bGZruM:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.skeleton-icon-bGZruM:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 16px
}

.skeleton-icon-bGZruM:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.skeleton-icon-bGZruM:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.skeleton-icon-bGZruM:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 16px
}

.skeleton-title-Ia1TU6 {
    width: 200px;
    height: 21px
}

@media (max-width:768px) {
    .skeleton-title-Ia1TU6 {
        width: 100px
    }
}

.skeleton-description-uknb10 {
    width: 250px;
    height: 16px
}

@media (max-width:768px) {
    .skeleton-description-uknb10 {
        width: 200px
    }
}

.skeleton-title-container-AnSa65 {
    flex-direction: column;
    justify-content: space-between;
    height: 40px;
    display: flex
}

@media (max-width:768px) {
    .dropdown-ufLXzq {
        border-radius: 12px 12px 0 0
    }
}

@media (min-width:768px) {
    .dropdown-ufLXzq {
        --gui-select-dropdown-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08)
    }
}

.header-NcEgGt {
    --gui-input-base-placeholder-c: var(--color-text-text-tertiary)
}

.container-BM2jAe {
    cursor: pointer;
    align-items: center;
    display: flex
}

.icon-PTruXM {
    width: 16px;
    height: 16px
}

.text-E3Kt50 {
    color: var(--color-text-text-primary);
    margin: 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%
}

.arrow-fPl_MP {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary)
}

.rotate-o34B0Z {
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .optionWrapper-gS7w03 {
        -webkit-tap-highlight-color: var(--color-cmpt-component-hover)
    }
    .optionWrapper-gS7w03:active {
        background-color: var(--color-cmpt-component-hover)
    }
}

.option-d9Lc3i {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.option-icon-EUWPB_ {
    width: 20px;
    height: 20px
}

@media (max-width:768px) {
    .option-icon-EUWPB_ {
        width: 28px;
        height: 28px
    }
}

.option-text-container-GuLaur {
    flex: 1;
    margin: 0 12px
}

.option-text-title-c9Klxj {
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 130%
}

.option-text-desc-FMBJK7 {
    color: var(--color-text-text-secondary);
    margin-top: 2px;
    font-size: 12px;
    line-height: 130%
}

.option-checked-mVnPfd {
    width: 16px;
    height: 16px;
    color: var(--color-icon-icon-primary);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.option-checked-mVnPfd>path {
    fill: currentColor
}

@media (max-width:768px) {
    .option-checked-mVnPfd {
        width: 20px;
        height: 20px
    }
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px;
    .swiper-cube-shadow,
    .swiper-slide {
        transform-style: preserve-3d
    }
}

.swiper-css-mode {
    >.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        &::-webkit-scrollbar {
            display: none
        }
    }
    >.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }
    &.swiper-horizontal {
        >.swiper-wrapper {
            scroll-snap-type: x mandatory
        }
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-slides-offset-before);
            scroll-margin-inline-start: var(--swiper-slides-offset-before)
        }
        >.swiper-wrapper>.swiper-slide:last-child {
            margin-inline-end: var(--swiper-slides-offset-after)
        }
    }
    &.swiper-vertical {
        >.swiper-wrapper {
            scroll-snap-type: y mandatory
        }
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-slides-offset-before);
            scroll-margin-block-start: var(--swiper-slides-offset-before)
        }
        >.swiper-wrapper>.swiper-slide:last-child {
            margin-block-end: var(--swiper-slides-offset-after)
        }
    }
    &.swiper-free-mode {
        >.swiper-wrapper {
            scroll-snap-type: none
        }
        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: none
        }
    }
    &.swiper-centered {
        >.swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }
        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }
    }
    &.swiper-centered.swiper-horizontal {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before)
        }
        >.swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }
    }
    &.swiper-centered.swiper-vertical {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before)
        }
        >.swiper-wrapper:before {
            height: var(--swiper-centered-offset-after);
            min-width: 1px;
            width: 100%
        }
    }
}

.swiper-3d {
    .swiper-slide-shadow,
    .swiper-slide-shadow-bottom,
    .swiper-slide-shadow-left,
    .swiper-slide-shadow-right,
    .swiper-slide-shadow-top {
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10
    }
    .swiper-slide-shadow {
        background: rgba(0, 0, 0, .15)
    }
    .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
    }
    .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
    }
    .swiper-slide-shadow-top {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
    }
    .swiper-slide-shadow-bottom {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
    }
}

.swiper-lazy-preloader {
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
    .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s linear infinite
    }
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.trade-convert-absolute {
    position: absolute
}

.trade-convert-relative {
    position: relative
}

.trade-convert-bottom-\[-1px\] {
    bottom: -1px
}

.trade-convert-end-0 {
    inset-inline-end: 0
}

.trade-convert-end-\[-4px\] {
    inset-inline-end: -4px
}

.trade-convert-left-1\/2 {
    left: 50%
}

.trade-convert-top-1\/2 {
    top: 50%
}

.trade-convert-top-\[-7px\] {
    top: -7px
}

.trade-convert-z-10 {
    z-index: 10
}

.trade-convert-mx-4 {
    margin-left: 16px;
    margin-right: 16px
}

.trade-convert-mx-6 {
    margin-left: 24px;
    margin-right: 24px
}

.trade-convert-mt-6 {
    margin-top: 24px
}

.trade-convert-mt-\[14px\] {
    margin-top: 14px
}

.trade-convert-box-border {
    box-sizing: border-box
}

.trade-convert-line-clamp-1 {
    -webkit-line-clamp: 1
}

.trade-convert-line-clamp-1,
.trade-convert-line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.trade-convert-line-clamp-2 {
    -webkit-line-clamp: 2
}

.trade-convert-flex {
    display: flex
}

.trade-convert-h-10 {
    height: 40px
}

.trade-convert-h-4 {
    height: 16px
}

.trade-convert-h-5 {
    height: 20px
}

.trade-convert-h-\[120px\] {
    height: 120px
}

.trade-convert-h-\[30px\] {
    height: 30px
}

.trade-convert-h-\[4px\] {
    height: 4px
}

.trade-convert-h-\[calc\(80vh-75px\)\] {
    height: calc(80vh - 75px)
}

.trade-convert-min-h-0 {
    min-height: 0
}

.trade-convert-w-10 {
    width: 40px
}

.trade-convert-w-\[12px\] {
    width: 12px
}

.trade-convert-w-full {
    width: 100%
}

.trade-convert-min-w-0 {
    min-width: 0
}

.trade-convert-max-w-\[150px\] {
    max-width: 150px
}

.trade-convert-max-w-\[250px\] {
    max-width: 250px
}

.trade-convert-max-w-\[80px\] {
    max-width: 80px
}

.trade-convert-max-w-full {
    max-width: 100%
}

.trade-convert-flex-1 {
    flex: 1 1 0%
}

.trade-convert-flex-shrink-0 {
    flex-shrink: 0
}

.trade-convert--translate-x-1\/2 {
    --tw-translate-x: -50%
}

.trade-convert--translate-x-1\/2,
.trade-convert--translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.trade-convert--translate-y-1\/2 {
    --tw-translate-y: -50%
}

.trade-convert-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.trade-convert-cursor-pointer {
    cursor: pointer
}

.trade-convert-flex-col {
    flex-direction: column
}

.trade-convert-flex-wrap {
    flex-wrap: wrap
}

.trade-convert-items-end {
    align-items: flex-end
}

.trade-convert-items-center {
    align-items: center
}

.trade-convert-justify-end {
    justify-content: flex-end
}

.trade-convert-justify-center {
    justify-content: center
}

.trade-convert-justify-between {
    justify-content: space-between
}

.trade-convert-gap-1 {
    gap: 4px
}

.trade-convert-gap-2 {
    gap: 8px
}

.trade-convert-gap-20 {
    gap: 80px
}

.trade-convert-gap-3 {
    gap: 12px
}

.trade-convert-gap-4 {
    gap: 16px
}

.trade-convert-gap-6 {
    gap: 24px
}

.trade-convert-gap-\[2px\] {
    gap: 2px
}

.trade-convert-self-stretch {
    align-self: stretch
}

.trade-convert-overflow-auto {
    overflow: auto
}

.trade-convert-overflow-hidden {
    overflow: hidden
}

.trade-convert-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trade-convert-whitespace-nowrap {
    white-space: nowrap
}

.trade-convert-break-all {
    word-break: break-all
}

.trade-convert-break-keep {
    word-break: keep-all
}

.trade-convert-rounded-\[12px\] {
    border-radius: 12px
}

.trade-convert-rounded-\[1px\] {
    border-radius: 1px
}

.trade-convert-rounded-\[2px\] {
    border-radius: 2px
}

.trade-convert-rounded-\[5px\] {
    border-radius: 5px
}

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

.trade-convert-rounded-md {
    border-radius: 6px
}

.trade-convert-rounded-mlg {
    border-radius: 12px
}

.trade-convert-border {
    border-width: 1px
}

.trade-convert-border-solid {
    border-style: solid
}

.trade-convert-border-c-bg-primary {
    border-color: var(--color-bg-primary)
}

.trade-convert-border-c-cmpt-input {
    border-color: var(--color-cmpt-input)
}

.trade-convert-border-c-line-border-subtle,
.trade-convert-border-line-border-subtle {
    border-color: var(--color-line-border-subtle)
}

.trade-convert-bg-c-bg-always-white {
    background-color: var(--color-bg-always-white)
}

.trade-convert-bg-c-bg-primary {
    background-color: var(--color-bg-primary)
}

.trade-convert-bg-c-cmpt-component-hover {
    background-color: var(--color-cmpt-component-hover)
}

.trade-convert-bg-c-cmpt-input {
    background-color: var(--color-cmpt-input)
}

.trade-convert-bg-cmpt-button-primary {
    background-color: var(--color-cmpt-button-primary)
}

.trade-convert-bg-cmpt-orange-bg {
    background-color: var(--color-cmpt-orange-bg)
}

.trade-convert-px-2 {
    padding-left: 8px;
    padding-right: 8px
}

.trade-convert-px-3 {
    padding-left: 12px;
    padding-right: 12px
}

.trade-convert-px-5 {
    padding-left: 20px;
    padding-right: 20px
}

.trade-convert-px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.trade-convert-py-4 {
    padding-bottom: 16px;
    padding-top: 16px
}

.trade-convert-py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
}

.trade-convert-py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.trade-convert-pb-2 {
    padding-bottom: 8px
}

.trade-convert-pb-4 {
    padding-bottom: 16px
}

.trade-convert-pb-\[10px\] {
    padding-bottom: 10px
}

.trade-convert-pt-5 {
    padding-top: 20px
}

.trade-convert-pt-\[18px\] {
    padding-top: 18px
}

.trade-convert-text-center {
    text-align: center
}

.\ !trade-convert-text-b4 {
    font-size: 16px !important;
    font-weight: 500 !important
}

.trade-convert-text-b12 {
    font-size: 12px;
    font-weight: 500
}

.trade-convert-text-b13 {
    font-size: 12px;
    font-weight: 400
}

.trade-convert-text-b2 {
    font-size: 18px;
    font-weight: 400
}

.trade-convert-text-b4 {
    font-size: 16px;
    font-weight: 500
}

.trade-convert-text-b5 {
    font-size: 16px;
    font-weight: 400
}

.trade-convert-text-b7 {
    font-size: 14px;
    font-weight: 500
}

.trade-convert-text-b8 {
    font-size: 14px;
    font-weight: 400
}

.trade-convert-text-h7 {
    font-size: 24px;
    font-weight: 600
}

.trade-convert-text-s5 {
    font-size: 18px;
    font-weight: 600
}

.trade-convert-text-s5-sm {
    font-size: 16px;
    font-weight: 600
}

.trade-convert-font-medium {
    font-weight: 500
}

.trade-convert-font-semibold {
    font-weight: 600
}

.\ !trade-convert-text-c-text-primary {
    color: var(--color-text-text-primary) !important
}

.trade-convert-text-c-icon-primary {
    color: var(--color-icon-icon-primary)
}

.trade-convert-text-c-text-always-black {
    color: var(--color-text-always-black)
}

.trade-convert-text-c-text-disable {
    color: var(--color-text-text-disable)
}

.trade-convert-text-c-text-error {
    color: var(--color-text-text-error)
}

.trade-convert-text-c-text-primary {
    color: var(--color-text-text-primary)
}

.trade-convert-text-c-text-secondary {
    color: var(--color-text-text-secondary)
}

.trade-convert-text-c-text-warning {
    color: var(--color-text-text-warning)
}

.trade-convert-text-icon-icon-quaternary {
    color: var(--color-icon-icon-quaternary)
}

.trade-convert-text-text-text-primary {
    color: var(--color-text-text-primary)
}

.trade-convert-text-text-text-secondary {
    color: var(--color-text-text-secondary)
}

.trade-convert-text-text-text-success {
    color: var(--color-text-text-success)
}

.trade-convert-text-text-text-warning {
    color: var(--color-text-text-warning)
}

.trade-convert-opacity-10 {
    opacity: .1
}

.trade-convert-opacity-100 {
    opacity: 1
}

.trade-convert-transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.trade-convert-transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.trade-convert-duration-300 {
    transition-duration: .3s
}

.trade-convert-duration-\[0\.2s\] {
    transition-duration: .2s
}

.hover\:trade-convert-border-c-text-primary:hover {
    border-color: var(--color-text-text-primary)
}

.hover\:trade-convert-bg-c-cmpt-component-hover:hover {
    background-color: var(--color-cmpt-component-hover)
}

@media (min-width:768px) {
    .md\:trade-convert-h-\[480px\] {
        height: 480px
    }
}

@media (min-width:1248px) {
    .xl\:trade-convert-mx-8 {
        margin-left: 32px;
        margin-right: 32px
    }
    .xl\:trade-convert-h-\[480px\] {
        height: 480px
    }
    .xl\:trade-convert-max-w-\[120px\] {
        max-width: 120px
    }
    .xl\:trade-convert-gap-5 {
        gap: 20px
    }
    .xl\:trade-convert-pb-0 {
        padding-bottom: 0
    }
    .xl\:trade-convert-pb-\[15px\] {
        padding-bottom: 15px
    }
    .xl\:trade-convert-pt-\[14px\] {
        padding-top: 14px
    }
}

.flex-bzZgup {
    display: flex
}

.flex-col-Ufq3r4 {
    flex-direction: column
}

.flex-1-dSPCeP {
    flex: 1
}

.items-center-IlsseT {
    align-items: center
}

.justify-between-FDE5P8 {
    justify-content: space-between
}

.justify-center-dsg6hr {
    justify-content: center
}

.justify-end-xmG1By {
    justify-content: flex-end
}

.gap-2-M6QSdE {
    gap: 8px
}

.gap-3-55JeMy {
    gap: 12px
}

.gap-4-Hp_qVk {
    gap: 16px
}

.w-full-GUnM6i {
    width: 100%
}

.w-5-r82rta {
    width: 20px
}

.h-5-YHXcfM {
    height: 20px
}

.h-16-d17cpa {
    height: 16px
}

.h-32-b5_1nQ {
    height: 32px
}

.p-0-MK6LDy {
    padding: 0
}

.px-3-OAAuvf {
    padding-left: 12px;
    padding-right: 12px
}

.py-4-I_DSlQ {
    padding-top: 16px;
    padding-bottom: 16px
}

.mt-2-oTvXTY {
    margin-top: 8px
}

.mt-3-wkZ9Rz {
    margin-top: 12px
}

.mt-4-k67HeK {
    margin-top: 16px
}

.ms-3-JRTWtb:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.ms-3-JRTWtb:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.ms-3-JRTWtb:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.ms-3-JRTWtb:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.ms-3-JRTWtb:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.ms-3-JRTWtb:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.text-12-Zwoaxc {
    font-size: 12px
}

.text-14-hj87zG {
    font-size: 14px
}

.text-15-txhvND {
    font-size: 15px
}

.leading-13-dNVkgn {
    line-height: 1.3
}

.font-medium-Rcp75J {
    font-weight: 500
}

.font-normal-AADHPR {
    font-weight: 400
}

.text-right-dKdUeh {
    text-align: right
}

.text-center-EL5QK9 {
    text-align: center
}

[dir=rtl] .text-right-dKdUeh {
    text-align: left
}

.text-primary-dx9_M8 {
    color: var(--color-text-text-primary)
}

.text-secondary-hHny_U {
    color: var(--color-text-text-secondary)
}

.text-tertiary-M58lk3 {
    color: var(--color-text-text-tertiary)
}

.text-brand-oJGwYt {
    color: var(--color-text-text-brand)
}

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

.cursor-pointer-UeQK4n {
    cursor: pointer
}

.pointer-events-none-FgIrq2 {
    pointer-events: none
}

.underline-afOnoH {
    text-decoration: underline !important
}

.decoration-dotted-rqqZ1N {
    text-decoration-style: dotted !important
}

.underline-offset-3-bbABTc {
    text-underline-offset: 3px
}

.decoration-tertiary-pi1trH {
    text-decoration-color: var(--color-text-text-tertiary)
}

@media (max-width:768px) {
    .sm-px-0-j3P9VN {
        padding-left: 0;
        padding-right: 0
    }
    .sm-justify-between-ktogHq {
        justify-content: space-between
    }
}

.search-input-wrapper-V7CmoK {
    padding: 0 12px
}

.search-header-row-ULoGnE {
    justify-content: space-between;
    align-items: center;
    height: 32px;
    margin-top: 12px;
    padding: 0 12px;
    display: flex
}

@media (max-width:768px) {
    .search-header-row-ULoGnE {
        padding: 0
    }
}

.coin-option-container-C7mKQz {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    display: flex
}

.coin-option-left-wlscJt {
    flex: 1;
    align-items: center;
    gap: 12px;
    display: flex
}

.coin-icon-QN_03q {
    border-radius: 9999px;
    width: 20px;
    height: 20px
}

.coin-option-right-Uhjdr7 {
    text-align: right;
    flex-direction: column;
    display: flex
}

[dir=rtl] .coin-option-right-Uhjdr7 {
    text-align: left
}

.coin-option-amount-z5jZcZ {
    color: var(--color-text-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3
}

.coin-option-usdt-QKdsVB {
    color: var(--color-text-text-secondary);
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.empty-container-bBki2n {
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    display: flex
}

.empty-label-CqnlFU {
    color: var(--color-text-text-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3
}

.amount-input-right-section-B4Olmc {
    align-items: center;
    gap: 12px;
    display: flex
}

.amount-input-right-section-B4Olmc:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.amount-input-right-section-B4Olmc:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.amount-input-right-section-B4Olmc:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: 12px
}

.amount-input-right-section-B4Olmc:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.amount-input-right-section-B4Olmc:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.amount-input-right-section-B4Olmc:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 12px
}

.amount-input-right-section-disabled-Vzf6hl {
    pointer-events: none
}

.max-button-vQhVwX {
    cursor: pointer;
    color: var(--color-text-text-brand)
}

.redeemable-row-QgShXm {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    display: flex
}

.redeemable-label-rvKxw3 {
    cursor: pointer;
    text-underline-offset: 3px;
    text-decoration-color: var(--color-text-text-tertiary);
    -webkit-text-decoration: underline dotted !important;
    text-decoration: underline dotted !important
}

.redeemable-label-rvKxw3,
.redeemable-label-simple-oVcJbY {
    color: var(--color-text-text-secondary);
    font-size: 12px;
    line-height: 1.3
}

.redeemable-value-ATfkYo {
    color: var(--color-text-text-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3
}

.footer-buttons-i6FLDw {
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    display: flex
}

@media (max-width:768px) {
    .footer-buttons-i6FLDw {
        justify-content: space-between
    }
}

.loading-container-yoRKc_ {
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex
}

.tooltip-content-FpRHqC {
    white-space: pre-line;
    margin-bottom: 0
}

.desktop-display-A9Jwsz {
    display: block
}

.mobile-display-PpO5gv {
    display: none
}

@media (max-width:768px) {
    .desktop-display-A9Jwsz {
        display: none
    }
    .mobile-display-PpO5gv {
        display: block
    }
}