:root {
    --app--color--primary-darkest: #0a1e81;
    --app--color--primary-darkest--o-1: rgba(10, 30, 129, 0.1);
    --app--color--primary-darkest--o-2: rgba(10, 30, 129, 0.2);
    --app--color--primary-darkest--o-3: rgba(10, 30, 129, 0.3);
    --app--color--primary-darkest--o-4: rgba(10, 30, 129, 0.4);
    --app--color--primary-darkest--o-5: rgba(10, 30, 129, 0.5);
    --app--color--primary-darkest--o-6: rgba(10, 30, 129, 0.6);
    --app--color--primary-darkest--o-7: rgba(10, 30, 129, 0.7);
    --app--color--primary-darkest--o-8: rgba(10, 30, 129, 0.8);
    --app--color--primary-darkest--o-9: rgba(10, 30, 129, 0.9);
    --app--color--primary-darker: #033D90;
    --app--color--primary-darker--o-1: rgba(3, 61, 144, 0.1);
    --app--color--primary-darker--o-2: rgba(3, 61, 144, 0.2);
    --app--color--primary-darker--o-3: rgba(3, 61, 144, 0.3);
    --app--color--primary-darker--o-4: rgba(3, 61, 144, 0.4);
    --app--color--primary-darker--o-5: rgba(3, 61, 144, 0.5);
    --app--color--primary-darker--o-6: rgba(3, 61, 144, 0.6);
    --app--color--primary-darker--o-7: rgba(3, 61, 144, 0.7);
    --app--color--primary-darker--o-8: rgba(3, 61, 144, 0.8);
    --app--color--primary-darker--o-9: rgba(3, 61, 144, 0.9);
    --app--color--primary-dark: #0A51B6;
    --app--color--primary-dark--o-1: rgba(10, 81, 182, 0.1);
    --app--color--primary-dark--o-2: rgba(10, 81, 182, 0.2);
    --app--color--primary-dark--o-3: rgba(10, 81, 182, 0.3);
    --app--color--primary-dark--o-4: rgba(10, 81, 182, 0.4);
    --app--color--primary-dark--o-5: rgba(10, 81, 182, 0.5);
    --app--color--primary-dark--o-6: rgba(10, 81, 182, 0.6);
    --app--color--primary-dark--o-7: rgba(10, 81, 182, 0.7);
    --app--color--primary-dark--o-8: rgba(10, 81, 182, 0.8);
    --app--color--primary-dark--o-9: rgba(10, 81, 182, 0.9);
    --app--color--primary: #015fe5;
    --app--color--primary--o-1: rgba(1, 95, 229, 0.1);
    --app--color--primary--o-2: rgba(1, 95, 229, 0.2);
    --app--color--primary--o-3: rgba(1, 95, 229, 0.3);
    --app--color--primary--o-4: rgba(1, 95, 229, 0.4);
    --app--color--primary--o-5: rgba(1, 95, 229, 0.5);
    --app--color--primary--o-6: rgba(1, 95, 229, 0.6);
    --app--color--primary--o-7: rgba(1, 95, 229, 0.7);
    --app--color--primary--o-8: rgba(1, 95, 229, 0.8);
    --app--color--primary--o-9: rgba(1, 95, 229, 0.9);
    --app--color--primary-light: #31B5FF;
    --app--color--primary-light--o-1: rgba(49, 181, 255, 0.1);
    --app--color--primary-light--o-2: rgba(49, 181, 255, 0.2);
    --app--color--primary-light--o-3: rgba(49, 181, 255, 0.3);
    --app--color--primary-light--o-4: rgba(49, 181, 255, 0.4);
    --app--color--primary-light--o-5: rgba(49, 181, 255, 0.5);
    --app--color--primary-light--o-6: rgba(49, 181, 255, 0.6);
    --app--color--primary-light--o-7: rgba(49, 181, 255, 0.7);
    --app--color--primary-light--o-8: rgba(49, 181, 255, 0.8);
    --app--color--primary-light--o-9: rgba(49, 181, 255, 0.9);
    --app--color--primary-lighter: #98DAFF;
    --app--color--primary-lighter--o-1: rgba(152, 218, 255, 0.1);
    --app--color--primary-lighter--o-2: rgba(152, 218, 255, 0.2);
    --app--color--primary-lighter--o-3: rgba(152, 218, 255, 0.3);
    --app--color--primary-lighter--o-4: rgba(152, 218, 255, 0.4);
    --app--color--primary-lighter--o-5: rgba(152, 218, 255, 0.5);
    --app--color--primary-lighter--o-6: rgba(152, 218, 255, 0.6);
    --app--color--primary-lighter--o-7: rgba(152, 218, 255, 0.7);
    --app--color--primary-lighter--o-8: rgba(152, 218, 255, 0.8);
    --app--color--primary-lighter--o-9: rgba(152, 218, 255, 0.9);
    --app--color--denim-darkest: #010203;
    --app--color--denim-darkest--o-1: rgba(1, 2, 3, 0.1);
    --app--color--denim-darkest--o-2: rgba(1, 2, 3, 0.2);
    --app--color--denim-darkest--o-3: rgba(1, 2, 3, 0.3);
    --app--color--denim-darkest--o-4: rgba(1, 2, 3, 0.4);
    --app--color--denim-darkest--o-5: rgba(1, 2, 3, 0.5);
    --app--color--denim-darkest--o-6: rgba(1, 2, 3, 0.6);
    --app--color--denim-darkest--o-7: rgba(1, 2, 3, 0.7);
    --app--color--denim-darkest--o-8: rgba(1, 2, 3, 0.8);
    --app--color--denim-darkest--o-9: rgba(1, 2, 3, 0.9);
    --app--color--denim-darker: #131B29;
    --app--color--denim-darker--o-1: rgba(19, 27, 41, 0.1);
    --app--color--denim-darker--o-2: rgba(19, 27, 41, 0.2);
    --app--color--denim-darker--o-3: rgba(19, 27, 41, 0.3);
    --app--color--denim-darker--o-4: rgba(19, 27, 41, 0.4);
    --app--color--denim-darker--o-5: rgba(19, 27, 41, 0.5);
    --app--color--denim-darker--o-6: rgba(19, 27, 41, 0.6);
    --app--color--denim-darker--o-7: rgba(19, 27, 41, 0.7);
    --app--color--denim-darker--o-8: rgba(19, 27, 41, 0.8);
    --app--color--denim-darker--o-9: rgba(19, 27, 41, 0.9);
    --app--color--denim-dark: #1B2338;
    --app--color--denim-dark--o-1: rgba(27, 35, 56, 0.1);
    --app--color--denim-dark--o-2: rgba(27, 35, 56, 0.2);
    --app--color--denim-dark--o-3: rgba(27, 35, 56, 0.3);
    --app--color--denim-dark--o-4: rgba(27, 35, 56, 0.4);
    --app--color--denim-dark--o-5: rgba(27, 35, 56, 0.5);
    --app--color--denim-dark--o-6: rgba(27, 35, 56, 0.6);
    --app--color--denim-dark--o-7: rgba(27, 35, 56, 0.7);
    --app--color--denim-dark--o-8: rgba(27, 35, 56, 0.8);
    --app--color--denim-dark--o-9: rgba(27, 35, 56, 0.9);
    --app--color--denim: #1E3059;
    --app--color--denim--o-1: rgba(30, 48, 89, 0.1);
    --app--color--denim--o-2: rgba(30, 48, 89, 0.2);
    --app--color--denim--o-3: rgba(30, 48, 89, 0.3);
    --app--color--denim--o-4: rgba(30, 48, 89, 0.4);
    --app--color--denim--o-5: rgba(30, 48, 89, 0.5);
    --app--color--denim--o-6: rgba(30, 48, 89, 0.6);
    --app--color--denim--o-7: rgba(30, 48, 89, 0.7);
    --app--color--denim--o-8: rgba(30, 48, 89, 0.8);
    --app--color--denim--o-9: rgba(30, 48, 89, 0.9);
    --app--color--denim-light: #334573;
    --app--color--denim-light--o-1: rgba(51, 69, 115, 0.1);
    --app--color--denim-light--o-2: rgba(51, 69, 115, 0.2);
    --app--color--denim-light--o-3: rgba(51, 69, 115, 0.3);
    --app--color--denim-light--o-4: rgba(51, 69, 115, 0.4);
    --app--color--denim-light--o-5: rgba(51, 69, 115, 0.5);
    --app--color--denim-light--o-6: rgba(51, 69, 115, 0.6);
    --app--color--denim-light--o-7: rgba(51, 69, 115, 0.7);
    --app--color--denim-light--o-8: rgba(51, 69, 115, 0.8);
    --app--color--denim-light--o-9: rgba(51, 69, 115, 0.9);
    --app--color--accent-red: #FF5B5A;
    --app--color--accent-red--o-1: rgba(255, 91, 90, 0.1);
    --app--color--accent-red--o-2: rgba(255, 91, 90, 0.2);
    --app--color--accent-red--o-3: rgba(255, 91, 90, 0.3);
    --app--color--accent-red--o-4: rgba(255, 91, 90, 0.4);
    --app--color--accent-red--o-5: rgba(255, 91, 90, 0.5);
    --app--color--accent-red--o-6: rgba(255, 91, 90, 0.6);
    --app--color--accent-red--o-7: rgba(255, 91, 90, 0.7);
    --app--color--accent-red--o-8: rgba(255, 91, 90, 0.8);
    --app--color--accent-red--o-9: rgba(255, 91, 90, 0.9);
    --app--color--accent-red-dark: #DF4848;
    --app--color--accent-red-dark--o-1: rgba(223, 72, 72, 0.1);
    --app--color--accent-red-dark--o-2: rgba(223, 72, 72, 0.2);
    --app--color--accent-red-dark--o-3: rgba(223, 72, 72, 0.3);
    --app--color--accent-red-dark--o-4: rgba(223, 72, 72, 0.4);
    --app--color--accent-red-dark--o-5: rgba(223, 72, 72, 0.5);
    --app--color--accent-red-dark--o-6: rgba(223, 72, 72, 0.6);
    --app--color--accent-red-dark--o-7: rgba(223, 72, 72, 0.7);
    --app--color--accent-red-dark--o-8: rgba(223, 72, 72, 0.8);
    --app--color--accent-red-dark--o-9: rgba(223, 72, 72, 0.9);
    --app--color--accent-teal-dark: #008d74;
    --app--color--accent-teal-dark--o-1: rgba(0, 141, 116, 0.1);
    --app--color--accent-teal-dark--o-2: rgba(0, 141, 116, 0.2);
    --app--color--accent-teal-dark--o-3: rgba(0, 141, 116, 0.3);
    --app--color--accent-teal-dark--o-4: rgba(0, 141, 116, 0.4);
    --app--color--accent-teal-dark--o-5: rgba(0, 141, 116, 0.5);
    --app--color--accent-teal-dark--o-6: rgba(0, 141, 116, 0.6);
    --app--color--accent-teal-dark--o-7: rgba(0, 141, 116, 0.7);
    --app--color--accent-teal-dark--o-8: rgba(0, 141, 116, 0.8);
    --app--color--accent-teal-dark--o-9: rgba(0, 141, 116, 0.9);
    --app--color--accent-teal: #01b292;
    --app--color--accent-teal--o-1: rgba(1, 178, 146, 0.1);
    --app--color--accent-teal--o-2: rgba(1, 178, 146, 0.2);
    --app--color--accent-teal--o-3: rgba(1, 178, 146, 0.3);
    --app--color--accent-teal--o-4: rgba(1, 178, 146, 0.4);
    --app--color--accent-teal--o-5: rgba(1, 178, 146, 0.5);
    --app--color--accent-teal--o-6: rgba(1, 178, 146, 0.6);
    --app--color--accent-teal--o-7: rgba(1, 178, 146, 0.7);
    --app--color--accent-teal--o-8: rgba(1, 178, 146, 0.8);
    --app--color--accent-teal--o-9: rgba(1, 178, 146, 0.9);
    --app--color--accent-teal-light: #00d9b2;
    --app--color--accent-teal-light--o-1: rgba(0, 217, 178, 0.1);
    --app--color--accent-teal-light--o-2: rgba(0, 217, 178, 0.2);
    --app--color--accent-teal-light--o-3: rgba(0, 217, 178, 0.3);
    --app--color--accent-teal-light--o-4: rgba(0, 217, 178, 0.4);
    --app--color--accent-teal-light--o-5: rgba(0, 217, 178, 0.5);
    --app--color--accent-teal-light--o-6: rgba(0, 217, 178, 0.6);
    --app--color--accent-teal-light--o-7: rgba(0, 217, 178, 0.7);
    --app--color--accent-teal-light--o-8: rgba(0, 217, 178, 0.8);
    --app--color--accent-teal-light--o-9: rgba(0, 217, 178, 0.9);
    --app--color--accent-green: #00b15d;
    --app--color--accent-green--o-1: rgba(0, 177, 93, 0.1);
    --app--color--accent-green--o-2: rgba(0, 177, 93, 0.2);
    --app--color--accent-green--o-3: rgba(0, 177, 93, 0.3);
    --app--color--accent-green--o-4: rgba(0, 177, 93, 0.4);
    --app--color--accent-green--o-5: rgba(0, 177, 93, 0.5);
    --app--color--accent-green--o-6: rgba(0, 177, 93, 0.6);
    --app--color--accent-green--o-7: rgba(0, 177, 93, 0.7);
    --app--color--accent-green--o-8: rgba(0, 177, 93, 0.8);
    --app--color--accent-green--o-9: rgba(0, 177, 93, 0.9);
    --app--color--accent-green-light: #02CB6B;
    --app--color--accent-green-light--o-1: rgba(2, 203, 107, 0.1);
    --app--color--accent-green-light--o-2: rgba(2, 203, 107, 0.2);
    --app--color--accent-green-light--o-3: rgba(2, 203, 107, 0.3);
    --app--color--accent-green-light--o-4: rgba(2, 203, 107, 0.4);
    --app--color--accent-green-light--o-5: rgba(2, 203, 107, 0.5);
    --app--color--accent-green-light--o-6: rgba(2, 203, 107, 0.6);
    --app--color--accent-green-light--o-7: rgba(2, 203, 107, 0.7);
    --app--color--accent-green-light--o-8: rgba(2, 203, 107, 0.8);
    --app--color--accent-green-light--o-9: rgba(2, 203, 107, 0.9);
    --app--color--accent-green-dark: #00964F;
    --app--color--accent-green-dark--o-1: rgba(0, 150, 79, 0.1);
    --app--color--accent-green-dark--o-2: rgba(0, 150, 79, 0.2);
    --app--color--accent-green-dark--o-3: rgba(0, 150, 79, 0.3);
    --app--color--accent-green-dark--o-4: rgba(0, 150, 79, 0.4);
    --app--color--accent-green-dark--o-5: rgba(0, 150, 79, 0.5);
    --app--color--accent-green-dark--o-6: rgba(0, 150, 79, 0.6);
    --app--color--accent-green-dark--o-7: rgba(0, 150, 79, 0.7);
    --app--color--accent-green-dark--o-8: rgba(0, 150, 79, 0.8);
    --app--color--accent-green-dark--o-9: rgba(0, 150, 79, 0.9);
    --app--color--accent-yellow: #e6b230;
    --app--color--accent-yellow--o-1: rgba(230, 178, 48, 0.1);
    --app--color--accent-yellow--o-2: rgba(230, 178, 48, 0.2);
    --app--color--accent-yellow--o-3: rgba(230, 178, 48, 0.3);
    --app--color--accent-yellow--o-4: rgba(230, 178, 48, 0.4);
    --app--color--accent-yellow--o-5: rgba(230, 178, 48, 0.5);
    --app--color--accent-yellow--o-6: rgba(230, 178, 48, 0.6);
    --app--color--accent-yellow--o-7: rgba(230, 178, 48, 0.7);
    --app--color--accent-yellow--o-8: rgba(230, 178, 48, 0.8);
    --app--color--accent-yellow--o-9: rgba(230, 178, 48, 0.9);
    --app--color--blue-grey-darker: #4C5763;
    --app--color--blue-grey-darker--o-1: rgba(76, 87, 99, 0.1);
    --app--color--blue-grey-darker--o-2: rgba(76, 87, 99, 0.2);
    --app--color--blue-grey-darker--o-3: rgba(76, 87, 99, 0.3);
    --app--color--blue-grey-darker--o-4: rgba(76, 87, 99, 0.4);
    --app--color--blue-grey-darker--o-5: rgba(76, 87, 99, 0.5);
    --app--color--blue-grey-darker--o-6: rgba(76, 87, 99, 0.6);
    --app--color--blue-grey-darker--o-7: rgba(76, 87, 99, 0.7);
    --app--color--blue-grey-darker--o-8: rgba(76, 87, 99, 0.8);
    --app--color--blue-grey-darker--o-9: rgba(76, 87, 99, 0.9);
    --app--color--blue-grey-dark: #7E8F9F;
    --app--color--blue-grey-dark--o-1: rgba(126, 143, 159, 0.1);
    --app--color--blue-grey-dark--o-2: rgba(126, 143, 159, 0.2);
    --app--color--blue-grey-dark--o-3: rgba(126, 143, 159, 0.3);
    --app--color--blue-grey-dark--o-4: rgba(126, 143, 159, 0.4);
    --app--color--blue-grey-dark--o-5: rgba(126, 143, 159, 0.5);
    --app--color--blue-grey-dark--o-6: rgba(126, 143, 159, 0.6);
    --app--color--blue-grey-dark--o-7: rgba(126, 143, 159, 0.7);
    --app--color--blue-grey-dark--o-8: rgba(126, 143, 159, 0.8);
    --app--color--blue-grey-dark--o-9: rgba(126, 143, 159, 0.9);
    --app--color--blue-grey: #CBD6E1;
    --app--color--blue-grey--o-1: rgba(203, 214, 225, 0.1);
    --app--color--blue-grey--o-2: rgba(203, 214, 225, 0.2);
    --app--color--blue-grey--o-3: rgba(203, 214, 225, 0.3);
    --app--color--blue-grey--o-4: rgba(203, 214, 225, 0.4);
    --app--color--blue-grey--o-5: rgba(203, 214, 225, 0.5);
    --app--color--blue-grey--o-6: rgba(203, 214, 225, 0.6);
    --app--color--blue-grey--o-7: rgba(203, 214, 225, 0.7);
    --app--color--blue-grey--o-8: rgba(203, 214, 225, 0.8);
    --app--color--blue-grey--o-9: rgba(203, 214, 225, 0.9);
    --app--color--blue-grey-lighter: #E3EAF0;
    --app--color--blue-grey-lighter--o-1: rgba(227, 234, 240, 0.1);
    --app--color--blue-grey-lighter--o-2: rgba(227, 234, 240, 0.2);
    --app--color--blue-grey-lighter--o-3: rgba(227, 234, 240, 0.3);
    --app--color--blue-grey-lighter--o-4: rgba(227, 234, 240, 0.4);
    --app--color--blue-grey-lighter--o-5: rgba(227, 234, 240, 0.5);
    --app--color--blue-grey-lighter--o-6: rgba(227, 234, 240, 0.6);
    --app--color--blue-grey-lighter--o-7: rgba(227, 234, 240, 0.7);
    --app--color--blue-grey-lighter--o-8: rgba(227, 234, 240, 0.8);
    --app--color--blue-grey-lighter--o-9: rgba(227, 234, 240, 0.9);
    --app--color--white-dark: #F0F4F8;
    --app--color--white-dark--o-1: rgba(240, 244, 248, 0.1);
    --app--color--white-dark--o-2: rgba(240, 244, 248, 0.2);
    --app--color--white-dark--o-3: rgba(240, 244, 248, 0.3);
    --app--color--white-dark--o-4: rgba(240, 244, 248, 0.4);
    --app--color--white-dark--o-5: rgba(240, 244, 248, 0.5);
    --app--color--white-dark--o-6: rgba(240, 244, 248, 0.6);
    --app--color--white-dark--o-7: rgba(240, 244, 248, 0.7);
    --app--color--white-dark--o-8: rgba(240, 244, 248, 0.8);
    --app--color--white-dark--o-9: rgba(240, 244, 248, 0.9);
    --app--color--white: #ffffff;
    --app--color--white--o-1: rgba(255, 255, 255, 0.1);
    --app--color--white--o-2: rgba(255, 255, 255, 0.2);
    --app--color--white--o-3: rgba(255, 255, 255, 0.3);
    --app--color--white--o-4: rgba(255, 255, 255, 0.4);
    --app--color--white--o-5: rgba(255, 255, 255, 0.5);
    --app--color--white--o-6: rgba(255, 255, 255, 0.6);
    --app--color--white--o-7: rgba(255, 255, 255, 0.7);
    --app--color--white--o-8: rgba(255, 255, 255, 0.8);
    --app--color--white--o-9: rgba(255, 255, 255, 0.9);
    --app--color--black: #000000;
    --app--color--black--o-1: rgba(0, 0, 0, 0.1);
    --app--color--black--o-2: rgba(0, 0, 0, 0.2);
    --app--color--black--o-3: rgba(0, 0, 0, 0.3);
    --app--color--black--o-4: rgba(0, 0, 0, 0.4);
    --app--color--black--o-5: rgba(0, 0, 0, 0.5);
    --app--color--black--o-6: rgba(0, 0, 0, 0.6);
    --app--color--black--o-7: rgba(0, 0, 0, 0.7);
    --app--color--black--o-8: rgba(0, 0, 0, 0.8);
    --app--color--black--o-9: rgba(0, 0, 0, 0.9);
    --app--color--trading-bg: #f9fcfd;
    --app--color--trading-bg--o-1: rgba(249, 252, 253, 0.1);
    --app--color--trading-bg--o-2: rgba(249, 252, 253, 0.2);
    --app--color--trading-bg--o-3: rgba(249, 252, 253, 0.3);
    --app--color--trading-bg--o-4: rgba(249, 252, 253, 0.4);
    --app--color--trading-bg--o-5: rgba(249, 252, 253, 0.5);
    --app--color--trading-bg--o-6: rgba(249, 252, 253, 0.6);
    --app--color--trading-bg--o-7: rgba(249, 252, 253, 0.7);
    --app--color--trading-bg--o-8: rgba(249, 252, 253, 0.8);
    --app--color--trading-bg--o-9: rgba(249, 252, 253, 0.9);
    --app--color--trading-light-line: #4C5763;
    --app--color--trading-light-line--o-1: rgba(76, 87, 99, 0.1);
    --app--color--trading-light-line--o-2: rgba(76, 87, 99, 0.2);
    --app--color--trading-light-line--o-3: rgba(76, 87, 99, 0.3);
    --app--color--trading-light-line--o-4: rgba(76, 87, 99, 0.4);
    --app--color--trading-light-line--o-5: rgba(76, 87, 99, 0.5);
    --app--color--trading-light-line--o-6: rgba(76, 87, 99, 0.6);
    --app--color--trading-light-line--o-7: rgba(76, 87, 99, 0.7);
    --app--color--trading-light-line--o-8: rgba(76, 87, 99, 0.8);
    --app--color--trading-light-line--o-9: rgba(76, 87, 99, 0.9);
    --app--color--trading-light-text: #4C5763;
    --app--color--trading-light-text--o-1: rgba(76, 87, 99, 0.1);
    --app--color--trading-light-text--o-2: rgba(76, 87, 99, 0.2);
    --app--color--trading-light-text--o-3: rgba(76, 87, 99, 0.3);
    --app--color--trading-light-text--o-4: rgba(76, 87, 99, 0.4);
    --app--color--trading-light-text--o-5: rgba(76, 87, 99, 0.5);
    --app--color--trading-light-text--o-6: rgba(76, 87, 99, 0.6);
    --app--color--trading-light-text--o-7: rgba(76, 87, 99, 0.7);
    --app--color--trading-light-text--o-8: rgba(76, 87, 99, 0.8);
    --app--color--trading-light-text--o-9: rgba(76, 87, 99, 0.9);
    --app--color--trading-cross-hair: #ffffff;
    --app--color--trading-cross-hair--o-1: rgba(255, 255, 255, 0.1);
    --app--color--trading-cross-hair--o-2: rgba(255, 255, 255, 0.2);
    --app--color--trading-cross-hair--o-3: rgba(255, 255, 255, 0.3);
    --app--color--trading-cross-hair--o-4: rgba(255, 255, 255, 0.4);
    --app--color--trading-cross-hair--o-5: rgba(255, 255, 255, 0.5);
    --app--color--trading-cross-hair--o-6: rgba(255, 255, 255, 0.6);
    --app--color--trading-cross-hair--o-7: rgba(255, 255, 255, 0.7);
    --app--color--trading-cross-hair--o-8: rgba(255, 255, 255, 0.8);
    --app--color--trading-cross-hair--o-9: rgba(255, 255, 255, 0.9);
    --app--color--trading-red: #FF5B5A;
    --app--color--trading-red--o-1: rgba(255, 91, 90, 0.1);
    --app--color--trading-red--o-2: rgba(255, 91, 90, 0.2);
    --app--color--trading-red--o-3: rgba(255, 91, 90, 0.3);
    --app--color--trading-red--o-4: rgba(255, 91, 90, 0.4);
    --app--color--trading-red--o-5: rgba(255, 91, 90, 0.5);
    --app--color--trading-red--o-6: rgba(255, 91, 90, 0.6);
    --app--color--trading-red--o-7: rgba(255, 91, 90, 0.7);
    --app--color--trading-red--o-8: rgba(255, 91, 90, 0.8);
    --app--color--trading-red--o-9: rgba(255, 91, 90, 0.9);
    --app--color--trading-red-bg: rgba(255, 91, 90, 0.2);
    --app--color--trading-green: #00B15D;
    --app--color--trading-green--o-1: rgba(0, 177, 93, 0.1);
    --app--color--trading-green--o-2: rgba(0, 177, 93, 0.2);
    --app--color--trading-green--o-3: rgba(0, 177, 93, 0.3);
    --app--color--trading-green--o-4: rgba(0, 177, 93, 0.4);
    --app--color--trading-green--o-5: rgba(0, 177, 93, 0.5);
    --app--color--trading-green--o-6: rgba(0, 177, 93, 0.6);
    --app--color--trading-green--o-7: rgba(0, 177, 93, 0.7);
    --app--color--trading-green--o-8: rgba(0, 177, 93, 0.8);
    --app--color--trading-green--o-9: rgba(0, 177, 93, 0.9);
    --app--color--trading-green-bg: rgba(0, 177, 93, 0.2);
    --app--theme--section-bg: #ffffff;
    --app--theme--button-color: #ffffff;
    --app--theme--button-color--o-1: rgba(255, 255, 255, 0.1);
    --app--theme--button-color--o-2: rgba(255, 255, 255, 0.2);
    --app--theme--button-color--o-3: rgba(255, 255, 255, 0.3);
    --app--theme--button-color--o-4: rgba(255, 255, 255, 0.4);
    --app--theme--button-color--o-5: rgba(255, 255, 255, 0.5);
    --app--theme--button-color--o-6: rgba(255, 255, 255, 0.6);
    --app--theme--button-color--o-7: rgba(255, 255, 255, 0.7);
    --app--theme--button-color--o-8: rgba(255, 255, 255, 0.8);
    --app--theme--button-color--o-9: rgba(255, 255, 255, 0.9);
    --app--theme--button-hover: #0A51B6;
    --app--theme--section-title: #033D90;
    --app--theme--section-border: #F0F4F8;
    --app--theme--trading-page-bg: #f9fcfd;
    --app--theme--trading-page-dark: #f9fcfd;
    --app--theme--main-bg: #F0F4F8;
    --app--theme--hamburger-bg: #F0F4F8;
    --app--theme--tooltip-bg: #F0F4F8;
    --app--theme--header-bg: #033D90;
    --app--theme--header-content: #ffffff;
    --app--theme--header-mobile-bg: #033D90;
    --app--theme--header-simple-bg: #ffffff;
    --app--theme--header-simple-mobile-bg: #ffffff;
    --app--theme--header-simple-content: #131B29;
    --app--theme--header-simple-border-bottom: #E3EAF0;
    --app--theme--header-transparent-content: #ffffff;
    --app--theme--header-transparent-light-content: #131B29;
    --app--theme--header-scroll-bg: #ffffff;
    --app--theme--header-scroll-content: #131B29;
    --app--theme--header-dropdown-menu-icon-hover: #ffffff;
    --app--theme--header-dropdown-menu-icon-hover-bg: #0A51B6;
    --app--theme--header-dropdown-menu-text: #1B2338;
    --app--theme--header-dropdown-menu-sub-text: #7E8F9F;
    --app--theme--header-dropdown-menu-list-icon: #015fe5;
    --app--theme--header-dropdown-menu-panel-bg: #ffffff;
    --app--theme--header-dropdown-menu-list-hover-bg: rgba(240, 244, 248, 0.4);
    --app--theme--header-dropdown-menu-vertical-line: #E3EAF0;
    --app--theme--header-notification-date: #4C5763;
    --app--theme--header-notification-time: #7E8F9F;
    --app--theme--header-notification-title: #1B2338;
    --app--theme--header-notification-subtitle: #4C5763;
    --app--theme--header-notification-border: #E3EAF0;
    --app--theme--header-notification-down-icon: #7E8F9F;
    --app--theme--header-account-arrow: #7E8F9F;
    --app--theme-header-wallet-top-block-arrow: #7E8F9F;
    --app--theme-header-wallet-top-block-arrow-hover: #4C5763;
    --app--theme-header-wallet-top-block-text: #7E8F9F;
    --app--theme-header-wallet-top-block-main-asset: #131B29;
    --app--theme-header-wallet-top-block-bottom-divider: #E3EAF0;
    --app--theme-header-wallet-top-block-action-border: #E3EAF0;
    --app--theme-header-wallet-top-block-action-icon: #015fe5;
    --app--theme--c2c-banner-gradient-bg: linear-gradient(<br> to right, <br> var(--app--color--primary), <br> var(--app--color--primary-darker)<br>);
    --app--theme--c2c-payment-tag-alipay: #31B5FF;
    --app--theme--route-tab-switcher-bg: #033D90;
    --app--theme--route-tab-switcher-mobile-bg: #033D90;
    --app--theme--route-tab-switcher-bg-v2: #ffffff;
    --app--theme--route-tab-switcher-mobile-bg-v2: #ffffff;
    --app--theme--mobile-menu-bg: #ffffff;
    --app--theme--mobile-menu-text: #1B2338;
    --app--theme--mobile-menu-icon: #015fe5;
    --app-theme--mobile-menu-download-app-bg: #015fe5;
    --app--theme--full-gradient-bg: linear-gradient(<br> 180deg, <br> var(--app--theme--convert-bg-gradient-one), <br> var(--app--theme--convert-bg-gradient-two)<br>);
    --app--theme--banner-gradient-bg: linear-gradient(<br> to bottom, <br> var(--app--theme--bg-gradient-one), <br> var(--app--theme--bg-gradient-two), <br> var(--app--theme--bg-gradient-three)<br>);
    --app--theme--login-gradient-bg: #F0F4F8;
    --app--theme--earn-gradient-bg: var(--app--theme--earn-bg-gradient-base) linear-gradient(<br> 180deg, <br> var(--app--theme--earn-bg-gradient-one), <br> var(--app--theme--earn-bg-gradient-two), <br> var(--app--theme--earn-bg-gradient-three)<br>);
    --app--theme--referral-gradient-bg: linear-gradient(<br> to bottom, <br> var(--app--theme--referral-banner-gradient-one) -11%, <br> var(--app--theme--referral-banner-gradient-two)<br>);
    --app--theme--referral-dashboard-banner-gradient-bg: linear-gradient(<br> to bottom, <br> var(--app--theme--referral-dashboard-banner-bg-gradient-one) -11%, <br> var(--app--theme--referral-dashboard-banner-bg-gradient-two) 74%<br>);
    --app--theme--features-gradient-bg: linear-gradient(<br> to bottom, <br> var(--app--theme--banner-gradient-one), <br> var(--app--theme--banner-gradient-two)<br>);
    --app--theme--primary-gradient-bg: linear-gradient(<br> to bottom, <br> var(--app--theme--banner-gradient-one), <br> var(--app--theme--banner-gradient-two)<br>);
    --app--theme--divider: #E3EAF0;
    --app--theme--border: #CBD6E1;
    --app--theme--input-bg: #F0F4F8;
    --app--theme--input-bg-tooltip: #ffffff;
    --app--theme--input-name: #7E8F9F;
    --app--theme--input-placeholder: #7E8F9F;
    --app--theme--input-content: #4C5763;
    --app--theme--input-suffix-content: #4C5763;
    --app--theme--input-border: #E3EAF0;
    --app--theme--input-suffix-btn-bg: #E3EAF0;
    --app--theme--input-suffix-btn-text: #4C5763;
    --app--theme--input-secondary-suffix-btn-bg: #E3EAF0;
    --app--theme--input-secondary-suffix-btn-text: #015fe5;
    --app--theme--input-support: #7E8F9F;
    --app--theme--dropdown-bg: #ffffff;
    --app--theme--dropdown-item-bg-hover: #F0F4F8;
    --app--theme--dropdown-item-title-hover: #0A51B6;
    --app--theme--dropdown-header-bg: #F0F4F8;
    --app--theme--card-tab-bg: rgba(227, 234, 240, 0.5);
    --app--theme--card-tab-bg-selected: #ffffff;
    --app--theme--card-tab-title: #7E8F9F;
    --app--theme--card-tab-title-selected: #4C5763;
    --app--theme--slider-tab-bg: transparent;
    --app--theme--slider-tab-title: #033D90;
    --app--theme--slider-tab-indicator: #0A51B6;
    --app--theme--slider-subtitle: #ffffff;
    --app--theme--button-bg: #015fe5;
    --app--theme--button-border: #015fe5;
    --app--theme--button-title: #ffffff;
    --app--theme--button-text-color: #fff;
    --app--theme--button-primary-text-color: #fff;
    --app--theme--secondary-button-bg: #015fe5;
    --app--theme--secondary-button-border: #015fe5;
    --app--theme--secondary-button-title: #ffffff;
    --app--theme--tertiary-button-bg: transparent;
    --app--theme--tertiary-button-border: #015fe5;
    --app--theme--tertiary-button-title: #015fe5;
    --app--theme--quaternary-button-bg: #ffffff;
    --app--theme--quaternary-button-border: #E3EAF0;
    --app--theme--quaternary-button-title: #4C5763;
    --app--theme--quinary-button-bg: #ffffff;
    --app--theme--quinary-button-border: #31B5FF;
    --app--theme--quinary-button-title: #31B5FF;
    --app--theme--checkbox-icon-border: #CBD6E1;
    --app--theme--checkbox-icon-border-selected: #0A51B6;
    --app--theme--checkbox-icon-dot: #0A51B6;
    --app--theme--checkbox-icon-bg: transparent;
    --app--theme--checkbox-icon-bg-selected: #F0F4F8;
    --app--theme--radio-icon-border: #CBD6E1;
    --app--theme--radio-icon-border-selected: #0A51B6;
    --app--theme--radio-icon-dot: #0A51B6;
    --app--theme--radio-icon-bg: transparent;
    --app--theme--radio-icon-bg-selected: #F0F4F8;
    --app--theme--toggle-track: #CBD6E1;
    --app--theme--toggle-track-active: #015fe5;
    --app--theme--toggle-icon: #F0F4F8;
    --app--theme--toggle-icon-active: #015fe5;
    --app--theme--form-item-border: #CBD6E1;
    --app--theme--form-item-border-selected: #0A51B6;
    --app--theme--form-item-bg: transparent;
    --app--theme--nav-item-content: #0A51B6;
    --app--theme--nav-market-content: #7E8F9F;
    --app--theme--nav-market-content-selected: #0A51B6;
    --app--theme--table-row: rgba(203, 214, 225, 0.08);
    --app--theme--table-row-hover: rgba(240, 244, 248, 0.4);
    --app--theme--table-content: #4C5763;
    --app--theme--secondary-table-content: #0A51B6;
    --app--theme--table-empty: #7E8F9F;
    --app--theme--popup-title: #033D90;
    --app--theme--popup-button-group-bg: rgba(203, 214, 225, 0.1);
    --app--theme--future-contract-detail-primary: #7E8F9F;
    --app--theme--future-contract-detail-secondary: #ffffff;
    --app--theme--future-contract-detail-link: #31B5FF;
    --app--theme--futures-contract-detail-expand-button: #E3EAF0;
    --app--theme--primary-content: #4C5763;
    --app--theme--primary-content-variant: #4C5763;
    --app--theme--secondary-content: #7E8F9F;
    --app--theme--main-content: #7E8F9F;
    --app--theme--icon: #7E8F9F;
    --app--theme--secondary-icon: #015fe5;
    --app--theme--trade-mark-price-color: #31B5FF;
    --app--theme--trade-mark-price-color--o-1: rgba(49, 181, 255, 0.1);
    --app--theme--trade-mark-price-color--o-2: rgba(49, 181, 255, 0.2);
    --app--theme--trade-mark-price-color--o-3: rgba(49, 181, 255, 0.3);
    --app--theme--trade-mark-price-color--o-4: rgba(49, 181, 255, 0.4);
    --app--theme--trade-mark-price-color--o-5: rgba(49, 181, 255, 0.5);
    --app--theme--trade-mark-price-color--o-6: rgba(49, 181, 255, 0.6);
    --app--theme--trade-mark-price-color--o-7: rgba(49, 181, 255, 0.7);
    --app--theme--trade-mark-price-color--o-8: rgba(49, 181, 255, 0.8);
    --app--theme--trade-mark-price-color--o-9: rgba(49, 181, 255, 0.9);
    --app--theme--icon-text-color: #4C5763;
    --app--theme--icon-text-color--o-1: rgba(76, 87, 99, 0.1);
    --app--theme--icon-text-color--o-2: rgba(76, 87, 99, 0.2);
    --app--theme--icon-text-color--o-3: rgba(76, 87, 99, 0.3);
    --app--theme--icon-text-color--o-4: rgba(76, 87, 99, 0.4);
    --app--theme--icon-text-color--o-5: rgba(76, 87, 99, 0.5);
    --app--theme--icon-text-color--o-6: rgba(76, 87, 99, 0.6);
    --app--theme--icon-text-color--o-7: rgba(76, 87, 99, 0.7);
    --app--theme--icon-text-color--o-8: rgba(76, 87, 99, 0.8);
    --app--theme--icon-text-color--o-9: rgba(76, 87, 99, 0.9);
    --app--theme--filter-bg: #ffffff;
    --app--theme--filter-content: #4C5763;
    --app--theme--menu-item-bg: #E3EAF0;
    --app--theme--wallet-filter-bg: #F0F4F8;
    --app--theme--wallet-filter-check-bg: #015fe5;
    --app--theme--wallet-filter-hover-bg: #F0F4F8;
    --app--theme--wallet-filter-font-hover-color: #7E8F9F;
    --app--theme--wallet-filter-font-hover-color--o-1: rgba(126, 143, 159, 0.1);
    --app--theme--wallet-filter-font-hover-color--o-2: rgba(126, 143, 159, 0.2);
    --app--theme--wallet-filter-font-hover-color--o-3: rgba(126, 143, 159, 0.3);
    --app--theme--wallet-filter-font-hover-color--o-4: rgba(126, 143, 159, 0.4);
    --app--theme--wallet-filter-font-hover-color--o-5: rgba(126, 143, 159, 0.5);
    --app--theme--wallet-filter-font-hover-color--o-6: rgba(126, 143, 159, 0.6);
    --app--theme--wallet-filter-font-hover-color--o-7: rgba(126, 143, 159, 0.7);
    --app--theme--wallet-filter-font-hover-color--o-8: rgba(126, 143, 159, 0.8);
    --app--theme--wallet-filter-font-hover-color--o-9: rgba(126, 143, 159, 0.9);
    --app--theme--wallet-filter-font-color: #7E8F9F;
    --app--theme--wallet-filter-font-color--o-1: rgba(126, 143, 159, 0.1);
    --app--theme--wallet-filter-font-color--o-2: rgba(126, 143, 159, 0.2);
    --app--theme--wallet-filter-font-color--o-3: rgba(126, 143, 159, 0.3);
    --app--theme--wallet-filter-font-color--o-4: rgba(126, 143, 159, 0.4);
    --app--theme--wallet-filter-font-color--o-5: rgba(126, 143, 159, 0.5);
    --app--theme--wallet-filter-font-color--o-6: rgba(126, 143, 159, 0.6);
    --app--theme--wallet-filter-font-color--o-7: rgba(126, 143, 159, 0.7);
    --app--theme--wallet-filter-font-color--o-8: rgba(126, 143, 159, 0.8);
    --app--theme--wallet-filter-font-color--o-9: rgba(126, 143, 159, 0.9);
    --app--theme--wallet-filter-font-active-color: #ffffff;
    --app--theme--wallet-filter-font-active-color--o-1: rgba(255, 255, 255, 0.1);
    --app--theme--wallet-filter-font-active-color--o-2: rgba(255, 255, 255, 0.2);
    --app--theme--wallet-filter-font-active-color--o-3: rgba(255, 255, 255, 0.3);
    --app--theme--wallet-filter-font-active-color--o-4: rgba(255, 255, 255, 0.4);
    --app--theme--wallet-filter-font-active-color--o-5: rgba(255, 255, 255, 0.5);
    --app--theme--wallet-filter-font-active-color--o-6: rgba(255, 255, 255, 0.6);
    --app--theme--wallet-filter-font-active-color--o-7: rgba(255, 255, 255, 0.7);
    --app--theme--wallet-filter-font-active-color--o-8: rgba(255, 255, 255, 0.8);
    --app--theme--wallet-filter-font-active-color--o-9: rgba(255, 255, 255, 0.9);
    --app--theme--wallet-filter-color: #4C5763;
    --app--theme--wallet-filter-color--o-1: rgba(76, 87, 99, 0.1);
    --app--theme--wallet-filter-color--o-2: rgba(76, 87, 99, 0.2);
    --app--theme--wallet-filter-color--o-3: rgba(76, 87, 99, 0.3);
    --app--theme--wallet-filter-color--o-4: rgba(76, 87, 99, 0.4);
    --app--theme--wallet-filter-color--o-5: rgba(76, 87, 99, 0.5);
    --app--theme--wallet-filter-color--o-6: rgba(76, 87, 99, 0.6);
    --app--theme--wallet-filter-color--o-7: rgba(76, 87, 99, 0.7);
    --app--theme--wallet-filter-color--o-8: rgba(76, 87, 99, 0.8);
    --app--theme--wallet-filter-color--o-9: rgba(76, 87, 99, 0.9);
    --app--theme--wallet-convert-isChecked-bg: #31B5FF;
    --app--theme--switch-tab-bg-color: #ffffff;
    --app--theme--switch-tab-bg-color--o-1: rgba(255, 255, 255, 0.1);
    --app--theme--switch-tab-bg-color--o-2: rgba(255, 255, 255, 0.2);
    --app--theme--switch-tab-bg-color--o-3: rgba(255, 255, 255, 0.3);
    --app--theme--switch-tab-bg-color--o-4: rgba(255, 255, 255, 0.4);
    --app--theme--switch-tab-bg-color--o-5: rgba(255, 255, 255, 0.5);
    --app--theme--switch-tab-bg-color--o-6: rgba(255, 255, 255, 0.6);
    --app--theme--switch-tab-bg-color--o-7: rgba(255, 255, 255, 0.7);
    --app--theme--switch-tab-bg-color--o-8: rgba(255, 255, 255, 0.8);
    --app--theme--switch-tab-bg-color--o-9: rgba(255, 255, 255, 0.9);
    --app--theme--switch-tab-selected: #ffffff;
    --app--theme--switch-tab-color: #015fe5;
    --app--theme--switch-tab-color--o-1: rgba(1, 95, 229, 0.1);
    --app--theme--switch-tab-color--o-2: rgba(1, 95, 229, 0.2);
    --app--theme--switch-tab-color--o-3: rgba(1, 95, 229, 0.3);
    --app--theme--switch-tab-color--o-4: rgba(1, 95, 229, 0.4);
    --app--theme--switch-tab-color--o-5: rgba(1, 95, 229, 0.5);
    --app--theme--switch-tab-color--o-6: rgba(1, 95, 229, 0.6);
    --app--theme--switch-tab-color--o-7: rgba(1, 95, 229, 0.7);
    --app--theme--switch-tab-color--o-8: rgba(1, 95, 229, 0.8);
    --app--theme--switch-tab-color--o-9: rgba(1, 95, 229, 0.9);
    --app--theme--login-gradient-one: #015fe5;
    --app--theme--login-gradient-two: #033D90;
    --app--theme--login-gradient-bg-one: rgba(49, 181, 255, 0.1);
    --app--theme--login-gradient-bg-two: rgba(49, 181, 255, 0.6);
    --app--theme--login-gradient-bg-three: rgba(49, 181, 255, 0.2);
    --app--theme--login-gradient-bg-four: rgba(49, 181, 255, 0.3);
    --app--theme--login-gradient-bg-five: #fff;
    --app--theme--wallet-action-name: #015fe5;
    --app--theme--wallet-action-bg-color: #ffffff;
    --app--theme--wallet-action-bg-color--o-1: rgba(255, 255, 255, 0.1);
    --app--theme--wallet-action-bg-color--o-2: rgba(255, 255, 255, 0.2);
    --app--theme--wallet-action-bg-color--o-3: rgba(255, 255, 255, 0.3);
    --app--theme--wallet-action-bg-color--o-4: rgba(255, 255, 255, 0.4);
    --app--theme--wallet-action-bg-color--o-5: rgba(255, 255, 255, 0.5);
    --app--theme--wallet-action-bg-color--o-6: rgba(255, 255, 255, 0.6);
    --app--theme--wallet-action-bg-color--o-7: rgba(255, 255, 255, 0.7);
    --app--theme--wallet-action-bg-color--o-8: rgba(255, 255, 255, 0.8);
    --app--theme--wallet-action-bg-color--o-9: rgba(255, 255, 255, 0.9);
    --app--theme--wallet-spot-action-hover-bg: #E3EAF0;
    --app--theme--wallet-title: #31B5FF;
    --app--theme--wallet-nav-btn: #31B5FF;
    --app--theme--wallet-nav-btn-active: #ffffff;
    --app--theme--wallet-futures-table-row: rgba(203, 214, 225, 0.7);
    --app--theme--wallet-futures-table-row-detail: rgba(227, 234, 240, 0.4);
    --app--theme--wallet-balance: #4C5763;
    --app--theme--wallet-balance-decimal: #7E8F9F;
    --app--theme--currency-bg: rgba(240, 244, 248, 0.5);
    --app--theme--currency-bg-disable: rgba(240, 244, 248, 0.8);
    --app--theme--dialog-bg: #f7f9fb;
    --app--theme--secondary-dialog-bg: #ffffff;
    --app--theme--dialog-header-bg: #0A51B6;
    --app--theme--dialog-header-title: #ffffff;
    --app--theme--account-bg: #F0F4F8;
    --app--theme--bg-gradient-one: #015fe5;
    --app--theme--bg-gradient-two: #015fe5;
    --app--theme--bg-gradient-three: #033D90;
    --app--theme--button-gradient-one: #02CB6B;
    --app--theme--button-gradient-two: #00b15d;
    --app--theme--register-gradient-one: #02CB6B;
    --app--theme--register-gradient-two: #00b15d;
    --app--theme--simple-register-gradient-one: #015fe5;
    --app--theme--simple-register-gradient-two: #015fe5;
    --app--theme--simple-register-btn-highlight-bg: linear-gradient(<br> 94.57deg, <br> var(--app--theme--simple-register-gradient-one) 3.7%, <br> var(--app--theme--simple-register-gradient-two) 94.27%<br>);
    --app--theme--transparent-light-register-gradient-one: #015fe5;
    --app--theme--transparent-light-register-gradient-two: #015fe5;
    --app--theme--nav-bg: #0A51B6;
    --app--theme--no-data-eye: #ffffff;
    --app--theme--no-data-line: #0a1e81;
    --app--theme--no-data-shadow: #00d9b2;
    --app--theme--no-data-bottom-shadow: #CBD6E1;
    --app--theme--no-data-bottom-shadow-dot: #ffffff;
    --app--theme--doughnut-bg: #E3EAF0;
    --app--theme--doughnut-text: #4C5763;
    --app--theme--mobileHeader-title-bg: #015fe5;
    --app--theme--mobileSubTab-bg: #E3EAF0;
    --app--theme--mobileSubTab-color: #4C5763;
    --app--theme--mobileSubTab-color--o-1: rgba(76, 87, 99, 0.1);
    --app--theme--mobileSubTab-color--o-2: rgba(76, 87, 99, 0.2);
    --app--theme--mobileSubTab-color--o-3: rgba(76, 87, 99, 0.3);
    --app--theme--mobileSubTab-color--o-4: rgba(76, 87, 99, 0.4);
    --app--theme--mobileSubTab-color--o-5: rgba(76, 87, 99, 0.5);
    --app--theme--mobileSubTab-color--o-6: rgba(76, 87, 99, 0.6);
    --app--theme--mobileSubTab-color--o-7: rgba(76, 87, 99, 0.7);
    --app--theme--mobileSubTab-color--o-8: rgba(76, 87, 99, 0.8);
    --app--theme--mobileSubTab-color--o-9: rgba(76, 87, 99, 0.9);
    --app--theme--mobileSubTab-activecolor: #015fe5;
    --app--theme--mobileSubTab-activecolor--o-1: rgba(1, 95, 229, 0.1);
    --app--theme--mobileSubTab-activecolor--o-2: rgba(1, 95, 229, 0.2);
    --app--theme--mobileSubTab-activecolor--o-3: rgba(1, 95, 229, 0.3);
    --app--theme--mobileSubTab-activecolor--o-4: rgba(1, 95, 229, 0.4);
    --app--theme--mobileSubTab-activecolor--o-5: rgba(1, 95, 229, 0.5);
    --app--theme--mobileSubTab-activecolor--o-6: rgba(1, 95, 229, 0.6);
    --app--theme--mobileSubTab-activecolor--o-7: rgba(1, 95, 229, 0.7);
    --app--theme--mobileSubTab-activecolor--o-8: rgba(1, 95, 229, 0.8);
    --app--theme--mobileSubTab-activecolor--o-9: rgba(1, 95, 229, 0.9);
    --app--theme--dialog--backgroundColor: #ffffff;
    --app--theme--dialog--color: #4C5763;
    --app--theme--dialog--color--o-1: rgba(76, 87, 99, 0.1);
    --app--theme--dialog--color--o-2: rgba(76, 87, 99, 0.2);
    --app--theme--dialog--color--o-3: rgba(76, 87, 99, 0.3);
    --app--theme--dialog--color--o-4: rgba(76, 87, 99, 0.4);
    --app--theme--dialog--color--o-5: rgba(76, 87, 99, 0.5);
    --app--theme--dialog--color--o-6: rgba(76, 87, 99, 0.6);
    --app--theme--dialog--color--o-7: rgba(76, 87, 99, 0.7);
    --app--theme--dialog--color--o-8: rgba(76, 87, 99, 0.8);
    --app--theme--dialog--color--o-9: rgba(76, 87, 99, 0.9);
    --app--theme--dialog--title: #4C5763;
    --app--theme--dialog--content: #7E8F9F;
    --app--theme--dialog--header-backgroundColor: #0A51B6;
    --app--theme--dialog--header-fontColor: #ffffff;
    --app--theme--tab--notactive: #ffffff;
    --app--theme--tab--deactive: #E3EAF0;
    --app--theme--dialog--balance-fontColor: #4C5763;
    --app--theme--dialog--borderColor: #CBD6E1;
    --app--theme--dialog--inputColor: #131B29;
    --app--theme--dialog--inputBackgroundColor: #F0F4F8;
    --app--theme--dialog--amountinputDivider: #E3EAF0;
    --app--theme--dialog--button-color: #015fe5;
    --app--theme--dialog--button-color--o-1: rgba(1, 95, 229, 0.1);
    --app--theme--dialog--button-color--o-2: rgba(1, 95, 229, 0.2);
    --app--theme--dialog--button-color--o-3: rgba(1, 95, 229, 0.3);
    --app--theme--dialog--button-color--o-4: rgba(1, 95, 229, 0.4);
    --app--theme--dialog--button-color--o-5: rgba(1, 95, 229, 0.5);
    --app--theme--dialog--button-color--o-6: rgba(1, 95, 229, 0.6);
    --app--theme--dialog--button-color--o-7: rgba(1, 95, 229, 0.7);
    --app--theme--dialog--button-color--o-8: rgba(1, 95, 229, 0.8);
    --app--theme--dialog--button-color--o-9: rgba(1, 95, 229, 0.9);
    --app--theme--dialog--button-color-hover: #31B5FF;
    --app--theme--dialog--button-color-hover--o-1: rgba(49, 181, 255, 0.1);
    --app--theme--dialog--button-color-hover--o-2: rgba(49, 181, 255, 0.2);
    --app--theme--dialog--button-color-hover--o-3: rgba(49, 181, 255, 0.3);
    --app--theme--dialog--button-color-hover--o-4: rgba(49, 181, 255, 0.4);
    --app--theme--dialog--button-color-hover--o-5: rgba(49, 181, 255, 0.5);
    --app--theme--dialog--button-color-hover--o-6: rgba(49, 181, 255, 0.6);
    --app--theme--dialog--button-color-hover--o-7: rgba(49, 181, 255, 0.7);
    --app--theme--dialog--button-color-hover--o-8: rgba(49, 181, 255, 0.8);
    --app--theme--dialog--button-color-hover--o-9: rgba(49, 181, 255, 0.9);
    --app--theme--verification-button-bg-gradient-one: #015fe5;
    --app--theme--verification-button-bg-gradient-two: #015fe5;
    --app--theme--verification-restricted-jurisdiction: #31B5FF;
    --app--theme--verification-individual-label-color: #131B29;
    --app--theme--verification-individual-label-color--o-1: rgba(19, 27, 41, 0.1);
    --app--theme--verification-individual-label-color--o-2: rgba(19, 27, 41, 0.2);
    --app--theme--verification-individual-label-color--o-3: rgba(19, 27, 41, 0.3);
    --app--theme--verification-individual-label-color--o-4: rgba(19, 27, 41, 0.4);
    --app--theme--verification-individual-label-color--o-5: rgba(19, 27, 41, 0.5);
    --app--theme--verification-individual-label-color--o-6: rgba(19, 27, 41, 0.6);
    --app--theme--verification-individual-label-color--o-7: rgba(19, 27, 41, 0.7);
    --app--theme--verification-individual-label-color--o-8: rgba(19, 27, 41, 0.8);
    --app--theme--verification-individual-label-color--o-9: rgba(19, 27, 41, 0.9);
    --app--theme--verification-individual-upload: #015fe5;
    --app--theme--verification-confirm-btn-bg-gradient-one: #015fe5;
    --app--theme--verification-confirm-btn-bg-gradient-two: #015fe5;
    --app--theme--footer-icon: #7E8F9F;
    --app--theme--footer-icon-hover: #F0F4F8;
    --app--theme--footer-background: #131B29;
    --app--theme--footer-link: #CBD6E1;
    --app--theme--footer-language: #ffffff;
    --app--theme--footer-language-icon: #ffffff;
    --app--theme--footer-language-hover: #31B5FF;
    --app--theme--footer-register: #1B2338;
    --app--theme--footer-register-bg: #ffffff;
    --app--theme--referral-banner-title: #ffffff;
    --app--theme--referral-banner-gradient-one: #021126;
    --app--theme--referral-banner-gradient-two: #0e418a;
    --app--theme--referral-banner-button-bg-gradient-one: #a299ff;
    --app--theme--referral-banner-button-bg-gradient-two: #0d56c6;
    --app--theme--referral-banner-button-text: #fff;
    --app--theme--referral-card-bg: #082b5c;
    --app--theme--referral-card-title: #FFFFFF;
    --app--theme--referral-card-text-blue: #4ad4fe;
    --app--theme--referral-card-text-green: #00ffb8;
    --app--theme--referral-step-text: #007bff;
    --app--theme--referral-lastupdate-text: #4a5766;
    --app--theme--referral-contact-link: #31B5FF;
    --app--theme--referral-paragraph-container: #4a4a4a;
    --app--theme--referral-paragraph-text: #7b7b7b;
    --app--theme--referral-dashboard-bg: #0E131A;
    --app--theme--referral-dashboard-banner-bg-gradient-one: #5E5E5E;
    --app--theme--referral-dashboard-banner-bg-gradient-two: #0E131A;
    --app--theme--referral-dashboard-banner-panel-bg: #303946;
    --app--theme--referral-dashboard-banner-panel-title: #ffffff;
    --app--theme--referral-dashboard-banner-panel-text: rgba(255, 255, 255, 0.45);
    --app--theme--referral-dashboard-banner-panel-highlight: #ffffff;
    --app--theme--referral-dashboard-banner-panel-clipboard-bg: #6A6A6A;
    --app--theme--referral-dashboard-banner-panel-clipboard-text: #ffffff;
    --app--theme--referral-dashboard-banner-panel-link: #4A5766;
    --app--theme--referral-dashboard-tooltip: #4A5766;
    --app--theme--referral-dashboard-summary-tab: #4A5766;
    --app--theme--referral-dashboard-summary-tab-highlight: #ffffff;
    --app--theme--referral-dashboard-summary-card-bg: #2F3946;
    --app--theme--referral-dashboard-summary-card-hover-bg: #272B32;
    --app--theme--referral-dashboard-summary-card-tip: #4A5766;
    --app--theme--referral-dashboard-panel-bg: #303946;
    --app--theme--referral-dashboard-panel-title: #70859C;
    --app--theme--referral-dashboard-panel-tab: #70859C;
    --app--theme--referral-dashboard-panel-tab-highlight: #ffffff;
    --app--theme--referral-dashboard-panel-link: #70859C;
    --app--theme--referral-dashboard-dialog-button-bg: #70859C;
    --app--theme--referral-dashboard-dialog-button-hover-bg: #4D6177;
    --app--theme--referral-dashboard-dialog-input-bg: #252C36;
    --app--theme--referral-dashboard-primary: #4AD4FE;
    --app--theme--referral-dashboard-secondary: #ffffff;
    --app--theme--referral-dashboard-top3-card-bg: #252c36;
    --app--theme--referral-dashboard-top3-card-border: #252c36;
    --app--theme--referral-dashboard-top3-card-username: #FFFFFF;
    --app--theme--referral-dashboard-top3-card-order: #4ad4fe;
    --app--theme--referral-dashboard-top3-card-order-border: #4a5766;
    --app--theme--referral-dashboard-top3-card-amount: #FFFFFF;
    --app--theme--referral-dashboard-chart-bar: rgba(49, 181, 255, 0.4);
    --app--theme--referral-dashboard-chart-bar-hover: #31B5FF;
    --app--theme--referral-dashboard-chart-tooltip-backgroundColor: #ffffff;
    --app--theme--referral-dashboard-chart-tooltip-border: #E3EAF0;
    --app--theme--referral-dashboard-chart-tooltip-color: #7E8F9F;
    --app--theme--referral-dashboard-chart-tooltip-color--o-1: rgba(126, 143, 159, 0.1);
    --app--theme--referral-dashboard-chart-tooltip-color--o-2: rgba(126, 143, 159, 0.2);
    --app--theme--referral-dashboard-chart-tooltip-color--o-3: rgba(126, 143, 159, 0.3);
    --app--theme--referral-dashboard-chart-tooltip-color--o-4: rgba(126, 143, 159, 0.4);
    --app--theme--referral-dashboard-chart-tooltip-color--o-5: rgba(126, 143, 159, 0.5);
    --app--theme--referral-dashboard-chart-tooltip-color--o-6: rgba(126, 143, 159, 0.6);
    --app--theme--referral-dashboard-chart-tooltip-color--o-7: rgba(126, 143, 159, 0.7);
    --app--theme--referral-dashboard-chart-tooltip-color--o-8: rgba(126, 143, 159, 0.8);
    --app--theme--referral-dashboard-chart-tooltip-color--o-9: rgba(126, 143, 159, 0.9);
    --app--theme--history-button-search-text: #ffffff;
    --app--theme--history-button-reset-text: #015fe5;
    --app--theme--register-btn: #00b15d;
    --app--theme--banner-gradient-one: #0020b4;
    --app--theme--banner-gradient-two: #1950f3;
    --app--theme--convert-bg-gradient-one: #31B5FF;
    --app--theme--convert-bg-gradient-two: #0A51B6;
    --app--theme--convert-text: #ffffff;
    --app--theme--futures2-title-text: #0048dc;
    --app--theme--all-in-one-order-book-icon-main: #031B4E;
    --app--theme--all-in-one-order-book-icon-point: #7FA5F4;
    --app--theme--all-in-one-order-book-title-text: #0048dc;
    --app--theme--pop-success-gradient-one: #31B5FF;
    --app--theme--pop-success-gradient-two: #0A51B6;
    --app--theme--pop-success-gradient-three: #0a1e81;
    --app--theme--earn-sort-filter-bar-color: #1B2338;
    --app--theme--earn-sort-filter-bar-color--o-1: rgba(27, 35, 56, 0.1);
    --app--theme--earn-sort-filter-bar-color--o-2: rgba(27, 35, 56, 0.2);
    --app--theme--earn-sort-filter-bar-color--o-3: rgba(27, 35, 56, 0.3);
    --app--theme--earn-sort-filter-bar-color--o-4: rgba(27, 35, 56, 0.4);
    --app--theme--earn-sort-filter-bar-color--o-5: rgba(27, 35, 56, 0.5);
    --app--theme--earn-sort-filter-bar-color--o-6: rgba(27, 35, 56, 0.6);
    --app--theme--earn-sort-filter-bar-color--o-7: rgba(27, 35, 56, 0.7);
    --app--theme--earn-sort-filter-bar-color--o-8: rgba(27, 35, 56, 0.8);
    --app--theme--earn-sort-filter-bar-color--o-9: rgba(27, 35, 56, 0.9);
    --app--theme--earn-text-color: #ffffff;
    --app--theme--earn-text-color--o-1: rgba(255, 255, 255, 0.1);
    --app--theme--earn-text-color--o-2: rgba(255, 255, 255, 0.2);
    --app--theme--earn-text-color--o-3: rgba(255, 255, 255, 0.3);
    --app--theme--earn-text-color--o-4: rgba(255, 255, 255, 0.4);
    --app--theme--earn-text-color--o-5: rgba(255, 255, 255, 0.5);
    --app--theme--earn-text-color--o-6: rgba(255, 255, 255, 0.6);
    --app--theme--earn-text-color--o-7: rgba(255, 255, 255, 0.7);
    --app--theme--earn-text-color--o-8: rgba(255, 255, 255, 0.8);
    --app--theme--earn-text-color--o-9: rgba(255, 255, 255, 0.9);
    --app--theme--earn-description-text: #ffffff;
    --app--theme--earn-product-filter-tab: #ffffff;
    --app--theme--earn-match-check-box-text: #ffffff;
    --app--theme--earn-faq-bg: rgba(1, 2, 3, 0.2);
    --app--theme--earn-faq-content: #CBD6E1;
    --app--theme--earn-bg-gradient-base: #033D90;
    --app--theme--earn-bg-gradient-one: #31B5FF;
    --app--theme--earn-bg-gradient-two: #0A51B6;
    --app--theme--earn-bg-gradient-three: #0a1e81;
    --app--theme--header-dropdown-text: #1B2338;
    --app--theme--header-dropdown-sub-text: #7E8F9F;
    --app--theme--header-dropdown-bg: #ffffff;
    --app--theme--header-dropdown-hover-bg: rgba(240, 244, 248, 0.4);
    --app--theme--header-dropdown-view-all: #015fe5;
    --app--theme--header-dropdown-border-line: #E3EAF0;
    --app--theme--reconnecting-dialog-refresh-text: #31B5FF;
    --app--theme--otc-tab-text: #ffffff;
    --app--theme--banner-simple-title: #ffffff;
    --app--theme--home-currency-selector-bg: #31B5FF;
    --app--theme--home-security-section-bg: #ffffff;
    --app--theme--home-security-section-title: #010203;
    --app--theme--home-security-section-description: #4C5763;
    --app--theme--app-intro-bg: linear-gradient(<br> 180deg, <br> var(--app--color--primary-dark) 39.58%, <br> var(--app--color--primary-darker)<br>);
    --app--theme--vip-program-masthead-gradient-bg: linear-gradient(90deg, var(--app--color--primary) 0%, var(--app--color--primary-darker) 50%, var(--app--color--primary) 100%);
    --app--theme--vip-program-masthead-gradient-bg-login-mobile: linear-gradient(348.69deg, #010203 3.88%, #033d90 92.72%);
    --app--theme--vip-program-masthead-right-content-bg: radial-gradient(<br> 65.63% 64.69% at 31.86% 33.94%, <br> rgba(22, 125, 220, 0.5) 0%, <br> rgba(0, 0, 0, 0.5) 100%<br>), <br> linear-gradient(0deg, #0c4dad, #0c4dad), <br> linear-gradient(<br> 74.17deg, <br> rgba(66, 74, 77, 0.6) 15.27%, <br> rgba(158, 161, 161, 0.6) 29.98%, <br> rgba(120, 126, 126, 0.6) 41.01%, <br> rgba(72, 81, 83, 0.6) 55.72%, <br> rgba(71, 79, 82, 0.6) 66.29%, <br> rgba(106, 111, 113, 0.6) 80.08%, <br> rgba(65, 73, 75, 0.6) 95.7%<br>);
    --app--theme--vip-program-masthead-right-content-box-shadow: 5px 7px 20px rgba(19, 27, 41, 0.28), <br> inset 0 1px 2px rgba(0, 100, 255, 0.81), <br> inset -2px -2px 3px rgba(16, 16, 40, 0.84);
    --app--theme--vip-program-masthead-right-content-progress-bar-bg: linear-gradient(<br> 88.63deg, <br> var(--app--color--accent-teal-light) 17.83%, <br> var(--app--theme--pop-success-gradient-one) 98.86%<br>);
    --app--theme--vip-program-masthead-text: #ffffff;
    --app--theme--vip-program-button-bg: #00b15d;
    --app--theme--vip-program-button-hover-bg: #00964F;
    --app-theme--dropdown-option-background-color: rgba(49, 181, 255, 0.05);
    --app--theme--login-footer-link: #4C5763;
    --app--theme--login-footer-copyright: #7E8F9F;
    --app--theme-trading-form-button-bg: #f7f9fb;
    --app--theme-trading-form-ordery-type-tab: #F1F5F9;
    --app--theme--price-up-bg: rgba(16, 186, 104, 0.12);
    --app--theme--price-down-bg: rgba(255, 90, 90, 0.12);
    --app--theme--trading-page-active-bg: #ffffff;
    --app--theme--nav-btn: #F0F4F8;
    --app--theme--nav-btn-active: #ffffff;
    --app--theme--result-fail-bg-gradient-one: #00A3FF;
    --app--theme--result-fail-bg-gradient-two: #0A51B6;
    --app--theme--result-fail-bg-gradient-three: #0A1E81;
    --app--theme--result-fail-fence: #00A3FF;
    --app--theme--result-fail-flash-bottom: #2A385D;
    --app--theme--result-success-highlight: #00A3FF;
    --app--theme--share-pnl-social-icon-bg: #015fe5;
    --app--theme--share-pnl-social-x-icon-bg: #000000;
    --app--theme--share-pnl-social-whatsapp-icon-bg: #59c36a;
    --app--theme--share-pnl-social-telegram-icon-bg: #4daaf8;
    --app--theme--share-pnl-social-icon: #ffffff;
    --app--main--font-family: BTSE, "Helvetica Neue", "Helvetica", "Arial", "PingFang TC", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", "sans-serif";
    --app--title--font-family: BTSE;
    --app--theme--button-border-radius: 4px;
    --app--theme--wallet-filter-border-radius: 2.4px;
    --app--theme--wallet-filter-border: 1px solid var(--app--color--blue-grey);
    --app--theme--wallet-balance-value-font-weight: 500;
    --app--theme--wallet-action-border: 1px solid var(--app--color--blue-grey-lighter);
    --app--theme--wallet-action-icon-size: 24px;
    --app--theme--wallet-spot-action-icon-size: 22px;
    --app--theme--wallet-future-wallet-icon-size: 22px;
    --app--theme--wallet-more-action-icon-size: 26px;
    --app--theme--wallet-action-hover-box-shadow: 0 2px 4px rgba(51, 62, 77, 0.15), 0 0 14px rgba(72, 96, 130, 0.15);
    --app--theme--icon-font-weight: 500;
    --app--theme--otc-button-border-radius: 4px;
    --app--theme--history-button-border-radius: 4px;
    --app--theme--history-button-font-weight: bold;
    --app--theme--verification-button-border-radius: 2px;
    --app--theme--footer-max-width: 1280px;
    --app--theme--c2c-mobile-header-order-id-font-size: 14px;
    --app--theme--c2c-mobile-header-order-date-font-size: 14px;
    --app--theme--home-security-section-box-shadow: 0 4px 44px rgba(10, 30, 129, 0.05);
    --app--theme--trading-bot-marketplace-card-user-name-text-shadow: 0 0 4px var(--app--color--primary-light), 0 0 8px var(--app--color--primary-light);
    --app--theme--share-pnl-logo-height: 28px;
}

.theme-night {
    --app--theme--section-bg: #131B29;
    --app--theme--section-title: #F0F4F8;
    --app--theme--section-border: #1B2338;
    --app--theme--trading-page-bg: #131B29;
    --app--theme--trading-page-dark: #1B2338;
    --app--theme--main-bg: #010203;
    --app--theme--hamburger-bg: #1E3059;
    --app--theme--tooltip-bg: #4C5763;
    --app--theme--header-bg: #010203;
    --app--theme--header-content: #ffffff;
    --app--theme--header-mobile-bg: #010203;
    --app--theme--header-simple-bg: #ffffff;
    --app--theme--header-simple-mobile-bg: #ffffff;
    --app--theme--header-simple-content: #131B29;
    --app--theme--header-simple-border-bottom: #E3EAF0;
    --app--theme--header-transparent-content: #ffffff;
    --app--theme--header-transparent-light-content: #131B29;
    --app--theme--header-dropdown-menu-icon-hover: #ffffff;
    --app--theme--header-dropdown-menu-icon-hover-bg: rgba(240, 244, 248, 0.2);
    --app--theme--header-dropdown-menu-text: #ffffff;
    --app--theme--header-dropdown-menu-sub-text: #ffffff;
    --app--theme--header-dropdown-menu-list-icon: #ffffff;
    --app--theme--header-dropdown-menu-panel-bg: #010203;
    --app--theme--header-dropdown-menu-list-hover-bg: #1B2338;
    ---app--theme--header-dropdown-menu-panel-vertical-line: #E3EAF0;
    --app--theme--header-notification-date: #ffffff;
    --app--theme--header-notification-time: #CBD6E1;
    --app--theme--header-notification-title: #ffffff;
    --app--theme--header-notification-subtitle: #CBD6E1;
    --app--theme--header-notification-border: #334573;
    --app--theme--header-notification-down-icon: #ffffff;
    --app--theme-header-wallet-top-block-arrow: #7E8F9F;
    --app--theme-header-wallet-top-block-arrow-hover: #4C5763;
    --app--theme-header-wallet-top-block-text: #7E8F9F;
    --app--theme-header-wallet-top-block-main-asset: #ffffff;
    --app--theme-header-wallet-top-block-bottom-divider: #1E3059;
    --app--theme-header-wallet-top-block-action-border: #1E3059;
    --app--theme-header-wallet-top-block-action-icon: #31B5FF;
    --app--theme--route-tab-switcher-bg: #010203;
    --app--theme--route-tab-switcher-mobile-bg: #010203;
    --app--theme--mobile-menu-bg: #010203;
    --app--theme--mobile-menu-text: #ffffff;
    --app--theme--mobile-menu-icon: #ffffff;
    --app--theme--divider: #1B2338;
    --app--theme--border: #4C5763;
    --app--theme--input-bg: #1E3059;
    --app--theme--input-bg-tooltip: rgba(126, 143, 159, 0.3);
    --app--theme--input-name: #7E8F9F;
    --app--theme--input-placeholder: #7E8F9F;
    --app--theme--input-content: #F0F4F8;
    --app--theme--input-suffix-content: #ffffff;
    --app--theme--input-border: #4C5763;
    --app--theme--input-suffix-btn-bg: #334573;
    --app--theme--input-suffix-btn-text: #ffffff;
    --app--theme--input-secondary-suffix-btn-bg: #4C5763;
    --app--theme--input-secondary-suffix-btn-text: #ffffff;
    --app--theme--dropdown-bg: #1E3059;
    --app--theme--dropdown-item-bg-hover: #131B29;
    --app--theme--dropdown-item-title-hover: #F0F4F8;
    --app--theme--dropdown-header-bg: #000000;
    --app--theme--card-tab-bg: rgba(203, 214, 225, 0.1);
    --app--theme--card-tab-bg-selected: #131B29;
    --app--theme--card-tab-title: #7E8F9F;
    --app--theme--card-tab-title-selected: #F0F4F8;
    --app--theme--slider-tab-bg: transparent;
    --app--theme--slider-tab-title: #ffffff;
    --app--theme--slider-tab-indicator: #ffffff;
    --app--theme--slider-subtitle: #ffffff;
    --app--theme--button-bg: #015fe5;
    --app--theme--button-border: #015fe5;
    --app--theme--button-title: #ffffff;
    --app--theme--button-text-color: #fff;
    --app--theme--button-primary-text-color: #fff;
    --app--theme--futures-contract-detail-expand-button: #1E3059;
    --app--theme--secondary-button-bg: #CBD6E1;
    --app--theme--secondary-button-border: #CBD6E1;
    --app--theme--secondary-button-title: #1E3059;
    --app--theme--tertiary-button-bg: transparent;
    --app--theme--tertiary-button-border: #CBD6E1;
    --app--theme--tertiary-button-title: #CBD6E1;
    --app--theme--quaternary-button-bg: #1E3059;
    --app--theme--quaternary-button-border: #4C5763;
    --app--theme--quaternary-button-title: #ffffff;
    --app--theme--quinary-button-bg: #1E3059;
    --app--theme--quinary-button-border: #31B5FF;
    --app--theme--quinary-button-title: #31B5FF;
    --app--theme--checkbox-icon-border: #4C5763;
    --app--theme--checkbox-icon-border-selected: #F0F4F8;
    --app--theme--checkbox-icon-dot: #F0F4F8;
    --app--theme--checkbox-icon-bg: transparent;
    --app--theme--checkbox-icon-bg-selected: #4C5763;
    --app--theme--radio-icon-border: #4C5763;
    --app--theme--radio-icon-border-selected: #F0F4F8;
    --app--theme--radio-icon-dot: #F0F4F8;
    --app--theme--radio-icon-bg: transparent;
    --app--theme--radio-icon-bg-selected: #4C5763;
    --app--theme--toggle-track: #CBD6E1;
    --app--theme--toggle-track-active: #015fe5;
    --app--theme--toggle-icon: #F0F4F8;
    --app--theme--toggle-icon-active: #015fe5;
    --app--theme--form-item-border: #4C5763;
    --app--theme--form-item-border-selected: #F0F4F8;
    --app--theme--form-item-bg: #131B29;
    --app--theme--nav-item-content: #F0F4F8;
    --app--theme--nav-market-content: #F0F4F8;
    --app--theme--nav-market-content-selected: #F0F4F8;
    --app--theme--table-row: rgba(203, 214, 225, 0.08);
    --app--theme--table-row-hover: rgba(203, 214, 225, 0.15);
    --app--theme--table-content: #F0F4F8;
    --app--theme--secondary-table-content: #F0F4F8;
    --app--theme--table-empty: #F0F4F8;
    --app--theme--popup-title: #F0F4F8;
    --app--theme--popup-button-group-bg: rgba(30, 48, 89, 0.6);
    --app--theme--primary-content: #CBD6E1;
    --app--theme--primary-content-variant: #F0F4F8;
    --app--theme--secondary-content: #7E8F9F;
    --app--theme--main-content: #F0F4F8;
    --app--theme--icon: #CBD6E1;
    --app--theme--secondary-icon: #ffffff;
    --app--theme--icon-text-color: #F0F4F8;
    --app--theme--icon-text-color--o-1: rgba(240, 244, 248, 0.1);
    --app--theme--icon-text-color--o-2: rgba(240, 244, 248, 0.2);
    --app--theme--icon-text-color--o-3: rgba(240, 244, 248, 0.3);
    --app--theme--icon-text-color--o-4: rgba(240, 244, 248, 0.4);
    --app--theme--icon-text-color--o-5: rgba(240, 244, 248, 0.5);
    --app--theme--icon-text-color--o-6: rgba(240, 244, 248, 0.6);
    --app--theme--icon-text-color--o-7: rgba(240, 244, 248, 0.7);
    --app--theme--icon-text-color--o-8: rgba(240, 244, 248, 0.8);
    --app--theme--icon-text-color--o-9: rgba(240, 244, 248, 0.9);
    --app--theme--filter-bg: #1B2338;
    --app--theme--filter-content: #F0F4F8;
    --app--theme--menu-item-bg: #1E3059;
    --app--theme--wallet-filter-bg: #1B2338;
    --app--theme--wallet-filter-check-bg: #015fe5;
    --app--theme--login-gradient-one: #015fe5;
    --app--theme--login-gradient-two: #033D90;
    --app--theme--login-gradient-bg-one: rgba(49, 181, 255, 0.1);
    --app--theme--login-gradient-bg-two: rgba(49, 181, 255, 0.6);
    --app--theme--login-gradient-bg-three: rgba(49, 181, 255, 0.2);
    --app--theme--login-gradient-bg-four: rgba(49, 181, 255, 0.3);
    --app--theme--login-gradient-bg-five: #fff;
    --app--theme--wallet-nav-btn: #31B5FF;
    --app--theme--wallet-nav-btn-active: #ffffff;
    --app--theme--wallet-title: #31B5FF;
    --app--theme--wallet-action-name: #F0F4F8;
    --app--theme--wallet-futures-table-row: #334573;
    --app--theme--wallet-futures-table-row-detail: #1E3059;
    --app--theme--wallet-balance: #4C5763;
    --app--theme--wallet-balance-decimal: #CBD6E1;
    --app--theme--currency-bg: #1E3059;
    --app--theme--currency-bg-disable: rgba(19, 27, 41, 0.8);
    --app--theme--dialog-bg: #1b2338;
    --app--theme--secondary-dialog-bg: #131B29;
    --app--theme--dialog-header-bg: #1E3059;
    --app--theme--dialog-header-title: #ffffff;
    --app--theme--account-bg: #131B29;
    --app--theme--doughnut-bg: #1E3059;
    --app--theme--doughnut-text: #F0F4F8;
    --app--theme--mobileHeader-title-bg: #010203;
    --app--theme--mobileSubTab-bg: #010203;
    --app--theme--mobileSubTab-color: #4C5763;
    --app--theme--mobileSubTab-color--o-1: rgba(76, 87, 99, 0.1);
    --app--theme--mobileSubTab-color--o-2: rgba(76, 87, 99, 0.2);
    --app--theme--mobileSubTab-color--o-3: rgba(76, 87, 99, 0.3);
    --app--theme--mobileSubTab-color--o-4: rgba(76, 87, 99, 0.4);
    --app--theme--mobileSubTab-color--o-5: rgba(76, 87, 99, 0.5);
    --app--theme--mobileSubTab-color--o-6: rgba(76, 87, 99, 0.6);
    --app--theme--mobileSubTab-color--o-7: rgba(76, 87, 99, 0.7);
    --app--theme--mobileSubTab-color--o-8: rgba(76, 87, 99, 0.8);
    --app--theme--mobileSubTab-color--o-9: rgba(76, 87, 99, 0.9);
    --app--theme--mobileSubTab-activecolor: #E3EAF0;
    --app--theme--mobileSubTab-activecolor--o-1: rgba(227, 234, 240, 0.1);
    --app--theme--mobileSubTab-activecolor--o-2: rgba(227, 234, 240, 0.2);
    --app--theme--mobileSubTab-activecolor--o-3: rgba(227, 234, 240, 0.3);
    --app--theme--mobileSubTab-activecolor--o-4: rgba(227, 234, 240, 0.4);
    --app--theme--mobileSubTab-activecolor--o-5: rgba(227, 234, 240, 0.5);
    --app--theme--mobileSubTab-activecolor--o-6: rgba(227, 234, 240, 0.6);
    --app--theme--mobileSubTab-activecolor--o-7: rgba(227, 234, 240, 0.7);
    --app--theme--mobileSubTab-activecolor--o-8: rgba(227, 234, 240, 0.8);
    --app--theme--mobileSubTab-activecolor--o-9: rgba(227, 234, 240, 0.9);
    --app--theme--dialog--backgroundColor: #131B29;
    --app--theme--dialog--color: #F0F4F8;
    --app--theme--dialog--color--o-1: rgba(240, 244, 248, 0.1);
    --app--theme--dialog--color--o-2: rgba(240, 244, 248, 0.2);
    --app--theme--dialog--color--o-3: rgba(240, 244, 248, 0.3);
    --app--theme--dialog--color--o-4: rgba(240, 244, 248, 0.4);
    --app--theme--dialog--color--o-5: rgba(240, 244, 248, 0.5);
    --app--theme--dialog--color--o-6: rgba(240, 244, 248, 0.6);
    --app--theme--dialog--color--o-7: rgba(240, 244, 248, 0.7);
    --app--theme--dialog--color--o-8: rgba(240, 244, 248, 0.8);
    --app--theme--dialog--color--o-9: rgba(240, 244, 248, 0.9);
    --app--theme--dialog--title: #ffffff;
    --app--theme--dialog--content: #F0F4F8;
    --app--theme--dialog--header-backgroundColor: #334573;
    --app--theme--dialog--header-fontColor: #ffffff;
    --app--theme--tab--deactive: #334573;
    --app--theme--dialog--balance-fontColor: #E3EAF0;
    --app--theme--dialog--borderColor: #1E3059;
    --app--theme--dialog--inputColor: #ffffff;
    --app--theme--dialog--inputPalceHolderColor: #7E8F9F;
    --app--theme--dialog--inputBackgroundColor: #1E3059;
    --app--theme--dialog--amountinputDivider: #334573;
    --app--theme--dialog--button-color: #31B5FF;
    --app--theme--dialog--button-color--o-1: rgba(49, 181, 255, 0.1);
    --app--theme--dialog--button-color--o-2: rgba(49, 181, 255, 0.2);
    --app--theme--dialog--button-color--o-3: rgba(49, 181, 255, 0.3);
    --app--theme--dialog--button-color--o-4: rgba(49, 181, 255, 0.4);
    --app--theme--dialog--button-color--o-5: rgba(49, 181, 255, 0.5);
    --app--theme--dialog--button-color--o-6: rgba(49, 181, 255, 0.6);
    --app--theme--dialog--button-color--o-7: rgba(49, 181, 255, 0.7);
    --app--theme--dialog--button-color--o-8: rgba(49, 181, 255, 0.8);
    --app--theme--dialog--button-color--o-9: rgba(49, 181, 255, 0.9);
    --app--theme--dialog--button-color-hover: #015fe5;
    --app--theme--dialog--button-color-hover--o-1: rgba(1, 95, 229, 0.1);
    --app--theme--dialog--button-color-hover--o-2: rgba(1, 95, 229, 0.2);
    --app--theme--dialog--button-color-hover--o-3: rgba(1, 95, 229, 0.3);
    --app--theme--dialog--button-color-hover--o-4: rgba(1, 95, 229, 0.4);
    --app--theme--dialog--button-color-hover--o-5: rgba(1, 95, 229, 0.5);
    --app--theme--dialog--button-color-hover--o-6: rgba(1, 95, 229, 0.6);
    --app--theme--dialog--button-color-hover--o-7: rgba(1, 95, 229, 0.7);
    --app--theme--dialog--button-color-hover--o-8: rgba(1, 95, 229, 0.8);
    --app--theme--dialog--button-color-hover--o-9: rgba(1, 95, 229, 0.9);
    --app--theme--nav-bg: #1B2338;
    --app--theme--verification-button-bg-gradient-one: #015fe5;
    --app--theme--verification-button-bg-gradient-two: #015fe5;
    --app--theme--verification-restricted-jurisdiction: #31B5FF;
    --app--theme--verification-individual-label-color: #131B29;
    --app--theme--verification-individual-label-color--o-1: rgba(19, 27, 41, 0.1);
    --app--theme--verification-individual-label-color--o-2: rgba(19, 27, 41, 0.2);
    --app--theme--verification-individual-label-color--o-3: rgba(19, 27, 41, 0.3);
    --app--theme--verification-individual-label-color--o-4: rgba(19, 27, 41, 0.4);
    --app--theme--verification-individual-label-color--o-5: rgba(19, 27, 41, 0.5);
    --app--theme--verification-individual-label-color--o-6: rgba(19, 27, 41, 0.6);
    --app--theme--verification-individual-label-color--o-7: rgba(19, 27, 41, 0.7);
    --app--theme--verification-individual-label-color--o-8: rgba(19, 27, 41, 0.8);
    --app--theme--verification-individual-label-color--o-9: rgba(19, 27, 41, 0.9);
    --app--theme--verification-individual-upload: #015fe5;
    --app--theme--verification-confirm-btn-bg-gradient-one: #015fe5;
    --app--theme--verification-confirm-btn-bg-gradient-two: #015fe5;
    --app--theme--footer-icon: #7E8F9F;
    --app--theme--footer-icon-hover: #F0F4F8;
    --app--theme--referral-banner-title: #ffffff;
    --app--theme--referral-banner-gradient-one: #021126;
    --app--theme--referral-banner-gradient-two: #0e418a;
    --app--theme--referral-banner-button-bg-gradient-one: #a299ff;
    --app--theme--referral-banner-button-bg-gradient-two: #0d56c6;
    --app--theme--referral-banner-button-text: #fff;
    --app--theme--referral-card-bg: #082b5c;
    --app--theme--referral-card-title: #FFFFFF;
    --app--theme--referral-card-text-blue: #4ad4fe;
    --app--theme--referral-card-text-green: #00ffb8;
    --app--theme--referral-step-text: #007bff;
    --app--theme--referral-lastupdate-text: #4a5766;
    --app--theme--history-button-search-text: #ffffff;
    --app--theme--history-button-reset-text: #015fe5;
    --app--theme--register-btn: #00b15d;
    --app--theme--banner-gradient-one: #0020b4;
    --app--theme--banner-gradient-two: #1950f3;
    --app--theme--convert-bg-gradient-one: #31B5FF;
    --app--theme--convert-bg-gradient-two: #0A51B6;
    --app--theme--convert-text: #ffffff;
    --app--theme--futures2-title-text: #0048dc;
    --app--theme--pop-success-gradient-one: #31B5FF;
    --app--theme--pop-success-gradient-two: #0A51B6;
    --app--theme--pop-success-gradient-three: #0a1e81;
    --app--theme--header-dropdown-text: #ffffff;
    --app--theme--header-dropdown-sub-text: #CBD6E1;
    --app--theme--header-dropdown-bg: #010203;
    --app--theme--header-dropdown-hover-bg: #1B2338;
    --app--theme--header-dropdown-view-all: #31B5FF;
    --app--theme--header-dropdown-border-line: #334573;
    --app--theme--reconnecting-dialog-refresh-text: #015fe5;
    --app--theme--otc-tab-text: #ffffff;
    --app--theme--banner-simple-title: #ffffff;
    --app--theme-trading-form-button-bg: #1B2338;
    --app--theme-trading-form-ordery-type-tab: #131B29;
    --app--theme--trading-page-active-bg: #1E3059;
    --app--theme--header-account-arrow: #7E8F9F;
}



.vue-slider-dot {
    position: absolute;
    -webkit-transition: all 0s;
    transition: all 0s;
    z-index: 5
}

.vue-slider-dot:focus {
    outline: none
}

.vue-slider-dot-tooltip {
    position: absolute;
    visibility: hidden
}

.vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
.vue-slider-dot-tooltip-show {
    visibility: visible
}

.vue-slider-dot-tooltip-top {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-bottom {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.vue-slider-dot-tooltip-left {
    left: -10px;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.vue-slider-dot-tooltip-right {
    right: -10px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}


.vue-slider-marks {
    position: relative;
    width: 100%;
    height: 100%
}

.vue-slider-mark {
    position: absolute;
    z-index: 1
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
    width: 0;
    height: 100%;
    top: 50%
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
    top: 0
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
    top: 100%;
    margin-top: 10px
}

.vue-slider-ltr .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vue-slider-ltr .vue-slider-mark-step {
    left: 0
}

.vue-slider-ltr .vue-slider-mark-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vue-slider-rtl .vue-slider-mark {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.vue-slider-rtl .vue-slider-mark-step {
    right: 0
}

.vue-slider-rtl .vue-slider-mark-label {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
    width: 100%;
    height: 0;
    left: 50%
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
    left: 0
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
    left: 100%;
    margin-left: 10px
}

.vue-slider-btt .vue-slider-mark {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.vue-slider-btt .vue-slider-mark-step {
    top: 0
}

.vue-slider-btt .vue-slider-mark-label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vue-slider-ttb .vue-slider-mark {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vue-slider-ttb .vue-slider-mark-step {
    bottom: 0
}

.vue-slider-ttb .vue-slider-mark-label {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.vue-slider-mark-label,
.vue-slider-mark-step {
    position: absolute
}


.vue-slider-disabled {
    opacity: .5;
    cursor: not-allowed
}

.vue-slider-rail {
    background-color: #ccc;
    border-radius: 15px
}

.vue-slider-process {
    background-color: #3498db;
    border-radius: 15px
}

.vue-slider-mark {
    z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
    display: none
}

.vue-slider-mark-step {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .16)
}

.vue-slider-mark-label {
    font-size: 14px;
    white-space: nowrap
}

.vue-slider-dot-handle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32);
    box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32)
}

.vue-slider-dot-handle-focus {
    -webkit-box-shadow: 0 0 1px 2px rgba(52, 152, 219, .36);
    box-shadow: 0 0 1px 2px rgba(52, 152, 219, .36)
}

.vue-slider-dot-handle-disabled {
    cursor: not-allowed;
    background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border-color: #3498db;
    background-color: #3498db;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.vue-slider-dot-tooltip-inner:after {
    content: "";
    position: absolute
}

.vue-slider-dot-tooltip-inner-top:after {
    top: 100%;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom:after,
.vue-slider-dot-tooltip-inner-top:after {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    height: 0;
    width: 0
}

.vue-slider-dot-tooltip-inner-bottom:after {
    bottom: 100%;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after {
    left: 100%;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after,
.vue-slider-dot-tooltip-inner-right:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0
}

.vue-slider-dot-tooltip-inner-right:after {
    right: 100%;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 1
}


.vue-slider {
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.vue-slider-rail {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height, left, right, top, bottom;
    transition-property: width, height, left, right, top, bottom
}

.vue-slider-process {
    position: absolute;
    z-index: 1
}