:root {
    --neutral--0: #ffffff;
    --neutral--50: #f8f9fa;
    --neutral--100: #f2f3f6;
    --neutral--200: #d8dae0;
    --neutral--300: #6d7081;
    --neutral--400: #3b3d4a;
    --neutral--500: #262831;
    --neutral--600: #1d1e20;
    --neutral--700: #161718;
    --neutral--800: #000000;
    --primary--50: #f1ecff;
    --primary--100: #e2dbfc;
    --primary--200: #c5b8f8;
    --primary--300: #b39ef3;
    --primary--350: #8c52ff;
    --primary--400: #7253ee;
    --primary--500: #673de6;
    --primary--600: #5025d1;
    --primary--700: #45209d;
    --primary--800: #2f1c6a;
    --primary--900: #261559;
    --primary--1000: #1f1346;
    --meteorite--50: #f5f5ff;
    --meteorite--100: #eaeaff;
    --meteorite--200: #cbc8ff;
    --meteorite--300: #b6b2ff;
    --meteorite--400: #a19bff;
    --meteorite--500: #8c85ff;
    --light-blue--50: #fafbff;
    --light-blue--100: #f4f5ff;
    --light-blue--200: #d5dfff;
    --light-blue--300: #c3cce9;
    --light-blue--400: #b0b9d4;
    --light-blue--500: #888faa;
    --danger--50: #fff3f7;
    --danger--100: #ffe8ef;
    --danger--200: #fea8c2;
    --danger--300: #fd8bad;
    --danger--400: #fc6e99;
    --danger--500: #fc5185;
    --danger--600: #d63163;
    --danger--700: #b22852;
    --warning--100: #fff8e2;
    --warning--200: #ffd28c;
    --warning--500: #ffcd35;
    --warning--600: #fea419;
    --warning--700: #9f6000;
    --success--100: #def4f0;
    --success--200: #80d8c8;
    --success--500: #00b090;
    --success--600: #008361;
    --neon--500: #ccff00;
    --neon--600: #bded00;
    --peridot--500: #00ff00;
    --peridot--600: #20e052;
    --niaga-primary: #007aff;
    --niaga-primary-dark: #002199;
    --niaga-primary-light: #e0efff;
    --niaga-primary-lightest: #ebf4ff;
    --niaga-primary-chart: #80bdff;
    --niaga-meteorite: #43ccff;
    --niaga-meteorite-dark: #01012e;
    --niaga-meteorite-light: #f5faff;
    --niaga-warning: #ff9800;
    --niaga-warning-dark: #ff5a00;
    --niaga-warning-chart: #ffcb80;
    --niaga-white-blue: #f5faff;
    --niaga-darken-light: #e0efff;
    --niaga-blue-dark: #265ab2
}

:root {
    --z-index-1: 100;
    --z-index-2: 200;
    --z-index-3: 300;
    --z-index-4: 400;
    --z-index-hp-action: 400;
    --z-index-5: 500;
    --z-index-6: 600;
    --z-index-modal: 600;
    --z-index-hp-action-modal: 700;
    --z-index-10: 1000;
    --z-index-intercom-1: 1100;
    --z-index-intercom-2: 1200;
    --z-index-intercom-3: 1300;
    --z-index-max: 2147483647;
    --z-index-child-1: 10;
    --z-index-child-2: 20
}

:root {
    --color-title-1: var(--neutral-600);
    --font-size-title-1: 40px;
    --line-height-title-1: 48px;
    --font-weight-title-1: 700;
    --letter-spacing-title-1: 0;
    --color-title-2: var(--neutral-600);
    --font-size-title-2: 36px;
    --line-height-title-2: 40px;
    --font-weight-title-2: 700;
    --letter-spacing-title-2: 0;
    --color-title-3: var(--neutral-600);
    --font-size-title-3: 32px;
    --line-height-title-3: 36px;
    --font-weight-title-3: 700;
    --letter-spacing-title-3: 0;
    --color-heading-1: var(--neutral-600);
    --font-size-heading-1: 24px;
    --line-height-heading-1: 32px;
    --font-weight-heading-1: 700;
    --letter-spacing-heading-1: 0;
    --color-heading-2: var(--neutral-600);
    --font-size-heading-2: 20px;
    --line-height-heading-2: 32px;
    --font-weight-heading-2: 700;
    --letter-spacing-heading-2: 0;
    --color-heading-3: var(--neutral-600);
    --font-size-heading-3: 16px;
    --line-height-heading-3: 24px;
    --font-weight-heading-3: 700;
    --letter-spacing-heading-3: 0;
    --color-body-1: var(--neutral-600);
    --font-size-body-1: 16px;
    --line-height-body-1: 24px;
    --font-weight-body-1: 400;
    --letter-spacing-body-1: 0;
    --color-body-2: var(--neutral-600);
    --font-size-body-2: 14px;
    --line-height-body-2: 20px;
    --font-weight-body-2: 400;
    --letter-spacing-body-2: 0;
    --color-body-3: var(--neutral-600);
    --font-size-body-3: 12px;
    --line-height-body-3: 20px;
    --font-weight-body-3: 400;
    --letter-spacing-body-3: 0;
    --color-overline: var(--neutral-600);
    --font-size-overline: 12px;
    --line-height-overline: 16px;
    --font-weight-overline: 700;
    --letter-spacing-overline: 0;
    --color-caption: var(--neutral-600);
    --font-size-caption: 12px;
    --line-height-caption: 12px;
    --font-weight-caption: 400;
    --letter-spacing-caption: 0;
    --font-weight-body-1-bold: 700;
    --letter-spacing-body-1-bold: 0;
    --color-body-1-secondary: var(--neutral-300);
    --color-body-1-link: var(--primary-500);
    --font-weight-body-2-bold: 700;
    --letter-spacing-body-2-bold: 0;
    --color-body-2-secondary: var(--neutral-300);
    --color-body-2-link: var(--primary-500);
    --font-weight-body-3-bold: 700;
    --letter-spacing-body-3-bold: 0;
    --color-body-3-secondary: var(--neutral-300);
    --color-body-3-link: var(--primary-500);
    --font-size-button-1: 16px;
    --line-height-button-1: 24px;
    --font-weight-button-1: 700;
    --letter-spacing-button-1: 0;
    --font-size-button-2: 14px;
    --line-height-button-2: 24px;
    --font-weight-button-2: 700;
    --letter-spacing-button-2: 0;
    --font-size-button-3: 14px;
    --line-height-button-3: 24px;
    --font-weight-button-3: 500;
    --letter-spacing-button-3: 0;
    --font-size-button-4: 12px;
    --line-height-button-4: 20px;
    --font-weight-button-4: 700;
    --letter-spacing-button-4: 0;
    --font-size-input: 14px;
    --line-height-input: 24px;
    --font-weight-input: 400;
    --letter-spacing-input: 0
}

:root {
    --47b2c95d: 12px 32px;
    --5f049faf: var(--neutral--0);
    --d0230fbe: var(--primary--500);
    --7fdd0d60: none;
    --0abe1f4b: var(--neutral--0);
    --0ec965bd: var(--neutral--300);
    --1c654cee: var(--primary--600);
    
    --d972c2d4: var(--primary-light);
    --29fb40b0: var(--primary);
    --1dfaced8: var(--gray-light);
}

@media (max-width: 768px) {
    :root {
        --color-title-1: var(--neutral-600);
        --font-size-title-1: 40px;
        --line-height-title-1: 48px;
        --font-weight-title-1: 700;
        --letter-spacing-title-1: 0;
        --color-title-2: var(--neutral-600);
        --font-size-title-2: 36px;
        --line-height-title-2: 40px;
        --font-weight-title-2: 700;
        --letter-spacing-title-2: 0;
        --color-title-3: var(--neutral-600);
        --font-size-title-3: 32px;
        --line-height-title-3: 36px;
        --font-weight-title-3: 700;
        --letter-spacing-title-3: 0;
        --color-heading-1: var(--neutral-600);
        --font-size-heading-1: 24px;
        --line-height-heading-1: 32px;
        --font-weight-heading-1: 700;
        --letter-spacing-heading-1: 0;
        --color-heading-2: var(--neutral-600);
        --font-size-heading-2: 20px;
        --line-height-heading-2: 32px;
        --font-weight-heading-2: 700;
        --letter-spacing-heading-2: 0;
        --color-heading-3: var(--neutral-600);
        --font-size-heading-3: 16px;
        --line-height-heading-3: 24px;
        --font-weight-heading-3: 700;
        --letter-spacing-heading-3: 0;
        --color-body-1: var(--neutral-600);
        --font-size-body-1: 16px;
        --line-height-body-1: 24px;
        --font-weight-body-1: 400;
        --letter-spacing-body-1: 0;
        --color-body-2: var(--neutral-600);
        --font-size-body-2: 14px;
        --line-height-body-2: 20px;
        --font-weight-body-2: 400;
        --letter-spacing-body-2: 0;
        --color-body-3: var(--neutral-600);
        --font-size-body-3: 12px;
        --line-height-body-3: 20px;
        --font-weight-body-3: 400;
        --letter-spacing-body-3: 0;
        --color-overline: var(--neutral-600);
        --font-size-overline: 12px;
        --line-height-overline: 16px;
        --font-weight-overline: 700;
        --letter-spacing-overline: 0;
        --color-caption: var(--neutral-600);
        --font-size-caption: 12px;
        --line-height-caption: 12px;
        --font-weight-caption: 400;
        --letter-spacing-caption: 0;
        --font-weight-body-1-bold: 700;
        --letter-spacing-body-1-bold: 0;
        --color-body-1-secondary: var(--neutral-300);
        --color-body-1-link: var(--primary-500);
        --font-weight-body-2-bold: 700;
        --letter-spacing-body-2-bold: 0;
        --color-body-2-secondary: var(--neutral-300);
        --color-body-2-link: var(--primary-500);
        --font-weight-body-3-bold: 700;
        --letter-spacing-body-3-bold: 0;
        --color-body-3-secondary: var(--neutral-300);
        --color-body-3-link: var(--primary-500);
        --font-size-button-1: 16px;
        --line-height-button-1: 24px;
        --font-weight-button-1: 700;
        --letter-spacing-button-1: 0;
        --font-size-button-2: 14px;
        --line-height-button-2: 24px;
        --font-weight-button-2: 700;
        --letter-spacing-button-2: 0;
        --font-size-button-3: 14px;
        --line-height-button-3: 24px;
        --font-weight-button-3: 500;
        --letter-spacing-button-3: 0;
        --font-size-button-4: 12px;
        --line-height-button-4: 20px;
        --font-weight-button-4: 700;
        --letter-spacing-button-4: 0;
        --font-size-input: 14px;
        --line-height-input: 24px;
        --font-weight-input: 400;
        --letter-spacing-input: 0
    }
}

:root {
    --primary: #673de6;
    --primary-light: #ebe4ff;
    --primary-lightest: #673de614;
    --primary-dark: #5025d1;
    --primary-charts: #b39ef3;
    --white: #ffffff;
    --gray: #6D7081;
    --gray-light: #f2f3f6;
    --gray-dark: #36344d;
    --gray-border: #dadce0;
    --success: #00b090;
    --success-light: #def4f0;
    --success-dark: #008361;
    --info-light: #e0f8ff;
    --danger: #fc5185;
    --danger-light: #ffe8ef;
    --danger-dark: #d63163;
    --warning: #ffcd35;
    --warning-light: #fff8e2;
    --warning-dark: #fea419;
    --meteorite: #8c85ff;
    --meteorite-light: #d5dfff;
    --meteorite-gray: #dadce03d;
    --meteorite-dark: #2f1c6a;
    --light: #ffffff;
    --dark: #1d1e20;
    --white-blue: #f4f5ff;
    --primary-timer: #8564eb;
    --black-timer: #343434;
    --periwinkle: #c5cde9;
    --ghost-white: #fafbff;
    --backdrop: rgba(0, 0, 0, .5);
    --placeholder: rgba(0, 0, 0, .6);
    --primary-dark-hover: rgba(218, 220, 224, .24)
}

:root {
    --header-height: 70px;
    --hmenu-width: 260px;
    --hmenu-padding: 12px;
    --hmenu-spacing: 16px;
    --border-radius-xs: 6px;
    --border-radius-lg: 16px;
    --border-radius-lg--only-top: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    --z-index-toastr: 1000
}

@media (max-width: 1200px) {
    :root {
        --hmenu-width: 295px
    }
}

:root {
    --z-index-1: 100;
    --z-index-2: 200;
    --z-index-3: 300;
    --z-index-4: 400;
    --z-index-hp-action: 400;
    --z-index-5: 500;
    --z-index-6: 600;
    --z-index-modal: 600;
    --z-index-hp-action-modal: 700;
    --z-index-10: 1000;
    --z-index-intercom-1: 1100;
    --z-index-intercom-2: 1200;
    --z-index-intercom-3: 1300;
    --z-index-max: 2147483647;
    --z-index-child-1: 10;
    --z-index-child-2: 20
}