[_ngcontent-ng-c1713271166]:root,
[data-theme=dark][_ngcontent-ng-c1713271166] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c1713271166] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c1713271166] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c1713271166] {
    background-color: var(--color-bg)
}

.ndax-reconnecting-overlay[_ngcontent-ng-c1713271166] {
    position: absolute;
    z-index: 10000000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    inset: 0;
    overflow: hidden;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.ndax-reconnecting-overlay[_ngcontent-ng-c1713271166] .reconnecting-widget[_ngcontent-ng-c1713271166] {
    background: var(--gradient-modal);
    box-shadow: var(--dialog-box-shadow);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 12px
}

.ndax-reconnecting-overlay[_ngcontent-ng-c1713271166] .reconnecting-widget[_ngcontent-ng-c1713271166] .ndax-spinner[_ngcontent-ng-c1713271166] {
    width: 40px;
    height: 40px;
    border-width: 4px;
    margin-bottom: 1rem
}

.ndax-reconnecting-overlay[_ngcontent-ng-c1713271166] .reconnecting-widget[_ngcontent-ng-c1713271166] .label[_ngcontent-ng-c1713271166] {
    text-transform: capitalize;
    color: var(--color-primary);
    font-stretch: expanded;
    letter-spacing: 1px
}


[_ngcontent-ng-c3956191007]:root,
[data-theme=dark][_ngcontent-ng-c3956191007] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c3956191007] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c3956191007] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c3956191007] {
    background-color: var(--color-bg)
}

.ndax-announcements[_ngcontent-ng-c3956191007] {
    position: static;
    top: 0;
    z-index: 11000;
    width: 100%;
    min-height: 40px;
    background-color: var(--color-purple-blue-300)
}

.ndax-announcements[_ngcontent-ng-c3956191007] .announcement[_ngcontent-ng-c3956191007] {
    width: 100%;
    padding: .5rem 3.5rem .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ndax-announcements[_ngcontent-ng-c3956191007] .announcement[_ngcontent-ng-c3956191007] .img[_ngcontent-ng-c3956191007] {
    height: 30px;
    width: 30px;
    margin-right: .5rem;
    border-radius: 50%;
    object-fit: cover
}

.ndax-announcements[_ngcontent-ng-c3956191007] .announcement[_ngcontent-ng-c3956191007] .text[_ngcontent-ng-c3956191007] {
    color: var(--color-white);
    font-size: 1rem;
    word-break: break-word
}

.ndax-announcements[_ngcontent-ng-c3956191007] .announcement[_ngcontent-ng-c3956191007] .icon[_ngcontent-ng-c3956191007] {
    position: absolute;
    right: 1rem;
    justify-self: flex-end;
    color: var(--color-white);
    cursor: pointer
}


[_ngcontent-ng-c3638285747]:root,
[data-theme=dark][_ngcontent-ng-c3638285747] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c3638285747] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c3638285747] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c3638285747] {
    background-color: var(--color-bg)
}

.trading-instrument-selector[_ngcontent-ng-c3638285747] .mobile-selector[_ngcontent-ng-c3638285747] {
    display: none
}

@media (max-width: 768px) {
    .trading-instrument-selector[_ngcontent-ng-c3638285747] .mobile-selector[_ngcontent-ng-c3638285747] {
        display: initial
    }
}

@media (max-width: 768px) {
    .trading-instrument-selector[_ngcontent-ng-c3638285747] .desktop-selector[_ngcontent-ng-c3638285747] {
        display: none
    }
}


[_ngcontent-ng-c1626925518]:root,
[data-theme=dark][_ngcontent-ng-c1626925518] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c1626925518] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c1626925518] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c1626925518] {
    background-color: var(--color-bg)
}


[_ngcontent-ng-c60051076]:root,
[data-theme=dark][_ngcontent-ng-c60051076] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c60051076] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c60051076] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c60051076] {
    background-color: var(--color-bg)
}

.ndax-fullscreen-menu-container[_ngcontent-ng-c60051076] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-overflow-scrolling: touch;
    transition: all .2s linear;
    transform: translate(100%);
    z-index: 100000;
    background: var(--gradient-modal)
}

.ndax-fullscreen-menu-container.ltr[_ngcontent-ng-c60051076] {
    transform: translate(-100%)
}

.ndax-fullscreen-menu-container.visible[_ngcontent-ng-c60051076] {
    transform: translate(0)
}


[_ngcontent-ng-c3346064790]:root,
[data-theme=dark][_ngcontent-ng-c3346064790] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c3346064790] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c3346064790] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c3346064790] {
    background-color: var(--color-bg)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-color) transparent
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .search-container[_ngcontent-ng-c3346064790] {
    width: 100%;
    padding: .5rem 1rem;
    height: 40px;
    border-bottom: 1px solid var(--color-border);
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 1rem;
    color: var(--color-primary);
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    box-sizing: border-box;
    flex-shrink: 0;
    background: var(--color-bg-low)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .search-container[_ngcontent-ng-c3346064790] .search-input[_ngcontent-ng-c3346064790] {
    width: 100%;
    background-color: transparent !important;
    outline: none;
    border: none;
    color: var(--color-primary);
    font-size: 1rem
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table-container[_ngcontent-ng-c3346064790] {
    overflow-y: auto
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] {
    width: 100%
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] {
    color: var(--color-primary)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th[_ngcontent-ng-c3346064790] {
    height: 32px;
    font-size: .75rem;
    min-width: 32px;
    z-index: 1;
    vertical-align: middle;
    color: var(--color-primary-low);
    text-transform: capitalize;
    text-align: start;
    cursor: default;
    pointer-events: none
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.icons[_ngcontent-ng-c3346064790] {
    width: 7.5%
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.fav[_ngcontent-ng-c3346064790] {
    width: 10%;
    cursor: pointer
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.symbol[_ngcontent-ng-c3346064790] {
    width: 26%
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.price[_ngcontent-ng-c3346064790] {
    width: 24%
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.change[_ngcontent-ng-c3346064790],
.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] th.vol[_ngcontent-ng-c3346064790] {
    width: 20%
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td[_ngcontent-ng-c3346064790] {
    height: 40px;
    vertical-align: middle;
    font-size: .75rem;
    cursor: pointer
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td[_ngcontent-ng-c3346064790] .crypto-pair[_ngcontent-ng-c3346064790] {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td[_ngcontent-ng-c3346064790] .crypto-pair[_ngcontent-ng-c3346064790] .product-icon[_ngcontent-ng-c3346064790] {
    display: block;
    width: 24px;
    max-height: 24px;
    object-fit: contain;
    object-position: center;
    margin: 0 1rem
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.fav[_ngcontent-ng-c3346064790] {
    cursor: pointer;
    color: var(--color-primary-low)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.fav[_ngcontent-ng-c3346064790] .icon[_ngcontent-ng-c3346064790] {
    font-size: 1rem;
    display: inline-block
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.fav.disabled[_ngcontent-ng-c3346064790] {
    opacity: 0;
    pointer-events: none;
    cursor: default
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.fav.active[_ngcontent-ng-c3346064790] {
    color: var(--color-gray-500)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.symbol[_ngcontent-ng-c3346064790] {
    cursor: pointer;
    white-space: nowrap
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.change.red[_ngcontent-ng-c3346064790] {
    color: var(--color-red-500)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790] td.change.green[_ngcontent-ng-c3346064790] {
    color: var(--color-green-500)
}

.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr[_ngcontent-ng-c3346064790]:hover,
.ndax-instruments-table[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] tr.active[_ngcontent-ng-c3346064790] {
    background-color: var(--color-bg-low)
}

.ndax-instruments-table.large[_ngcontent-ng-c3346064790] .search-container[_ngcontent-ng-c3346064790] {
    height: 60px;
    padding: 1rem
}

.ndax-instruments-table.large[_ngcontent-ng-c3346064790] .table[_ngcontent-ng-c3346064790] .tr[_ngcontent-ng-c3346064790] .td[_ngcontent-ng-c3346064790] {
    font-size: 1rem;
    height: 50px
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3CWWoKC.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3mWWoKC.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm36WWoKC.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3KWWoKC.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3OWWoKC.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: italic;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



#app-preloader {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background: radial-gradient(circle, #2b1d87 0, #1c182a 40%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

#lottie {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1
}


[_ngcontent-ng-c393754043]:root,
[data-theme=dark][_ngcontent-ng-c393754043] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c393754043] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c393754043] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c393754043] {
    background-color: var(--color-bg)
}

.sign-in__container[_ngcontent-ng-c393754043] {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.sign-in__form[_ngcontent-ng-c393754043],
.sign-in__form[_ngcontent-ng-c393754043] .clay-btn[_ngcontent-ng-c393754043] {
    width: 100%
}

.sign-in__restore[_ngcontent-ng-c393754043] {
    width: 100%;
    margin-bottom: 2rem;
    color: var(--color-white);
    font-size: .9rem;
    margin-top: 2rem
}


.captcha-container[_ngcontent-ng-c1790372770] {
    position: fixed;
    bottom: 0;
    right: 30px
}


[_ngcontent-ng-c3544480369]:root,
[data-theme=dark][_ngcontent-ng-c3544480369] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c3544480369] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c3544480369] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c3544480369] {
    background-color: var(--color-bg)
}

.clay-layout__container[_ngcontent-ng-c3544480369] {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    background-color: var(--color-black)
}

@media (max-width: 992px) {
    .clay-layout__container[_ngcontent-ng-c3544480369] {
        grid-template-columns: 1fr
    }
}

.clay-layout__container[_ngcontent-ng-c3544480369] .sw-btn__header[_ngcontent-ng-c3544480369] {
    display: none
}

@media (max-width: 992px) {
    .clay-layout__container[_ngcontent-ng-c3544480369] .sw-btn__header[_ngcontent-ng-c3544480369] {
        display: block
    }
}

.clay-layout__container[_ngcontent-ng-c3544480369] .sw-btn__footer[_ngcontent-ng-c3544480369] {
    display: block
}

@media (max-width: 992px) {
    .clay-layout__container[_ngcontent-ng-c3544480369] .sw-btn__footer[_ngcontent-ng-c3544480369] {
        display: none
    }
}

.clay-layout__left-block[_ngcontent-ng-c3544480369] {
    background: var(--gradient-box);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .clay-layout__left-block[_ngcontent-ng-c3544480369] {
        border-radius: 0
    }
}

.clay-layout__right-block[_ngcontent-ng-c3544480369] {
    height: 100vh;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    background-color: var(--color-black)
}

@media (max-width: 992px) {
    .clay-layout__right-block[_ngcontent-ng-c3544480369] {
        display: none
    }
}

.clay-layout__header[_ngcontent-ng-c3544480369] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    height: 104px;
    width: 100%
}

.clay-layout__header[_ngcontent-ng-c3544480369] .header-buttons[_ngcontent-ng-c3544480369] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.clay-layout__header[_ngcontent-ng-c3544480369] .header-buttons[_ngcontent-ng-c3544480369] .label[_ngcontent-ng-c3544480369] {
    color: var(--color-gray-400);
    font-size: .9rem
}

@media (max-width: 768px) {
    .clay-layout__header[_ngcontent-ng-c3544480369] .header-buttons[_ngcontent-ng-c3544480369] .label[_ngcontent-ng-c3544480369] {
        display: none
    }
}

.clay-layout__header[_ngcontent-ng-c3544480369] .header-buttons[_ngcontent-ng-c3544480369] .clay-btn[_ngcontent-ng-c3544480369] {
    min-width: 140px
}

@media (max-width: 460px) {
    .clay-layout__header[_ngcontent-ng-c3544480369] .header-buttons[_ngcontent-ng-c3544480369] {
        gap: .5rem
    }
}

@media (max-width: 768px) {
    .clay-layout__header[_ngcontent-ng-c3544480369] {
        padding: 1rem;
        height: auto
    }

    .clay-layout__header[_ngcontent-ng-c3544480369] .ndax-logo[_ngcontent-ng-c3544480369] {
        width: 120px
    }
}

@media (max-width: 460px) {
    .clay-layout__header[_ngcontent-ng-c3544480369] .ndax-logo[_ngcontent-ng-c3544480369] {
        width: 90px
    }
}

.clay-layout__form[_ngcontent-ng-c3544480369] {
    max-height: calc(100vh - 224px);
    overflow-y: auto;
    overflow-x: hidden;
    margin: auto -1rem;
    width: 100%;
    display: flex;
    justify-content: center
}

@media (max-width: 460px) {
    .clay-layout__form[_ngcontent-ng-c3544480369] {
        max-width: 100%
    }
}

.clay-layout__form-inner[_ngcontent-ng-c3544480369] {
    width: 100%;
    max-width: 600px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.clay-layout__form-inner[_ngcontent-ng-c3544480369] .header-title[_ngcontent-ng-c3544480369] {
    color: var(--color-white);
    font-size: 3rem;
    margin-bottom: 2rem;
    line-height: 3.5rem
}

.clay-layout__form-inner[_ngcontent-ng-c3544480369] .header-title-image[_ngcontent-ng-c3544480369] {
    width: 140px;
    margin-bottom: 2rem
}

@media (max-width: 768px) {
    .clay-layout__form-inner[_ngcontent-ng-c3544480369] {
        padding: 1rem
    }

    .clay-layout__form-inner[_ngcontent-ng-c3544480369] .header-title[_ngcontent-ng-c3544480369] {
        font-size: 2rem;
        line-height: initial;
        text-align: center
    }
}

.clay-layout__footer[_ngcontent-ng-c3544480369] {
    padding: 2rem 2rem 1rem;
    color: var(--color-gray-400);
    font-size: .9rem;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 768px) {
    .clay-layout__footer[_ngcontent-ng-c3544480369] {
        padding: 0 1rem 1rem;
        font-size: .8rem;
        height: auto;
        justify-content: center
    }
}


[_ngcontent-ng-c4024250889]:root,
[data-theme=dark][_ngcontent-ng-c4024250889] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c4024250889] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c4024250889] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c4024250889] {
    background-color: var(--color-bg)
}

.support-widget-btn[_ngcontent-ng-c4024250889] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.support-widget-btn[_ngcontent-ng-c4024250889] .icon[_ngcontent-ng-c4024250889] {
    font-size: 1.5rem
}

.support-widget-btn[_ngcontent-ng-c4024250889] .badge[_ngcontent-ng-c4024250889] {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-lime-500);
    color: var(--color-black);
    font-size: .75rem
}


[_ngcontent-ng-c2763665831]:root,
[data-theme=dark][_ngcontent-ng-c2763665831] {
    --color-primary: var(--color-white);
    --color-primary-low: var(--color-gray-400);
    --color-bg: var(--color-black);
    --color-bg-low: var(--color-alpha-gray-30);
    --color-bg-low-static: var(--color-alpha-gray-30-static);
    --color-border: var(--color-gray-700);
    --card-border-color: transparent;
    --topnav-bg-color: transparent;
    --color-accent: var(--color-lime-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-dark-green-100);
    --color-green-200: var(--color-dark-green-200);
    --color-green-500: var(--color-dark-green-500);
    --color-green-700: var(--color-dark-green-700);
    --color-green-800: var(--color-dark-green-800);
    --color-green-900: var(--color-dark-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-dark);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-dark);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-dark);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-purple-blue-300);
    --input-bg-color: var(--color-alpha-gray-30);
    --input-hover-bg-color: var(--color-alpha-gray-80);
    --input-disabled-bg-color: var(--color-alpha-gray-80);
    --select-bg-color: var(--color-alpha-gray-30);
    --select-hover-bg-color: var(--color-alpha-gray-80);
    --select-disabled-bg-color: var(--color-alpha-gray-80);
    --select-arrow: var(--select-arrow-dark);
    --select-arrow-disabled: var(--select-arrow-dark-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-300);
    --dropdown-bg-color: var(--color-gray-700);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-cyan-500);
    --color-chart-grid-line: var(--color-gray-700);
    --modal-backdrop-bg-color: var(-color-alpha-black-90);
    --table-overlay: var(--table-overlay-dark);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-500);
    --datepicker-range-selection-color: var(--color-gray-600);
    --datepicker-range-borders-color: var(--color-purple-blue-500);
    --news-pg-icon-bg-color: var(--color-gray-600);
    --btn-accent-bg-color: var(--color-lime-500);
    --btn-accent-font-color: var(--color-black);
    --btn-accent-hover-bg-color: color-mix(in srgb, var(--color-lime-500) 90%, transparent);
    --btn-accent-hover-font-color: var(--color-black);
    --btn-accent-border-color: var(--color-purple-blue-300);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-gray-800);
    --btn-default-font-color: var(--color-white);
    --btn-default-hover-bg-color: color-mix(in srgb, var(--color-gray-800) 90%, transparent);
    --btn-default-hover-font-color: var(--color-white);
    --btn-default-border-color: var(--color-purple-blue-300);
    --btn-default-shadow-color: var(--color-alpha-gray-50);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-black);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-black);
    --btn-positive-border-color: var(--color-purple-blue-300);
    --btn-positive-shadow-color: var(--color-alpha-gray-50);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-black);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-black);
    --btn-negative-border-color: var(--color-purple-blue-300);
    --btn-negative-shadow-color: var(--color-alpha-gray-50);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-black);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-black);
    --toggle-default-bg-color: var(--color-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-600);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-900);
    --notification-info-font-color: var(--color-cyan-500);
    --notification-success-bg-color: var(--color-green-900);
    --notification-success-font-color: var(--color-green-500);
    --notification-warn-bg-color: var(--color-orange-900);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-900);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme=light][_ngcontent-ng-c2763665831] {
    --color-primary: var(--color-gray-800);
    --color-primary-low: var(--color-gray-500);
    --color-bg: var(--color-gray-100);
    --color-bg-low: var(--color-light-alpha-gray-35);
    --color-bg-low-static: var(--color-light-alpha-gray-35-static);
    --color-border: var(--color-gray-200);
    --card-border-color: var(--color-gray-200);
    --topnav-bg-color: var(--color-white);
    --color-accent: var(--color-purple-blue-500);
    --color-white: #ffffff;
    --color-gray-100: #f7f9fc;
    --color-gray-200: #EDF0F6;
    --color-gray-300: #D8DEEB;
    --color-gray-400: #A0A4AE;
    --color-gray-500: #7E7E8C;
    --color-gray-600: #403D4F;
    --color-gray-700: #2E2A3B;
    --color-gray-800: #19142C;
    --color-gray-900: #110B24;
    --color-black: #08021D;
    --color-purple-blue-300: #8473FF;
    --color-purple-blue-400: #5D49F2;
    --color-purple-blue-500: #3C22F3;
    --color-purple-blue-800: #1D005E;
    --color-purple-blue-900: #13003F;
    --color-lime-500: #C2FF52;
    --color-purple-500: #984FF5;
    --color-orange-100: #FFF2EB;
    --color-orange-200: #FFCC80;
    --color-orange-500: #FF7B39;
    --color-orange-700: #C2410C;
    --color-orange-800: #462024;
    --color-orange-900: #2D1421;
    --color-cyan-100: #EAFBFF;
    --color-cyan-500: #2BD6FC;
    --color-cyan-600: #20A1BD;
    --color-cyan-900: #00273A;
    --color-pink-500: #FF52CE;
    --color-yellow-500: #FADE3F;
    --color-blue-500: #177AFF;
    --color-green-100: var(--color-light-green-100);
    --color-green-200: var(--color-light-green-200);
    --color-green-500: var(--color-light-green-500);
    --color-green-700: var(--color-light-green-700);
    --color-green-800: var(--color-light-green-800);
    --color-green-900: var(--color-light-green-900);
    --color-dark-green-100: #EDFAF5;
    --color-dark-green-200: #C7F2E4;
    --color-dark-green-500: #14F5B1;
    --color-dark-green-700: #009487;
    --color-dark-green-800: #0B3B45;
    --color-dark-green-900: #0A1D30;
    --color-light-green-100: #EBFAF5;
    --color-light-green-200: #CCF2E7;
    --color-light-green-500: #00BE85;
    --color-light-green-700: #058868;
    --color-light-green-800: #0A524B;
    --color-light-green-900: #0E2F37;
    --color-red-100: #FFF5F5;
    --color-red-200: #FFE0E8;
    --color-red-500: #FF4D6A;
    --color-red-700: #F2304A;
    --color-red-800: #451635;
    --color-red-900: #2B0C2B;
    --color-alpha-gray-10: rgba(64, 61, 79, .1);
    --color-alpha-gray-20: rgba(64, 61, 79, .2);
    --color-alpha-gray-30: rgba(64, 61, 79, .3);
    --color-alpha-gray-30-static: #211c34;
    --color-alpha-gray-50: rgba(64, 61, 79, .5);
    --color-alpha-gray-80: rgba(64, 61, 79, .8);
    --color-alpha-black-50: rgba(8, 2, 29, .5);
    --color-alpha-black-80: rgba(8, 2, 29, .8);
    --color-alpha-black-90: rgba(8, 2, 29, .9);
    --color-alpha-lime-30: rgba(194, 255, 82, .3);
    --color-alpha-green-30: rgba(20, 245, 177, .3);
    --color-alpha-red-30: rgba(255, 77, 106, .3);
    --color-light-alpha-gray-15: rgba(216, 222, 235, .15);
    --color-light-alpha-gray-35: rgba(216, 222, 235, .35);
    --color-light-alpha-gray-35-static: #f2f4f7;
    --color-light-alpha-gray-50: rgba(216, 222, 235, .5);
    --color-light-alpha-gray-80: rgba(216, 222, 235, .8);
    --gradient-box: var(--gradient-box-light);
    --gradient-box-dark: linear-gradient(180deg, rgba(25, 20, 44, .7) 0%, rgba(25, 20, 44, .3) 100%);
    --gradient-box-light: linear-gradient(180deg, white 0%, white 100%);
    --gradient-modal: var(--gradient-modal-light);
    --gradient-modal-dark: linear-gradient(180deg, #19142C 0%, #110B24 100%);
    --gradient-modal-light: linear-gradient(180deg, white 0%, #EDF0F6 100%);
    --gradient-box-filled: linear-gradient(to top, var(--color-gray-800) 100%, var(--color-gray-900) 100%);
    --gradient-tabbar: linear-gradient(to top, var(--color-gray-800) 70%, var(--color-black) 100%);
    --quick-trade-gradient: var(--quick-trade-gradient-light);
    --quick-trade-gradient-dark: linear-gradient(180deg, rgba(64, 61, 79, .32) 0%, rgba(64, 61, 79, .08) 100%);
    --quick-trade-gradient-light: linear-gradient(180deg, rgba(216, 222, 235, .3) 0%, rgba(216, 222, 235, .14) 100%);
    --dialog-box-shadow: 0 0 40px 0 var(--color-gray-700);
    --shadow-ellipsis-bg-color: var(--color-white);
    --input-bg-color: var(--color-light-alpha-gray-35);
    --input-hover-bg-color: var(--color-light-alpha-gray-50);
    --input-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-bg-color: var(--color-light-alpha-gray-35);
    --select-hover-bg-color: var(--color-light-alpha-gray-50);
    --select-disabled-bg-color: var(--color-light-alpha-gray-50);
    --select-arrow: var(--select-arrow-light);
    --select-arrow-disabled: var(--select-arrow-light-disabled);
    --select-arrow-dark: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-dark-disabled: url("data:image/svg+xml;utf8,<svg fill='lightgray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light: url("data:image/svg+xml;utf8,<svg fill='19142C' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --select-arrow-light-disabled: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    --link-color: var(--color-purple-blue-800);
    --dropdown-bg-color: var(--color-gray-100);
    --dropdown-box-shadow: 8px 8px 6px 0px rgba(8, 2, 29, .25);
    --color-chart-line: var(--color-purple-blue-300);
    --color-chart-grid-line: var(--color-gray-200);
    --modal-backdrop-bg-color: var(--color-light-alpha-gray-80);
    --table-overlay: var(--table-overlay-light);
    --table-overlay-dark: linear-gradient(to top, var(--color-black) 0%, rgba(255, 255, 255, 0) 100%);
    --table-overlay-light: linear-gradient(to top, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    --scrollbar-color: var(--color-gray-400);
    --datepicker-range-selection-color: var(--color-gray-300);
    --datepicker-range-borders-color: var(--color-purple-blue-800);
    --news-pg-icon-bg-color: var(--color-gray-300);
    --btn-accent-bg-color: var(--color-purple-blue-500);
    --btn-accent-font-color: var(--color-white);
    --btn-accent-hover-bg-color: var(--color-purple-blue-400);
    --btn-accent-hover-font-color: var(--color-white);
    --btn-accent-border-color: var(--color-purple-blue-500);
    --btn-accent-shadow-color: var(--color-alpha-gray-50);
    --btn-default-bg-color: var(--color-light-alpha-gray-35);
    --btn-default-font-color: var(--color-black);
    --btn-default-hover-bg-color: var(--color-light-alpha-gray-80);
    --btn-default-hover-font-color: var(--color-purple-blue-500);
    --btn-default-border-color: var(--color-purple-blue-500);
    --btn-default-shadow-color: var(--color-alpha-gray-30);
    --btn-positive-bg-color: var(--color-green-500);
    --btn-positive-font-color: var(--color-white);
    --btn-positive-hover-bg-color: color-mix(in srgb, var(--color-green-500) 90%, transparent);
    --btn-positive-hover-font-color: var(--color-white);
    --btn-positive-border-color: var(--color-purple-blue-500);
    --btn-positive-shadow-color: var(--color-alpha-gray-30);
    --btn-negative-bg-color: var(--color-red-500);
    --btn-negative-font-color: var(--color-white);
    --btn-negative-hover-bg-color: color-mix(in srgb, var(--color-red-500) 90%, transparent);
    --btn-negative-hover-font-color: var(--color-white);
    --btn-negative-border-color: var(--color-purple-blue-500);
    --btn-negative-shadow-color: var(--color-alpha-gray-30);
    --buy-btn-bg-color: var(--color-green-500);
    --buy-btn-font-color: var(--color-white);
    --sell-btn-bg-color: var(--color-red-500);
    --sell-btn-font-color: var(--color-white);
    --toggle-default-bg-color: var(--color-light-alpha-gray-80);
    --toggle-selected-bg-color: var(--color-purple-blue-500);
    --toggle-hovered-bg-color: var(--color-purple-blue-300);
    --rs-default-bg-color: var(--color-gray-300);
    --rs-active-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-bg-color: var(--color-purple-blue-500);
    --rs-tooltip-font-color: var(--color-white);
    --notification-info-bg-color: var(--color-cyan-100);
    --notification-info-font-color: var(--color-cyan-600);
    --notification-success-bg-color: var(--color-light-green-100);
    --notification-success-font-color: var(--color-light-green-500);
    --notification-warn-bg-color: var(--color-orange-100);
    --notification-warn-font-color: var(--color-orange-500);
    --notification-error-bg-color: var(--color-red-200);
    --notification-error-font-color: var(--color-red-500)
}

[data-theme-color][_ngcontent-ng-c2763665831] {
    color: var(--color-primary)
}

[data-theme-bg][_ngcontent-ng-c2763665831] {
    background-color: var(--color-bg)
}

.ndax-error-message[_ngcontent-ng-c2763665831] {
    display: flex;
    margin-top: .5rem;
    font-size: .8rem;
    color: var(--color-red-500)
}

.ndax-error-message[_ngcontent-ng-c2763665831] .icon[_ngcontent-ng-c2763665831] {
    margin-right: .5rem;
    font-size: 1rem
}