:root {
    --accordion-border-radius: 8px;
    --accordion-border-size: 2px;
    --accordion-description-expand: 8px 16px;
    --accordion-header-border-size: 2px;
    --accordion-header-content-min-height: 20px;
    --accordion-header-expand: 8px 16px;
    --accordion-header-icon-container-border-radius: 1000px;
    --accordion-header-icon-container-border-size: 1px;
    --accordion-header-icon-container-icon-size: 20px;
    --accordion-header-spacing: 8px;
    --avatar-border-radius: 1000px;
    --avatar-border-size: 2px;
    --avatar-rakeback-border-radius: 1000px;
    --avatar-rakeback-border-size: 1px;
    --avatar-rakeback-expand: 1px;
    --avatar-rakeback-icon-size: 10px;
    --avatar-size: 32px;
    --badge-border-pill: 1000px;
    --badge-border-radius-l: 8px;
    --badge-border-radius-m: 6px;
    --badge-border-radius-s: 4px;
    --badge-border-radius-xs: 2px;
    --badge-border-size-l: 2px;
    --badge-border-size-m: 2px;
    --badge-border-size-s: 2px;
    --badge-border-size-xs: 2px;
    --badge-content-height-l: 20px;
    --badge-content-height-m: 16px;
    --badge-content-height-s: 14px;
    --badge-content-height-xs: 8px;
    --badge-expand-l: 4px;
    --badge-expand-m: 4px;
    --badge-expand-s: 2px;
    --badge-expand-xs: 2px;
    --badge-icon-container-border-radius-l: 1000px;
    --badge-icon-container-border-radius-m: 1000px;
    --badge-icon-container-border-radius-s: 1000px;
    --badge-icon-container-border-radius-xs: 1000px;
    --badge-icon-container-border-size-l: 1px;
    --badge-icon-container-border-size-m: 1px;
    --badge-icon-container-border-size-s: 1px;
    --badge-icon-container-border-size-xs: 1px;
    --badge-icon-container-icon-size-l: 20px;
    --badge-icon-container-icon-size-m: 16px;
    --badge-icon-container-icon-size-s: 14px;
    --badge-icon-container-icon-size-xs: 8px;
    --badge-text-container-expand-l: 0 4px;
    --badge-text-container-expand-m: 0 4px;
    --badge-text-container-expand-s: 0 2px;
    --badge-text-container-expand-xs: 0 2px;
    --base-background: var(--color-background-page);
    --blur-br1: 8px;
    --blur-br2: 16px;
    --blur-br3: 32px;
    --blur-br4: 48px;
    --blur-br5: 64px;
    --border-1: 1px;
    --border-2: 2px;
    --border-3: 3px;
    --border-4: 4px;
    --border-l: 4px;
    --border-m: 2px;
    --border-radius-2xl: 20px;
    --border-radius-2xs: 2px;
    --border-radius-3xl: 24px;
    --border-radius-4xl: 28px;
    --border-radius-5xl: 32px;
    --border-radius-l: 12px;
    --border-radius-m: 8px;
    --border-radius-pill: 1000px;
    --border-radius-s: 6px;
    --border-radius-xl: 16px;
    --border-radius-xs: 4px;
    --border-radius-xxl: 24px;
    --border-s: 1px;
    --breakpoints-desktop: 1280px;
    --breakpoints-expand: 256px;
    --breakpoints-max-width: 1280px;
    --breakpoints-min-width: 360px;
    --breakpoints-mobile: 360px;
    --button-border-radius-l: 28px;
    --button-border-radius-m: 24px;
    --button-border-radius-s: 16px;
    --button-border-size-l: 2px;
    --button-border-size-m: 2px;
    --button-border-size-s: 2px;
    --button-content-height-l: 24px;
    --button-content-height-m: 20px;
    --button-content-height-s: 16px;
    --button-expand-l: 16px;
    --button-expand-m: 12px;
    --button-expand-s: 8px;
    --button-icon-container-border-radius-l: 1000px;
    --button-icon-container-border-radius-m: 1000px;
    --button-icon-container-border-radius-s: 1000px;
    --button-icon-container-border-size-l: 1px;
    --button-icon-container-border-size-m: 1px;
    --button-icon-container-border-size-s: 1px;
    --button-icon-container-icon-size-l: 24px;
    --button-icon-container-icon-size-m: 20px;
    --button-icon-container-icon-size-s: 16px;
    --button-link-content-height-l: 24px;
    --button-link-content-height-m: 20px;
    --button-link-content-height-s: 16px;
    --button-link-icon-container-border-radius-l: 1000px;
    --button-link-icon-container-border-radius-m: 1000px;
    --button-link-icon-container-border-radius-s: 1000px;
    --button-link-icon-container-border-size-l: 1px;
    --button-link-icon-container-border-size-m: 1px;
    --button-link-icon-container-border-size-s: 1px;
    --button-link-icon-container-icon-size-l: 24px;
    --button-link-icon-container-icon-size-m: 20px;
    --button-link-icon-container-icon-size-s: 16px;
    --button-link-spacing-l: 8px;
    --button-link-spacing-m: 8px;
    --button-link-spacing-s: 4px;
    --button-navigation-border-radius-2xs: 12px;
    --button-navigation-border-radius-3xs: 12px;
    --button-navigation-border-radius-l: 1000px;
    --button-navigation-border-radius-m: 24px;
    --button-navigation-border-radius-s: 16px;
    --button-navigation-border-radius-xs: 12px;
    --button-navigation-border-size-2xs: 2px;
    --button-navigation-border-size-3xs: 2px;
    --button-navigation-border-size-l: 2px;
    --button-navigation-border-size-m: 2px;
    --button-navigation-border-size-s: 2px;
    --button-navigation-border-size-xs: 2px;
    --button-navigation-expand-2xs: 4px;
    --button-navigation-expand-3xs: 4px;
    --button-navigation-expand-l: 16px;
    --button-navigation-expand-m: 12px;
    --button-navigation-expand-s: 8px;
    --button-navigation-expand-xs: 5px;
    --button-navigation-icon-size-2xs: 14px;
    --button-navigation-icon-size-3xs: 12px;
    --button-navigation-icon-size-l: 24px;
    --button-navigation-icon-size-m: 20px;
    --button-navigation-icon-size-s: 16px;
    --button-navigation-icon-size-xs: 14px;
    --button-store-border-radius-l: 12px;
    --button-store-border-radius-m: 8px;
    --button-store-content-height-l: 32px;
    --button-store-content-height-m: 30px;
    --button-store-expand-l: 8px 16px;
    --button-store-expand-m: 4px 12px;
    --button-store-icon-size-l: 28px;
    --button-store-icon-size-m: 20px;
    --button-store-text-container-description-height-l: 12px;
    --button-store-text-container-description-height-m: 12px;
    --button-store-text-container-expand-l: 0 12px;
    --button-store-text-container-expand-m: 0 8px;
    --button-store-text-container-min-width-l: 124px;
    --button-store-text-container-min-width-m: 104px;
    --button-store-text-container-text-height-l: 20px;
    --button-store-text-container-text-height-m: 18px;
    --button-text-container-expand-l: 0 8px;
    --button-text-container-expand-m: 0 8px;
    --button-text-container-expand-s: 0 4px;
    --buttons-group-spacing-l: 8px;
    --buttons-group-spacing-m: 8px;
    --buttons-group-spacing-s: 4px;
    --calendar-border-radius: 8px;
    --calendar-border-radius-m: 12px;
    --calendar-border-radius-s: 8px;
    --calendar-border-size-m: 2px;
    --calendar-border-size-s: 2px;
    --calendar-day-border-radius-m: 12px;
    --calendar-day-border-radius-s: 8px;
    --calendar-day-button-border-radius-m: 12px;
    --calendar-day-button-border-radius-s: 8px;
    --calendar-day-button-border-size-m: 2px;
    --calendar-day-button-border-size-s: 2px;
    --calendar-day-button-size-m: 36px;
    --calendar-day-button-size-s: 32px;
    --calendar-day-expand-m: 4px;
    --calendar-day-expand-s: 2px;
    --calendar-expand-m: 16px 24px;
    --calendar-expand-s: 12px 16px;
    --calendar-header-day-height-m: 44px;
    --calendar-header-day-height-s: 36px;
    --calendar-header-day-width-m: 44px;
    --calendar-header-day-width-s: 36px;
    --calendar-header-spacing-m: 8px;
    --calendar-header-spacing-s: 4px;
    --checkbox-radius-l: 6px;
    --checkbox-radius-m: 6px;
    --checkbox-radius-s: 6px;
    --color-000: #FFFFFF;
    --color-1: #FFFFFF;
    --color-1-background-start: #FFA80000;
    --color-2: #FFFFFF;
    --color-2-background-start: #E8001000;
    --color-3: #FFFFFF;
    --color-3-background-start: #006EDD00;
    --color-4-background-finish: #8C0038;
    --color-4-background-start: #EA005D00;
    --color-5-background-start: #2EEB0000;
    --color-6-background-start: #6D00D800;
    --color-accent-icon: #069815CC;
    --color-accent-icon-hover: #069815CC;
    --color-accordion-background: var(--color-dark-grey-2);
    --color-accordion-background-finish: var(--color-dark-grey-2);
    --color-accordion-background-start: var(--color-dark-grey-2);
    --color-accordion-description: var(--color-mid-grey-5);
    --color-accordion-header-background: var(--color-dark-grey-3);
    --color-accordion-header-background-active: var(--color-dark-grey-3);
    --color-accordion-header-background-disabled: var(--color-dark-grey-3);
    --color-accordion-header-background-finish: var(--color-dark-grey-3);
    --color-accordion-header-background-finish-active: var(--color-dark-grey-3);
    --color-accordion-header-background-finish-disabled: var(--color-dark-grey-3);
    --color-accordion-header-background-finish-hover: var(--color-dark-grey-4);
    --color-accordion-header-background-hover: var(--color-dark-grey-4);
    --color-accordion-header-background-start: var(--color-dark-grey-3);
    --color-accordion-header-background-start-active: var(--color-dark-grey-3);
    --color-accordion-header-background-start-disabled: var(--color-dark-grey-3);
    --color-accordion-header-background-start-hover: var(--color-dark-grey-4);
    --color-accordion-header-icon-container-icon: var(--color-mid-grey-5);
    --color-accordion-header-icon-container-icon-active: var(--color-mid-grey-5);
    --color-accordion-header-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-accordion-header-icon-container-icon-hover: var(--color-mid-grey-5);
    --color-accordion-header-text: var(--color-white);
    --color-accordion-header-text-active: var(--color-white);
    --color-accordion-header-text-disabled: var(--color-mid-grey-2);
    --color-accordion-header-text-hover: var(--color-white);
    --color-arrow-icon: #54596DCC;
    --color-arrow-icon-hover: #54596DCC;
    --color-at050: #FDF8D3;
    --color-at100: #FCF0A7;
    --color-at200: #FAE97C;
    --color-at300: #F8E150;
    --color-at400: #F6DA24;
    --color-at500: #E4C609;
    --color-at600: #BEA508;
    --color-at700: #988406;
    --color-at800: #726305;
    --color-at900: #4C4203;
    --color-avatar-background: var(--color-dark-grey-2);
    --color-avatar-background-finish: var(--color-dark-grey-2);
    --color-avatar-background-start: var(--color-dark-grey-2);
    --color-avatar-icon: var(--color-light-grey-4);
    --color-avatar-rakeback-background: var(--color-dark-grey-1);
    --color-avatar-rakeback-background-finish: var(--color-dark-grey-1);
    --color-avatar-rakeback-background-start: var(--color-dark-grey-1);
    --color-b000: #00000000;
    --color-b002: #00000005;
    --color-b005: #0000000D;
    --color-b010: #0000001A;
    --color-b020: #00000033;
    --color-b030: #0000004D;
    --color-b040: #00000066;
    --color-b050: #00000080;
    --color-b060: #00000099;
    --color-b070: #000000B3;
    --color-b080: #000000CC;
    --color-b090: #000000E6;
    --color-background: #1DBF59;
    --color-background-active: #1FAC5A;
    --color-background-attention: var(--color-at400);
    --color-background-danger: var(--color-da600);
    --color-background-disabled: #1C9854;
    --color-background-finish: #7113D4;
    --color-background-finish-hover: #721CFF;
    --color-background-hover: #3FC972;
    --color-background-info: var(--color-in400);
    --color-background-inverse-overlay: #FFFFFFB3;
    --color-background-inverse-overlay-1: var(--color-w070);
    --color-background-inverse-overlay-2: var(--color-w010);
    --color-background-inverse-page: var(--color-white);
    --color-background-inverse-surface-1: var(--color-light-grey-5);
    --color-background-inverse-surface-2: var(--color-light-grey-4);
    --color-background-inverse-surface-3: var(--color-light-grey-3);
    --color-background-inverse-surface-4: var(--color-light-grey-2);
    --color-background-inverse-surface-5: var(--color-light-grey-1);
    --color-background-inverse-transparent-1: var(--color-b010);
    --color-background-inverse-transparent-10: #0000001A;
    --color-background-inverse-transparent-2: var(--color-b020);
    --color-background-inverse-transparent-3: var(--color-b040);
    --color-background-inverse-transparent-4: var(--color-b080);
    --color-background-minor: var(--color-mi500);
    --color-background-overlay: var(--color-black);
    --color-background-overlay-1: var(--color-b070);
    --color-background-overlay-2: var(--color-b010);
    --color-background-page: var(--color-dark-grey-0);
    --color-background-primary: var(--color-pr500);
    --color-background-start: #1A799F;
    --color-background-start-hover: #1A799F;
    --color-background-success: var(--color-su600);
    --color-background-sucesss: #00C31F;
    --color-background-surface-1: var(--color-dark-grey-1);
    --color-background-surface-2: var(--color-dark-grey-2);
    --color-background-surface-3: var(--color-dark-grey-3);
    --color-background-surface-4: var(--color-dark-grey-4);
    --color-background-surface-5: var(--color-dark-grey-5);
    --color-background-transparent-1: var(--color-w010);
    --color-background-transparent-10: #FFFFFF1A;
    --color-background-transparent-2: var(--color-w020);
    --color-background-transparent-3: var(--color-w040);
    --color-background-transparent-30: #FFFFFF4D;
    --color-background-transparent-4: var(--color-w080);
    --color-background-warning: var(--color-wa400);
    --color-badge-attention-background: var(--color-at400);
    --color-badge-attention-background-finish: var(--color-at400);
    --color-badge-attention-background-start: var(--color-at400);
    --color-badge-attention-border: var(--color-b000);
    --color-badge-attention-border-finish: var(--color-b000);
    --color-badge-attention-icon-container-background: var(--color-b000);
    --color-badge-attention-icon-container-background-finish: var(--color-b000);
    --color-badge-attention-icon-container-background-start: var(--color-b000);
    --color-badge-attention-icon-container-border: var(--color-b000);
    --color-badge-attention-icon-container-border-finish: var(--color-b000);
    --color-badge-attention-icon-container-icon: var(--color-b080);
    --color-badge-attention-text: var(--color-black);
    --color-badge-danger-background: var(--color-da600);
    --color-badge-danger-background-finish: var(--color-da600);
    --color-badge-danger-background-start: var(--color-da600);
    --color-badge-danger-icon-container-icon: var(--color-w080);
    --color-badge-danger-text: var(--color-white);
    --color-badge-dark-background: var(--color-dark-grey-0);
    --color-badge-dark-background-finish: var(--color-dark-grey-0);
    --color-badge-dark-background-start: var(--color-dark-grey-0);
    --color-badge-dark-icon-container-icon: var(--color-at300);
    --color-badge-dark-text: var(--color-white);
    --color-badge-info-background: var(--color-in400);
    --color-badge-info-background-finish: var(--color-in400);
    --color-badge-info-background-start: var(--color-in400);
    --color-badge-info-icon-container-icon: var(--color-w080);
    --color-badge-info-text: var(--color-white);
    --color-badge-jackpot-background: linear-gradient(90deg, var(--color-badge-jackpot-background-start) 0%, var(--color-badge-jackpot-background-finish) 100%);
    --color-badge-jackpot-background-finish: #6F02FF;
    --color-badge-jackpot-background-start: #0238E1;
    --color-badge-jackpot-icon-container-icon: var(--color-at300);
    --color-badge-jackpot-text: var(--color-white);
    --color-badge-light-background: var(--color-white);
    --color-badge-light-background-finish: var(--color-white);
    --color-badge-light-background-start: var(--color-white);
    --color-badge-light-border: var(--color-b000);
    --color-badge-light-border-finish: var(--color-b000);
    --color-badge-light-icon-container-background: var(--color-b000);
    --color-badge-light-icon-container-background-finish: var(--color-b000);
    --color-badge-light-icon-container-background-start: var(--color-b000);
    --color-badge-light-icon-container-border: var(--color-b000);
    --color-badge-light-icon-container-border-finish: var(--color-b000);
    --color-badge-light-icon-container-icon: var(--color-dgz080);
    --color-badge-light-text: var(--color-black);
    --color-badge-minor-background: var(--color-mi500);
    --color-badge-minor-background-finish: var(--color-mi500);
    --color-badge-minor-background-start: var(--color-mi500);
    --color-badge-minor-icon-container-icon: var(--color-w080);
    --color-badge-minor-text: var(--color-white);
    --color-badge-primary-background: var(--color-pr500);
    --color-badge-primary-background-finish: var(--color-pr500);
    --color-badge-primary-background-start: var(--color-pr500);
    --color-badge-primary-icon-container-icon: var(--color-b080);
    --color-badge-primary-text: var(--color-button-primary);
    --color-badge-secondary-background: var(--color-dark-grey-5);
    --color-badge-secondary-background-finish: var(--color-dark-grey-5);
    --color-badge-secondary-background-start: var(--color-dark-grey-5);
    --color-badge-secondary-icon-container-icon: var(--color-w080);
    --color-badge-secondary-text: var(--color-white);
    --color-badge-success-background: var(--color-su600);
    --color-badge-success-background-finish: var(--color-su600);
    --color-badge-success-background-start: var(--color-su600);
    --color-badge-success-icon-container-icon: var(--color-w080);
    --color-badge-success-text: var(--color-white);
    --color-badge-transparent-background: var(--color-w020);
    --color-badge-transparent-background-finish: var(--color-w020);
    --color-badge-transparent-background-start: var(--color-w020);
    --color-badge-transparent-icon-container-icon: var(--color-w080);
    --color-badge-transparent-text: var(--color-white);
    --color-badge-vip-background: linear-gradient(260deg, var(--color-badge-vip-background-start) 0%, var(--color-badge-vip-background-finish) 100%);
    --color-badge-vip-background-finish: #B48457;
    --color-badge-vip-background-start: #FFEA81;
    --color-badge-vip-icon-container-icon: var(--color-b080);
    --color-badge-vip-text: var(--color-black);
    --color-badge-warning-background: var(--color-wa400);
    --color-badge-warning-background-finish: var(--color-wa400);
    --color-badge-warning-background-start: var(--color-wa400);
    --color-badge-warning-icon-container-icon: var(--color-w080);
    --color-badge-warning-text: var(--color-white);
    --color-black: #000000;
    --color-blue: #2196F3;
    --color-border-error-outline: #FF0E0E99;
    --color-border-focused-outline: #54596D99;
    --color-border-success-outline: #09E41F99;
    --color-button-fill-attention-background: var(--color-at400);
    --color-button-fill-attention-background-active: var(--color-at500);
    --color-button-fill-attention-background-disabled: var(--color-at900);
    --color-button-fill-attention-background-finish: var(--color-at400);
    --color-button-fill-attention-background-finish-active: var(--color-at500);
    --color-button-fill-attention-background-finish-disabled: var(--color-w005);
    --color-button-fill-attention-background-finish-hover: var(--color-at300);
    --color-button-fill-attention-background-hover: var(--color-at300);
    --color-button-fill-attention-background-start: var(--color-at400);
    --color-button-fill-attention-background-start-active: var(--color-at500);
    --color-button-fill-attention-background-start-disabled: var(--color-w005);
    --color-button-fill-attention-background-start-hover: var(--color-at300);
    --color-button-fill-attention-icon-container-icon: #FFF;
    --color-button-fill-attention-icon-container-icon-active: #FFF;
    --color-button-fill-attention-icon-container-icon-disabled: var(--color-at700);
    --color-button-fill-attention-icon-container-icon-hover: #FFF;
    --color-button-fill-attention-text: #FFF;
    --color-button-fill-attention-text-active: #FFF;
    --color-button-fill-attention-text-disabled: var(--color-at700);
    --color-button-fill-attention-text-hover: #FFF;
    --color-button-fill-danger-background: var(--color-da600);
    --color-button-fill-danger-background-active: var(--color-da700);
    --color-button-fill-danger-background-disabled: var(--color-da900);
    --color-button-fill-danger-background-finish: var(--color-da600);
    --color-button-fill-danger-background-finish-active: var(--color-da700);
    --color-button-fill-danger-background-finish-disabled: var(--color-w005);
    --color-button-fill-danger-background-finish-hover: var(--color-da500);
    --color-button-fill-danger-background-hover: var(--color-da500);
    --color-button-fill-danger-background-start: var(--color-da600);
    --color-button-fill-danger-background-start-active: var(--color-da700);
    --color-button-fill-danger-background-start-disabled: var(--color-w005);
    --color-button-fill-danger-background-start-hover: var(--color-da500);
    --color-button-fill-danger-icon-container-icon: var(--color-da050);
    --color-button-fill-danger-icon-container-icon-active: var(--color-da050);
    --color-button-fill-danger-icon-container-icon-disabled: var(--color-da700);
    --color-button-fill-danger-icon-container-icon-hover: var(--color-da050);
    --color-button-fill-danger-text: #FFF;
    --color-button-fill-danger-text-active: #FFF;
    --color-button-fill-danger-text-disabled: var(--color-da700);
    --color-button-fill-danger-text-hover: #FFF;
    --color-button-fill-dark-background: var(--color-dark-grey-0);
    --color-button-fill-dark-background-active: var(--color-dark-grey-5);
    --color-button-fill-dark-background-disabled: var(--color-w005);
    --color-button-fill-dark-background-finish: var(--color-dark-grey-0);
    --color-button-fill-dark-background-finish-active: var(--color-dark-grey-5);
    --color-button-fill-dark-background-finish-disabled: var(--color-w005);
    --color-button-fill-dark-background-finish-hover: var(--color-dark-grey-3);
    --color-button-fill-dark-background-hover: var(--color-dark-grey-3);
    --color-button-fill-dark-background-start: var(--color-dark-grey-0);
    --color-button-fill-dark-background-start-active: var(--color-dark-grey-5);
    --color-button-fill-dark-background-start-disabled: var(--color-w005);
    --color-button-fill-dark-background-start-hover: var(--color-dark-grey-3);
    --color-button-fill-dark-icon-container-icon: var(--color-w080);
    --color-button-fill-dark-icon-container-icon-active: var(--color-w080);
    --color-button-fill-dark-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-dark-icon-container-icon-hover: var(--color-w080);
    --color-button-fill-dark-text: var(--color-white);
    --color-button-fill-dark-text-active: var(--color-white);
    --color-button-fill-dark-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-dark-text-hover: var(--color-white);
    --color-button-fill-info-background: var(--color-in400);
    --color-button-fill-info-background-active: var(--color-in700);
    --color-button-fill-info-background-disabled: var(--color-in800);
    --color-button-fill-info-background-finish: var(--color-in400);
    --color-button-fill-info-background-finish-active: var(--color-in700);
    --color-button-fill-info-background-finish-disabled: var(--color-w005);
    --color-button-fill-info-background-finish-hover: var(--color-in500);
    --color-button-fill-info-background-hover: var(--color-in500);
    --color-button-fill-info-background-start: var(--color-in400);
    --color-button-fill-info-background-start-active: var(--color-in700);
    --color-button-fill-info-background-start-disabled: var(--color-w005);
    --color-button-fill-info-background-start-hover: var(--color-in500);
    --color-button-fill-info-icon-container-icon: #FFF;
    --color-button-fill-info-icon-container-icon-active: #FFF;
    --color-button-fill-info-icon-container-icon-disabled: var(--color-in600);
    --color-button-fill-info-icon-container-icon-hover: #FFF;
    --color-button-fill-info-text: #FFF;
    --color-button-fill-info-text-active: #FFF;
    --color-button-fill-info-text-disabled: var(--color-in600);
    --color-button-fill-info-text-hover: #FFF;
    --color-button-fill-light-background: var(--color-white);
    --color-button-fill-light-background-active: var(--color-light-grey-4);
    --color-button-fill-light-background-disabled: var(--color-w005);
    --color-button-fill-light-background-finish: var(--color-white);
    --color-button-fill-light-background-finish-active: var(--color-light-grey-4);
    --color-button-fill-light-background-finish-disabled: var(--color-w005);
    --color-button-fill-light-background-finish-hover: var(--color-light-grey-5);
    --color-button-fill-light-background-hover: var(--color-light-grey-5);
    --color-button-fill-light-background-start: var(--color-white);
    --color-button-fill-light-background-start-active: var(--color-light-grey-4);
    --color-button-fill-light-background-start-disabled: var(--color-w005);
    --color-button-fill-light-background-start-hover: var(--color-light-grey-5);
    --color-button-fill-light-icon-container-icon: var(--color-dgz080);
    --color-button-fill-light-icon-container-icon-active: var(--color-dgz080);
    --color-button-fill-light-icon-container-icon-disabled: var(--color-dgz080);
    --color-button-fill-light-icon-container-icon-hover: var(--color-dgz080);
    --color-button-fill-light-text: var(--color-black);
    --color-button-fill-light-text-active: var(--color-black);
    --color-button-fill-light-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-light-text-hover: var(--color-black);
    --color-button-fill-minor-background: var(--color-mi500);
    --color-button-fill-minor-background-active: var(--color-vi700);
    --color-button-fill-minor-background-disabled: var(--color-vi900);
    --color-button-fill-minor-background-finish: var(--color-mi500);
    --color-button-fill-minor-background-finish-active: var(--color-mi700);
    --color-button-fill-minor-background-finish-disabled: var(--color-w005);
    --color-button-fill-minor-background-finish-hover: var(--color-mi400);
    --color-button-fill-minor-background-hover: var(--color-vi400);
    --color-button-fill-minor-background-start: var(--color-mi500);
    --color-button-fill-minor-background-start-active: var(--color-mi700);
    --color-button-fill-minor-background-start-disabled: var(--color-w005);
    --color-button-fill-minor-background-start-hover: var(--color-mi400);
    --color-button-fill-minor-icon-container-icon: var(--color-w080);
    --color-button-fill-minor-icon-container-icon-active: var(--color-w080);
    --color-button-fill-minor-icon-container-icon-disabled: var(--color-vi700);
    --color-button-fill-minor-icon-container-icon-hover: var(--color-w080);
    --color-button-fill-minor-text: #FFF;
    --color-button-fill-minor-text-active: #FFF;
    --color-button-fill-minor-text-disabled: var(--color-vi700);
    --color-button-fill-minor-text-hover: #FFF;
    --color-button-fill-primary-background: var(--color-pr500);
    --color-button-fill-primary-background-active: var(--color-pr600);
    --color-button-fill-primary-background-disabled: var(--color-pr900);
    --color-button-fill-primary-background-finish: var(--color-pr500);
    --color-button-fill-primary-background-finish-active: var(--color-pr600);
    --color-button-fill-primary-background-finish-disabled: var(--color-w005);
    --color-button-fill-primary-background-finish-hover: var(--color-pr400);
    --color-button-fill-primary-background-hover: var(--color-pr400);
    --color-button-fill-primary-background-start: var(--color-pr500);
    --color-button-fill-primary-background-start-active: var(--color-pr600);
    --color-button-fill-primary-background-start-disabled: var(--color-w005);
    --color-button-fill-primary-background-start-hover: var(--color-pr400);
    --color-button-fill-primary-icon-container-icon: var(--color-pr700);
    --color-button-fill-primary-icon-container-icon-active: var(--color-pr700);
    --color-button-fill-primary-icon-container-icon-disabled: var(--color-pr700);
    --color-button-fill-primary-icon-container-icon-hover: var(--color-pr700);
    --color-button-fill-primary-progress-background: var(--color-pr500);
    --color-button-fill-primary-progress-background-active: var(--color-pr600);
    --color-button-fill-primary-progress-background-disabled: var(--color-w005);
    --color-button-fill-primary-progress-background-finish: var(--color-pr500);
    --color-button-fill-primary-progress-background-finish-active: var(--color-pr600);
    --color-button-fill-primary-progress-background-finish-disabled: var(--color-w005);
    --color-button-fill-primary-progress-background-finish-hover: var(--color-pr400);
    --color-button-fill-primary-progress-background-hover: var(--color-pr400);
    --color-button-fill-primary-progress-background-start: var(--color-pr500);
    --color-button-fill-primary-progress-background-start-active: var(--color-pr600);
    --color-button-fill-primary-progress-background-start-disabled: var(--color-w005);
    --color-button-fill-primary-progress-background-start-hover: var(--color-pr400);
    --color-button-fill-primary-progress-icon-container-icon: var(--color-w080);
    --color-button-fill-primary-progress-icon-container-icon-active: var(--color-w080);
    --color-button-fill-primary-progress-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-primary-progress-icon-container-icon-hover: var(--color-w080);
    --color-button-fill-primary-progress-progress: var(--color-pr400);
    --color-button-fill-primary-progress-progress-active: var(--color-pr500);
    --color-button-fill-primary-progress-progress-background-finish: var(--color-pr400);
    --color-button-fill-primary-progress-progress-background-finish-active: var(--color-pr500);
    --color-button-fill-primary-progress-progress-background-finish-disabled: var(--color-dark-grey-3);
    --color-button-fill-primary-progress-progress-background-finish-hover: var(--color-pr300);
    --color-button-fill-primary-progress-progress-background-start: var(--color-pr400);
    --color-button-fill-primary-progress-progress-background-start-active: var(--color-pr500);
    --color-button-fill-primary-progress-progress-background-start-disabled: var(--color-dark-grey-3);
    --color-button-fill-primary-progress-progress-background-start-hover: var(--color-pr300);
    --color-button-fill-primary-progress-progress-disabled: var(--color-dark-grey-3);
    --color-button-fill-primary-progress-progress-hover: var(--color-pr300);
    --color-button-fill-primary-progress-text: var(--color-white);
    --color-button-fill-primary-progress-text-active: var(--color-white);
    --color-button-fill-primary-progress-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-primary-progress-text-hover: var(--color-white);
    --color-button-fill-primary-text: var(--color-button-primary);
    --color-button-fill-primary-text-active: var(--color-button-primary);
    --color-button-fill-primary-text-disabled: var(--color-pr700);
    --color-button-fill-primary-text-hover: var(--color-button-primary);
    --color-button-fill-secondary-background: var(--color-dark-grey-4);
    --color-button-fill-secondary-background-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-background-disabled: var(--color-w005);
    --color-button-fill-secondary-background-finish: var(--color-dark-grey-4);
    --color-button-fill-secondary-background-finish-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-background-finish-disabled: var(--color-w005);
    --color-button-fill-secondary-background-finish-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-background-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-background-start: var(--color-dark-grey-4);
    --color-button-fill-secondary-background-start-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-background-start-disabled: var(--color-w005);
    --color-button-fill-secondary-background-start-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-icon-container-icon: var(--color-mid-grey-5);
    --color-button-fill-secondary-icon-container-icon-active: var(--color-mid-grey-5);
    --color-button-fill-secondary-icon-container-icon-disabled: var(--color-mid-grey-5);
    --color-button-fill-secondary-icon-container-icon-hover: var(--color-mid-grey-5);
    --color-button-fill-secondary-progress-background: var(--color-dark-grey-4);
    --color-button-fill-secondary-progress-background-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-background-disabled: var(--color-w005);
    --color-button-fill-secondary-progress-background-finish: var(--color-dark-grey-4);
    --color-button-fill-secondary-progress-background-finish-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-background-finish-disabled: var(--color-w005);
    --color-button-fill-secondary-progress-background-finish-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-progress-background-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-progress-background-start: var(--color-dark-grey-4);
    --color-button-fill-secondary-progress-background-start-active: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-background-start-disabled: var(--color-w005);
    --color-button-fill-secondary-progress-background-start-hover: var(--color-dark-grey-5);
    --color-button-fill-secondary-progress-icon-container-icon: var(--color-w080);
    --color-button-fill-secondary-progress-icon-container-icon-active: var(--color-w080);
    --color-button-fill-secondary-progress-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-secondary-progress-icon-container-icon-hover: var(--color-w080);
    --color-button-fill-secondary-progress-progress: var(--color-pr400);
    --color-button-fill-secondary-progress-progress-active: var(--color-pr500);
    --color-button-fill-secondary-progress-progress-background-finish: var(--color-pr400);
    --color-button-fill-secondary-progress-progress-background-finish-active: var(--color-pr500);
    --color-button-fill-secondary-progress-progress-background-finish-disabled: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-progress-background-finish-hover: var(--color-pr300);
    --color-button-fill-secondary-progress-progress-background-start: var(--color-pr400);
    --color-button-fill-secondary-progress-progress-background-start-active: var(--color-pr500);
    --color-button-fill-secondary-progress-progress-background-start-disabled: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-progress-background-start-hover: var(--color-pr300);
    --color-button-fill-secondary-progress-progress-disabled: var(--color-dark-grey-3);
    --color-button-fill-secondary-progress-progress-hover: var(--color-pr300);
    --color-button-fill-secondary-progress-text: var(--color-white);
    --color-button-fill-secondary-progress-text-active: var(--color-white);
    --color-button-fill-secondary-progress-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-secondary-progress-text-hover: var(--color-white);
    --color-button-fill-secondary-text: var(--color-white);
    --color-button-fill-secondary-text-active: var(--color-white);
    --color-button-fill-secondary-text-disabled: var(--color-mid-grey-1);
    --color-button-fill-secondary-text-hover: var(--color-white);
    --color-button-fill-success-background: var(--color-su600);
    --color-button-fill-success-background-active: var(--color-su700);
    --color-button-fill-success-background-disabled: var(--color-su800);
    --color-button-fill-success-background-finish: var(--color-su600);
    --color-button-fill-success-background-finish-active: var(--color-su700);
    --color-button-fill-success-background-finish-disabled: var(--color-w005);
    --color-button-fill-success-background-finish-hover: var(--color-su500);
    --color-button-fill-success-background-hover: var(--color-su500);
    --color-button-fill-success-background-start: var(--color-su600);
    --color-button-fill-success-background-start-active: var(--color-su700);
    --color-button-fill-success-background-start-disabled: var(--color-w005);
    --color-button-fill-success-background-start-hover: var(--color-su500);
    --color-button-fill-success-icon-container-icon: var(--color-w080);
    --color-button-fill-success-icon-container-icon-active: var(--color-w080);
    --color-button-fill-success-icon-container-icon-disabled: var(--color-su600);
    --color-button-fill-success-icon-container-icon-hover: var(--color-w080);
    --color-button-fill-success-text: #FFF;
    --color-button-fill-success-text-active: #FFF;
    --color-button-fill-success-text-disabled: var(--color-su600);
    --color-button-fill-success-text-hover: #FFF;
    --color-button-fill-vip-background: linear-gradient(263deg, var(--color-button-fill-vip-background-start) 0%, var(--color-button-fill-vip-background-finish) 100%);
    --color-button-fill-vip-background-active: linear-gradient(263deg, var(--color-button-fill-vip-background-start-active) 0%, var(--color-button-fill-vip-background-finish-active) 100%);
    --color-button-fill-vip-background-disabled: var(--color-w005);
    --color-button-fill-vip-background-finish: #B48457;
    --color-button-fill-vip-background-finish-active: #906A46;
    --color-button-fill-vip-background-finish-disabled: var(--color-w005);
    --color-button-fill-vip-background-finish-hover: #C39D79;
    --color-button-fill-vip-background-hover: linear-gradient(263deg, var(--color-button-fill-vip-background-start-hover) 0%, var(--color-button-fill-vip-background-finish-hover) 100%);
    --color-button-fill-vip-background-overlay-active: var(--color-b020);
    --color-button-fill-vip-background-overlay-hover: var(--color-w020);
    --color-button-fill-vip-background-start: #FFEA81;
    --color-button-fill-vip-background-start-active: #CCBB67;
    --color-button-fill-vip-background-start-disabled: var(--color-w005);
    --color-button-fill-vip-background-start-hover: #FFEE9A;
    --color-button-fill-vip-icon-container-icon: var(--color-b080);
    --color-button-fill-vip-icon-container-icon-active: var(--color-b080);
    --color-button-fill-vip-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-vip-icon-container-icon-hover: var(--color-b080);
    --color-button-fill-vip-text: var(--color-black);
    --color-button-fill-vip-text-active: var(--color-black);
    --color-button-fill-vip-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-vip-text-hover: var(--color-black);
    --color-button-fill-warning-background: var(--color-wa400);
    --color-button-fill-warning-background-active: var(--color-wa600);
    --color-button-fill-warning-background-disabled: var(--color-wa900);
    --color-button-fill-warning-background-finish: var(--color-wa400);
    --color-button-fill-warning-background-finish-active: var(--color-wa600);
    --color-button-fill-warning-background-finish-disabled: var(--color-w005);
    --color-button-fill-warning-background-finish-hover: var(--color-wa300);
    --color-button-fill-warning-background-hover: var(--color-wa400);
    --color-button-fill-warning-background-start: var(--color-wa400);
    --color-button-fill-warning-background-start-active: var(--color-wa600);
    --color-button-fill-warning-background-start-disabled: var(--color-w005);
    --color-button-fill-warning-background-start-hover: var(--color-wa300);
    --color-button-fill-warning-icon-container-icon: var(--color-pr050);
    --color-button-fill-warning-icon-container-icon-active: var(--color-pr050);
    --color-button-fill-warning-icon-container-icon-disabled: var(--color-wa700);
    --color-button-fill-warning-icon-container-icon-hover: var(--color-pr050);
    --color-button-fill-warning-text: #FFF;
    --color-button-fill-warning-text-active: #FFF;
    --color-button-fill-warning-text-disabled: var(--color-wa700);
    --color-button-fill-warning-text-hover: #FFF;
    --color-button-link-dark-icon-container-background: var(--color-b000);
    --color-button-link-dark-icon-container-background-active: var(--color-b000);
    --color-button-link-dark-icon-container-background-disabled: var(--color-b000);
    --color-button-link-dark-icon-container-background-finish: var(--color-b000);
    --color-button-link-dark-icon-container-background-finish-active: var(--color-b000);
    --color-button-link-dark-icon-container-background-finish-disabled: var(--color-b000);
    --color-button-link-dark-icon-container-background-finish-hover: var(--color-b000);
    --color-button-link-dark-icon-container-background-hover: var(--color-b000);
    --color-button-link-dark-icon-container-background-start: var(--color-b000);
    --color-button-link-dark-icon-container-background-start-active: var(--color-b000);
    --color-button-link-dark-icon-container-background-start-disabled: var(--color-b000);
    --color-button-link-dark-icon-container-background-start-hover: var(--color-b000);
    --color-button-link-dark-icon-container-border: var(--color-b000);
    --color-button-link-dark-icon-container-border-active: var(--color-b000);
    --color-button-link-dark-icon-container-border-disabled: var(--color-b000);
    --color-button-link-dark-icon-container-border-finish: var(--color-b000);
    --color-button-link-dark-icon-container-border-finish-active: var(--color-b000);
    --color-button-link-dark-icon-container-border-finish-disabled: var(--color-b000);
    --color-button-link-dark-icon-container-border-finish-hover: var(--color-b000);
    --color-button-link-dark-icon-container-border-hover: var(--color-b000);
    --color-button-link-dark-icon-container-icon: var(--color-dark-grey-3);
    --color-button-link-dark-icon-container-icon-active: var(--color-black);
    --color-button-link-dark-icon-container-icon-disabled: var(--color-mid-grey-3);
    --color-button-link-dark-icon-container-icon-hover: var(--color-black);
    --color-button-link-dark-text: var(--color-dark-grey-3);
    --color-button-link-dark-text-active: var(--color-black);
    --color-button-link-dark-text-disabled: var(--color-mid-grey-3);
    --color-button-link-dark-text-hover: var(--color-black);
    --color-button-link-info-icon-container-icon: var(--color-in200);
    --color-button-link-info-icon-container-icon-active: var(--color-in100);
    --color-button-link-info-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-info-icon-container-icon-hover: var(--color-in200);
    --color-button-link-info-text: var(--color-in200);
    --color-button-link-info-text-active: var(--color-in100);
    --color-button-link-info-text-disabled: var(--color-mid-grey-2);
    --color-button-link-info-text-hover: var(--color-in200);
    --color-button-link-light-icon-container-icon: var(--color-light-grey-3);
    --color-button-link-light-icon-container-icon-active: var(--color-white);
    --color-button-link-light-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-light-icon-container-icon-hover: var(--color-white);
    --color-button-link-light-text: var(--color-light-grey-3);
    --color-button-link-light-text-active: var(--color-white);
    --color-button-link-light-text-disabled: var(--color-mid-grey-2);
    --color-button-link-light-text-hover: var(--color-white);
    --color-button-link-minor-icon-container-icon: var(--color-mi300);
    --color-button-link-minor-icon-container-icon-active: var(--color-mi100);
    --color-button-link-minor-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-minor-icon-container-icon-hover: var(--color-mi200);
    --color-button-link-minor-text: var(--color-mi300);
    --color-button-link-minor-text-active: var(--color-mi100);
    --color-button-link-minor-text-disabled: var(--color-mid-grey-2);
    --color-button-link-minor-text-hover: var(--color-mi200);
    --color-button-link-primary-icon-container-icon: var(--color-pr500);
    --color-button-link-primary-icon-container-icon-active: var(--color-pr200);
    --color-button-link-primary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-primary-icon-container-icon-hover: var(--color-pr400);
    --color-button-link-primary-text: var(--color-pr500);
    --color-button-link-primary-text-active: var(--color-pr200);
    --color-button-link-primary-text-disabled: var(--color-mid-grey-2);
    --color-button-link-primary-text-hover: var(--color-pr400);
    --color-button-link-secondary-icon-container-icon: var(--color-mid-grey-3);
    --color-button-link-secondary-icon-container-icon-active: var(--color-pr200);
    --color-button-link-secondary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-secondary-icon-container-icon-hover: var(--color-pr400);
    --color-button-link-secondary-text: var(--color-mid-grey-3);
    --color-button-link-secondary-text-active: var(--color-pr200);
    --color-button-link-secondary-text-disabled: var(--color-mid-grey-2);
    --color-button-link-secondary-text-hover: var(--color-pr400);
    --color-button-navigation-inverse-background: var(--color-b010);
    --color-button-navigation-inverse-background-active: var(--color-b005);
    --color-button-navigation-inverse-background-disabled: var(--color-b005);
    --color-button-navigation-inverse-background-finish: var(--color-b010);
    --color-button-navigation-inverse-background-finish-active: var(--color-b005);
    --color-button-navigation-inverse-background-finish-disabled: var(--color-b005);
    --color-button-navigation-inverse-background-finish-hover: var(--color-b020);
    --color-button-navigation-inverse-background-hover: var(--color-b020);
    --color-button-navigation-inverse-background-start: var(--color-b010);
    --color-button-navigation-inverse-background-start-active: var(--color-b005);
    --color-button-navigation-inverse-background-start-disabled: var(--color-b005);
    --color-button-navigation-inverse-background-start-hover: var(--color-b020);
    --color-button-navigation-inverse-border: var(--color-b000);
    --color-button-navigation-inverse-border-active: var(--color-b000);
    --color-button-navigation-inverse-border-disabled: var(--color-b000);
    --color-button-navigation-inverse-border-finish: var(--color-b000);
    --color-button-navigation-inverse-border-finish-active: var(--color-b000);
    --color-button-navigation-inverse-border-finish-disabled: var(--color-b000);
    --color-button-navigation-inverse-border-finish-hover: var(--color-b000);
    --color-button-navigation-inverse-border-hover: var(--color-b000);
    --color-button-navigation-inverse-icon: var(--color-dgz080);
    --color-button-navigation-inverse-icon-active: var(--color-black);
    --color-button-navigation-inverse-icon-disabled: var(--color-mid-grey-2);
    --color-button-navigation-inverse-icon-hover: var(--color-black);
    --color-button-navigation-secondary-background: var(--color-w010);
    --color-button-navigation-secondary-background-active: var(--color-w005);
    --color-button-navigation-secondary-background-disabled: var(--color-w005);
    --color-button-navigation-secondary-background-finish: var(--color-w010);
    --color-button-navigation-secondary-background-finish-active: var(--color-w005);
    --color-button-navigation-secondary-background-finish-disabled: var(--color-w005);
    --color-button-navigation-secondary-background-finish-hover: var(--color-w020);
    --color-button-navigation-secondary-background-hover: var(--color-w020);
    --color-button-navigation-secondary-background-start: var(--color-w010);
    --color-button-navigation-secondary-background-start-active: var(--color-w005);
    --color-button-navigation-secondary-background-start-disabled: var(--color-w005);
    --color-button-navigation-secondary-background-start-hover: var(--color-w020);
    --color-button-navigation-secondary-icon: var(--color-w080);
    --color-button-navigation-secondary-icon-active: var(--color-white);
    --color-button-navigation-secondary-icon-disabled: var(--color-mid-grey-2);
    --color-button-navigation-secondary-icon-hover: var(--color-white);
    --color-button-navigation-transparent-background: var(--color-w010);
    --color-button-navigation-transparent-background-active: var(--color-w005);
    --color-button-navigation-transparent-background-disabled: var(--color-w005);
    --color-button-navigation-transparent-background-finish: var(--color-w010);
    --color-button-navigation-transparent-background-finish-active: var(--color-w005);
    --color-button-navigation-transparent-background-finish-disabled: var(--color-w005);
    --color-button-navigation-transparent-background-finish-hover: var(--color-w020);
    --color-button-navigation-transparent-background-hover: var(--color-w020);
    --color-button-navigation-transparent-background-start: var(--color-w010);
    --color-button-navigation-transparent-background-start-active: var(--color-w005);
    --color-button-navigation-transparent-background-start-disabled: var(--color-w005);
    --color-button-navigation-transparent-background-start-hover: var(--color-w020);
    --color-button-navigation-transparent-icon: var(--color-w080);
    --color-button-navigation-transparent-icon-active: var(--color-white);
    --color-button-navigation-transparent-icon-disabled: var(--color-mid-grey-2);
    --color-button-navigation-transparent-icon-hover: var(--color-white);
    --color-button-outline-attention-background-active: var(--color-at700);
    --color-button-outline-attention-background-finish-active: var(--color-at500);
    --color-button-outline-attention-background-finish-hover: var(--color-at300);
    --color-button-outline-attention-background-hover: var(--color-at600);
    --color-button-outline-attention-background-start-active: var(--color-at500);
    --color-button-outline-attention-background-start-hover: var(--color-at300);
    --color-button-outline-attention-border: var(--color-at400);
    --color-button-outline-attention-border-disabled: var(--color-at900);
    --color-button-outline-attention-border-finish: var(--color-at400);
    --color-button-outline-attention-border-finish-disabled: var(--color-w005);
    --color-button-outline-attention-icon-container-icon: var(--color-at050);
    --color-button-outline-attention-icon-container-icon-active: var(--color-at050);
    --color-button-outline-attention-icon-container-icon-disabled: var(--color-at050);
    --color-button-outline-attention-icon-container-icon-hover: var(--color-at050);
    --color-button-outline-attention-text: var(--color-white);
    --color-button-outline-attention-text-active: #FFF;
    --color-button-outline-attention-text-disabled: var(--color-at800);
    --color-button-outline-attention-text-hover: #FFF;
    --color-button-outline-danger-background-active: var(--color-da700);
    --color-button-outline-danger-background-finish-active: var(--color-da700);
    --color-button-outline-danger-background-finish-hover: var(--color-da500);
    --color-button-outline-danger-background-hover: var(--color-da500);
    --color-button-outline-danger-background-start-active: var(--color-da700);
    --color-button-outline-danger-background-start-hover: var(--color-da500);
    --color-button-outline-danger-border: var(--color-da600);
    --color-button-outline-danger-border-disabled: var(--color-da900);
    --color-button-outline-danger-border-finish: var(--color-da600);
    --color-button-outline-danger-border-finish-disabled: var(--color-w005);
    --color-button-outline-danger-icon-container-icon: var(--color-da500);
    --color-button-outline-danger-icon-container-icon-active: var(--color-da050);
    --color-button-outline-danger-icon-container-icon-disabled: var(--color-da800);
    --color-button-outline-danger-icon-container-icon-hover: var(--color-da050);
    --color-button-outline-danger-text: var(--color-white);
    --color-button-outline-danger-text-active: var(--color-white);
    --color-button-outline-danger-text-disabled: var(--color-da800);
    --color-button-outline-danger-text-hover: var(--color-white);
    --color-button-outline-dark-background-active: var(--color-dark-grey-5);
    --color-button-outline-dark-background-finish-active: var(--color-dark-grey-5);
    --color-button-outline-dark-background-finish-hover: var(--color-dark-grey-3);
    --color-button-outline-dark-background-hover: var(--color-dark-grey-3);
    --color-button-outline-dark-background-start-active: var(--color-dark-grey-5);
    --color-button-outline-dark-background-start-hover: var(--color-dark-grey-3);
    --color-button-outline-dark-border: var(--color-dark-grey-0);
    --color-button-outline-dark-border-disabled: var(--color-b005);
    --color-button-outline-dark-border-finish: var(--color-dark-grey-0);
    --color-button-outline-dark-border-finish-disabled: var(--color-b005);
    --color-button-outline-dark-icon-container-icon: var(--color-dgz080);
    --color-button-outline-dark-icon-container-icon-active: var(--color-w080);
    --color-button-outline-dark-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-outline-dark-icon-container-icon-hover: var(--color-w080);
    --color-button-outline-dark-text: var(--color-black);
    --color-button-outline-dark-text-active: var(--color-white);
    --color-button-outline-dark-text-disabled: var(--color-b070);
    --color-button-outline-dark-text-hover: var(--color-white);
    --color-button-outline-info-background-active: var(--color-in700);
    --color-button-outline-info-background-finish-active: var(--color-in700);
    --color-button-outline-info-background-finish-hover: var(--color-in500);
    --color-button-outline-info-background-hover: var(--color-in500);
    --color-button-outline-info-background-start-active: var(--color-in700);
    --color-button-outline-info-background-start-hover: var(--color-in500);
    --color-button-outline-info-border: var(--color-in400);
    --color-button-outline-info-border-disabled: var(--color-in800);
    --color-button-outline-info-border-finish: var(--color-in400);
    --color-button-outline-info-border-finish-disabled: var(--color-w005);
    --color-button-outline-info-icon-container-icon: var(--color-in050);
    --color-button-outline-info-icon-container-icon-active: var(--color-in050);
    --color-button-outline-info-icon-container-icon-disabled: var(--color-in050);
    --color-button-outline-info-icon-container-icon-hover: var(--color-in050);
    --color-button-outline-info-text: var(--color-white);
    --color-button-outline-info-text-active: #FFF;
    --color-button-outline-info-text-disabled: var(--color-in600);
    --color-button-outline-info-text-hover: #FFF;
    --color-button-outline-light-background-active: var(--color-light-grey-4);
    --color-button-outline-light-background-finish-active: var(--color-light-grey-4);
    --color-button-outline-light-background-finish-hover: var(--color-light-grey-5);
    --color-button-outline-light-background-hover: var(--color-light-grey-5);
    --color-button-outline-light-background-start-active: var(--color-light-grey-4);
    --color-button-outline-light-background-start-hover: var(--color-light-grey-5);
    --color-button-outline-light-border: var(--color-white);
    --color-button-outline-light-border-disabled: var(--color-b005);
    --color-button-outline-light-border-finish: var(--color-white);
    --color-button-outline-light-border-finish-disabled: var(--color-b005);
    --color-button-outline-light-icon-container-icon: var(--color-w080);
    --color-button-outline-light-icon-container-icon-active: var(--color-dgz080);
    --color-button-outline-light-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-outline-light-icon-container-icon-hover: var(--color-dgz080);
    --color-button-outline-light-text: var(--color-white);
    --color-button-outline-light-text-active: var(--color-black);
    --color-button-outline-light-text-disabled: var(--color-mid-grey-2);
    --color-button-outline-light-text-hover: var(--color-black);
    --color-button-outline-minor-background-active: var(--color-vi700);
    --color-button-outline-minor-background-finish-active: var(--color-mi700);
    --color-button-outline-minor-background-finish-hover: var(--color-mi400);
    --color-button-outline-minor-background-hover: var(--color-vi400);
    --color-button-outline-minor-background-start-active: var(--color-mi700);
    --color-button-outline-minor-background-start-hover: var(--color-mi400);
    --color-button-outline-minor-border: var(--color-mi500);
    --color-button-outline-minor-border-disabled: var(--color-vi800);
    --color-button-outline-minor-border-finish: var(--color-mi500);
    --color-button-outline-minor-border-finish-disabled: var(--color-w005);
    --color-button-outline-minor-icon-container-icon: var(--color-in050);
    --color-button-outline-minor-icon-container-icon-active: var(--color-in050);
    --color-button-outline-minor-icon-container-icon-disabled: var(--color-in050);
    --color-button-outline-minor-icon-container-icon-hover: var(--color-in050);
    --color-button-outline-minor-text: var(--color-white);
    --color-button-outline-minor-text-active: var(--color-white);
    --color-button-outline-minor-text-disabled: var(--color-vi700);
    --color-button-outline-minor-text-hover: var(--color-white);
    --color-button-outline-primary-background-active: var(--color-pr600);
    --color-button-outline-primary-background-finish-active: var(--color-pr600);
    --color-button-outline-primary-background-finish-hover: var(--color-pr400);
    --color-button-outline-primary-background-hover: var(--color-pr400);
    --color-button-outline-primary-background-start-active: var(--color-pr600);
    --color-button-outline-primary-background-start-hover: var(--color-pr400);
    --color-button-outline-primary-border: var(--color-pr500);
    --color-button-outline-primary-border-disabled: var(--color-pr900);
    --color-button-outline-primary-border-finish: var(--color-pr500);
    --color-button-outline-primary-border-finish-disabled: var(--color-w005);
    --color-button-outline-primary-icon-container-icon: var(--color-pr050);
    --color-button-outline-primary-icon-container-icon-active: var(--color-pr700);
    --color-button-outline-primary-icon-container-icon-disabled: var(--color-pr700);
    --color-button-outline-primary-icon-container-icon-hover: var(--color-pr700);
    --color-button-outline-primary-text: var(--color-white);
    --color-button-outline-primary-text-active: var(--color-white);
    --color-button-outline-primary-text-disabled: var(--color-pr700);
    --color-button-outline-primary-text-hover: var(--color-white);
    --color-button-outline-secondary-background-active: var(--color-dark-grey-3);
    --color-button-outline-secondary-background-finish-active: var(--color-dark-grey-3);
    --color-button-outline-secondary-background-finish-hover: var(--color-dark-grey-5);
    --color-button-outline-secondary-background-hover: var(--color-dark-grey-5);
    --color-button-outline-secondary-background-start-active: var(--color-dark-grey-3);
    --color-button-outline-secondary-background-start-hover: var(--color-dark-grey-5);
    --color-button-outline-secondary-border: var(--color-dark-grey-4);
    --color-button-outline-secondary-border-disabled: var(--color-dark-grey-2);
    --color-button-outline-secondary-border-finish: var(--color-dark-grey-4);
    --color-button-outline-secondary-border-finish-disabled: var(--color-w005);
    --color-button-outline-secondary-icon-container-icon: var(--color-mid-grey-5);
    --color-button-outline-secondary-icon-container-icon-active: var(--color-mid-grey-5);
    --color-button-outline-secondary-icon-container-icon-disabled: var(--color-mid-grey-5);
    --color-button-outline-secondary-icon-container-icon-hover: var(--color-mid-grey-5);
    --color-button-outline-secondary-text: var(--color-white);
    --color-button-outline-secondary-text-active: var(--color-white);
    --color-button-outline-secondary-text-disabled: var(--color-mid-grey-1);
    --color-button-outline-secondary-text-hover: var(--color-white);
    --color-button-outline-success-background-active: var(--color-su700);
    --color-button-outline-success-background-finish-active: var(--color-su700);
    --color-button-outline-success-background-finish-hover: var(--color-su500);
    --color-button-outline-success-background-hover: var(--color-su600);
    --color-button-outline-success-background-start-active: var(--color-su700);
    --color-button-outline-success-background-start-hover: var(--color-su500);
    --color-button-outline-success-border: var(--color-su600);
    --color-button-outline-success-border-disabled: var(--color-su800);
    --color-button-outline-success-border-finish: var(--color-su600);
    --color-button-outline-success-border-finish-disabled: var(--color-w005);
    --color-button-outline-success-icon-container-icon: var(--color-su050);
    --color-button-outline-success-icon-container-icon-active: var(--color-su050);
    --color-button-outline-success-icon-container-icon-disabled: var(--color-su050);
    --color-button-outline-success-icon-container-icon-hover: var(--color-su050);
    --color-button-outline-success-text: var(--color-white);
    --color-button-outline-success-text-active: #FFF;
    --color-button-outline-success-text-disabled: var(--color-su600);
    --color-button-outline-success-text-hover: #FFF;
    --color-button-outline-warning-background-active: var(--color-wa600);
    --color-button-outline-warning-background-finish-active: var(--color-wa600);
    --color-button-outline-warning-background-finish-hover: var(--color-wa300);
    --color-button-outline-warning-background-hover: var(--color-wa400);
    --color-button-outline-warning-background-start-active: var(--color-wa600);
    --color-button-outline-warning-background-start-hover: var(--color-wa300);
    --color-button-outline-warning-border: var(--color-wa400);
    --color-button-outline-warning-border-disabled: var(--color-wa900);
    --color-button-outline-warning-border-finish: var(--color-wa400);
    --color-button-outline-warning-border-finish-disabled: var(--color-w005);
    --color-button-outline-warning-icon-container-icon: var(--color-pr050);
    --color-button-outline-warning-icon-container-icon-active: var(--color-wa050);
    --color-button-outline-warning-icon-container-icon-disabled: var(--color-wa800);
    --color-button-outline-warning-icon-container-icon-hover: var(--color-wa050);
    --color-button-outline-warning-text: var(--color-white);
    --color-button-outline-warning-text-active: #FFF;
    --color-button-outline-warning-text-disabled: var(--color-wa800);
    --color-button-outline-warning-text-hover: #FFF;
    --color-button-primary: #101114;
    --color-button-store-basic-background: var(--color-dark-grey-2);
    --color-button-store-basic-background-active: var(--color-dark-grey-4);
    --color-button-store-basic-background-finish: var(--color-dark-grey-2);
    --color-button-store-basic-background-finish-active: var(--color-dark-grey-4);
    --color-button-store-basic-background-finish-hover: var(--color-dark-grey-3);
    --color-button-store-basic-background-hover: var(--color-dark-grey-3);
    --color-button-store-basic-background-start: var(--color-dark-grey-2);
    --color-button-store-basic-background-start-active: var(--color-dark-grey-4);
    --color-button-store-basic-background-start-hover: var(--color-dark-grey-3);
    --color-button-store-basic-description: var(--color-mid-grey-5);
    --color-button-store-basic-description-active: var(--color-mid-grey-5);
    --color-button-store-basic-description-hover: var(--color-mid-grey-5);
    --color-button-store-basic-icon: var(--color-white);
    --color-button-store-basic-icon-active: var(--color-white);
    --color-button-store-basic-icon-hover: var(--color-white);
    --color-button-store-basic-text: var(--color-white);
    --color-button-store-basic-text-active: var(--color-white);
    --color-button-store-basic-text-hover: var(--color-white);
    --color-button-store-inverse-background: var(--color-light-grey-4);
    --color-button-store-inverse-background-active: var(--color-light-grey-2);
    --color-button-store-inverse-background-finish: var(--color-light-grey-4);
    --color-button-store-inverse-background-finish-active: var(--color-light-grey-2);
    --color-button-store-inverse-background-finish-hover: var(--color-light-grey-3);
    --color-button-store-inverse-background-hover: var(--color-light-grey-3);
    --color-button-store-inverse-background-start: var(--color-light-grey-4);
    --color-button-store-inverse-background-start-active: var(--color-light-grey-2);
    --color-button-store-inverse-background-start-hover: var(--color-light-grey-3);
    --color-button-store-inverse-border: var(--color-b000);
    --color-button-store-inverse-border-active: var(--color-b000);
    --color-button-store-inverse-border-finish: var(--color-b000);
    --color-button-store-inverse-border-finish-active: var(--color-b000);
    --color-button-store-inverse-border-finish-hover: var(--color-b000);
    --color-button-store-inverse-border-hover: var(--color-b000);
    --color-button-store-inverse-description: var(--color-dark-grey-5);
    --color-button-store-inverse-description-active: var(--color-dark-grey-5);
    --color-button-store-inverse-description-hover: var(--color-dark-grey-5);
    --color-button-store-inverse-icon: var(--color-black);
    --color-button-store-inverse-icon-active: var(--color-black);
    --color-button-store-inverse-icon-hover: var(--color-black);
    --color-button-store-inverse-text: var(--color-black);
    --color-button-store-inverse-text-active: var(--color-black);
    --color-button-store-inverse-text-hover: var(--color-black);
    --color-c1: #0000003D;
    --color-c1-primary: #E458093D;
    --color-c2: #00000052;
    --color-c2-primary: #E4580952;
    --color-calendar-background: var(--color-dark-grey-2);
    --color-calendar-background-finish: var(--color-dark-grey-2);
    --color-calendar-background-start: var(--color-dark-grey-2);
    --color-calendar-border: var(--color-dark-grey-2);
    --color-calendar-border-finish: var(--color-dark-grey-2);
    --color-calendar-day-active: var(--color-white);
    --color-calendar-day-active-background: var(--color-pr500);
    --color-calendar-day-active-background-active: var(--color-pr600);
    --color-calendar-day-active-background-disabled: var(--color-pr900);
    --color-calendar-day-active-background-focus: var(--color-pr400);
    --color-calendar-day-active-background-hover: var(--color-pr400);
    --color-calendar-day-active-disabled: var(--color-wa700);
    --color-calendar-day-active-focus: var(--color-pr200);
    --color-calendar-day-button-background-active: var(--color-dark-grey-3);
    --color-calendar-day-button-background-finish-active: var(--color-dark-grey-3);
    --color-calendar-day-button-background-finish-focus: var(--color-dark-grey-4);
    --color-calendar-day-button-background-finish-hover: var(--color-dark-grey-4);
    --color-calendar-day-button-background-focus: var(--color-dark-grey-4);
    --color-calendar-day-button-background-hover: var(--color-dark-grey-4);
    --color-calendar-day-button-background-start-active: var(--color-dark-grey-3);
    --color-calendar-day-button-background-start-focus: var(--color-dark-grey-4);
    --color-calendar-day-button-background-start-hover: var(--color-dark-grey-4);
    --color-calendar-day-button-border-finish-focus: var(--color-mid-grey-1);
    --color-calendar-day-button-border-focus: var(--color-mid-grey-1);
    --color-calendar-day-button-checked-background: var(--color-pr500);
    --color-calendar-day-button-checked-background-active: var(--color-pr600);
    --color-calendar-day-button-checked-background-disabled: var(--color-pr900);
    --color-calendar-day-button-checked-background-finish: var(--color-pr500);
    --color-calendar-day-button-checked-background-finish-active: var(--color-pr600);
    --color-calendar-day-button-checked-background-finish-disabled: var(--color-pr900);
    --color-calendar-day-button-checked-background-finish-focus: var(--color-pr400);
    --color-calendar-day-button-checked-background-finish-hover: var(--color-pr400);
    --color-calendar-day-button-checked-background-focus: var(--color-pr400);
    --color-calendar-day-button-checked-background-hover: var(--color-pr400);
    --color-calendar-day-button-checked-background-start: var(--color-pr500);
    --color-calendar-day-button-checked-background-start-active: var(--color-pr600);
    --color-calendar-day-button-checked-background-start-disabled: var(--color-pr900);
    --color-calendar-day-button-checked-background-start-focus: var(--color-pr400);
    --color-calendar-day-button-checked-background-start-hover: var(--color-pr400);
    --color-calendar-day-button-checked-border-finish-focus: var(--color-pr200);
    --color-calendar-day-button-checked-border-focus: var(--color-pr200);
    --color-calendar-day-button-checked-day-text: var(--color-white);
    --color-calendar-day-button-checked-day-text-active: var(--color-white);
    --color-calendar-day-button-checked-day-text-disabled: var(--color-pr700);
    --color-calendar-day-button-checked-day-text-focus: var(--color-white);
    --color-calendar-day-button-checked-day-text-hover: var(--color-white);
    --color-calendar-day-button-checked-holiday-text: var(--color-white);
    --color-calendar-day-button-checked-holiday-text-active: var(--color-white);
    --color-calendar-day-button-checked-holiday-text-disabled: var(--color-pr700);
    --color-calendar-day-button-checked-holiday-text-focus: var(--color-white);
    --color-calendar-day-button-checked-holiday-text-hover: var(--color-white);
    --color-calendar-day-button-checked-today-dot-background: var(--color-white);
    --color-calendar-day-button-checked-today-dot-background-active: var(--color-white);
    --color-calendar-day-button-checked-today-dot-background-disabled: var(--color-pr700);
    --color-calendar-day-button-checked-today-dot-background-focus: var(--color-white);
    --color-calendar-day-button-checked-today-dot-background-hover: var(--color-white);
    --color-calendar-day-button-checked-today-text: var(--color-white);
    --color-calendar-day-button-checked-today-text-active: var(--color-white);
    --color-calendar-day-button-checked-today-text-disabled: var(--color-pr700);
    --color-calendar-day-button-checked-today-text-focus: var(--color-white);
    --color-calendar-day-button-checked-today-text-hover: var(--color-white);
    --color-calendar-day-button-day-text: var(--color-mid-grey-5);
    --color-calendar-day-button-day-text-active: var(--color-mid-grey-5);
    --color-calendar-day-button-day-text-disabled: var(--color-mid-grey-2);
    --color-calendar-day-button-day-text-focus: var(--color-mid-grey-5);
    --color-calendar-day-button-day-text-hover: var(--color-mid-grey-5);
    --color-calendar-day-button-holiday-text: var(--color-da500);
    --color-calendar-day-button-holiday-text-active: var(--color-da500);
    --color-calendar-day-button-holiday-text-disabled: var(--color-mid-grey-2);
    --color-calendar-day-button-holiday-text-focus: var(--color-da500);
    --color-calendar-day-button-holiday-text-hover: var(--color-da500);
    --color-calendar-day-button-today-border: var(--color-dark-grey-3);
    --color-calendar-day-button-today-border-disabled: var(--color-dark-grey-3);
    --color-calendar-day-button-today-border-finish: var(--color-dark-grey-3);
    --color-calendar-day-button-today-border-finish-disabled: var(--color-dark-grey-3);
    --color-calendar-day-button-today-dot-background: var(--color-pr400);
    --color-calendar-day-button-today-dot-background-active: var(--color-pr400);
    --color-calendar-day-button-today-dot-background-disabled: var(--color-mid-grey-2);
    --color-calendar-day-button-today-dot-background-focus: var(--color-pr400);
    --color-calendar-day-button-today-dot-background-hover: var(--color-pr400);
    --color-calendar-day-button-today-text: var(--color-pr400);
    --color-calendar-day-button-today-text-active: var(--color-pr400);
    --color-calendar-day-button-today-text-disabled: var(--color-mid-grey-2);
    --color-calendar-day-button-today-text-focus: var(--color-pr400);
    --color-calendar-day-button-today-text-hover: var(--color-pr400);
    --color-calendar-day-inactive: var(--color-mid-grey-5);
    --color-calendar-day-inactive-background-active: var(--color-dark-grey-3);
    --color-calendar-day-inactive-background-focus: var(--color-dark-grey-4);
    --color-calendar-day-inactive-background-hover: var(--color-dark-grey-4);
    --color-calendar-day-inactive-disabled: var(--color-mid-grey-2);
    --color-calendar-day-inactive-focus: var(--color-mid-grey-1);
    --color-calendar-day-inactive-focus-inner: var(--color-dark-grey-3);
    --color-calendar-day-inactive-holiday: var(--color-da500);
    --color-calendar-day-inactive-today: var(--color-pr400);
    --color-calendar-day-range-background: var(--color-dark-grey-3);
    --color-calendar-day-range-background-finish: var(--color-dark-grey-3);
    --color-calendar-day-range-background-start: var(--color-dark-grey-3);
    --color-calendar-range-background: var(--color-dark-grey-3);
    --color-calendar-surface-background: var(--color-dark-grey-2);
    --color-calendar-week-day-text: var(--color-mid-grey-2);
    --color-calendar-week-holiday-text: var(--color-da500);
    --color-card-game-card-background: var(--color-dark-grey-2);
    --color-card-game-card-base: var(--color-light-grey-4);
    --color-card-game-card-title: var(--color-white);
    --color-countdown-background: var(--color-w010);
    --color-countdown-background-finish: var(--color-w010);
    --color-countdown-background-start: var(--color-w010);
    --color-countdown-description: var(--color-w060);
    --color-countdown-divider-background: var(--color-w020);
    --color-countdown-text: var(--color-white);
    --color-counter-attention-background: var(--color-at400);
    --color-counter-attention-background-finish: var(--color-at400);
    --color-counter-attention-background-start: var(--color-at400);
    --color-counter-attention-border: var(--color-b000);
    --color-counter-attention-border-finish: var(--color-b000);
    --color-counter-attention-text: var(--color-black);
    --color-counter-danger-background: var(--color-da600);
    --color-counter-danger-background-finish: var(--color-da600);
    --color-counter-danger-background-start: var(--color-da600);
    --color-counter-danger-text: var(--color-white);
    --color-counter-dark-background: var(--color-dark-grey-0);
    --color-counter-dark-background-finish: var(--color-dark-grey-0);
    --color-counter-dark-background-start: var(--color-dark-grey-0);
    --color-counter-dark-border: var(--color-b000);
    --color-counter-dark-border-finish: var(--color-b000);
    --color-counter-dark-text: var(--color-white);
    --color-counter-info-background: var(--color-in400);
    --color-counter-info-background-finish: var(--color-in400);
    --color-counter-info-background-start: var(--color-in400);
    --color-counter-info-text: var(--color-white);
    --color-counter-light-background: var(--color-white);
    --color-counter-light-background-finish: var(--color-white);
    --color-counter-light-background-start: var(--color-white);
    --color-counter-light-text: var(--color-black);
    --color-counter-minor-background: var(--color-mi500);
    --color-counter-minor-background-finish: var(--color-mi500);
    --color-counter-minor-background-start: var(--color-mi500);
    --color-counter-minor-text: var(--color-white);
    --color-counter-primary-background: var(--color-pr500);
    --color-counter-primary-background-finish: var(--color-pr500);
    --color-counter-primary-background-start: var(--color-pr500);
    --color-counter-primary-text: var(--color-button-primary);
    --color-counter-secondary-background: var(--color-dark-grey-5);
    --color-counter-secondary-background-finish: var(--color-dark-grey-5);
    --color-counter-secondary-background-start: var(--color-dark-grey-5);
    --color-counter-secondary-text: var(--color-white);
    --color-counter-success-background: var(--color-su600);
    --color-counter-success-background-finish: var(--color-su600);
    --color-counter-success-background-start: var(--color-su600);
    --color-counter-success-text: var(--color-white);
    --color-counter-transparent-background: var(--color-w020);
    --color-counter-transparent-background-finish: var(--color-w020);
    --color-counter-transparent-background-start: var(--color-w020);
    --color-counter-transparent-text: var(--color-white);
    --color-counter-vip-background: linear-gradient(260deg, var(--color-counter-vip-background-start) 0%, var(--color-counter-vip-background-finish) 100%);
    --color-counter-vip-background-finish: #B48457;
    --color-counter-vip-background-start: #FFEA81;
    --color-counter-vip-text: var(--color-black);
    --color-counter-warning-background: var(--color-wa400);
    --color-counter-warning-background-finish: var(--color-wa400);
    --color-counter-warning-background-start: var(--color-wa400);
    --color-counter-warning-text: var(--color-white);
    --color-da050: #FFE0E0;
    --color-da100: #FFC1C1;
    --color-da200: #FFA2A2;
    --color-da300: #FF8282;
    --color-da400: #FF6363;
    --color-da500: #FF4444;
    --color-da600: #FF0E0E;
    --color-da700: #D70000;
    --color-da800: #A20000;
    --color-da900: #6C0000;
    --color-dark-grey-0: #101114;
    --color-dark-grey-1: #1D1F24;
    --color-dark-grey-2: #2A2D35;
    --color-dark-grey-3: #373B45;
    --color-dark-grey-4: #454956;
    --color-dark-grey-5: #525766;
    --color-dgz000: #060E2A00;
    --color-dgz002: #10111405;
    --color-dgz005: #1011140D;
    --color-dgz010: #1011141A;
    --color-dgz020: #10111433;
    --color-dgz030: #1011144D;
    --color-dgz040: #10111466;
    --color-dgz050: #10111480;
    --color-dgz060: #10111499;
    --color-dgz070: #101114B3;
    --color-dgz080: #101114CC;
    --color-dgz090: #101114E6;
    --color-dot: var(--color-white);
    --color-dot-background: #FFFFFF4D;
    --color-dot-background-inverse: #0000004D;
    --color-dot-inverse: var(--color-dark-grey-3);
    --color-dropdown-basic-background: var(--color-dark-grey-2);
    --color-dropdown-basic-background-finish: var(--color-dark-grey-2);
    --color-dropdown-basic-background-start: var(--color-dark-grey-2);
    --color-dropdown-basic-divider-background: var(--color-dark-grey-3);
    --color-dropdown-basic-divider-descrition: var(--color-mid-grey-2);
    --color-dropdown-basic-row-background-active: var(--color-dark-grey-5);
    --color-dropdown-basic-row-background-finish-active: var(--color-dark-grey-5);
    --color-dropdown-basic-row-background-finish-hover: var(--color-dark-grey-3);
    --color-dropdown-basic-row-background-finish-primary: var(--color-pr500);
    --color-dropdown-basic-row-background-hover: var(--color-dark-grey-3);
    --color-dropdown-basic-row-background-primary: var(--color-pr500);
    --color-dropdown-basic-row-background-start-active: var(--color-dark-grey-5);
    --color-dropdown-basic-row-background-start-hover: var(--color-dark-grey-3);
    --color-dropdown-basic-row-background-start-primary: var(--color-pr500);
    --color-dropdown-basic-row-description: var(--color-w070);
    --color-dropdown-basic-row-description-active: var(--color-w070);
    --color-dropdown-basic-row-description-hover: var(--color-w070);
    --color-dropdown-basic-row-description-primary: var(--color-button-primary);
    --color-dropdown-basic-row-icon-container-icon: var(--color-white);
    --color-dropdown-basic-row-icon-container-icon-active: var(--color-white);
    --color-dropdown-basic-row-icon-container-icon-hover: var(--color-white);
    --color-dropdown-basic-row-icon-container-icon-primary: var(--color-button-primary);
    --color-dropdown-basic-row-text: var(--color-white);
    --color-dropdown-basic-row-text-active: var(--color-white);
    --color-dropdown-basic-row-text-hover: var(--color-white);
    --color-dropdown-basic-row-text-primary: var(--color-button-primary);
    --color-dropdown-basic-tail-background: var(--color-dark-grey-2);
    --color-dropdown-inverse-background: var(--color-light-grey-4);
    --color-dropdown-inverse-background-finish: var(--color-light-grey-4);
    --color-dropdown-inverse-background-start: var(--color-light-grey-4);
    --color-dropdown-inverse-border: var(--color-b000);
    --color-dropdown-inverse-border-finish: var(--color-b000);
    --color-dropdown-inverse-divider-background: var(--color-light-grey-3);
    --color-dropdown-inverse-divider-descrition: var(--color-mid-grey-3);
    --color-dropdown-inverse-row-background-active: var(--color-light-grey-1);
    --color-dropdown-inverse-row-background-finish-active: var(--color-light-grey-1);
    --color-dropdown-inverse-row-background-finish-hover: var(--color-light-grey-3);
    --color-dropdown-inverse-row-background-finish-primary: var(--color-pr500);
    --color-dropdown-inverse-row-background-hover: var(--color-light-grey-3);
    --color-dropdown-inverse-row-background-primary: var(--color-pr500);
    --color-dropdown-inverse-row-background-start-active: var(--color-light-grey-1);
    --color-dropdown-inverse-row-background-start-hover: var(--color-light-grey-3);
    --color-dropdown-inverse-row-background-start-primary: var(--color-pr500);
    --color-dropdown-inverse-row-description: var(--color-b070);
    --color-dropdown-inverse-row-description-active: var(--color-b070);
    --color-dropdown-inverse-row-description-hover: var(--color-b070);
    --color-dropdown-inverse-row-description-primary: var(--color-b070);
    --color-dropdown-inverse-row-icon-container-background: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-active: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-finish: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-finish-active: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-finish-hover: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-finish-primary: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-hover: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-primary: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-start: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-start-active: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-start-hover: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-background-start-primary: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-active: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-finish: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-finish-active: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-finish-hover: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-finish-primary: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-hover: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-border-primary: var(--color-b000);
    --color-dropdown-inverse-row-icon-container-icon: var(--color-black);
    --color-dropdown-inverse-row-icon-container-icon-active: var(--color-black);
    --color-dropdown-inverse-row-icon-container-icon-hover: var(--color-black);
    --color-dropdown-inverse-row-icon-container-icon-primary: var(--color-black);
    --color-dropdown-inverse-row-text: var(--color-black);
    --color-dropdown-inverse-row-text-active: var(--color-black);
    --color-dropdown-inverse-row-text-hover: var(--color-black);
    --color-dropdown-inverse-row-text-primary: var(--color-black);
    --color-dropdown-inverse-tail-background: var(--color-light-grey-4);
    --color-field-basic-description: var(--color-mid-grey-5);
    --color-field-basic-description-error: var(--color-da500);
    --color-field-basic-icon: var(--color-mid-grey-5);
    --color-field-basic-label: var(--color-white);
    --color-field-inverse-description: var(--color-dark-grey-5);
    --color-field-inverse-description-error: var(--color-da500);
    --color-field-inverse-icon: var(--color-dark-grey-5);
    --color-field-inverse-label: var(--color-black);
    --color-footer-contact-icon: var(--color-pr500);
    --color-footer-description: var(--color-mid-grey-2);
    --color-footer-divider-background: var(--color-dark-grey-1);
    --color-footer-divider-background-finish: var(--color-dark-grey-1);
    --color-footer-divider-background-start: var(--color-dark-grey-1);
    --color-footer-inverse-background-finish: var(--color-b000);
    --color-footer-inverse-background-start: var(--color-b000);
    --color-footer-inverse-border-finish: var(--color-b000);
    --color-footer-inverse-border-start: var(--color-b000);
    --color-footer-inverse-contact-icon: var(--color-pr500);
    --color-footer-inverse-description: var(--color-mid-grey-3);
    --color-footer-inverse-divider-background-finish: var(--color-light-grey-5);
    --color-footer-inverse-divider-background-start: var(--color-light-grey-5);
    --color-footer-inverse-link-text: var(--color-pr400);
    --color-footer-inverse-logo-icon: var(--color-dark-grey-5);
    --color-footer-inverse-menu-text: var(--color-dark-grey-5);
    --color-footer-inverse-menu-text-hover: var(--color-dark-grey-3);
    --color-footer-inverse-payment-card-background-finish: var(--color-b000);
    --color-footer-inverse-payment-card-background-start: var(--color-b000);
    --color-footer-inverse-payment-card-border-finish: var(--color-b000);
    --color-footer-inverse-payment-card-border-start: var(--color-b000);
    --color-footer-inverse-payment-card-icon: var(--color-light-grey-1);
    --color-footer-inverse-payment-container-background-finish: var(--color-light-grey-5);
    --color-footer-inverse-payment-container-background-start: var(--color-light-grey-5);
    --color-footer-inverse-payment-container-border-finish: var(--color-b000);
    --color-footer-inverse-payment-container-border-start: var(--color-b000);
    --color-footer-inverse-ssl-icon: var(--color-b070);
    --color-footer-inverse-text: var(--color-dark-grey-5);
    --color-footer-inverse-title: var(--color-dark-grey-3);
    --color-footer-link-text: var(--color-pr400);
    --color-footer-logo-icon: var(--color-mid-grey-5);
    --color-footer-menu-text: var(--color-mid-grey-5);
    --color-footer-menu-text-hover: var(--color-light-grey-3);
    --color-footer-payment-card-icon: var(--color-dark-grey-5);
    --color-footer-payment-container-background: var(--color-dark-grey-1);
    --color-footer-payment-container-background-finish: var(--color-dark-grey-1);
    --color-footer-payment-container-background-start: var(--color-dark-grey-1);
    --color-footer-ssl-icon: var(--color-w070);
    --color-footer-text: var(--color-mid-grey-5);
    --color-footer-title: var(--color-light-grey-3);
    --color-game-card-background: var(--color-dark-grey-2);
    --color-game-card-background-finish: var(--color-dark-grey-2);
    --color-game-card-background-start: var(--color-dark-grey-2);
    --color-game-card-footer-0-background: linear-gradient(180deg, var(--color-dgz000) 0%, var(--color-dark-grey-1) 100%);
    --color-game-card-footer-0-background-finish: var(--color-dark-grey-1);
    --color-game-card-footer-0-background-start: var(--color-dgz000);
    --color-game-card-footer-1-background: linear-gradient(180deg, var(--color-1-background-start) 0%, var(--color-pr700) 100%);
    --color-game-card-footer-1-background-finish: var(--color-pr700);
    --color-game-card-footer-2-background: linear-gradient(180deg, var(--color-2-background-start) 0%, var(--color-da800) 100%);
    --color-game-card-footer-2-background-finish: var(--color-da800);
    --color-game-card-footer-3-background: linear-gradient(180deg, var(--color-3-background-start) 0%, var(--color-in700) 100%);
    --color-game-card-footer-3-background-finish: var(--color-in700);
    --color-game-card-footer-4-background: linear-gradient(180deg, var(--color-4-background-start) 0%, var(--color-4-background-finish) 100%);
    --color-game-card-footer-5-background: linear-gradient(180deg, var(--color-5-background-start) 0%, var(--color-su800) 100%);
    --color-game-card-footer-5-background-finish: var(--color-su800);
    --color-game-card-footer-6-background: linear-gradient(180deg, var(--color-6-background-start) 0%, var(--color-mi700) 100%);
    --color-game-card-footer-6-background-finish: var(--color-mi700);
    --color-game-card-footer-7-background: linear-gradient(84deg, #a8884c 0%, #f3dc9c 100%);
    --color-game-card-header-icon: var(--color-w080);
    --color-game-card-header-icon-hover: var(--color-white);
    --color-game-card-inverse-background-finish: var(--color-light-grey-4);
    --color-game-card-inverse-background-start: var(--color-light-grey-4);
    --color-game-card-inverse-border-finish: var(--color-b000);
    --color-game-card-inverse-border-start: var(--color-b000);
    --color-game-card-like-icon: var(--color-light-grey-5);
    --color-game-card-like-icon-active: var(--color-white);
    --color-game-card-like-icon-active-finish: var(--color-white);
    --color-game-card-like-icon-active-start: var(--color-white);
    --color-game-card-like-icon-checked: var(--color-white);
    --color-game-card-like-icon-checked-finish: var(--color-white);
    --color-game-card-like-icon-checked-start: var(--color-white);
    --color-game-card-like-icon-finish: var(--color-light-grey-5);
    --color-game-card-like-icon-hover: var(--color-white);
    --color-game-card-like-icon-hover-finish: var(--color-white);
    --color-game-card-like-icon-hover-start: var(--color-white);
    --color-game-card-like-icon-start: var(--color-light-grey-5);
    --color-game-card-like-text: var(--color-white);
    --color-game-card-like-text-active: var(--color-white);
    --color-game-card-like-text-checked: var(--color-white);
    --color-game-card-like-text-hover: var(--color-white);
    --color-game-card-line: linear-gradient(90deg, #17292400 0%, #f4d691 48%, #17292400 100%);
    --color-game-card-live-background-finish: var(--color-white);
    --color-game-card-live-background-start: var(--color-white);
    --color-game-card-live-backlground: var(--color-white);
    --color-game-card-live-bet-background-base: var(--color-dark-grey-1);
    --color-game-card-live-bet-background-black: var(--color-black);
    --color-game-card-live-bet-background-green: var(--color-su500);
    --color-game-card-live-bet-background-red: var(--color-da500);
    --color-game-card-live-bet-text: var(--color-white);
    --color-game-card-live-dot-background: var(--color-white);
    --color-game-card-live-seat-icon: var(--color-mid-grey-5);
    --color-game-card-live-seat-text: var(--color-mid-grey-2);
    --color-game-card-overlay-background: var(--color-b010);
    --color-game-card-overlay-background-finish: var(--color-b010);
    --color-game-card-overlay-background-start: var(--color-b010);
    --color-game-card-overlay-icon: var(--color-w070);
    --color-game-card-title-0-background: var(--color-dark-grey-1);
    --color-game-card-title-0-background-finish: var(--color-dark-grey-1);
    --color-game-card-title-0-background-start: var(--color-dark-grey-1);
    --color-game-card-title-1-background: var(--color-at500);
    --color-game-card-title-1-background-finish: var(--color-at500);
    --color-game-card-title-1-background-start: var(--color-at500);
    --color-game-card-title-2-background: var(--color-wa400);
    --color-game-card-title-2-background-finish: var(--color-wa400);
    --color-game-card-title-2-background-start: var(--color-wa400);
    --color-game-card-title-3-background: var(--color-in400);
    --color-game-card-title-3-background-finish: var(--color-in400);
    --color-game-card-title-3-background-start: var(--color-in400);
    --color-game-card-title-4-background: var(--color-da600);
    --color-game-card-title-4-background-finish: var(--color-da600);
    --color-game-card-title-4-background-start: var(--color-da600);
    --color-game-card-title-5-background: var(--color-su600);
    --color-game-card-title-5-background-finish: var(--color-su600);
    --color-game-card-title-5-background-start: var(--color-su600);
    --color-game-card-title-6-background: var(--color-mi500);
    --color-game-card-title-6-background-finish: var(--color-mi500);
    --color-game-card-title-6-background-start: var(--color-mi500);
    --color-game-card-title-game-text-finish: var(--color-white);
    --color-game-card-title-game-text-start: var(--color-white);
    --color-game-card-title-provider-text: var(--color-w070);
    --color-game-card-title-text: var(--color-white);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-bonus-money-step-1: var(--color-su900);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-bonus-money-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-daily-cashback-step-1: var(--color-mi700);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-daily-cashback-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-rakeback-step-1: var(--color-in700);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-rakeback-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-real-money-step-1: var(--color-dark-grey-2);
    --color-gradient-activity-hub-bonus-hub-balance-dropdown-real-money-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-bonus-round-step-1: var(--color-mi700);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-bonus-round-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-casino-bonus-step-1: var(--color-mi600);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-casino-bonus-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-deposit-bonus-step-1: var(--color-mi600);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-deposit-bonus-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-free-spins-step-1: var(--color-mi700);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-free-spins-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-sport-bonus-step-1: var(--color-in300);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-sport-bonus-step-2: var(--color-in700);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-sport-deposit-bonus-step-1: var(--color-in300);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonuses-sport-deposit-bonus-step-2: var(--color-in700);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-bronze-step-1: var(--color-pr700);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-bronze-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-gold-step-1: var(--color-su700);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-gold-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-instant-wheel-step-1: var(--color-da900);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-instant-wheel-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-lock-wheel-step-1: var(--color-dark-grey-3);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-lock-wheel-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-platinum-step-1: var(--color-mi600);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-platinum-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-silver-step-1: var(--color-in600);
    --color-gradient-activity-hub-bonus-hub-loyalty-wheels-silver-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-master-step-1: var(--color-in600);
    --color-gradient-activity-hub-bonus-hub-master-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-master-step-3: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-special-step-1: var(--color-at500);
    --color-gradient-activity-hub-bonus-hub-special-step-2: var(--color-wa800);
    --color-gradient-activity-hub-bonus-hub-special-step-3: var(--color-wa900);
    --color-gradient-activity-hub-bonus-hub-special-step-4: var(--color-dark-grey-1);
    --color-gradient-activity-hub-calendar-grid-everyday-off-grid-everyday-off: var(--color-dark-grey-1);
    --color-gradient-activity-hub-calendar-grid-everyday-on-step-1: var(--color-in400);
    --color-gradient-activity-hub-calendar-grid-everyday-on-step-2: var(--color-in600);
    --color-gradient-activity-hub-calendar-grid-everyday-on-step-3: var(--color-in700);
    --color-gradient-activity-hub-calendar-grid-everyday-on-step-4: var(--color-in800);
    --color-gradient-activity-hub-calendar-grid-special-off-step-1: var(--color-at800);
    --color-gradient-activity-hub-calendar-grid-special-off-step-2: var(--color-wa900);
    --color-gradient-activity-hub-calendar-grid-special-on-step-1: var(--color-at400);
    --color-gradient-activity-hub-calendar-grid-special-on-step-2: var(--color-wa700);
    --color-gradient-activity-hub-calendar-grid-special-on-step-3: var(--color-wa800);
    --color-gradient-activity-hub-today-card-everyday-step-1: var(--color-in300);
    --color-gradient-activity-hub-today-card-everyday-step-2: var(--color-in400);
    --color-gradient-activity-hub-today-card-everyday-step-3: var(--color-in600);
    --color-gradient-activity-hub-today-card-everyday-step-4: var(--color-in800);
    --color-gradient-activity-hub-today-card-special-day-step-1: var(--color-at100);
    --color-gradient-activity-hub-today-card-special-day-step-2: var(--color-at400);
    --color-gradient-activity-hub-today-card-special-day-step-3: var(--color-wa700);
    --color-gradient-activity-hub-today-card-special-day-step-4: var(--color-wa800);
    --color-gradient-bonus-selector-hover-step-1: #0E7FB5;
    --color-gradient-bonus-selector-hover-step-2: #0F71AD;
    --color-gradient-bonus-selector-hover-step-3: #1061A3;
    --color-gradient-bonus-selector-hover-step-4: #124793;
    --color-gradient-bonus-selector-step-1: #085F8A;
    --color-gradient-bonus-selector-step-2: #09507E;
    --color-gradient-bonus-selector-step-3: #0A4475;
    --color-gradient-bonus-selector-step-4: #0B3064;
    --color-gradient-gr-1-step-1: #501091;
    --color-gradient-gr-1-step-2: #3831A4;
    --color-gradient-gr-1-step-3: #213A96;
    --color-gradient-gr-2-step-1: #0D6EFD;
    --color-gradient-gr-2-step-2: #3C0DFD;
    --color-gradient-gr-2-step-3: #840DFD;
    --color-gradient-gr-2-step-4: #CC0DFD;
    --color-gradient-gr-2-step-5: #FD0DE6;
    --color-gradient-gr-3-step-1: #1B2A64;
    --color-gradient-gr-3-step-2: #291F61;
    --color-gradient-gr-3-step-3: #5C2559;
    --color-gradient-gr-3-step-4: #772D4F;
    --color-gradient-gr-3-step-5: #5A2062;
    --color-gradient-gr-4-step-1: #FFEA81;
    --color-gradient-gr-4-step-2: #80462D;
    --color-gradient-gr-5-step-1: #80462D;
    --color-gradient-gr-5-step-2: #FFEA81;
    --color-gradient-gr-5-step-3: #80462D;
    --color-gradient-gr-6-step-1: #0238E1;
    --color-gradient-gr-6-step-2: #6F02FF;
    --color-gradient-vip-3-step-1: var(--color-wa400);
    --color-gradient-vip-3-step-2: #FBE67B;
    --color-gradient-vip-3-step-3: #FCFBE7;
    --color-gradient-vip-3-step-4: var(--color-at300);
    --color-gradient-vip-3-step-5: var(--color-wa500);
    --color-gradient-vip-step-1: var(--color-at100);
    --color-gradient-vip-step-2: var(--color-dgz000);
    --color-green: #43A047;
    --color-icon: #54596DCC;
    --color-icon-hover: #353B52CC;
    --color-in050: #D7DEF9;
    --color-in100: #AEBEF3;
    --color-in200: #869DEE;
    --color-in300: #5D7CE8;
    --color-in400: #355BE2;
    --color-in500: #1D44CC;
    --color-in600: #1736A3;
    --color-in700: #12297B;
    --color-in800: #0C1B52;
    --color-in900: #060E2A;
    --color-input-basic-background: var(--color-dark-grey-0);
    --color-input-basic-background-disabled: var(--color-dark-grey-0);
    --color-input-basic-background-finish: var(--color-dark-grey-0);
    --color-input-basic-background-finish-disabled: var(--color-dark-grey-0);
    --color-input-basic-background-finish-focus: var(--color-dgz070);
    --color-input-basic-background-finish-hover: var(--color-dgz070);
    --color-input-basic-background-focus: var(--color-dgz070);
    --color-input-basic-background-hover: var(--color-dgz070);
    --color-input-basic-background-start: var(--color-dark-grey-0);
    --color-input-basic-background-start-disabled: var(--color-dark-grey-0);
    --color-input-basic-background-start-focus: var(--color-dgz070);
    --color-input-basic-background-start-hover: var(--color-dgz070);
    --color-input-basic-border: var(--color-w010);
    --color-input-basic-border-disabled: var(--color-w010);
    --color-input-basic-border-finish: var(--color-w010);
    --color-input-basic-border-finish-disabled: var(--color-w010);
    --color-input-basic-border-finish-focus: var(--color-dark-grey-5);
    --color-input-basic-border-finish-hover: var(--color-w010);
    --color-input-basic-border-focus: var(--color-dark-grey-5);
    --color-input-basic-border-hover: var(--color-w010);
    --color-input-basic-button-icon-icon: var(--color-mid-grey-5);
    --color-input-basic-button-icon-icon-disabled: var(--color-mid-grey-2);
    --color-input-basic-button-icon-icon-focus: var(--color-mid-grey-5);
    --color-input-basic-button-icon-icon-hover: var(--color-mid-grey-5);
    --color-input-basic-error-background: var(--color-dark-grey-0);
    --color-input-basic-error-background-finish: var(--color-dark-grey-0);
    --color-input-basic-error-background-finish-focus: var(--color-dgz070);
    --color-input-basic-error-background-finish-hover: var(--color-dgz070);
    --color-input-basic-error-background-focus: var(--color-dgz070);
    --color-input-basic-error-background-hover: var(--color-dgz070);
    --color-input-basic-error-background-start: var(--color-dark-grey-0);
    --color-input-basic-error-background-start-focus: var(--color-dgz070);
    --color-input-basic-error-background-start-hover: var(--color-dgz070);
    --color-input-basic-error-border: var(--color-da600);
    --color-input-basic-error-border-finish: var(--color-da600);
    --color-input-basic-error-border-finish-focus: var(--color-da600);
    --color-input-basic-error-border-finish-hover: var(--color-da600);
    --color-input-basic-error-border-focus: var(--color-da600);
    --color-input-basic-error-border-hover: var(--color-da600);
    --color-input-basic-error-button-icon-icon: var(--color-mid-grey-5);
    --color-input-basic-error-button-icon-icon-focus: var(--color-mid-grey-5);
    --color-input-basic-error-button-icon-icon-hover: var(--color-mid-grey-5);
    --color-input-basic-error-icon-container-icon: var(--color-mid-grey-5);
    --color-input-basic-error-icon-container-icon-focus: var(--color-white);
    --color-input-basic-error-icon-container-icon-hover: var(--color-white);
    --color-input-basic-error-label: var(--color-mid-grey-5);
    --color-input-basic-error-label-focus: var(--color-mid-grey-5);
    --color-input-basic-error-label-hover: var(--color-mid-grey-5);
    --color-input-basic-error-outside-border-finish-focus: #FF0E0E99;
    --color-input-basic-error-outside-border-focus: #FF0E0E99;
    --color-input-basic-error-placeholder: var(--color-mid-grey-2);
    --color-input-basic-error-placeholder-focus: var(--color-mid-grey-2);
    --color-input-basic-error-placeholder-hover: var(--color-mid-grey-2);
    --color-input-basic-error-value: var(--color-white);
    --color-input-basic-error-value-focus: var(--color-white);
    --color-input-basic-error-value-hover: var(--color-white);
    --color-input-basic-icon-container-icon: var(--color-mid-grey-5);
    --color-input-basic-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-input-basic-icon-container-icon-focus: var(--color-white);
    --color-input-basic-icon-container-icon-hover: var(--color-white);
    --color-input-basic-label: var(--color-mid-grey-5);
    --color-input-basic-label-disabled: var(--color-mid-grey-2);
    --color-input-basic-label-focus: var(--color-mid-grey-5);
    --color-input-basic-label-hover: var(--color-mid-grey-5);
    --color-input-basic-outside-border-finish-focus: #54596D99;
    --color-input-basic-outside-border-focus: #54596D99;
    --color-input-basic-placeholder: var(--color-mid-grey-2);
    --color-input-basic-placeholder-disabled: var(--color-mid-grey-2);
    --color-input-basic-placeholder-focus: var(--color-mid-grey-2);
    --color-input-basic-placeholder-hover: var(--color-mid-grey-2);
    --color-input-basic-success-background: var(--color-dark-grey-0);
    --color-input-basic-success-background-finish: var(--color-dark-grey-0);
    --color-input-basic-success-background-finish-focus: var(--color-dgz070);
    --color-input-basic-success-background-finish-hover: var(--color-dgz070);
    --color-input-basic-success-background-focus: var(--color-dgz070);
    --color-input-basic-success-background-hover: var(--color-dgz070);
    --color-input-basic-success-background-start: var(--color-dark-grey-0);
    --color-input-basic-success-background-start-focus: var(--color-dgz070);
    --color-input-basic-success-background-start-hover: var(--color-dgz070);
    --color-input-basic-success-border: var(--color-su400);
    --color-input-basic-success-border-finish: var(--color-su400);
    --color-input-basic-success-border-finish-focus: var(--color-su400);
    --color-input-basic-success-border-finish-hover: var(--color-su400);
    --color-input-basic-success-border-focus: var(--color-su400);
    --color-input-basic-success-border-hover: var(--color-su400);
    --color-input-basic-success-button-icon-icon: var(--color-mid-grey-5);
    --color-input-basic-success-button-icon-icon-focus: var(--color-mid-grey-5);
    --color-input-basic-success-button-icon-icon-hover: var(--color-mid-grey-5);
    --color-input-basic-success-icon-container-icon: var(--color-mid-grey-5);
    --color-input-basic-success-icon-container-icon-focus: var(--color-white);
    --color-input-basic-success-icon-container-icon-hover: var(--color-white);
    --color-input-basic-success-label: var(--color-mid-grey-5);
    --color-input-basic-success-label-focus: var(--color-mid-grey-5);
    --color-input-basic-success-label-hover: var(--color-mid-grey-5);
    --color-input-basic-success-outside-border-finish-focus: #09E41F99;
    --color-input-basic-success-outside-border-focus: #09E41F99;
    --color-input-basic-success-placeholder: var(--color-mid-grey-2);
    --color-input-basic-success-placeholder-focus: var(--color-mid-grey-2);
    --color-input-basic-success-placeholder-hover: var(--color-mid-grey-2);
    --color-input-basic-success-value: var(--color-white);
    --color-input-basic-success-value-focus: var(--color-white);
    --color-input-basic-success-value-hover: var(--color-white);
    --color-input-basic-value: var(--color-white);
    --color-input-basic-value-disabled: var(--color-mid-grey-2);
    --color-input-basic-value-focus: var(--color-white);
    --color-input-basic-value-hover: var(--color-white);
    --color-input-dark-background: var(--color-dark-grey-0);
    --color-input-dark-background-disabled: var(--color-dark-grey-0);
    --color-input-dark-background-focus: var(--color-dgz070);
    --color-input-dark-background-hover: var(--color-dgz070);
    --color-input-dark-border: transparent;
    --color-input-dark-border-disabled: transparent;
    --color-input-dark-border-focus: transparent;
    --color-input-dark-border-hover: transparent;
    --color-input-dark-icon-container-icon: var(--color-mid-grey-5);
    --color-input-dark-icon-container-icon-disabled: var(--color-mid-grey-1);
    --color-input-dark-icon-container-icon-focus: var(--color-mid-grey-5);
    --color-input-dark-icon-container-icon-hover: var(--color-mid-grey-5);
    --color-input-dark-label: var(--color-mid-grey-5);
    --color-input-dark-label-disabled: var(--color-mid-grey-1);
    --color-input-dark-label-focus: var(--color-mid-grey-5);
    --color-input-dark-label-hover: var(--color-mid-grey-5);
    --color-input-dark-outside-border-focus: var(--color-dark-grey-5);
    --color-input-dark-value: var(--color-light-grey-5);
    --color-input-dark-value-disabled: var(--color-mid-grey-3);
    --color-input-dark-value-focus: var(--color-light-grey-5);
    --color-input-dark-value-hover: var(--color-light-grey-5);
    --color-input-external-text-basic-description: var(--color-mid-grey-5);
    --color-input-external-text-basic-error-message: var(--color-da500);
    --color-input-external-text-basic-label: var(--color-white);
    --color-input-external-text-basic-label-required: var(--color-da500);
    --color-input-external-text-inverse-description: var(--color-dark-grey-5);
    --color-input-external-text-inverse-error-message: var(--color-da500);
    --color-input-external-text-inverse-label: var(--color-black);
    --color-input-external-text-inverse-label-required: var(--color-da500);
    --color-input-inverse-background: var(--color-white);
    --color-input-inverse-background-disabled: var(--color-white);
    --color-input-inverse-background-finish: var(--color-white);
    --color-input-inverse-background-finish-disabled: var(--color-white);
    --color-input-inverse-background-finish-focus: var(--color-w070);
    --color-input-inverse-background-finish-hover: var(--color-w070);
    --color-input-inverse-background-focus: var(--color-w070);
    --color-input-inverse-background-hover: var(--color-w070);
    --color-input-inverse-background-start: var(--color-white);
    --color-input-inverse-background-start-disabled: var(--color-white);
    --color-input-inverse-background-start-focus: var(--color-w070);
    --color-input-inverse-background-start-hover: var(--color-w070);
    --color-input-inverse-border: var(--color-b010);
    --color-input-inverse-border-disabled: var(--color-b010);
    --color-input-inverse-border-finish: var(--color-b010);
    --color-input-inverse-border-finish-disabled: var(--color-b010);
    --color-input-inverse-border-finish-focus: var(--color-light-grey-1);
    --color-input-inverse-border-finish-hover: var(--color-b010);
    --color-input-inverse-border-focus: var(--color-light-grey-1);
    --color-input-inverse-border-hover: var(--color-b010);
    --color-input-inverse-button-icon-background: var(--color-b000);
    --color-input-inverse-button-icon-background-disabled: var(--color-b000);
    --color-input-inverse-button-icon-background-finish: var(--color-b000);
    --color-input-inverse-button-icon-background-finish-disabled: var(--color-b000);
    --color-input-inverse-button-icon-background-finish-focus: var(--color-b000);
    --color-input-inverse-button-icon-background-finish-hover: var(--color-b000);
    --color-input-inverse-button-icon-background-focus: var(--color-b000);
    --color-input-inverse-button-icon-background-hover: var(--color-b000);
    --color-input-inverse-button-icon-background-start: var(--color-b000);
    --color-input-inverse-button-icon-background-start-disabled: var(--color-b000);
    --color-input-inverse-button-icon-background-start-focus: var(--color-b000);
    --color-input-inverse-button-icon-background-start-hover: var(--color-b000);
    --color-input-inverse-button-icon-border: var(--color-b000);
    --color-input-inverse-button-icon-border-disabled: var(--color-b000);
    --color-input-inverse-button-icon-border-finish: var(--color-b000);
    --color-input-inverse-button-icon-border-finish-disabled: var(--color-b000);
    --color-input-inverse-button-icon-border-finish-focus: var(--color-b000);
    --color-input-inverse-button-icon-border-finish-hover: var(--color-b000);
    --color-input-inverse-button-icon-border-focus: var(--color-b000);
    --color-input-inverse-button-icon-border-hover: var(--color-b000);
    --color-input-inverse-button-icon-icon: var(--color-dark-grey-5);
    --color-input-inverse-button-icon-icon-disabled: var(--color-mid-grey-3);
    --color-input-inverse-button-icon-icon-focus: var(--color-dark-grey-5);
    --color-input-inverse-button-icon-icon-hover: var(--color-dark-grey-5);
    --color-input-inverse-error-background: var(--color-white);
    --color-input-inverse-error-background-finish: var(--color-white);
    --color-input-inverse-error-background-finish-focus: var(--color-w070);
    --color-input-inverse-error-background-finish-hover: var(--color-w070);
    --color-input-inverse-error-background-focus: var(--color-w070);
    --color-input-inverse-error-background-hover: var(--color-w070);
    --color-input-inverse-error-background-start: var(--color-white);
    --color-input-inverse-error-background-start-focus: var(--color-w070);
    --color-input-inverse-error-background-start-hover: var(--color-w070);
    --color-input-inverse-error-border: var(--color-da600);
    --color-input-inverse-error-border-finish: var(--color-da600);
    --color-input-inverse-error-border-finish-focus: var(--color-da600);
    --color-input-inverse-error-border-finish-hover: var(--color-da600);
    --color-input-inverse-error-border-focus: var(--color-da600);
    --color-input-inverse-error-border-hover: var(--color-da600);
    --color-input-inverse-error-button-icon-background: var(--color-b000);
    --color-input-inverse-error-button-icon-background-finish: var(--color-b000);
    --color-input-inverse-error-button-icon-background-finish-focus: var(--color-b000);
    --color-input-inverse-error-button-icon-background-finish-hover: var(--color-b000);
    --color-input-inverse-error-button-icon-background-focus: var(--color-b000);
    --color-input-inverse-error-button-icon-background-hover: var(--color-b000);
    --color-input-inverse-error-button-icon-background-start: var(--color-b000);
    --color-input-inverse-error-button-icon-background-start-focus: var(--color-b000);
    --color-input-inverse-error-button-icon-background-start-hover: var(--color-b000);
    --color-input-inverse-error-button-icon-border: var(--color-b000);
    --color-input-inverse-error-button-icon-border-finish: var(--color-b000);
    --color-input-inverse-error-button-icon-border-finish-focus: var(--color-b000);
    --color-input-inverse-error-button-icon-border-finish-hover: var(--color-b000);
    --color-input-inverse-error-button-icon-border-focus: var(--color-b000);
    --color-input-inverse-error-button-icon-border-hover: var(--color-b000);
    --color-input-inverse-error-button-icon-icon: var(--color-dark-grey-5);
    --color-input-inverse-error-button-icon-icon-focus: var(--color-dark-grey-5);
    --color-input-inverse-error-button-icon-icon-hover: var(--color-dark-grey-5);
    --color-input-inverse-error-icon-container-background: var(--color-b000);
    --color-input-inverse-error-icon-container-background-finish: var(--color-b000);
    --color-input-inverse-error-icon-container-background-finish-focus: var(--color-b000);
    --color-input-inverse-error-icon-container-background-finish-hover: var(--color-b000);
    --color-input-inverse-error-icon-container-background-focus: var(--color-b000);
    --color-input-inverse-error-icon-container-background-hover: var(--color-b000);
    --color-input-inverse-error-icon-container-background-start: var(--color-b000);
    --color-input-inverse-error-icon-container-background-start-focus: var(--color-b000);
    --color-input-inverse-error-icon-container-background-start-hover: var(--color-b000);
    --color-input-inverse-error-icon-container-border: var(--color-b000);
    --color-input-inverse-error-icon-container-border-focus: var(--color-b000);
    --color-input-inverse-error-icon-container-border-hover: var(--color-b000);
    --color-input-inverse-error-icon-container-icon: var(--color-dark-grey-5);
    --color-input-inverse-error-icon-container-icon-focus: var(--color-black);
    --color-input-inverse-error-icon-container-icon-hover: var(--color-black);
    --color-input-inverse-error-label: var(--color-dark-grey-5);
    --color-input-inverse-error-label-focus: var(--color-dark-grey-5);
    --color-input-inverse-error-label-hover: var(--color-dark-grey-5);
    --color-input-inverse-error-outside-border-finish-focus: #FF0E0E99;
    --color-input-inverse-error-outside-border-focus: #FF0E0E99;
    --color-input-inverse-error-placeholder: var(--color-mid-grey-3);
    --color-input-inverse-error-placeholder-focus: var(--color-mid-grey-3);
    --color-input-inverse-error-placeholder-hover: var(--color-mid-grey-3);
    --color-input-inverse-error-value: var(--color-black);
    --color-input-inverse-error-value-focus: var(--color-black);
    --color-input-inverse-error-value-hover: var(--color-black);
    --color-input-inverse-icon-container-background: var(--color-b000);
    --color-input-inverse-icon-container-background-disabled: var(--color-b000);
    --color-input-inverse-icon-container-background-finish: var(--color-b000);
    --color-input-inverse-icon-container-background-finish-disabled: var(--color-b000);
    --color-input-inverse-icon-container-background-finish-focus: var(--color-b000);
    --color-input-inverse-icon-container-background-finish-hover: var(--color-b000);
    --color-input-inverse-icon-container-background-focus: var(--color-b000);
    --color-input-inverse-icon-container-background-hover: var(--color-b000);
    --color-input-inverse-icon-container-background-start: var(--color-b000);
    --color-input-inverse-icon-container-background-start-disabled: var(--color-b000);
    --color-input-inverse-icon-container-background-start-focus: var(--color-b000);
    --color-input-inverse-icon-container-background-start-hover: var(--color-b000);
    --color-input-inverse-icon-container-border: var(--color-b000);
    --color-input-inverse-icon-container-border-disabled: var(--color-b000);
    --color-input-inverse-icon-container-border-focus: var(--color-b000);
    --color-input-inverse-icon-container-border-hover: var(--color-b000);
    --color-input-inverse-icon-container-icon: var(--color-dark-grey-5);
    --color-input-inverse-icon-container-icon-disabled: var(--color-mid-grey-3);
    --color-input-inverse-icon-container-icon-focus: var(--color-black);
    --color-input-inverse-icon-container-icon-hover: var(--color-black);
    --color-input-inverse-label: var(--color-dark-grey-5);
    --color-input-inverse-label-disabled: var(--color-mid-grey-3);
    --color-input-inverse-label-focus: var(--color-dark-grey-5);
    --color-input-inverse-label-hover: var(--color-dark-grey-5);
    --color-input-inverse-outside-border-finish-focus: #B1B4BC99;
    --color-input-inverse-outside-border-focus: #B1B4BC99;
    --color-input-inverse-placeholder: var(--color-mid-grey-3);
    --color-input-inverse-placeholder-disabled: var(--color-mid-grey-3);
    --color-input-inverse-placeholder-focus: var(--color-mid-grey-3);
    --color-input-inverse-placeholder-hover: var(--color-mid-grey-3);
    --color-input-inverse-success-background: var(--color-white);
    --color-input-inverse-success-background-finish: var(--color-white);
    --color-input-inverse-success-background-finish-focus: var(--color-w070);
    --color-input-inverse-success-background-finish-hover: var(--color-w070);
    --color-input-inverse-success-background-focus: var(--color-w070);
    --color-input-inverse-success-background-hover: var(--color-w070);
    --color-input-inverse-success-background-start: var(--color-white);
    --color-input-inverse-success-background-start-focus: var(--color-w070);
    --color-input-inverse-success-background-start-hover: var(--color-w070);
    --color-input-inverse-success-border: var(--color-su400);
    --color-input-inverse-success-border-finish: var(--color-su400);
    --color-input-inverse-success-border-finish-focus: var(--color-su400);
    --color-input-inverse-success-border-finish-hover: var(--color-su400);
    --color-input-inverse-success-border-focus: var(--color-su400);
    --color-input-inverse-success-border-hover: var(--color-su400);
    --color-input-inverse-success-button-icon-background: var(--color-b000);
    --color-input-inverse-success-button-icon-background-finish: var(--color-b000);
    --color-input-inverse-success-button-icon-background-finish-focus: var(--color-b000);
    --color-input-inverse-success-button-icon-background-finish-hover: var(--color-b000);
    --color-input-inverse-success-button-icon-background-focus: var(--color-b000);
    --color-input-inverse-success-button-icon-background-hover: var(--color-b000);
    --color-input-inverse-success-button-icon-background-start: var(--color-b000);
    --color-input-inverse-success-button-icon-background-start-focus: var(--color-b000);
    --color-input-inverse-success-button-icon-background-start-hover: var(--color-b000);
    --color-input-inverse-success-button-icon-border: var(--color-b000);
    --color-input-inverse-success-button-icon-border-finish: var(--color-b000);
    --color-input-inverse-success-button-icon-border-finish-focus: var(--color-b000);
    --color-input-inverse-success-button-icon-border-finish-hover: var(--color-b000);
    --color-input-inverse-success-button-icon-border-focus: var(--color-b000);
    --color-input-inverse-success-button-icon-border-hover: var(--color-b000);
    --color-input-inverse-success-button-icon-icon: var(--color-dark-grey-5);
    --color-input-inverse-success-button-icon-icon-focus: var(--color-dark-grey-5);
    --color-input-inverse-success-button-icon-icon-hover: var(--color-dark-grey-5);
    --color-input-inverse-success-icon-container-background: var(--color-b000);
    --color-input-inverse-success-icon-container-background-finish: var(--color-b000);
    --color-input-inverse-success-icon-container-background-finish-focus: var(--color-b000);
    --color-input-inverse-success-icon-container-background-finish-hover: var(--color-b000);
    --color-input-inverse-success-icon-container-background-focus: var(--color-b000);
    --color-input-inverse-success-icon-container-background-hover: var(--color-b000);
    --color-input-inverse-success-icon-container-background-start: var(--color-b000);
    --color-input-inverse-success-icon-container-background-start-focus: var(--color-b000);
    --color-input-inverse-success-icon-container-background-start-hover: var(--color-b000);
    --color-input-inverse-success-icon-container-border: var(--color-b000);
    --color-input-inverse-success-icon-container-border-focus: var(--color-b000);
    --color-input-inverse-success-icon-container-border-hover: var(--color-b000);
    --color-input-inverse-success-icon-container-icon: var(--color-dark-grey-5);
    --color-input-inverse-success-icon-container-icon-focus: var(--color-black);
    --color-input-inverse-success-icon-container-icon-hover: var(--color-black);
    --color-input-inverse-success-label: var(--color-dark-grey-5);
    --color-input-inverse-success-label-focus: var(--color-dark-grey-5);
    --color-input-inverse-success-label-hover: var(--color-dark-grey-5);
    --color-input-inverse-success-outside-border-finish-focus: #09E41F99;
    --color-input-inverse-success-outside-border-focus: #09E41F99;
    --color-input-inverse-success-placeholder: var(--color-mid-grey-3);
    --color-input-inverse-success-placeholder-focus: var(--color-mid-grey-3);
    --color-input-inverse-success-placeholder-hover: var(--color-mid-grey-3);
    --color-input-inverse-success-value: var(--color-black);
    --color-input-inverse-success-value-focus: var(--color-black);
    --color-input-inverse-success-value-hover: var(--color-black);
    --color-input-inverse-value: var(--color-black);
    --color-input-inverse-value-disabled: var(--color-mid-grey-3);
    --color-input-inverse-value-focus: var(--color-black);
    --color-input-inverse-value-hover: var(--color-black);
    --color-level-1: #BDCCD1;
    --color-level-3: #4FF7F7;
    --color-light-grey-1: #ADB1BD;
    --color-light-grey-2: #BDC0CA;
    --color-light-grey-3: #CED0D8;
    --color-light-grey-4: #DEE0E5;
    --color-light-grey-5: #EFEFF2;
    --color-link: #D0D2D7;
    --color-link-active: var(--color-pr600);
    --color-link-default: var(--color-light-grey-3);
    --color-link-primary: var(--color-pr400);
    --color-link-secondary: var(--color-mid-grey-2);
    --color-menu: var(--color-light-grey-1);
    --color-menu-active: var(--color-white);
    --color-menu-background: var(--color-dark-grey-0);
    --color-menu-base: var(--color-light-grey-3);
    --color-menu-bottom-background: var(--color-dark-grey-1);
    --color-menu-bottom-background-finish: var(--color-dark-grey-1);
    --color-menu-bottom-background-start: var(--color-dark-grey-1);
    --color-menu-bottom-border: var(--color-dark-grey-2);
    --color-menu-bottom-border-finish: var(--color-dark-grey-2);
    --color-menu-bottom-inverse-background-finish: var(--color-light-grey-5);
    --color-menu-bottom-inverse-background-start: var(--color-light-grey-5);
    --color-menu-bottom-inverse-border-finish: var(--color-light-grey-4);
    --color-menu-bottom-inverse-border-start: var(--color-light-grey-4);
    --color-menu-horizontal: var(--color-mid-grey-5);
    --color-menu-horizontal-active: var(--color-pr500);
    --color-menu-horizontal-active-inverse: var(--color-pr500);
    --color-menu-horizontal-hover: var(--color-white);
    --color-menu-horizontal-hover-inverse: var(--color-dark-grey-0);
    --color-menu-horizontal-inverse: var(--color-dark-grey-5);
    --color-menu-hover: var(--color-light-grey-4);
    --color-menu-item: var(--color-light-grey-4);
    --color-menu-item-active: var(--color-light-grey-5);
    --color-menu-item-background: var(--color-dark-grey-5);
    --color-menu-item-background-hover: #FFFFFF1A;
    --color-menu-item-check: #FF2684;
    --color-menu-primary: #2740F5;
    --color-menu-surface: var(--color-dark-grey-2);
    --color-menu-surface-active: var(--color-dark-grey-3);
    --color-menu-surface-border: var(--color-dark-grey-3);
    --color-menu-surface-border-focus: var(--color-dark-grey-2);
    --color-menu-surface-bottom: var(--color-dark-grey-1);
    --color-menu-surface-focus: var(--color-dark-grey-1);
    --color-menu-surface-hover: var(--color-dark-grey-4);
    --color-menu-surface-primary: var(--color-pr500);
    --color-menu-title: var(--color-white);
    --color-menu-top-amount-background: var(--color-dark-grey-1);
    --color-menu-top-amount-background-finish: var(--color-dark-grey-1);
    --color-menu-top-amount-background-finish-focus: var(--color-dark-grey-1);
    --color-menu-top-amount-background-finish-hover: var(--color-dark-grey-2);
    --color-menu-top-amount-background-focus: var(--color-dark-grey-1);
    --color-menu-top-amount-background-hover: var(--color-dark-grey-2);
    --color-menu-top-amount-background-start: var(--color-dark-grey-1);
    --color-menu-top-amount-background-start-focus: var(--color-dark-grey-1);
    --color-menu-top-amount-background-start-hover: var(--color-dark-grey-2);
    --color-menu-top-amount-outside-border-finish-focus: var(--color-dark-grey-2);
    --color-menu-top-amount-outside-border-focus: var(--color-dark-grey-2);
    --color-menu-top-amount-text: var(--color-white);
    --color-menu-top-amount-text-focus: var(--color-white);
    --color-menu-top-amount-text-hover: var(--color-white);
    --color-menu-top-background: var(--color-dark-grey-0);
    --color-menu-top-background-finish: var(--color-dark-grey-0);
    --color-menu-top-background-start: var(--color-dark-grey-0);
    --color-menu-top-icon: var(--color-mid-grey-5);
    --color-menu-top-icon-hover: var(--color-light-grey-3);
    --color-menu-top-inverse-amount-background-finish: var(--color-light-grey-5);
    --color-menu-top-inverse-amount-background-finish-focus: var(--color-light-grey-5);
    --color-menu-top-inverse-amount-background-finish-hover: var(--color-light-grey-4);
    --color-menu-top-inverse-amount-background-start: var(--color-light-grey-5);
    --color-menu-top-inverse-amount-background-start-focus: var(--color-light-grey-5);
    --color-menu-top-inverse-amount-background-start-hover: var(--color-light-grey-4);
    --color-menu-top-inverse-amount-border-finish: var(--color-b000);
    --color-menu-top-inverse-amount-border-finish-focus: var(--color-b000);
    --color-menu-top-inverse-amount-border-finish-hover: var(--color-b000);
    --color-menu-top-inverse-amount-border-start: var(--color-b000);
    --color-menu-top-inverse-amount-border-start-focus: var(--color-b000);
    --color-menu-top-inverse-amount-border-start-hover: var(--color-b000);
    --color-menu-top-inverse-amount-outside-border-finish-focus: var(--color-light-grey-4);
    --color-menu-top-inverse-amount-outside-border-start-focus: var(--color-light-grey-4);
    --color-menu-top-inverse-amount-text: var(--color-black);
    --color-menu-top-inverse-amount-text-focus: var(--color-black);
    --color-menu-top-inverse-amount-text-hover: var(--color-black);
    --color-menu-top-inverse-background-finish: var(--color-white);
    --color-menu-top-inverse-background-start: var(--color-white);
    --color-menu-top-inverse-border-finish: var(--color-b000);
    --color-menu-top-inverse-border-start: var(--color-b000);
    --color-menu-vertical: var(--color-light-grey-3);
    --color-menu-vertical-background: var(--color-dark-grey-2);
    --color-menu-vertical-background-hover: var(--color-dark-grey-3);
    --color-menu-vertical-background-hover-inverse: var(--color-light-grey-3);
    --color-menu-vertical-background-inverse: var(--color-light-grey-4);
    --color-menu-vertical-hover: var(--color-white);
    --color-menu-vertical-hover-inverse: var(--color-dark-grey-0);
    --color-menu-vertical-inverse: var(--color-dark-grey-3);
    --color-message-attention-background: var(--color-dark-grey-2);
    --color-message-attention-background-finish: var(--color-dark-grey-2);
    --color-message-attention-background-start: var(--color-dark-grey-2);
    --color-message-attention-description: var(--color-light-grey-3);
    --color-message-attention-icon-container-icon: var(--color-at300);
    --color-message-attention-text: var(--color-at300);
    --color-message-basic-background: var(--color-dark-grey-2);
    --color-message-basic-background-finish: var(--color-dark-grey-2);
    --color-message-basic-background-start: var(--color-dark-grey-2);
    --color-message-basic-description: var(--color-light-grey-3);
    --color-message-basic-icon-container-icon: var(--color-w080);
    --color-message-basic-text: var(--color-white);
    --color-message-danger-background: var(--color-dark-grey-2);
    --color-message-danger-background-finish: var(--color-dark-grey-2);
    --color-message-danger-background-start: var(--color-dark-grey-2);
    --color-message-danger-description: var(--color-light-grey-3);
    --color-message-danger-icon-container-icon: var(--color-da500);
    --color-message-danger-text: var(--color-da500);
    --color-message-info-background: var(--color-dark-grey-2);
    --color-message-info-background-finish: var(--color-dark-grey-2);
    --color-message-info-background-start: var(--color-dark-grey-2);
    --color-message-info-description: var(--color-light-grey-3);
    --color-message-info-icon-container-icon: var(--color-in200);
    --color-message-info-text: var(--color-in200);
    --color-message-line-attention-background-finish: var(--color-dark-grey-5);
    --color-message-line-attention-background-start: var(--color-dark-grey-5);
    --color-message-line-attention-description: var(--color-light-grey-3);
    --color-message-line-attention-icon-container-icon: #FFFFFFCC;
    --color-message-line-attention-text: var(--color-at300);
    --color-message-line-basic-background: var(--color-dark-grey-5);
    --color-message-line-basic-background-finish: var(--color-dark-grey-5);
    --color-message-line-basic-background-start: var(--color-dark-grey-5);
    --color-message-line-basic-description: var(--color-light-grey-3);
    --color-message-line-basic-icon-container-icon: var(--color-w080);
    --color-message-line-basic-text: var(--color-white);
    --color-message-line-cookies-background: var(--color-dark-grey-2);
    --color-message-line-cookies-background-finish: var(--color-dark-grey-2);
    --color-message-line-cookies-background-start: var(--color-dark-grey-2);
    --color-message-line-cookies-link-text: var(--color-pr400);
    --color-message-line-cookies-text: var(--color-light-grey-3);
    --color-message-line-danger-background: var(--color-da800);
    --color-message-line-danger-background-finish: var(--color-da800);
    --color-message-line-danger-background-start: var(--color-da800);
    --color-message-line-danger-description: var(--color-light-grey-3);
    --color-message-line-danger-icon-container-icon: var(--color-w080);
    --color-message-line-danger-text: var(--color-white);
    --color-message-line-info-background: var(--color-in500);
    --color-message-line-info-background-finish: var(--color-in500);
    --color-message-line-info-background-start: var(--color-in500);
    --color-message-line-info-description: var(--color-light-grey-3);
    --color-message-line-info-icon-container-icon: var(--color-w080);
    --color-message-line-info-text: var(--color-white);
    --color-message-line-succes-background-finish: var(--color-su700);
    --color-message-line-succes-background-start: var(--color-su700);
    --color-message-line-succes-description: var(--color-light-grey-3);
    --color-message-line-succes-icon-container-icon: var(--color-w080);
    --color-message-line-succes-text: var(--color-white);
    --color-message-minor-background-finish: var(--color-dark-grey-2);
    --color-message-minor-background-start: var(--color-dark-grey-2);
    --color-message-minor-description: var(--color-light-grey-3);
    --color-message-minor-icon-container-icon: var(--color-mi300);
    --color-message-minor-text: var(--color-mi300);
    --color-message-primary-background: var(--color-dark-grey-2);
    --color-message-primary-background-finish: var(--color-dark-grey-2);
    --color-message-primary-background-start: var(--color-dark-grey-2);
    --color-message-primary-description: var(--color-light-grey-3);
    --color-message-primary-icon-container-icon: var(--color-pr400);
    --color-message-primary-text: var(--color-pr400);
    --color-message-success-background: var(--color-dark-grey-2);
    --color-message-success-background-finish: var(--color-dark-grey-2);
    --color-message-success-background-start: var(--color-dark-grey-2);
    --color-message-success-description: var(--color-light-grey-3);
    --color-message-success-icon-container-icon: var(--color-su400);
    --color-message-success-text: var(--color-su400);
    --color-message-warning-background: var(--color-dark-grey-2);
    --color-message-warning-background-finish: var(--color-dark-grey-2);
    --color-message-warning-background-start: var(--color-dark-grey-2);
    --color-message-warning-description: var(--color-light-grey-3);
    --color-message-warning-icon-container-icon: var(--color-wa400);
    --color-message-warning-text: var(--color-wa400);
    --color-mi050: #F3D4FF;
    --color-mi100: #E7AAFF;
    --color-mi200: #DC80FF;
    --color-mi300: #D055FF;
    --color-mi400: #B800FF;
    --color-mi500: #9900D5;
    --color-mi600: #7B00AA;
    --color-mi700: #5C0080;
    --color-mi800: #3D0055;
    --color-mi900: #1F002B;
    --color-mid-grey-1: #5F6577;
    --color-mid-grey-2: #6C7387;
    --color-mid-grey-3: #7B8296;
    --color-mid-grey-4: #8C92A3;
    --color-mid-grey-5: #9CA1B0;
    --color-modal-background: var(--color-dark-grey-1);
    --color-modal-background-finish: var(--color-dark-grey-1);
    --color-modal-background-start: var(--color-dark-grey-1);
    --color-modal-description: var(--color-mid-grey-5);
    --color-modal-divider-background: var(--color-dark-grey-2);
    --color-modal-divider-background-finish: var(--color-dark-grey-2);
    --color-modal-divider-background-start: var(--color-dark-grey-2);
    --color-modal-status-attention-icon: var(--color-at300);
    --color-modal-status-background: var(--color-dark-grey-2);
    --color-modal-status-background-finish: var(--color-dark-grey-2);
    --color-modal-status-background-start: var(--color-dark-grey-2);
    --color-modal-status-basic-icon: var(--color-light-grey-3);
    --color-modal-status-danger-icon: var(--color-da500);
    --color-modal-status-info-icon: var(--color-in200);
    --color-modal-status-primary-icon: var(--color-pr400);
    --color-modal-status-susses-icon: var(--color-su400);
    --color-modal-status-warning-icon: var(--color-wa400);
    --color-modal-text: var(--color-white);
    --color-navbar-icon-container-icon: var(--color-mid-grey-5);
    --color-navbar-icon-container-icon-active: var(--color-pr400);
    --color-navbar-icon-container-icon-hover: var(--color-white);
    --color-navbar-inverse-icon-container-background-finish: var(--color-b000);
    --color-navbar-inverse-icon-container-background-finish-active: var(--color-b000);
    --color-navbar-inverse-icon-container-background-finish-hover: var(--color-b000);
    --color-navbar-inverse-icon-container-background-start: var(--color-b000);
    --color-navbar-inverse-icon-container-background-start-active: var(--color-b000);
    --color-navbar-inverse-icon-container-background-start-hover: var(--color-b000);
    --color-navbar-inverse-icon-container-border-finish: var(--color-b000);
    --color-navbar-inverse-icon-container-border-finish-active: var(--color-b000);
    --color-navbar-inverse-icon-container-border-finish-hover: var(--color-b000);
    --color-navbar-inverse-icon-container-border-start: var(--color-b000);
    --color-navbar-inverse-icon-container-border-start-active: var(--color-b000);
    --color-navbar-inverse-icon-container-border-start-hover: var(--color-b000);
    --color-navbar-inverse-icon-container-icon: var(--color-dark-grey-5);
    --color-navbar-inverse-icon-container-icon-active: var(--color-pr400);
    --color-navbar-inverse-icon-container-icon-hover: var(--color-black);
    --color-navbar-inverse-text: var(--color-dark-grey-5);
    --color-navbar-inverse-text-active: var(--color-pr400);
    --color-navbar-inverse-text-hover: var(--color-black);
    --color-navbar-text: var(--color-mid-grey-5);
    --color-navbar-text-active: var(--color-pr400);
    --color-navbar-text-hover: var(--color-white);
    --color-notification-background: var(--color-dark-grey-2);
    --color-notification-background-finish: var(--color-dark-grey-2);
    --color-notification-background-start: var(--color-dark-grey-2);
    --color-notification-button-icon: var(--color-light-grey-3);
    --color-notification-description: var(--color-light-grey-3);
    --color-notification-fade-background: linear-gradient(360deg, var(--color-dark-grey-2) 0%, var(--color-notification-fade-background-finish) 100%);
    --color-notification-fade-background-finish: #252C4500;
    --color-notification-fade-background-start: var(--color-dark-grey-2);
    --color-notification-footer-background-finish: var(--color-dark-grey-3);
    --color-notification-footer-background-start: var(--color-dark-grey-3);
    --color-notification-footer-text: var(--color-w070);
    --color-notification-icon-container-attention-icon: var(--color-at300);
    --color-notification-icon-container-basic-icon: var(--color-light-grey-3);
    --color-notification-icon-container-error-icon: var(--color-da500);
    --color-notification-icon-container-success-icon: var(--color-su400);
    --color-notification-text: var(--color-white);
    --color-notification-timer-background: unset;
    --color-pagination-active: var(--color-white);
    --color-pagination-active-background: var(--color-pr500);
    --color-pagination-active-background-active: var(--color-pr600);
    --color-pagination-active-background-disabled: var(--color-pr900);
    --color-pagination-active-background-hover: var(--color-pr400);
    --color-pagination-active-disabled: var(--color-wa700);
    --color-pagination-base: var(--color-light-grey-3);
    --color-pagination-base-background: var(--color-dark-grey-3);
    --color-pagination-base-background-active: var(--color-dark-grey-2);
    --color-pagination-base-background-disabled: var(--color-dark-grey-2);
    --color-pagination-base-background-hover: var(--color-dark-grey-4);
    --color-pagination-base-disabled: var(--color-mid-grey-2);
    --color-pagination-button-background: var(--color-dark-grey-4);
    --color-pagination-button-background-active: var(--color-dark-grey-3);
    --color-pagination-button-background-disabled: var(--color-w005);
    --color-pagination-button-background-finish: var(--color-dark-grey-4);
    --color-pagination-button-background-finish-active: var(--color-dark-grey-3);
    --color-pagination-button-background-finish-disabled: var(--color-w005);
    --color-pagination-button-background-finish-hover: var(--color-dark-grey-5);
    --color-pagination-button-background-hover: var(--color-dark-grey-5);
    --color-pagination-button-background-start: var(--color-dark-grey-4);
    --color-pagination-button-background-start-active: var(--color-dark-grey-3);
    --color-pagination-button-background-start-disabled: var(--color-w005);
    --color-pagination-button-background-start-hover: var(--color-dark-grey-5);
    --color-pagination-button-border-finish: unset;
    --color-pagination-button-checked-background: var(--color-pr500);
    --color-pagination-button-checked-background-active: var(--color-pr600);
    --color-pagination-button-checked-background-disabled: var(--color-w005);
    --color-pagination-button-checked-background-finish: var(--color-pr500);
    --color-pagination-button-checked-background-finish-active: var(--color-pr600);
    --color-pagination-button-checked-background-finish-disabled: var(--color-w005);
    --color-pagination-button-checked-background-finish-hover: var(--color-pr400);
    --color-pagination-button-checked-background-hover: var(--color-pr400);
    --color-pagination-button-checked-background-start: var(--color-pr500);
    --color-pagination-button-checked-background-start-active: var(--color-pr600);
    --color-pagination-button-checked-background-start-disabled: var(--color-w005);
    --color-pagination-button-checked-background-start-hover: var(--color-pr400);
    --color-pagination-button-checked-text: var(--color-white);
    --color-pagination-button-checked-text-active: var(--color-white);
    --color-pagination-button-checked-text-disabled: var(--color-mid-grey-2);
    --color-pagination-button-checked-text-hover: var(--color-white);
    --color-pagination-button-icon: var(--color-light-grey-3);
    --color-pagination-button-icon-active: var(--color-light-grey-3);
    --color-pagination-button-icon-disabled: var(--color-mid-grey-2);
    --color-pagination-button-icon-hover: var(--color-light-grey-3);
    --color-pagination-button-text: var(--color-light-grey-3);
    --color-pagination-button-text-active: var(--color-light-grey-3);
    --color-pagination-button-text-disabled: var(--color-mid-grey-2);
    --color-pagination-button-text-hover: var(--color-light-grey-3);
    --color-pink: #F50057;
    --color-platinum: #4FF7F7;
    --color-pr050: #D3FEEE;
    --color-pr100: #A8FEDC;
    --color-pr200: #7CFDCB;
    --color-pr300: #50FDBA;
    --color-pr400: #25FCA8;
    --color-pr500: #03F295;
    --color-pr600: #02C277;
    --color-pr700: #029159;
    --color-pr800: #01613C;
    --color-pr900: #01301E;
    --color-preloader-attention-icon: var(--color-at400);
    --color-preloader-base: var(--color-mid-grey-5);
    --color-preloader-danger-icon: var(--color-da600);
    --color-preloader-dark-icon: var(--color-dark-grey-0);
    --color-preloader-info-icon: var(--color-in400);
    --color-preloader-light-icon: var(--color-white);
    --color-preloader-minor-icon: var(--color-mi500);
    --color-preloader-primary: var(--color-pr500);
    --color-preloader-primary-icon: var(--color-pr500);
    --color-preloader-secondary-icon: var(--color-mid-grey-5);
    --color-preloader-success-icon: var(--color-su600);
    --color-preloader-warning-icon: var(--color-wa400);
    --color-progress: var(--color-white);
    --color-progress-background: var(--color-dark-grey-3);
    --color-progress-bar-attention-background: var(--color-dark-grey-3);
    --color-progress-bar-attention-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-attention-background-start: var(--color-dark-grey-3);
    --color-progress-bar-attention-divider-background: var(--color-w020);
    --color-progress-bar-attention-progress-background: var(--color-at400);
    --color-progress-bar-attention-progress-background-finish: var(--color-at400);
    --color-progress-bar-attention-progress-background-start: var(--color-at400);
    --color-progress-bar-attention-text: var(--color-black);
    --color-progress-bar-danger-background: var(--color-dark-grey-3);
    --color-progress-bar-danger-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-danger-background-start: var(--color-dark-grey-3);
    --color-progress-bar-danger-divider-background: var(--color-w020);
    --color-progress-bar-danger-progress-background: var(--color-da600);
    --color-progress-bar-danger-progress-background-finish: var(--color-da600);
    --color-progress-bar-danger-progress-background-start: var(--color-da600);
    --color-progress-bar-danger-text: var(--color-white);
    --color-progress-bar-dark-background: var(--color-light-grey-3);
    --color-progress-bar-dark-background-finish: var(--color-light-grey-3);
    --color-progress-bar-dark-background-start: var(--color-light-grey-3);
    --color-progress-bar-dark-divider-background: var(--color-b020);
    --color-progress-bar-dark-progress-background: var(--color-dark-grey-0);
    --color-progress-bar-dark-progress-background-finish: var(--color-dark-grey-0);
    --color-progress-bar-dark-progress-background-start: var(--color-dark-grey-0);
    --color-progress-bar-dark-text: var(--color-white);
    --color-progress-bar-info-background: var(--color-dark-grey-3);
    --color-progress-bar-info-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-info-background-start: var(--color-dark-grey-3);
    --color-progress-bar-info-divider-background: var(--color-w020);
    --color-progress-bar-info-inverse-background-finish: var(--color-light-grey-3);
    --color-progress-bar-info-inverse-background-start: var(--color-light-grey-3);
    --color-progress-bar-info-inverse-divider-background: var(--color-b020);
    --color-progress-bar-info-inverse-progress-background-finish: var(--color-in400);
    --color-progress-bar-info-inverse-progress-background-start: var(--color-in400);
    --color-progress-bar-info-inverse-text: var(--color-white);
    --color-progress-bar-info-progress-background: var(--color-in400);
    --color-progress-bar-info-progress-background-finish: var(--color-in400);
    --color-progress-bar-info-progress-background-start: var(--color-in400);
    --color-progress-bar-info-text: var(--color-white);
    --color-progress-bar-light-background: var(--color-light-grey-3);
    --color-progress-bar-light-background-finish: var(--color-light-grey-3);
    --color-progress-bar-light-background-start: var(--color-light-grey-3);
    --color-progress-bar-light-divider-background: var(--color-b020);
    --color-progress-bar-light-progress-background: var(--color-white);
    --color-progress-bar-light-progress-background-finish: var(--color-white);
    --color-progress-bar-light-progress-background-start: var(--color-white);
    --color-progress-bar-light-text: var(--color-black);
    --color-progress-bar-minor-background: var(--color-dark-grey-3);
    --color-progress-bar-minor-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-minor-background-start: var(--color-dark-grey-3);
    --color-progress-bar-minor-divider-background: var(--color-w020);
    --color-progress-bar-minor-progress-background: var(--color-mi500);
    --color-progress-bar-minor-progress-background-finish: var(--color-mi500);
    --color-progress-bar-minor-progress-background-start: var(--color-mi500);
    --color-progress-bar-minor-text: var(--color-white);
    --color-progress-bar-primary-background: var(--color-dark-grey-3);
    --color-progress-bar-primary-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-primary-background-start: var(--color-dark-grey-3);
    --color-progress-bar-primary-divider-background: var(--color-w020);
    --color-progress-bar-primary-progress-background: var(--color-pr500);
    --color-progress-bar-primary-progress-background-finish: var(--color-pr500);
    --color-progress-bar-primary-progress-background-start: var(--color-pr500);
    --color-progress-bar-primary-text: var(--color-white);
    --color-progress-bar-secondary-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-secondary-background-r: var(--color-dark-grey-3);
    --color-progress-bar-secondary-background-start: var(--color-dark-grey-3);
    --color-progress-bar-secondary-divider-background: var(--color-w020);
    --color-progress-bar-secondary-progress-background: var(--color-mid-grey-1);
    --color-progress-bar-secondary-progress-background-finish: var(--color-mid-grey-1);
    --color-progress-bar-secondary-progress-background-start: var(--color-mid-grey-1);
    --color-progress-bar-secondary-text: var(--color-white);
    --color-progress-bar-success-background: var(--color-dark-grey-3);
    --color-progress-bar-success-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-success-background-start: var(--color-dark-grey-3);
    --color-progress-bar-success-divider-background: var(--color-w020);
    --color-progress-bar-success-progress-background: var(--color-su600);
    --color-progress-bar-success-progress-background-finish: var(--color-su600);
    --color-progress-bar-success-progress-background-start: var(--color-su600);
    --color-progress-bar-success-text: var(--color-white);
    --color-progress-bar-warning-background: var(--color-dark-grey-3);
    --color-progress-bar-warning-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-warning-background-start: var(--color-dark-grey-3);
    --color-progress-bar-warning-divider-background: var(--color-w020);
    --color-progress-bar-warning-progress-background: var(--color-wa400);
    --color-progress-bar-warning-progress-background-finish: var(--color-wa400);
    --color-progress-bar-warning-progress-background-start: var(--color-wa400);
    --color-progress-bar-warning-text: var(--color-white);
    --color-progress-dark: var(--color-dark-grey-0);
    --color-progress-dots: #FFFFFF33;
    --color-progress-progress-attention: var(--color-at400);
    --color-progress-progress-danger: var(--color-da600);
    --color-progress-progress-info: var(--color-in400);
    --color-progress-progress-minor: var(--color-vi500);
    --color-progress-progress-primary: var(--color-pr500);
    --color-progress-progress-secondary: var(--color-mid-grey-1);
    --color-progress-progress-success: #07BE1A;
    --color-progress-progress-white: var(--color-white);
    --color-progress-round-attention-border: #F6DA244D;
    --color-progress-round-attention-border-finish: #F6DA244D;
    --color-progress-round-attention-progress-border: var(--color-at400);
    --color-progress-round-attention-progress-border-finish: var(--color-at400);
    --color-progress-round-danger-border: #FF0E0E4D;
    --color-progress-round-danger-border-finish: #FF0E0E4D;
    --color-progress-round-danger-progress-border: var(--color-da600);
    --color-progress-round-danger-progress-border-finish: var(--color-da600);
    --color-progress-round-dark-border: var(--color-dgz030);
    --color-progress-round-dark-border-finish: var(--color-dgz030);
    --color-progress-round-dark-progress-border: var(--color-dark-grey-0);
    --color-progress-round-dark-progress-border-finish: var(--color-dark-grey-0);
    --color-progress-round-info-border: #355BE24D;
    --color-progress-round-info-border-finish: #355BE24D;
    --color-progress-round-info-progress-border: var(--color-in400);
    --color-progress-round-info-progress-border-finish: var(--color-in400);
    --color-progress-round-light-border: var(--color-w030);
    --color-progress-round-light-progress-border: var(--color-white);
    --color-progress-round-minor-border: #9900D54D;
    --color-progress-round-minor-border-finish: #9900D54D;
    --color-progress-round-minor-progress-border: var(--color-mi500);
    --color-progress-round-minor-progress-border-finish: var(--color-mi500);
    --color-progress-round-primary-border: #E458094D;
    --color-progress-round-primary-border-finish: #E458094D;
    --color-progress-round-primary-progress-border: var(--color-pr500);
    --color-progress-round-primary-progress-border-finish: var(--color-pr500);
    --color-progress-round-secondary-border: #63687A4D;
    --color-progress-round-secondary-border-finish: #63687A4D;
    --color-progress-round-secondary-progress-border: var(--color-mid-grey-1);
    --color-progress-round-secondary-progress-border-finish: var(--color-mid-grey-1);
    --color-progress-round-success-border: #0698154D;
    --color-progress-round-success-border-finish: #0698154D;
    --color-progress-round-success-progress-border: var(--color-su600);
    --color-progress-round-success-progress-border-finish: var(--color-su600);
    --color-progress-round-warning-border: #E458094D;
    --color-progress-round-warning-border-finish: #E458094D;
    --color-progress-round-warning-progress-border: var(--color-wa400);
    --color-progress-round-warning-progress-border-finish: var(--color-wa400);
    --color-purple: #D500F9;
    --color-rating-bronze: var(--color-pr400);
    --color-rating-gold: var(--color-at400);
    --color-rating-level-0: var(--color-pr400);
    --color-rating-level-1: #BDCCD1;
    --color-rating-level-2: var(--color-at400);
    --color-rating-level-3: #4FF7F7;
    --color-red: #F44336;
    --color-scrollbar-background: var(--color-w020);
    --color-selector-basic-background: var(--color-dark-grey-5);
    --color-selector-basic-background-disabled: var(--color-dark-grey-3);
    --color-selector-basic-background-finish: var(--color-dark-grey-5);
    --color-selector-basic-background-finish-disabled: var(--color-dark-grey-3);
    --color-selector-basic-background-finish-focus: var(--color-mid-grey-1);
    --color-selector-basic-background-finish-hover: var(--color-mid-grey-1);
    --color-selector-basic-background-focus: var(--color-mid-grey-1);
    --color-selector-basic-background-hover: var(--color-mid-grey-1);
    --color-selector-basic-background-start: var(--color-dark-grey-5);
    --color-selector-basic-background-start-disabled: var(--color-dark-grey-3);
    --color-selector-basic-background-start-focus: var(--color-mid-grey-1);
    --color-selector-basic-background-start-hover: var(--color-mid-grey-1);
    --color-selector-basic-border: var(--color-dark-grey-5);
    --color-selector-basic-border-disabled: var(--color-dark-grey-3);
    --color-selector-basic-border-finish: var(--color-dark-grey-5);
    --color-selector-basic-border-finish-disabled: var(--color-dark-grey-3);
    --color-selector-basic-border-finish-focus: var(--color-mid-grey-1);
    --color-selector-basic-border-finish-hover: var(--color-mid-grey-1);
    --color-selector-basic-border-focus: var(--color-mid-grey-1);
    --color-selector-basic-border-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-background: var(--color-dark-grey-5);
    --color-selector-basic-checked-background-disabled: var(--color-dark-grey-3);
    --color-selector-basic-checked-background-finish: var(--color-dark-grey-5);
    --color-selector-basic-checked-background-finish-disabled: var(--color-dark-grey-3);
    --color-selector-basic-checked-background-finish-focus: var(--color-mid-grey-1);
    --color-selector-basic-checked-background-finish-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-background-focus: var(--color-mid-grey-1);
    --color-selector-basic-checked-background-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-background-start: var(--color-dark-grey-5);
    --color-selector-basic-checked-background-start-disabled: var(--color-dark-grey-3);
    --color-selector-basic-checked-background-start-focus: var(--color-mid-grey-1);
    --color-selector-basic-checked-background-start-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-border: var(--color-dark-grey-5);
    --color-selector-basic-checked-border-disabled: var(--color-dark-grey-3);
    --color-selector-basic-checked-border-finish: var(--color-dark-grey-5);
    --color-selector-basic-checked-border-finish-disabled: var(--color-dark-grey-3);
    --color-selector-basic-checked-border-finish-focus: var(--color-mid-grey-1);
    --color-selector-basic-checked-border-finish-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-border-focus: var(--color-mid-grey-1);
    --color-selector-basic-checked-border-hover: var(--color-mid-grey-1);
    --color-selector-basic-checked-element: var(--color-white);
    --color-selector-basic-checked-element-disabled: var(--color-mid-grey-2);
    --color-selector-basic-checked-element-focus: var(--color-white);
    --color-selector-basic-checked-element-hover: var(--color-white);
    --color-selector-basic-checked-outside-border-finish-focus: var(--color-dark-grey-3);
    --color-selector-basic-checked-outside-border-focus: var(--color-dark-grey-3);
    --color-selector-basic-element: var(--color-white);
    --color-selector-basic-element-disabled: var(--color-mid-grey-2);
    --color-selector-basic-element-focus: var(--color-white);
    --color-selector-basic-element-hover: var(--color-white);
    --color-selector-basic-outside-border-finish-focus: var(--color-dark-grey-3);
    --color-selector-basic-outside-border-focus: var(--color-dark-grey-3);
    --color-selector-primary-background: var(--color-dark-grey-5);
    --color-selector-primary-background-disabled: var(--color-dark-grey-3);
    --color-selector-primary-background-finish: var(--color-dark-grey-5);
    --color-selector-primary-background-finish-disabled: var(--color-dark-grey-3);
    --color-selector-primary-background-finish-focus: var(--color-mid-grey-1);
    --color-selector-primary-background-finish-hover: var(--color-mid-grey-1);
    --color-selector-primary-background-focus: var(--color-mid-grey-1);
    --color-selector-primary-background-hover: var(--color-mid-grey-1);
    --color-selector-primary-background-start: var(--color-dark-grey-5);
    --color-selector-primary-background-start-disabled: var(--color-dark-grey-3);
    --color-selector-primary-background-start-focus: var(--color-mid-grey-1);
    --color-selector-primary-background-start-hover: var(--color-mid-grey-1);
    --color-selector-primary-border: var(--color-dark-grey-5);
    --color-selector-primary-border-disabled: var(--color-dark-grey-3);
    --color-selector-primary-border-finish: var(--color-dark-grey-5);
    --color-selector-primary-border-finish-disabled: var(--color-dark-grey-3);
    --color-selector-primary-border-finish-focus: var(--color-mid-grey-1);
    --color-selector-primary-border-finish-hover: var(--color-mid-grey-1);
    --color-selector-primary-border-focus: var(--color-mid-grey-1);
    --color-selector-primary-border-hover: var(--color-mid-grey-1);
    --color-selector-primary-checked-background: var(--color-pr500);
    --color-selector-primary-checked-background-disabled: var(--color-pr800);
    --color-selector-primary-checked-background-finish: var(--color-pr500);
    --color-selector-primary-checked-background-finish-disabled: var(--color-pr800);
    --color-selector-primary-checked-background-finish-focus: var(--color-pr400);
    --color-selector-primary-checked-background-finish-hover: var(--color-pr400);
    --color-selector-primary-checked-background-focus: var(--color-pr400);
    --color-selector-primary-checked-background-hover: var(--color-pr400);
    --color-selector-primary-checked-background-start: var(--color-pr500);
    --color-selector-primary-checked-background-start-disabled: var(--color-pr800);
    --color-selector-primary-checked-background-start-focus: var(--color-pr400);
    --color-selector-primary-checked-background-start-hover: var(--color-pr400);
    --color-selector-primary-checked-border: var(--color-pr500);
    --color-selector-primary-checked-border-disabled: var(--color-pr800);
    --color-selector-primary-checked-border-finish: var(--color-pr500);
    --color-selector-primary-checked-border-finish-disabled: var(--color-pr800);
    --color-selector-primary-checked-border-finish-focus: var(--color-pr400);
    --color-selector-primary-checked-border-finish-hover: var(--color-pr400);
    --color-selector-primary-checked-border-focus: var(--color-pr400);
    --color-selector-primary-checked-border-hover: var(--color-pr400);
    --color-selector-primary-checked-element: var(--color-button-primary);
    --color-selector-primary-checked-element-disabled: var(--color-pr700);
    --color-selector-primary-checked-element-focus: var(--color-button-primary);
    --color-selector-primary-checked-element-hover: var(--color-button-primary);
    --color-selector-primary-checked-outside-border-finish-focus: var(--color-pr200);
    --color-selector-primary-checked-outside-border-focus: var(--color-pr200);
    --color-selector-primary-element: var(--color-white);
    --color-selector-primary-element-disabled: var(--color-mid-grey-2);
    --color-selector-primary-element-focus: var(--color-white);
    --color-selector-primary-element-hover: var(--color-white);
    --color-selector-primary-outside-border-finish-focus: var(--color-dark-grey-3);
    --color-selector-primary-outside-border-focus: var(--color-dark-grey-3);
    --color-sidebar: var(--color-mid-grey-5);
    --color-sidebar-active: var(--color-white);
    --color-sidebar-background: var(--color-dark-grey-1);
    --color-sidebar-background-finish: var(--color-dark-grey-1);
    --color-sidebar-background-start: var(--color-dark-grey-1);
    --color-sidebar-base: var(--color-light-grey-3);
    --color-sidebar-card-mini-background-finish-hover: var(--color-dark-grey-2);
    --color-sidebar-card-mini-background-hover: var(--color-dark-grey-2);
    --color-sidebar-card-mini-background-start-hover: var(--color-dark-grey-2);
    --color-sidebar-card-mini-inverse-background-finish-hover: var(--color-light-grey-4);
    --color-sidebar-card-mini-inverse-background-start-hover: var(--color-light-grey-4);
    --color-sidebar-card-mini-inverse-border-finish: var(--color-b000);
    --color-sidebar-card-mini-inverse-border-finish-hover: var(--color-b000);
    --color-sidebar-card-mini-inverse-border-start: var(--color-b000);
    --color-sidebar-card-mini-inverse-border-start-hover: var(--color-b000);
    --color-sidebar-card-mini-inverse-lock-icon: var(--color-dark-grey-5);
    --color-sidebar-card-mini-inverse-lock-icon-hover: var(--color-dark-grey-5);
    --color-sidebar-card-mini-lock-icon: var(--color-mid-grey-5);
    --color-sidebar-card-mini-lock-icon-hover: var(--color-mid-grey-5);
    --color-sidebar-card-referal-background: linear-gradient(90deg, var(--color-background-start) 0%, var(--color-background-finish) 75%);
    --color-sidebar-card-referal-background-hover: linear-gradient(90deg, var(--color-background-start-hover) 0%, var(--color-background-finish-hover) 75%);
    --color-sidebar-card-referal-description: var(--color-light-grey-3);
    --color-sidebar-card-referal-description-hover: var(--color-light-grey-3);
    --color-sidebar-card-referal-text: var(--color-white);
    --color-sidebar-card-referal-text-hover: var(--color-white);
    --color-sidebar-card-widget-background: linear-gradient(104deg, var(--color-background-start) 0%, var(--color-dark-grey-2) 86%);
    --color-sidebar-card-widget-background-finish: var(--color-dark-grey-2);
    --color-sidebar-card-widget-background-finish-hover: var(--color-dark-grey-3);
    --color-sidebar-card-widget-background-hover: linear-gradient(104deg, var(--color-background-start-hover) 0%, var(--color-dark-grey-3) 86%);
    --color-sidebar-card-widget-description: var(--color-mid-grey-5);
    --color-sidebar-card-widget-description-hover: var(--color-mid-grey-5);
    --color-sidebar-card-widget-inverse-background-finish: var(--color-light-grey-4);
    --color-sidebar-card-widget-inverse-background-finish-hover: var(--color-light-grey-4);
    --color-sidebar-card-widget-inverse-border-finish: var(--color-b000);
    --color-sidebar-card-widget-inverse-border-finish-hover: var(--color-b000);
    --color-sidebar-card-widget-inverse-border-start: var(--color-b000);
    --color-sidebar-card-widget-inverse-border-start-hover: var(--color-b000);
    --color-sidebar-card-widget-inverse-description: var(--color-dark-grey-3);
    --color-sidebar-card-widget-inverse-description-hover: var(--color-dark-grey-3);
    --color-sidebar-card-widget-inverse-lock-icon: var(--color-dark-grey-5);
    --color-sidebar-card-widget-inverse-lock-icon-hover: var(--color-dark-grey-5);
    --color-sidebar-card-widget-inverse-text: var(--color-black);
    --color-sidebar-card-widget-inverse-text-hover: var(--color-black);
    --color-sidebar-card-widget-lock-icon: var(--color-mid-grey-5);
    --color-sidebar-card-widget-lock-icon-hover: var(--color-mid-grey-5);
    --color-sidebar-card-widget-text: var(--color-white);
    --color-sidebar-card-widget-text-hover: var(--color-white);
    --color-sidebar-divider-background: var(--color-dark-grey-3);
    --color-sidebar-divider-background-finish: var(--color-dark-grey-3);
    --color-sidebar-divider-background-start: var(--color-dark-grey-3);
    --color-sidebar-header-background: var(--color-dark-grey-1);
    --color-sidebar-header-background-finish: var(--color-dark-grey-1);
    --color-sidebar-header-background-start: var(--color-dark-grey-1);
    --color-sidebar-header-icon: var(--color-mid-grey-5);
    --color-sidebar-header-icon-hover: var(--color-light-grey-3);
    --color-sidebar-hover: var(--color-light-grey-3);
    --color-sidebar-inverse-background-finish: var(--color-light-grey-5);
    --color-sidebar-inverse-background-start: var(--color-light-grey-5);
    --color-sidebar-inverse-border-finish: var(--color-b000);
    --color-sidebar-inverse-border-start: var(--color-b000);
    --color-sidebar-inverse-divider-background-finish: var(--color-light-grey-3);
    --color-sidebar-inverse-divider-background-start: var(--color-light-grey-3);
    --color-sidebar-inverse-header-background-finish: var(--color-light-grey-5);
    --color-sidebar-inverse-header-background-start: var(--color-light-grey-5);
    --color-sidebar-inverse-header-border-finish: var(--color-b000);
    --color-sidebar-inverse-header-border-start: var(--color-b000);
    --color-sidebar-inverse-header-icon: var(--color-dark-grey-5);
    --color-sidebar-inverse-header-icon-hover: var(--color-dark-grey-3);
    --color-sidebar-inverse-multiscreen-background-finish: var(--color-light-grey-4);
    --color-sidebar-inverse-multiscreen-background-finish-hover: var(--color-light-grey-4);
    --color-sidebar-inverse-multiscreen-background-start: var(--color-light-grey-4);
    --color-sidebar-inverse-multiscreen-background-start-hover: var(--color-light-grey-4);
    --color-sidebar-inverse-multiscreen-border-finish: var(--color-b000);
    --color-sidebar-inverse-multiscreen-border-finish-hover: var(--color-b000);
    --color-sidebar-inverse-multiscreen-border-start: var(--color-b000);
    --color-sidebar-inverse-multiscreen-border-start-hover: var(--color-b000);
    --color-sidebar-inverse-multiscreen-content-border-right-finish: var(--color-light-grey-5);
    --color-sidebar-inverse-multiscreen-content-border-right-finish-hover: var(--color-light-grey-5);
    --color-sidebar-inverse-multiscreen-content-border-right-start: var(--color-light-grey-5);
    --color-sidebar-inverse-multiscreen-content-border-right-start-hover: var(--color-light-grey-5);
    --color-sidebar-inverse-multiscreen-icon: var(--color-dark-grey-5);
    --color-sidebar-inverse-multiscreen-icon-hover: var(--color-dark-grey-3);
    --color-sidebar-list-header-background: var(--color-dark-grey-2);
    --color-sidebar-list-header-background-finish: var(--color-dark-grey-2);
    --color-sidebar-list-header-background-finish-hover: var(--color-dark-grey-3);
    --color-sidebar-list-header-background-hover: var(--color-dark-grey-3);
    --color-sidebar-list-header-background-start: var(--color-dark-grey-2);
    --color-sidebar-list-header-background-start-hover: var(--color-dark-grey-3);
    --color-sidebar-list-header-text: var(--color-light-grey-3);
    --color-sidebar-list-header-text-hover: var(--color-white);
    --color-sidebar-list-inverse-header-text: var(--color-dark-grey-3);
    --color-sidebar-list-inverse-header-text-hover: var(--color-black);
    --color-sidebar-list-inverse-row-text: var(--color-dark-grey-5);
    --color-sidebar-list-inverse-row-text-hover: var(--color-dark-grey-3);
    --color-sidebar-list-row-text: var(--color-mid-grey-5);
    --color-sidebar-list-row-text-hover: var(--color-light-grey-3);
    --color-sidebar-multiscreen-background: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-background-finish: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-background-finish-hover: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-background-hover: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-background-start: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-background-start-hover: var(--color-dark-grey-2);
    --color-sidebar-multiscreen-content-border-right: unset;
    --color-sidebar-multiscreen-content-border-right-finish-hover: var(--color-dark-grey-1);
    --color-sidebar-multiscreen-content-border-right-hover: linear-gradient(180deg, unset 0%, var(--color-dark-grey-1) 100%);
    --color-sidebar-multiscreen-icon: var(--color-mid-grey-5);
    --color-sidebar-multiscreen-icon-hover: var(--color-light-grey-3);
    --color-sidebar-primary: var(--color-pr400);
    --color-sidebar-surface: var(--color-dark-grey-2);
    --color-sidebar-surface-active: var(--color-dark-grey-5);
    --color-sidebar-surface-border-focus: var(--color-dark-grey-3);
    --color-sidebar-surface-focus: var(--color-dark-grey-2);
    --color-sidebar-surface-hover: var(--color-dark-grey-3);
    --color-sidebar-surface-primary: var(--color-pr500);
    --color-sidebar-title: var(--color-white);
    --color-silver: #BDCCD1;
    --color-slideshow-dots-dot: var(--color-light-grey-5);
    --color-slideshow-dots-dot-background: var(--color-w040);
    --color-slideshow-dots-dot-background-hover: var(--color-w060);
    --color-slideshow-dots-dot-background-hover-inverse: var(--color-b020);
    --color-slideshow-dots-dot-background-inverse: var(--color-b010);
    --color-slideshow-dots-dot-button: var(--color-light-grey-5);
    --color-slideshow-dots-dot-button-active: var(--color-dark-grey-5);
    --color-slideshow-dots-dot-button-background: var(--color-w040);
    --color-slideshow-dots-dot-button-background-active: var(--color-light-grey-5);
    --color-slideshow-dots-dot-button-background-hover: var(--color-w060);
    --color-slideshow-dots-dot-button-hover: var(--color-light-grey-5);
    --color-slideshow-dots-dot-hover: var(--color-light-grey-5);
    --color-slideshow-dots-dot-hover-inverse: var(--color-mid-grey-2);
    --color-slideshow-dots-dot-inverse: var(--color-mid-grey-4);
    --color-step-body-base: var(--color-dark-grey-4);
    --color-step-body-error: var(--color-da600);
    --color-step-body-success: var(--color-su600);
    --color-step-description: var(--color-dark-grey-5);
    --color-step-label: var(--color-white);
    --color-step-label-secondary: var(--color-mid-grey-5);
    --color-step-line-background: var(--color-dark-grey-4);
    --color-step-line-background-error: var(--color-da600);
    --color-step-line-background-finish: var(--color-dark-grey-4);
    --color-step-line-background-finish-error: var(--color-da600);
    --color-step-line-background-finish-success: var(--color-su600);
    --color-step-line-background-start: var(--color-dark-grey-4);
    --color-step-line-background-start-error: var(--color-da600);
    --color-step-line-background-start-success: var(--color-su600);
    --color-step-line-background-success: var(--color-su600);
    --color-step-point-border: var(--color-dark-grey-4);
    --color-step-point-border-error: var(--color-da600);
    --color-step-point-border-finish: var(--color-dark-grey-4);
    --color-step-point-border-finish-error: var(--color-da600);
    --color-step-point-border-finish-success: var(--color-su600);
    --color-step-point-border-success: var(--color-su600);
    --color-step-point-element: var(--color-dark-grey-4);
    --color-step-point-element-error: var(--color-da600);
    --color-step-point-element-finish: var(--color-dark-grey-4);
    --color-step-point-element-finish-error: var(--color-da600);
    --color-step-point-element-finish-success: var(--color-su600);
    --color-step-point-element-start: var(--color-dark-grey-4);
    --color-step-point-element-start-error: var(--color-da600);
    --color-step-point-element-start-success: var(--color-su600);
    --color-step-point-element-success: var(--color-su600);
    --color-step-point-text: var(--color-white);
    --color-step-text: var(--color-white);
    --color-su050: #D3FDD7;
    --color-su100: #A7FCB0;
    --color-su200: #7CFA88;
    --color-su300: #50F861;
    --color-su400: #09E41F;
    --color-su500: #07BE1A;
    --color-su600: #069815;
    --color-su700: #04720F;
    --color-su800: #034C0A;
    --color-su900: #012605;
    --color-surface-invite: #7113D4;
    --color-surface-invite-hover: #721CFF;
    --color-surface-invite-lumin: #CB438A;
    --color-surface-lumin: #1A799F;
    --color-tab-group: #FFFFFF1A;
    --color-tab-group-inverse: #0000000D;
    --color-tab-info-background-active: var(--color-in400);
    --color-tab-info-background-finish-active: var(--color-in400);
    --color-tab-info-background-start-active: var(--color-in400);
    --color-tab-info-icon-container-icon: var(--color-w050);
    --color-tab-info-icon-container-icon-active: var(--color-w080);
    --color-tab-info-icon-container-icon-hover: var(--color-w080);
    --color-tab-info-text: var(--color-mid-grey-5);
    --color-tab-info-text-active: var(--color-white);
    --color-tab-info-text-hover: var(--color-white);
    --color-tab-inverse-background-active: var(--color-dark-grey-1);
    --color-tab-inverse-background-finish-active: var(--color-dark-grey-1);
    --color-tab-inverse-background-start-active: var(--color-dark-grey-1);
    --color-tab-inverse-icon-container-icon: var(--color-b050);
    --color-tab-inverse-icon-container-icon-active: var(--color-w080);
    --color-tab-inverse-icon-container-icon-hover: var(--color-b080);
    --color-tab-inverse-text: var(--color-dark-grey-5);
    --color-tab-inverse-text-active: var(--color-white);
    --color-tab-inverse-text-hover: var(--color-black);
    --color-tab-primary-background-active: var(--color-pr500);
    --color-tab-primary-background-finish-active: var(--color-pr500);
    --color-tab-primary-background-start-active: var(--color-pr500);
    --color-tab-primary-icon-container-icon: var(--color-w050);
    --color-tab-primary-icon-container-icon-active: var(--color-tab-primary-text-active);
    --color-tab-primary-icon-container-icon-hover: var(--color-w080);
    --color-tab-primary-text: var(--color-mid-grey-5);
    --color-tab-primary-text-active: var(--color-button-primary);
    --color-tab-primary-text-hover: var(--color-white);
    --color-tab-secondary-background-active: var(--color-dark-grey-4);
    --color-tab-secondary-background-finish-active: var(--color-dark-grey-4);
    --color-tab-secondary-background-start-active: var(--color-dark-grey-4);
    --color-tab-secondary-icon-container-icon: var(--color-w050);
    --color-tab-secondary-icon-container-icon-active: var(--color-w080);
    --color-tab-secondary-icon-container-icon-hover: var(--color-w080);
    --color-tab-secondary-text: var(--color-mid-grey-5);
    --color-tab-secondary-text-active: var(--color-white);
    --color-tab-secondary-text-hover: var(--color-white);
    --color-tab-underline-inverse-icon-container-background-disabled: unset;
    --color-tab-underline-inverse-icon-container-icon: var(--color-b050);
    --color-tab-underline-inverse-icon-container-icon-active: var(--color-b080);
    --color-tab-underline-inverse-icon-container-icon-hover: var(--color-b080);
    --color-tab-underline-inverse-text: var(--color-dark-grey-5);
    --color-tab-underline-inverse-text-active: var(--color-black);
    --color-tab-underline-inverse-text-hover: var(--color-black);
    --color-tab-underline-inverse-underline-background: var(--color-dark-grey-1);
    --color-tab-underline-inverse-underline-background-finish-active: var(--color-dark-grey-1);
    --color-tab-underline-inverse-underline-background-start-active: var(--color-dark-grey-1);
    --color-tab-underline-primary-icon-container-background-disabled: unset;
    --color-tab-underline-primary-icon-container-icon: var(--color-w050);
    --color-tab-underline-primary-icon-container-icon-active: var(--color-w080);
    --color-tab-underline-primary-icon-container-icon-hover: var(--color-w080);
    --color-tab-underline-primary-text: var(--color-mid-grey-5);
    --color-tab-underline-primary-text-active: var(--color-white);
    --color-tab-underline-primary-text-hover: var(--color-white);
    --color-tab-underline-primary-underline-background: var(--color-background-primary);
    --color-tab-underline-primary-underline-background-finish-active: var(--color-pr500);
    --color-tab-underline-primary-underline-background-start-active: var(--color-pr500);
    --color-table-base-body: var(--color-white);
    --color-table-base-body-background-active: var(--color-dark-grey-2);
    --color-table-base-body-background-hover: var(--color-dark-grey-3);
    --color-table-base-body-background-sf-1: var(--color-dark-grey-1);
    --color-table-base-body-background-sf-2: var(--color-dark-grey-2);
    --color-table-base-body-background-sf1: var(--color-dark-grey-1);
    --color-table-base-body-background-sf2: var(--color-dark-grey-2);
    --color-table-base-header: var(--color-light-grey-1);
    --color-table-base-header-background-active: var(--color-dark-grey-2);
    --color-table-base-header-background-hover: var(--color-dark-grey-3);
    --color-table-base-header-background-sf-1: var(--color-dark-grey-1);
    --color-table-base-header-background-sf-2: var(--color-dark-grey-2);
    --color-table-base-header-background-sf1: var(--color-dark-grey-1);
    --color-table-base-header-background-sf2: var(--color-dark-grey-2);
    --color-table-fill-header-background-active: var(--color-dark-grey-2);
    --color-table-fill-header-background-finish-active: var(--color-dark-grey-2);
    --color-table-fill-header-background-finish-hover: var(--color-dark-grey-3);
    --color-table-fill-header-background-finish-sf1: var(--color-dark-grey-1);
    --color-table-fill-header-background-finish-sf2: var(--color-dark-grey-2);
    --color-table-fill-header-background-hover: var(--color-dark-grey-3);
    --color-table-fill-header-background-sf1: var(--color-dark-grey-1);
    --color-table-fill-header-background-sf2: var(--color-dark-grey-2);
    --color-table-fill-header-background-start-active: var(--color-dark-grey-2);
    --color-table-fill-header-background-start-hover: var(--color-dark-grey-3);
    --color-table-fill-header-background-start-sf1: var(--color-dark-grey-1);
    --color-table-fill-header-background-start-sf2: var(--color-dark-grey-2);
    --color-table-fill-header-icon-container-icon: #A2A5AFCC;
    --color-table-fill-header-icon-container-icon-active: #A2A5AFCC;
    --color-table-fill-header-icon-container-icon-hover: #A2A5AFCC;
    --color-table-fill-header-text: var(--color-mid-grey-5);
    --color-table-fill-header-text-active: var(--color-mid-grey-5);
    --color-table-fill-header-text-hover: var(--color-mid-grey-5);
    --color-table-fill-row-background-active: var(--color-dark-grey-2);
    --color-table-fill-row-background-finish-active: var(--color-dark-grey-2);
    --color-table-fill-row-background-finish-hover: var(--color-dark-grey-3);
    --color-table-fill-row-background-finish-sf1: var(--color-dark-grey-1);
    --color-table-fill-row-background-finish-sf2: var(--color-dark-grey-2);
    --color-table-fill-row-background-hover: var(--color-dark-grey-3);
    --color-table-fill-row-background-sf1: var(--color-dark-grey-1);
    --color-table-fill-row-background-sf2: var(--color-dark-grey-2);
    --color-table-fill-row-background-start-active: var(--color-dark-grey-2);
    --color-table-fill-row-background-start-hover: var(--color-dark-grey-3);
    --color-table-fill-row-background-start-sf1: var(--color-dark-grey-1);
    --color-table-fill-row-background-start-sf2: var(--color-dark-grey-2);
    --color-table-fill-row-description: var(--color-white);
    --color-table-fill-row-icon-container-icon: #FFFFFFCC;
    --color-table-fill-row-icon-container-icon-active: #FFFFFFCC;
    --color-table-fill-row-icon-container-icon-hover: #FFFFFFCC;
    --color-table-fill-row-text: var(--color-white);
    --color-table-fill-row-text-active: var(--color-white);
    --color-table-fill-row-text-hover: var(--color-white);
    --color-table-line-body: var(--color-white);
    --color-table-line-body-background: var(--color-dark-grey-2);
    --color-table-line-body-background-active: var(--color-dark-grey-2);
    --color-table-line-body-background-hover: var(--color-dark-grey-3);
    --color-table-line-header: var(--color-mid-grey-5);
    --color-table-line-header-background: var(--color-dark-grey-2);
    --color-table-line-header-background-active: var(--color-dark-grey-2);
    --color-table-line-header-background-hover: var(--color-dark-grey-3);
    --color-table-lineal-header-background-active: var(--color-dark-grey-2);
    --color-table-lineal-header-background-finish-active: var(--color-dark-grey-2);
    --color-table-lineal-header-background-finish-hover: var(--color-dark-grey-3);
    --color-table-lineal-header-background-hover: var(--color-dark-grey-3);
    --color-table-lineal-header-background-start-active: var(--color-dark-grey-2);
    --color-table-lineal-header-background-start-hover: var(--color-dark-grey-3);
    --color-table-lineal-header-border-bottom: linear-gradient(180deg, unset 0%, var(--color-dark-grey-2) 100%);
    --color-table-lineal-header-border-bottom-finish: var(--color-dark-grey-2);
    --color-table-lineal-header-icon-container-icon: #A2A5AFCC;
    --color-table-lineal-header-icon-container-icon-active: #A2A5AFCC;
    --color-table-lineal-header-icon-container-icon-hover: #A2A5AFCC;
    --color-table-lineal-header-text: var(--color-mid-grey-5);
    --color-table-lineal-header-text-active: var(--color-mid-grey-5);
    --color-table-lineal-header-text-hover: var(--color-mid-grey-5);
    --color-table-lineal-row-background-active: var(--color-dark-grey-2);
    --color-table-lineal-row-background-finish-active: var(--color-dark-grey-2);
    --color-table-lineal-row-background-finish-hover: var(--color-dark-grey-3);
    --color-table-lineal-row-background-hover: var(--color-dark-grey-3);
    --color-table-lineal-row-background-start-active: var(--color-dark-grey-2);
    --color-table-lineal-row-background-start-hover: var(--color-dark-grey-3);
    --color-table-lineal-row-border-bottom: linear-gradient(180deg, unset 0%, var(--color-dark-grey-2) 100%);
    --color-table-lineal-row-border-bottom-finish: var(--color-dark-grey-2);
    --color-table-lineal-row-icon-container-icon: #FFFFFFCC;
    --color-table-lineal-row-icon-container-icon-active: #FFFFFFCC;
    --color-table-lineal-row-icon-container-icon-hover: #FFFFFFCC;
    --color-table-lineal-row-text: var(--color-white);
    --color-table-lineal-row-text-active: var(--color-white);
    --color-table-lineal-row-text-hover: var(--color-white);
    --color-table-modal-background-finish-sf1: var(--color-dark-grey-1);
    --color-table-modal-background-finish-sf2: var(--color-dark-grey-2);
    --color-table-modal-background-sf1: var(--color-dark-grey-1);
    --color-table-modal-background-sf2: var(--color-dark-grey-2);
    --color-table-modal-background-start-sf1: var(--color-dark-grey-1);
    --color-table-modal-background-start-sf2: var(--color-dark-grey-2);
    --color-table-modal-description: var(--color-mid-grey-5);
    --color-table-modal-icon-container-icon: #A2A5AFCC;
    --color-table-modal-text: var(--color-mid-grey-5);
    --color-table-modal-value: var(--color-white);
    --color-tabs-group-fill-info-background: var(--color-w010);
    --color-tabs-group-fill-info-background-finish: var(--color-w010);
    --color-tabs-group-fill-info-background-start: var(--color-w010);
    --color-tabs-group-fill-inverse-background: var(--color-b005);
    --color-tabs-group-fill-inverse-background-finish: var(--color-b005);
    --color-tabs-group-fill-inverse-background-start: var(--color-b005);
    --color-tabs-group-fill-inverse-border: var(--color-b000);
    --color-tabs-group-fill-inverse-border-finish: var(--color-b000);
    --color-tabs-group-fill-primary-background: var(--color-w010);
    --color-tabs-group-fill-primary-background-finish: var(--color-w010);
    --color-tabs-group-fill-primary-background-start: var(--color-w010);
    --color-tabs-group-fill-secondary-background: var(--color-w010);
    --color-tabs-group-fill-secondary-background-finish: var(--color-w010);
    --color-tabs-group-fill-secondary-background-start: var(--color-w010);
    --color-tabs-group-outline-info-border: var(--color-dark-grey-4);
    --color-tabs-group-outline-info-border-finish: var(--color-dark-grey-4);
    --color-tabs-group-outline-inverse-background: var(--color-b000);
    --color-tabs-group-outline-inverse-background-finish: var(--color-b000);
    --color-tabs-group-outline-inverse-background-start: var(--color-b000);
    --color-tabs-group-outline-inverse-border: var(--color-light-grey-2);
    --color-tabs-group-outline-inverse-border-finish: var(--color-light-grey-2);
    --color-tabs-group-outline-primary-border: var(--color-dark-grey-4);
    --color-tabs-group-outline-primary-border-finish: var(--color-dark-grey-4);
    --color-tabs-group-outline-secondary-border: var(--color-dark-grey-4);
    --color-tabs-group-outline-secondary-border-finish: var(--color-dark-grey-4);
    --color-tabs-group-underline-inverse-background: var(--color-b000);
    --color-tabs-group-underline-inverse-background-finish: var(--color-b000);
    --color-tabs-group-underline-inverse-background-start: var(--color-b000);
    --color-tabs-group-underline-inverse-border-bottom: var(--color-light-grey-4);
    --color-tabs-group-underline-inverse-border-bottom-finish: var(--color-light-grey-4);
    --color-tabs-group-underline-primary-border-bottom: var(--color-dark-grey-2);
    --color-tabs-group-underline-primary-border-bottom-finish: var(--color-dark-grey-2);
    --color-tag-fill-background: var(--color-dark-grey-3);
    --color-tag-fill-background-active: var(--color-pr500);
    --color-tag-fill-background-active-hover: var(--color-pr400);
    --color-tag-fill-background-finish: var(--color-dark-grey-3);
    --color-tag-fill-background-finish-active: var(--color-pr500);
    --color-tag-fill-background-finish-active-hover: var(--color-pr400);
    --color-tag-fill-background-finish-hover: var(--color-dark-grey-4);
    --color-tag-fill-background-hover: var(--color-dark-grey-4);
    --color-tag-fill-background-start: var(--color-dark-grey-3);
    --color-tag-fill-background-start-active: var(--color-pr500);
    --color-tag-fill-background-start-active-hover: var(--color-pr400);
    --color-tag-fill-background-start-hover: var(--color-dark-grey-4);
    --color-tag-fill-icon-container-icon: #FFFFFFCC;
    --color-tag-fill-icon-container-icon-active: var(--color-mid-grey-2);
    --color-tag-fill-icon-container-icon-active-hover: var(--color-mid-grey-2);
    --color-tag-fill-icon-container-icon-hover: #FFFFFFCC;
    --color-tag-fill-text: var(--color-white);
    --color-tag-fill-text-active: var(--color-button-primary);
    --color-tag-fill-text-active-hover: var(--color-button-primary);
    --color-tag-fill-text-hover: var(--color-white);
    --color-tag-ghost-background-active: var(--color-pr500);
    --color-tag-ghost-background-active-hover: var(--color-pr400);
    --color-tag-ghost-background-finish-active: var(--color-pr500);
    --color-tag-ghost-background-finish-active-hover: var(--color-pr400);
    --color-tag-ghost-background-finish-hover: var(--color-dark-grey-4);
    --color-tag-ghost-background-hover: var(--color-dark-grey-4);
    --color-tag-ghost-background-start-active: var(--color-pr500);
    --color-tag-ghost-background-start-active-hover: var(--color-pr400);
    --color-tag-ghost-background-start-hover: var(--color-dark-grey-4);
    --color-tag-ghost-icon-container-icon: #FFFFFFCC;
    --color-tag-ghost-icon-container-icon-active: var(--color-white);
    --color-tag-ghost-icon-container-icon-active-hover: var(--color-white);
    --color-tag-ghost-icon-container-icon-hover: #FFFFFFCC;
    --color-tag-ghost-secondary-background-active: var(--color-dark-grey-3);
    --color-tag-ghost-secondary-background-active-hover: var(--color-dark-grey-5);
    --color-tag-ghost-secondary-background-finish-active: var(--color-dark-grey-3);
    --color-tag-ghost-secondary-background-finish-active-hover: var(--color-dark-grey-5);
    --color-tag-ghost-secondary-background-finish-hover: var(--color-dark-grey-4);
    --color-tag-ghost-secondary-background-hover: var(--color-dark-grey-4);
    --color-tag-ghost-secondary-background-start-active: var(--color-dark-grey-3);
    --color-tag-ghost-secondary-background-start-active-hover: var(--color-dark-grey-5);
    --color-tag-ghost-secondary-background-start-hover: var(--color-dark-grey-4);
    --color-tag-ghost-secondary-icon-container-icon: #D0D2D7CC;
    --color-tag-ghost-secondary-icon-container-icon-active: var(--color-white);
    --color-tag-ghost-secondary-icon-container-icon-active-hover: var(--color-white);
    --color-tag-ghost-secondary-icon-container-icon-hover: #FFFFFFCC;
    --color-tag-ghost-secondary-text: var(--color-light-grey-3);
    --color-tag-ghost-secondary-text-active: var(--color-white);
    --color-tag-ghost-secondary-text-active-hover: var(--color-white);
    --color-tag-ghost-secondary-text-hover: var(--color-white);
    --color-tag-ghost-text: var(--color-white);
    --color-tag-ghost-text-active: var(--color-white);
    --color-tag-ghost-text-active-hover: var(--color-white);
    --color-tag-ghost-text-hover: var(--color-white);
    --color-tag-outline-background-active: var(--color-pr500);
    --color-tag-outline-background-active-hover: var(--color-pr400);
    --color-tag-outline-background-finish-active: var(--color-pr500);
    --color-tag-outline-background-finish-active-hover: var(--color-pr400);
    --color-tag-outline-background-finish-hover: var(--color-dark-grey-4);
    --color-tag-outline-background-hover: var(--color-dark-grey-4);
    --color-tag-outline-background-start-active: var(--color-pr500);
    --color-tag-outline-background-start-active-hover: var(--color-pr400);
    --color-tag-outline-background-start-hover: var(--color-dark-grey-4);
    --color-tag-outline-border: var(--color-dark-grey-4);
    --color-tag-outline-border-finish: var(--color-dark-grey-4);
    --color-tag-outline-icon-container-icon: #FFFFFFCC;
    --color-tag-outline-icon-container-icon-active: var(--color-white);
    --color-tag-outline-icon-container-icon-active-hover: var(--color-white);
    --color-tag-outline-icon-container-icon-hover: #FFFFFFCC;
    --color-tag-outline-text: var(--color-white);
    --color-tag-outline-text-active: var(--color-white);
    --color-tag-outline-text-active-hover: var(--color-white);
    --color-tag-outline-text-hover: var(--color-white);
    --color-text-attention: var(--color-at300);
    --color-text-base: var(--color-light-grey-3);
    --color-text-danger: var(--color-da500);
    --color-text-info: var(--color-in200);
    --color-text-inverse-base: var(--color-dark-grey-3);
    --color-text-inverse-muted: var(--color-mid-grey-3);
    --color-text-inverse-secondary: var(--color-dark-grey-5);
    --color-text-inverse-title: var(--color-black);
    --color-text-inverse-transparent: var(--color-b070);
    --color-text-minor: var(--color-mi300);
    --color-text-muted: var(--color-mid-grey-2);
    --color-text-primary: #101114;
    --color-text-secondary: var(--color-mid-grey-5);
    --color-text-success: var(--color-su400);
    --color-text-title: var(--color-white);
    --color-text-transparent: var(--color-w070);
    --color-text-warning: var(--color-wa400);
    --color-title-basic-description: var(--color-mid-grey-5);
    --color-title-basic-icon-container-icon: #FFFFFFCC;
    --color-title-basic-text: var(--color-white);
    --color-title-inverse-background: var(--color-b000);
    --color-title-inverse-background-finish: var(--color-b000);
    --color-title-inverse-background-start: var(--color-b000);
    --color-title-inverse-border: var(--color-b000);
    --color-title-inverse-border-finish: var(--color-b000);
    --color-title-inverse-description: var(--color-dark-grey-5);
    --color-title-inverse-icon-container-background: var(--color-b000);
    --color-title-inverse-icon-container-background-finish: var(--color-b000);
    --color-title-inverse-icon-container-background-start: var(--color-b000);
    --color-title-inverse-icon-container-border: var(--color-b000);
    --color-title-inverse-icon-container-border-finish: var(--color-b000);
    --color-title-inverse-icon-container-icon: #060E2ACC;
    --color-title-inverse-text: var(--color-black);
    --color-tooltip: var(--color-white);
    --color-tooltip-background: var(--color-dark-grey-4);
    --color-tooltip-background-finish: var(--color-dark-grey-4);
    --color-tooltip-background-start: var(--color-dark-grey-4);
    --color-tooltip-text: var(--color-white);
    --color-user-background-finish: #377EE800;
    --color-user-background-start: #8236FF;
    --color-user-menu-background: var(--color-dark-grey-0);
    --color-user-menu-background-finish: var(--color-dark-grey-0);
    --color-user-menu-background-start: var(--color-dark-grey-0);
    --color-user-menu-description: var(--color-mid-grey-2);
    --color-user-menu-email-text: var(--color-mid-grey-5);
    --color-user-menu-header-bottom-border: var(--color-dark-grey-0);
    --color-user-menu-header-bottom-border-finish: var(--color-dark-grey-0);
    --color-user-menu-header-text: var(--color-white);
    --color-user-menu-icon: var(--color-mid-grey-5);
    --color-user-menu-inverse-background-finish: var(--color-white);
    --color-user-menu-inverse-background-start: var(--color-white);
    --color-user-menu-inverse-border-finish: var(--color-b000);
    --color-user-menu-inverse-border-start: var(--color-b000);
    --color-user-menu-inverse-content-border-finish: var(--color-b000);
    --color-user-menu-inverse-content-border-start: var(--color-b000);
    --color-user-menu-inverse-description: var(--color-mid-grey-3);
    --color-user-menu-inverse-email-text: var(--color-dark-grey-5);
    --color-user-menu-inverse-header-bottom-border-finish: var(--color-white);
    --color-user-menu-inverse-header-bottom-border-start: var(--color-white);
    --color-user-menu-inverse-header-text: var(--color-black);
    --color-user-menu-inverse-list-background-finish: var(--color-light-grey-5);
    --color-user-menu-inverse-list-background-start: var(--color-light-grey-5);
    --color-user-menu-inverse-progress-background-finish: var(--color-white);
    --color-user-menu-inverse-progress-background-start: var(--color-white);
    --color-user-menu-inverse-progress-border-finish: var(--color-b000);
    --color-user-menu-inverse-progress-border-start: var(--color-b000);
    --color-user-menu-inverse-progress-icon: var(--color-mid-grey-3);
    --color-user-menu-inverse-text: var(--color-dark-grey-3);
    --color-user-menu-inverse-title: var(--color-dark-grey-3);
    --color-user-menu-inverse-user-background-lower: var(--color-light-grey-5);
    --color-user-menu-inverse-value: var(--color-black);
    --color-user-menu-list-background: var(--color-dark-grey-1);
    --color-user-menu-list-background-finish: var(--color-dark-grey-1);
    --color-user-menu-list-background-start: var(--color-dark-grey-1);
    --color-user-menu-progreses-background: var(--color-dark-grey-0);
    --color-user-menu-progress-background-finish: var(--color-dark-grey-0);
    --color-user-menu-progress-background-start: var(--color-dark-grey-0);
    --color-user-menu-progress-icon: var(--color-mid-grey-5);
    --color-user-menu-text: var(--color-light-grey-3);
    --color-user-menu-title: var(--color-light-grey-3);
    --color-user-menu-user-background: linear-gradient(139deg, var(--color-user-background-start) 12%, var(--color-user-background-finish) 100%);
    --color-user-menu-user-background-lower: var(--color-dark-grey-1);
    --color-user-menu-value: var(--color-white);
    --color-vi050: #F3D4FF;
    --color-vi100: #E7AAFF;
    --color-vi200: #DC80FF;
    --color-vi300: #D055FF;
    --color-vi400: #B800FF;
    --color-vi500: #9900D5;
    --color-vi600: #7B00AA;
    --color-vi700: #5C0080;
    --color-vi800: #3D0055;
    --color-vi900: #1F002B;
    --color-w000: #FFFFFF00;
    --color-w002: #FFFFFF05;
    --color-w005: #FFFFFF0D;
    --color-w010: #FFFFFF1A;
    --color-w020: #FFFFFF33;
    --color-w030: #FFFFFF4D;
    --color-w040: #FFFFFF66;
    --color-w050: #FFFFFF80;
    --color-w060: #FFFFFF99;
    --color-w070: #FFFFFFB3;
    --color-w080: #FFFFFFCC;
    --color-w090: #FFFFFFE6;
    --color-wa050: #FDE2D3;
    --color-wa100: #FCC6A7;
    --color-wa200: #FAA97C;
    --color-wa300: #F88D50;
    --color-wa400: #F67024;
    --color-wa500: #E45809;
    --color-wa600: #BE4908;
    --color-wa700: #983B06;
    --color-wa800: #722C05;
    --color-wa900: #4C1D03;
    --color-white: #FFFFFF;
    --countdown-container-spacing-l: 4px;
    --countdown-container-spacing-m: 2px;
    --countdown-divider-dot-spacing-l: 8px;
    --countdown-divider-dot-spacing-m: 4px;
    --countdown-divider-line-width: 6px;
    --countdown-item-border-radius-l: 8px;
    --countdown-item-border-radius-m: 6px;
    --countdown-item-border-size-l: 2px;
    --countdown-item-border-size-m: 2px;
    --countdown-item-expand-l: 0 8px;
    --countdown-item-expand-m: 0 4px;
    --countdown-item-size-3xs: 6px;
    --countdown-item-size-l: 44px;
    --countdown-item-size-m: 32px;
    --countdown-item-size-s: 10px;
    --countdown-item-size-xs: 9px;
    --countdown-item-size-xxs: 7px;
    --countdown-spacing-3xs: 4px;
    --countdown-spacing-l: 8px;
    --countdown-spacing-m: 4px;
    --countdown-spacing-s: 4px;
    --countdown-spacing-xs: 4px;
    --countdown-spacing-xxs: 4px;
    --counter-border-radius-l: 12px;
    --counter-border-radius-m: 8px;
    --counter-border-radius-s: 6px;
    --counter-border-radius-xl: 12px;
    --counter-border-radius-xs: 4px;
    --counter-border-size-l: 2px;
    --counter-border-size-m: 1px;
    --counter-border-size-s: 1px;
    --counter-border-size-xl: 2px;
    --counter-border-size-xs: 1px;
    --counter-content-size-l: 12px;
    --counter-content-size-m: 12px;
    --counter-content-size-s: 8px;
    --counter-content-size-xl: 16px;
    --counter-content-size-xs: 4px;
    --counter-expand-l: 4px;
    --counter-expand-m: 2px;
    --counter-expand-s: 2px;
    --counter-expand-xl: 4px;
    --counter-expand-xs: 4px;
    --counter-size-l: 20px;
    --counter-size-m: 16px;
    --counter-size-s: 12px;
    --counter-size-xl: 24px;
    --counter-size-xs: 8px;
    --dot-size-m: 4px;
    --dot-size-s: 2px;
    --dropdown-border-radius-m: 8px;
    --dropdown-border-radius-s: 6px;
    --dropdown-border-size-m: 2px;
    --dropdown-border-size-s: 2px;
    --dropdown-divider-description-expand-m: 0 16px;
    --dropdown-divider-description-expand-s: 0 12px;
    --dropdown-divider-expand-m: 8px 0;
    --dropdown-divider-expand-s: 6px 0;
    --dropdown-divider-spacing-m: 8px;
    --dropdown-divider-spacing-s: 6px;
    --dropdown-expand-m: 8px 0;
    --dropdown-expand-s: 6px 0;
    --dropdown-item-m-margin: 16px;
    --dropdown-item-s-icon-size: 20px;
    --dropdown-item-s-margin: 12px;
    --dropdown-row-content-height-m: 32px;
    --dropdown-row-content-height-s: 28px;
    --dropdown-row-content-spacing-m: 8px;
    --dropdown-row-content-spacing-s: 8px;
    --dropdown-row-expand-1-m: 0 0 0 46px;
    --dropdown-row-expand-1-s: 0 0 0 40px;
    --dropdown-row-expand-2-m: 0 0 0 76px;
    --dropdown-row-expand-2-s: 0 0 0 68px;
    --dropdown-row-expand-m: 8px 16px;
    --dropdown-row-expand-s: 6px 12px;
    --dropdown-row-icon-container-border-radius-m: 1000px;
    --dropdown-row-icon-container-border-radius-s: 1000px;
    --dropdown-row-icon-container-border-size-m: 1px;
    --dropdown-row-icon-container-border-size-s: 1px;
    --dropdown-row-icon-container-icon-size-m: 22px;
    --dropdown-row-icon-container-icon-size-s: 20px;
    --dropdown-row-text-container-spacing-m: 4px;
    --dropdown-row-text-container-spacing-s: 2px;
    --dropdown-tail-expand-m: 0 8px;
    --dropdown-tail-expand-s: 0 8px;
    --dropdown-tail-height-m: 16px;
    --dropdown-tail-height-s: 8px;
    --expand: 0 10px;
    --field-horizontal-spacing: 8px;
    --field-vertical-icon-size: 16px;
    --field-vertical-spaсing: 4px;
    --field-vertical-text-spaсing: 4px;
    --font-accordion-description: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-accordion-header: var(--font-style-header) 600 14px/20px 'Work Sans';
    --font-badge-text-l: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-badge-text-m: var(--font-style-base) 700 12px/16px 'Work Sans';
    --font-badge-text-s: var(--font-style-base) 700 10px/14px 'Work Sans';
    --font-badge-text-xs: var(--font-style-base) 700 8px/8px 'Work Sans';
    --font-body-bold-2xs: var(--font-style-base) 700 8px/20px 'Work Sans';
    --font-body-bold-l: var(--font-style-base) 700 16px/24px 'Work Sans';
    --font-body-bold-m: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-body-bold-s: var(--font-style-base) 700 12px/20px 'Work Sans';
    --font-body-bold-xl: var(--font-style-base) 700 18px/28px 'Work Sans';
    --font-body-bold-xs: var(--font-style-base) 700 10px/20px 'Work Sans';
    --font-body-regular-2xs: var(--font-style-base) 500 8px/20px 'Work Sans';
    --font-body-regular-l: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-body-regular-m: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-body-regular-s: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-body-regular-xl: var(--font-style-base) 500 18px/28px 'Work Sans';
    --font-body-regular-xs: var(--font-style-base) 500 10px/20px 'Work Sans';
    --font-body-semi-bold-2xs: var(--font-style-base) 600 8px/20px 'Work Sans';
    --font-body-semi-bold-l: var(--font-style-base) 600 16px/24px 'Work Sans';
    --font-body-semi-bold-m: var(--font-style-base) 600 14px/20px 'Work Sans';
    --font-body-semi-bold-s: var(--font-style-base) 600 12px/20px 'Work Sans';
    --font-body-semi-bold-xl: var(--font-style-base) 600 18px/28px 'Work Sans';
    --font-body-semi-bold-xs: var(--font-style-base) 600 10px/20px 'Work Sans';
    --font-button-store-description-l: var(--font-style-base) 500 10px/12px 'Work Sans';
    --font-button-store-description-m: var(--font-style-base) 500 10px/12px 'Work Sans';
    --font-button-store-text-l: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-button-store-text-m: var(--font-style-base) 600 12px/18px 'Work Sans';
    --font-button-text-l: var(--font-style-base) 700 18px/24px 'Work Sans';
    --font-button-text-m: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-button-text-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-calendar-day-text-m: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-calendar-day-text-s: var(--font-style-base) 500 14px/24px 'Work Sans';
    --font-calendar-holiday-text-m: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-calendar-holiday-text-s: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-calendar-today-text-m: var(--font-style-base) 700 16px/24px 'Work Sans';
    --font-calendar-today-text-s: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-calendar-week-text-m: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-calendar-week-text-s: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-countdown-description-l: var(--font-style-base) 600 12px/20px 'Work Sans';
    --font-countdown-description-m: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-countdown-text-3xs: var(--font-style-base) 700 8px/8px 'Work Sans';
    --font-countdown-text-l: var(--font-style-base) 600 20px/28px 'Work Sans';
    --font-countdown-text-m: var(--font-style-base) 600 16px/24px 'Work Sans';
    --font-countdown-text-s: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-countdown-text-xs: var(--font-style-base) 700 12px/16px 'Work Sans';
    --font-countdown-text-xxs: var(--font-style-base) 700 10px/14px 'Work Sans';
    --font-counter-text-l: var(--font-style-base) 700 12px/12px 'Work Sans';
    --font-counter-text-m: var(--font-style-base) 700 10px/10px 'Work Sans';
    --font-counter-text-s: var(--font-style-base) 700 8px/8px 'Work Sans';
    --font-counter-text-xl: var(--font-style-base) 700 14px/14px 'Work Sans';
    --font-dropdown-description-m: var(--font-style-base) 500 10px/10px 'Work Sans';
    --font-dropdown-description-s: var(--font-style-base) 500 10px/10px 'Work Sans';
    --font-dropdown-divider-description-m: var(--font-style-base) 600 12px/12px 'Work Sans';
    --font-dropdown-divider-description-m-transform: uppercase;
    --font-dropdown-divider-description-s: var(--font-style-base) 600 10px/10px 'Work Sans';
    --font-dropdown-divider-description-s-transform: uppercase;
    --font-dropdown-text-m: var(--font-style-base) 500 16px/16px 'Work Sans';
    --font-dropdown-text-s: var(--font-style-base) 500 14px/14px 'Work Sans';
    --font-family-base: Work Sans;
    --font-family-header: Work Sans;
    --font-field-horizontal-description: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-field-horizontal-label: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-field-vertical-description: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-field-vertical-label: var(--font-style-base) 600 16px/24px 'Work Sans';
    --font-footer-description: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-footer-menu-text: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-footer-subtitle: var(--font-style-base) 600 14px/14px 'Work Sans';
    --font-footer-text: var(--font-style-base) 500 14px/14px 'Work Sans';
    --font-footer-title: var(--font-style-base) 600 18px/18px 'Work Sans';
    --font-game-card-game-text: var(--font-style-base) 950 14px/14px 'Work Sans';
    --font-game-card-game-text-transform: uppercase;
    --font-game-card-like-text: var(--font-style-base) 600 16px/24px 'Work Sans';
    --font-game-card-live-text: var(--font-style-base) 700 12px/20px 'Work Sans';
    --font-game-card-provider-text: var(--font-style-base) 700 8px/8px 'Work Sans';
    --font-game-card-provider-text-transform: uppercase;
    --font-header-black-2xs: var(--font-style-header) 900 16px/24px 'Work Sans';
    --font-header-black-l: var(--font-style-header) 900 28px/40px 'Work Sans';
    --font-header-black-m: var(--font-style-header) 900 24px/40px 'Work Sans';
    --font-header-black-s: var(--font-style-header) 900 20px/28px 'Work Sans';
    --font-header-black-xl: var(--font-style-header) 900 32px/40px 'Work Sans';
    --font-header-black-xs: var(--font-style-header) 900 18px/28px 'Work Sans';
    --font-header-bold-2xs: var(--font-style-header) 700 16px/24px 'Work Sans';
    --font-header-bold-l: var(--font-style-header) 700 28px/40px 'Work Sans';
    --font-header-bold-m: var(--font-style-header) 700 24px/40px 'Work Sans';
    --font-header-bold-s: var(--font-style-header) 700 20px/28px 'Work Sans';
    --font-header-bold-xl: var(--font-style-header) 700 32px/40px 'Work Sans';
    --font-header-bold-xs: var(--font-style-header) 700 18px/28px 'Work Sans';
    --font-header-semi-bold-2xs: var(--font-style-header) 600 16px/24px 'Work Sans';
    --font-header-semi-bold-l: var(--font-style-header) 600 28px/40px 'Work Sans';
    --font-header-semi-bold-m: var(--font-style-header) 600 24px/40px 'Work Sans';
    --font-header-semi-bold-s: var(--font-style-header) 600 20px/28px 'Work Sans';
    --font-header-semi-bold-xl: var(--font-style-header) 600 32px/40px 'Work Sans';
    --font-header-semi-bold-xs: var(--font-style-header) 600 18px/28px 'Work Sans';
    --font-input-label-focus-l: var(--font-style-base) 600 14px/14px 'Work Sans';
    --font-input-label-focus-m: var(--font-style-base) 600 12px/12px 'Work Sans';
    --font-input-label-focus-s: var(--font-style-base) 600 10px/10px 'Work Sans';
    --font-input-label-l: var(--font-style-base) 700 18px/24px 'Work Sans';
    --font-input-label-m: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-input-label-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-input-placeholder-l: var(--font-style-base) 700 18px/24px 'Work Sans';
    --font-input-placeholder-m: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-input-placeholder-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-input-value-l: var(--font-style-base) 700 18px/24px 'Work Sans';
    --font-input-value-m: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-input-value-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-line-height-accordion-description: 20px;
    --font-line-height-accordion-header: 20px;
    --font-line-height-badge-text-l: 20px;
    --font-line-height-badge-text-m: 16px;
    --font-line-height-badge-text-s: 14px;
    --font-line-height-badge-text-xs: 8px;
    --font-line-height-body-2xl: 49px;
    --font-line-height-body-2xs: 16px;
    --font-line-height-body-3xl: 100px;
    --font-line-height-body-3xs: 14px;
    --font-line-height-body-4xl: 88px;
    --font-line-height-body-5xl: 128px;
    --font-line-height-body-l: 28px;
    --font-line-height-body-m: 24px;
    --font-line-height-body-s: 20px;
    --font-line-height-body-xl: 37px;
    --font-line-height-body-xs: 18px;
    --font-line-height-button-store-description-l: 12px;
    --font-line-height-button-store-description-m: 12px;
    --font-line-height-button-store-text-l: 20px;
    --font-line-height-button-store-text-m: 18px;
    --font-line-height-button-text-l: 24px;
    --font-line-height-button-text-m: 20px;
    --font-line-height-button-text-s: 16px;
    --font-line-height-calendar-day-text-m: 24px;
    --font-line-height-calendar-day-text-s: 20px;
    --font-line-height-calendar-holiday-text-m: 24px;
    --font-line-height-calendar-holiday-text-s: 20px;
    --font-line-height-calendar-today-text-m: 24px;
    --font-line-height-calendar-today-text-s: 20px;
    --font-line-height-calendar-week-text-m: 24px;
    --font-line-height-calendar-week-text-s: 20px;
    --font-line-height-countdown-description-l: 18px;
    --font-line-height-countdown-description-m: 18px;
    --font-line-height-countdown-text-3xs: 8px;
    --font-line-height-countdown-text-l: 28px;
    --font-line-height-countdown-text-m: 24px;
    --font-line-height-countdown-text-s: 20px;
    --font-line-height-countdown-text-xs: 16px;
    --font-line-height-countdown-text-xxs: 14px;
    --font-line-height-counter-text-l: 12px;
    --font-line-height-counter-text-m: 10px;
    --font-line-height-counter-text-s: 8px;
    --font-line-height-counter-text-xl: 14px;
    --font-line-height-dropdown-description-m: 10px;
    --font-line-height-dropdown-description-s: 10px;
    --font-line-height-dropdown-divider-description-m: 12px;
    --font-line-height-dropdown-divider-description-s: 10px;
    --font-line-height-dropdown-text-m: 16px;
    --font-line-height-dropdown-text-s: 14px;
    --font-line-height-field-horizontal-description: 18px;
    --font-line-height-field-horizontal-label: 20px;
    --font-line-height-field-vertical-description: 18px;
    --font-line-height-field-vertical-label: 24px;
    --font-line-height-footer-description: 18px;
    --font-line-height-footer-menu-text: 18px;
    --font-line-height-footer-subtitle: 14px;
    --font-line-height-footer-text: 14px;
    --font-line-height-footer-title: 18px;
    --font-line-height-game-card-game-text: 14px;
    --font-line-height-game-card-like-text: 24px;
    --font-line-height-game-card-live-text: 18px;
    --font-line-height-game-card-provider-text: 8px;
    --font-line-height-header-2xl: 40px;
    --font-line-height-header-2xs: 24px;
    --font-line-height-header-3xl: 49px;
    --font-line-height-header-4xl: 100px;
    --font-line-height-header-5xl: 88px;
    --font-line-height-header-6xl: 128px;
    --font-line-height-header-l: 40px;
    --font-line-height-header-m: 40px;
    --font-line-height-header-s: 28px;
    --font-line-height-header-xl: 37px;
    --font-line-height-header-xs: 28px;
    --font-line-height-input-external-text-description: 18px;
    --font-line-height-input-external-text-message: 18px;
    --font-line-height-input-label-focus-l: 14px;
    --font-line-height-input-label-focus-m: 12px;
    --font-line-height-input-label-focus-s: 10px;
    --font-line-height-input-label-l: 24px;
    --font-line-height-input-label-m: 20px;
    --font-line-height-input-label-s: 16px;
    --font-line-height-input-placeholder-l: 24px;
    --font-line-height-input-placeholder-m: 20px;
    --font-line-height-input-placeholder-s: 16px;
    --font-line-height-input-value-l: 24px;
    --font-line-height-input-value-m: 20px;
    --font-line-height-input-value-s: 16px;
    --font-line-height-menu-top-amount-text: 18px;
    --font-line-height-message-description-l: 20px;
    --font-line-height-message-description-m: 18px;
    --font-line-height-message-description-s: 16px;
    --font-line-height-message-line-description-desktop: 18px;
    --font-line-height-message-line-description-mobile: 18px;
    --font-line-height-message-line-text-desktop: 20px;
    --font-line-height-message-line-text-mobile: 20px;
    --font-line-height-message-text-l: 24px;
    --font-line-height-message-text-m: 20px;
    --font-line-height-message-text-s: 18px;
    --font-line-height-modal-body-text-desktop: 40px;
    --font-line-height-modal-body-text-mobile: 28px;
    --font-line-height-modal-description-desktop: 24px;
    --font-line-height-modal-description-mobile: 20px;
    --font-line-height-modal-header-desktop: 28px;
    --font-line-height-modal-header-mobile: 24px;
    --font-line-height-modal-system-body-text-desktop: 40px;
    --font-line-height-modal-system-body-text-mobile: 28px;
    --font-line-height-modal-system-description-desktop: 24px;
    --font-line-height-modal-system-description-mobile: 20px;
    --font-line-height-navbar-text-desktop: 20px;
    --font-line-height-navbar-text-mobile: 16px;
    --font-line-height-notification-description-desktop: 20px;
    --font-line-height-notification-description-mobile: 18px;
    --font-line-height-notification-footer-text-desktop: 20px;
    --font-line-height-notification-footer-text-mobile: 16px;
    --font-line-height-notification-text-desktop: 24px;
    --font-line-height-notification-text-mobile: 20px;
    --font-line-height-pagination-text-m: 24px;
    --font-line-height-pagination-text-s: 20px;
    --font-line-height-progress-bar-text-l: 24px;
    --font-line-height-progress-bar-text-m: 16px;
    --font-line-height-progress-bar-text-s: 8px;
    --font-line-height-selector-external-text-message: 18px;
    --font-line-height-sidebar-card-description-l: 10px;
    --font-line-height-sidebar-card-description-m: 10px;
    --font-line-height-sidebar-card-description-s: 10px;
    --font-line-height-sidebar-card-text-l: 14px;
    --font-line-height-sidebar-card-text-m: 12px;
    --font-line-height-sidebar-card-text-s: 10px;
    --font-line-height-sidebar-list-header: 20px;
    --font-line-height-sidebar-list-text: 20px;
    --font-line-height-step-description-l: 16px;
    --font-line-height-step-description-m: 16px;
    --font-line-height-step-point-text-l: 18px;
    --font-line-height-step-text-l: 20px;
    --font-line-height-step-text-m: 12px;
    --font-line-height-tab-text-l: 24px;
    --font-line-height-tab-text-m: 20px;
    --font-line-height-tab-text-s: 16px;
    --font-line-height-table-header: 16px;
    --font-line-height-table-modal-description: 14px;
    --font-line-height-table-modal-text: 14px;
    --font-line-height-table-modal-value: 20px;
    --font-line-height-table-text: 20px;
    --font-line-height-tag-text-m: 16px;
    --font-line-height-tag-text-s: 16px;
    --font-line-height-title-block-description-desktop: 24px;
    --font-line-height-title-block-description-mobile: 20px;
    --font-line-height-title-block-text-desktop: 28px;
    --font-line-height-title-block-text-mobile: 20px;
    --font-line-height-title-card-description-desktop: 18px;
    --font-line-height-title-card-description-mobile: 16px;
    --font-line-height-title-card-text-desktop: 24px;
    --font-line-height-title-card-text-mobile: 20px;
    --font-line-height-tooltip-text: 20px;
    --font-line-height-user-menu-description: 16px;
    --font-line-height-user-menu-email-text: 16px;
    --font-line-height-user-menu-header: 24px;
    --font-line-height-user-menu-text: 16px;
    --font-line-height-user-menu-title: 18px;
    --font-line-height-user-menu-value: 16px;
    --font-menu-top-amount-text: var(--font-style-base) 700 12px/20px 'Work Sans';
    --font-message-description-l: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-message-description-m: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-message-description-s: var(--font-style-base) 500 10px/20px 'Work Sans';
    --font-message-line-description-desktop: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-message-line-description-mobile: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-message-line-text-desktop: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-message-line-text-mobile: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-message-text-l: var(--font-style-base) 700 16px/24px 'Work Sans';
    --font-message-text-m: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-message-text-s: var(--font-style-base) 700 12px/20px 'Work Sans';
    --font-modal-body-text-desktop: var(--font-style-base) 600 24px/40px 'Work Sans';
    --font-modal-body-text-mobile: var(--font-style-base) 600 20px/28px 'Work Sans';
    --font-modal-description-desktop: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-modal-description-mobile: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-modal-header-desktop: var(--font-style-header) 700 18px/28px 'Work Sans';
    --font-modal-header-mobile: var(--font-style-header) 700 16px/24px 'Work Sans';
    --font-navbar-text-desktop: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-navbar-text-mobile: var(--font-style-base) 600 10px/16px 'Work Sans';
    --font-pagination-text-m: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-pagination-text-s: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-paragraph-spacing-accordion-description: 14px;
    --font-paragraph-spacing-body-2xs: 14px;
    --font-paragraph-spacing-body-3xs: 14px;
    --font-paragraph-spacing-body-l: 14px;
    --font-paragraph-spacing-body-m: 14px;
    --font-paragraph-spacing-body-s: 14px;
    --font-paragraph-spacing-body-xs: 14px;
    --font-paragraph-spacing-footer-description: 14px;
    --font-paragraph-spacing-modal-description-desktop: 14px;
    --font-paragraph-spacing-modal-description-mobile: 14px;
    --font-progress-bar-text-l: var(--font-style-base) 700 16px/24px 'Work Sans';
    --font-progress-bar-text-m: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-progress-bar-text-s: var(--font-style-base) 600 8px/8px 'Work Sans';
    --font-sidebar-card-description-l: var(--font-style-base) 500 10px/10px 'Work Sans';
    --font-sidebar-card-description-m: var(--font-style-base) 500 10px/10px 'Work Sans';
    --font-sidebar-card-description-s: var(--font-style-base) 500 10px/10px 'Work Sans';
    --font-sidebar-card-text-l: var(--font-style-base) 700 14px/14px 'Work Sans';
    --font-sidebar-card-text-m: var(--font-style-base) 700 12px/12px 'Work Sans';
    --font-sidebar-card-text-s: var(--font-style-base) 700 10px/10px 'Work Sans';
    --font-sidebar-list-header: var(--font-style-header) 500 14px/20px 'Work Sans';
    --font-sidebar-list-text: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-size-body-2xl: 40px;
    --font-size-body-2xs: 10px;
    --font-size-body-3xl: 64px;
    --font-size-body-3xs: 8px;
    --font-size-body-4xl: 72px;
    --font-size-body-5xl: 105px;
    --font-size-body-l: 18px;
    --font-size-body-m: 16px;
    --font-size-body-s: 14px;
    --font-size-body-xl: 30px;
    --font-size-body-xs: 12px;
    --font-size-dropdown-divider-description-m: 12px;
    --font-size-dropdown-divider-description-s: 10px;
    --font-size-header-2xl: 32px;
    --font-size-header-2xs: 16px;
    --font-size-header-3xl: 40px;
    --font-size-header-4xl: 64px;
    --font-size-header-5xl: 72px;
    --font-size-header-6xl: 105px;
    --font-size-header-l: 28px;
    --font-size-header-m: 24px;
    --font-size-header-s: 20px;
    --font-size-header-xl: 30px;
    --font-size-header-xs: 18px;
    --font-size-input-external-text-description: 12px;
    --font-size-input-external-text-message: 12px;
    --font-size-modal-system-body-text-desktop: 24px;
    --font-size-modal-system-body-text-mobile: 20px;
    --font-size-modal-system-description-desktop: 16px;
    --font-size-modal-system-description-mobile: 14px;
    --font-size-notification-description-desktop: 14px;
    --font-size-notification-description-mobile: 12px;
    --font-size-notification-footer-text-desktop: 14px;
    --font-size-notification-footer-text-mobile: 12px;
    --font-size-notification-text-desktop: 16px;
    --font-size-notification-text-mobile: 14px;
    --font-size-selector-external-text-message: 12px;
    --font-step-description-l: var(--font-style-base) 500 10px/20px 'Work Sans';
    --font-step-description-m: var(--font-style-base) 500 10px/20px 'Work Sans';
    --font-step-point-text-l: var(--font-style-base) 700 12px/20px 'Work Sans';
    --font-step-text-l: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-step-text-m: var(--font-style-base) 500 12px/12px 'Work Sans';
    --font-style-base: normal;
    --font-style-header: italic;
    --font-tab-text-l: var(--font-style-base) 600 18px/24px 'Work Sans';
    --font-tab-text-m: var(--font-style-base) 600 16px/20px 'Work Sans';
    --font-tab-text-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-table-header: var(--font-style-header) 700 12px/16px 'Work Sans';
    --font-table-modal-description: var(--font-style-base) 500 12px/14px 'Work Sans';
    --font-table-modal-text: var(--font-style-base) 600 14px/14px 'Work Sans';
    --font-table-modal-value: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-table-text: var(--font-style-base) 600 14px/20px 'Work Sans';
    --font-tag-text-m: var(--font-style-base) 600 14px/16px 'Work Sans';
    --font-tag-text-s: var(--font-style-base) 600 12px/16px 'Work Sans';
    --font-title-block-description-desktop: var(--font-style-base) 500 16px/24px 'Work Sans';
    --font-title-block-description-mobile: var(--font-style-base) 500 14px/20px 'Work Sans';
    --font-title-block-text-desktop: var(--font-style-base) 700 28px/28px 'Work Sans';
    --font-title-block-text-mobile: var(--font-style-base) 600 20px/20px 'Work Sans';
    --font-title-card-description-desktop: var(--font-style-base) 500 12px/20px 'Work Sans';
    --font-title-card-description-mobile: var(--font-style-base) 500 10px/20px 'Work Sans';
    --font-title-card-text-desktop: var(--font-style-base) 700 16px/24px 'Work Sans';
    --font-title-card-text-mobile: var(--font-style-base) 700 14px/20px 'Work Sans';
    --font-tooltip-text: var(--font-body-semi-bold-m);
    --font-user-menu-description: var(--font-style-base) 500 10px/16px 'Work Sans';
    --font-user-menu-email-text: var(--font-style-base) 500 10px/16px 'Work Sans';
    --font-user-menu-header: var(--font-style-header) 700 20px/24px 'Work Sans';
    --font-user-menu-text: var(--font-style-base) 500 10px/16px 'Work Sans';
    --font-user-menu-title: var(--font-style-base) 500 12px/18px 'Work Sans';
    --font-user-menu-value: var(--font-style-base) 700 10px/16px 'Work Sans';
    --font-variant-numeric: normal;
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-dropdown-divider-description-m: 600;
    --font-weight-dropdown-divider-description-s: 600;
    --font-weight-extra-bold: 800;
    --font-weight-input-external-text-description: 500;
    --font-weight-input-external-text-message: 500;
    --font-weight-light: 300;
    --font-weight-modal-description-accent-desktop: 700;
    --font-weight-modal-description-accent-mobile: 700;
    --font-weight-modal-system-body-text-desktop: 600;
    --font-weight-modal-system-body-text-mobile: 600;
    --font-weight-modal-system-description-desktop: 500;
    --font-weight-modal-system-description-mobile: 500;
    --font-weight-notification-description-desktop: 500;
    --font-weight-notification-description-mobile: 500;
    --font-weight-notification-footer-text-desktop: 600;
    --font-weight-notification-footer-text-mobile: 600;
    --font-weight-notification-text-desktop: 600;
    --font-weight-notification-text-mobile: 600;
    --font-weight-regular: 500;
    --font-weight-selector-external-text-message: 500;
    --font-weight-semi-bold: 600;
    --footer-border-size: 2px;
    --footer-bottom-block-element-spacing: 16px;
    --footer-bottom-block-horizontal-spacing: 24px;
    --footer-bottom-block-license-text-spacing: 12px;
    --footer-bottom-block-vertical-spacing: 16px;
    --footer-expand-desktop: 24px 0;
    --footer-expand-mobile: 16px 0;
    --footer-payment-card-border-size: 2px;
    --footer-payment-card-icon-height: 56px;
    --footer-payment-card-icon-width: 87px;
    --footer-payment-container-border-radius: 6px;
    --footer-payment-container-border-size: 2px;
    --footer-payment-container-expand-desktop: 6px 40px;
    --footer-payment-container-expand-mobile: 6px 16px;
    --footer-spacing-desktop: 32px;
    --footer-spacing-mobile: 32px;
    --footer-top-block-content-spacing: 24px;
    --footer-top-block-element-spacing: 8px;
    --footer-top-block-list-spacing: 12px;
    --footer-top-block-social-icon-size: 32px;
    --game-card-border-radius: 12px;
    --game-card-border-size: 2px;
    --game-card-footer-expand: 4px 8px;
    --game-card-footer-spacing: 2px;
    --game-card-header-expand: 8px 8px 0 8px;
    --game-card-header-horizontal-spacing: 4px;
    --game-card-header-icon-size: 24px;
    --game-card-header-vertical-spacing: 4px;
    --game-card-like-active-icon-size: 28px;
    --game-card-like-border-size: 2px;
    --game-card-like-icon-size: 24px;
    --game-card-like-text-expand: 0 2px;
    --game-card-live-border-radius: 8px;
    --game-card-live-expand: 2px;
    --game-card-live-item-dot-size: 2px;
    --game-card-live-item-expand: 4px;
    --game-card-live-item-group-border-radius: 6px;
    --game-card-live-item-height: 20px;
    --game-card-live-item-icon-size: 12px;
    --game-card-live-item-min-width: 20px;
    --game-card-live-item-spacing: 2px;
    --game-card-max-height: 288px;
    --game-card-max-width: 216px;
    --game-card-min-height: 100px;
    --game-card-min-width: 80px;
    --game-card-overlay-background-blur: 8px;
    --game-card-overlay-expand: 16px 0 0 0;
    --game-card-overlay-icon-size: 40px;
    --game-card-title-border-radius: 8px;
    --game-card-title-expand: 4px;
    --game-card-title-height: 56px;
    --game-card-title-spacing: 4px;
    --gradient-activity-hub-bonus-hub-balance-dropdown-bonus-money: linear-gradient(90deg, var(--color-su900) 0%, var(--color-dark-grey-1) 50%);
    --gradient-activity-hub-bonus-hub-balance-dropdown-daily-cashback: linear-gradient(90deg, var(--color-mi700) 0%, var(--color-dark-grey-1) 100%);
    --gradient-activity-hub-bonus-hub-balance-dropdown-rakeback: linear-gradient(90deg, var(--color-in700) 0%, var(--color-dark-grey-1) 100%);
    --gradient-activity-hub-bonus-hub-balance-dropdown-real-money: linear-gradient(90deg, var(--color-dark-grey-2) 0%, var(--color-dark-grey-1) 50%);
    --gradient-activity-hub-bonus-hub-bonuses-bonus-round: unset;
    --gradient-activity-hub-bonus-hub-bonuses-casino-bonus: unset;
    --gradient-activity-hub-bonus-hub-bonuses-deposit-bonus: linear-gradient(270deg, var(--color-mi600) 0%, var(--color-in800) 100%);
    --gradient-activity-hub-bonus-hub-bonuses-free-spins: linear-gradient(270deg, var(--color-mi700) 0%, var(--color-in800) 100%);
    --gradient-activity-hub-bonus-hub-bonuses-sport-bonus: unset;
    --gradient-activity-hub-bonus-hub-bonuses-sport-deposit-bonus: unset;
    --gradient-activity-hub-bonus-hub-loyalty-wheels-bronze: linear-gradient(90deg, var(--color-pr700) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-loyalty-wheels-gold: linear-gradient(90deg, var(--color-su700) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-loyalty-wheels-instant-wheel: linear-gradient(90deg, var(--color-da900) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-loyalty-wheels-lock-wheel: linear-gradient(90deg, var(--color-dark-grey-3) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-loyalty-wheels-platinum: linear-gradient(90deg, var(--color-mi600) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-loyalty-wheels-silver: linear-gradient(90deg, var(--color-in600) 0%, var(--color-dark-grey-1) 26%);
    --gradient-activity-hub-bonus-hub-master: linear-gradient(90deg, var(--color-in600) 0%, var(--color-in800) 56.00000000000001%, var(--color-dark-grey-1) 100%);
    --gradient-activity-hub-bonus-hub-special: linear-gradient(90deg, var(--color-at500) 0%, var(--color-wa800) 44%, var(--color-wa900) 63%, var(--color-dark-grey-1) 100%);
    --gradient-activity-hub-calendar-grid-everyday-on: linear-gradient(180deg, var(--color-in400) 0%, var(--color-in600) 40%, var(--color-in700) 66%, var(--color-in800) 100%);
    --gradient-activity-hub-calendar-grid-special-off: linear-gradient(180deg, var(--color-at800) 0%, var(--color-wa900) 100%);
    --gradient-activity-hub-calendar-grid-special-on: linear-gradient(180deg, var(--color-at400) 0%, var(--color-wa700) 85%, var(--color-wa800) 100%);
    --gradient-activity-hub-today-card-everyday: linear-gradient(248deg, var(--color-in300) 0%, var(--color-in400) 32%, var(--color-in600) 72%, var(--color-in800) 100%);
    --gradient-activity-hub-today-card-special-day: linear-gradient(248deg, var(--color-at100) 0%, var(--color-at400) 24%, var(--color-wa700) 92%, var(--color-wa800) 100%);
    --gradient-black-bottom: linear-gradient(180deg, #00000000 0%, #000000e6 100%);
    --gradient-black-left: linear-gradient(270deg, #00000000 0%, #000000e6 100%);
    --gradient-black-right: linear-gradient(90deg, #00000000 0%, #000000e6 100%);
    --gradient-black-top: linear-gradient(180deg, #000000e6 0%, #00000000 100%);
    --gradient-bonus: radial-gradient(100% 100% at 100% 0%, #622275 0%, rgba(98, 34, 117, 0.00) 100%), radial-gradient(100% 100% at 0% 0%, #1B3670 0%, rgba(27, 54, 112, 0.00) 100%), #161D2E;
    --gradient-bonus-selector: linear-gradient(180deg, var(--color-gradient-bonus-selector-step-1) 0%, var(--color-gradient-bonus-selector-step-2) 32%, var(--color-gradient-bonus-selector-step-3) 60%, var(--color-gradient-bonus-selector-step-4) 100%);
    --gradient-bonus-selector-hover: linear-gradient(180deg, var(--color-gradient-bonus-selector-hover-step-1) 0%, var(--color-gradient-bonus-selector-hover-step-2) 30%, var(--color-gradient-bonus-selector-hover-step-3) 56.00000000000001%, var(--color-gradient-bonus-selector-hover-step-4) 100%);
    --gradient-danger-accent: transparent;
    --gradient-dark-grey-0-bottom: linear-gradient(360deg, #101114ff 0%, #10111400 100%);
    --gradient-dark-grey-0-left: linear-gradient(90deg, #101114ff 0%, #10111400 100%);
    --gradient-dark-grey-0-right: linear-gradient(270deg, #101114ff 0%, #10111400 100%);
    --gradient-dark-grey-0-top: linear-gradient(180deg, #101114ff 0%, #10111400 100%);
    --gradient-dark-grey-1-bottom: linear-gradient(360deg, #1d1f24ff 0%, #1d1f2400 100%);
    --gradient-dark-grey-1-left: linear-gradient(90deg, #1d1f24ff 0%, #1d1f2400 100%);
    --gradient-dark-grey-1-right: linear-gradient(270deg, #1d1f24ff 0%, #1d1f2400 100%);
    --gradient-dark-grey-1-top: linear-gradient(180deg, #1d1f24ff 0%, #1d1f2400 100%);
    --gradient-dark-grey-2-bottom: linear-gradient(360deg, #2a2d35ff 0%, #2a2d3500 100%);
    --gradient-dark-grey-2-left: linear-gradient(90deg, #2a2d35ff 0%, #2a2d3500 100%);
    --gradient-dark-grey-2-right: linear-gradient(270deg, #2a2d35ff 0%, #2a2d3500 100%);
    --gradient-dark-grey-2-top: linear-gradient(180deg, #2a2d35ff 0%, #2a2d3500 100%);
    --gradient-dark-grey-3-bottom: linear-gradient(360deg, #373b45ff 0%, #373b4500 100%);
    --gradient-dark-grey-3-left: linear-gradient(90deg, #373b45ff 0%, #373b4500 100%);
    --gradient-dark-grey-3-right: linear-gradient(270deg, #373b45ff 0%, #373b4500 100%);
    --gradient-dark-grey-3-top: linear-gradient(180deg, #373b45ff 0%, #373b4500 100%);
    --gradient-default-top: transparent;
    --gradient-freebet: radial-gradient(100% 100% at 100% 0%, #08628D 0%, #142441 100%);
    --gradient-freespin: radial-gradient(130.95% 100% at 100% 0%, #581445 0%, #192030 100%), #192030;
    --gradient-gr-1: linear-gradient(92deg, var(--color-gradient-gr-1-step-1) 0%, var(--color-gradient-gr-1-step-2) 50%, var(--color-gradient-gr-1-step-3) 100%);
    --gradient-gr-2: linear-gradient(93deg, var(--color-gradient-gr-2-step-1) 0%, var(--color-gradient-gr-2-step-2) 23%, var(--color-gradient-gr-2-step-3) 46%, var(--color-gradient-gr-2-step-4) 75%, var(--color-gradient-gr-2-step-5) 99%);
    --gradient-gr-3: linear-gradient(93deg, var(--color-gradient-gr-3-step-1) 0%, var(--color-gradient-gr-3-step-2) 23%, var(--color-gradient-gr-3-step-3) 46%, var(--color-gradient-gr-3-step-4) 75%, var(--color-gradient-gr-3-step-5) 99%);
    --gradient-primary-accent: transparent;
    --gradient-primary-bottom: linear-gradient(360deg, #03f295ff 0%, #03f29500 100%);
    --gradient-primary-left: linear-gradient(90deg, #03f295ff 0%, #03f29500 100%);
    --gradient-primary-right: linear-gradient(270deg, #03f295ff 0%, #03f29500 100%);
    --gradient-primary-top: linear-gradient(180deg, #03f295ff 0%, #03f29500 100%);
    --gradient-rose-accent: transparent;
    --gradient-secondary-accent: transparent;
    --gradient-success-accent: transparent;
    --gradient-vip-1: linear-gradient(180deg, var(--color-at100) 0%, var(--color-dgz000) 100%);
    --gradient-vip-2: linear-gradient(90deg, var(--color-at100) 0%, var(--color-dgz000) 40%);
    --gradient-vip-3: linear-gradient(152deg, var(--color-wa400) 0%, var(--color-gradient-vip-3-step-2) 42%, var(--color-gradient-vip-3-step-3) 57.99999999999999%, var(--color-at300) 71%, var(--color-wa500) 100%);
    --header-black-weight: 900;
    --header-bold-weight: 700;
    --header-semi-bold-weight: 600;
    --header-text-transform: ;
    --icon-size: 22px;
    --illumination-1: 0px 1px 2px 0px #03f29552, 0px 0px 1px 0px #03f29552;
    --illumination-2: 0px 4px 8px 0px #03f29552, 0px 0px 1px 0px #03f29552;
    --illumination-3: 0px 8px 16px 0px #03f2953d, 0px 0px 1px 0px #03f29552;
    --illumination-4: 0px 12px 24px 0px #03f2953d, 0px 0px 1px 0px #03f29552;
    --illumination-5: 0px 24px 32px 0px #03f2953d, 0px 0px 1px 0px #03f29552;
    --illumination-6: 0px 40px 64px 0px #03f2953d, 0px 0px 1px 0px #03f29552;
    --info-icon-radius: 50%;
    --info-icon-scale: 50%;
    --info-l-font: var(--font-header-semi-bold-l);
    --info-l-icon-gap: var(--num-spacing-m24);
    --info-l-icon-size: 60px;
    --info-l-mobile-font: var(--font-header-semi-bold-s);
    --info-l-mobile-title-gap: var(--num-spacing-m8);
    --info-l-title-gap: var(--num-spacing-m16);
    --input-border-radius-l: 8px;
    --input-border-radius-m: 8px;
    --input-border-radius-s: 6px;
    --input-border-size-l: 1px;
    --input-border-size-m: 1px;
    --input-border-size-s: 1px;
    --input-button-icon-border-radius-l: 1000px;
    --input-button-icon-border-radius-m: 1000px;
    --input-button-icon-border-radius-s: 1000px;
    --input-button-icon-border-size-l: 1px;
    --input-button-icon-border-size-m: 1px;
    --input-button-icon-border-size-s: 1px;
    --input-button-icon-icon-size-l: 24px;
    --input-button-icon-icon-size-m: 20px;
    --input-button-icon-icon-size-s: 16px;
    --input-content-spacing-l: 6px;
    --input-content-spacing-m: 6px;
    --input-content-spacing-s: 4px;
    --input-expand-l: 0 12px;
    --input-expand-m: 0 10px;
    --input-expand-s: 0 8px;
    --input-height-l: 56px;
    --input-height-m: 44px;
    --input-height-s: 32px;
    --input-icon-container-border-radius-l: 1000px;
    --input-icon-container-border-radius-m: 1000px;
    --input-icon-container-border-radius-s: 1000px;
    --input-icon-container-border-size-l: 1px;
    --input-icon-container-border-size-m: 1px;
    --input-icon-container-border-size-s: 1px;
    --input-icon-container-icon-size-l: 28px;
    --input-icon-container-icon-size-m: 24px;
    --input-icon-container-icon-size-s: 20px;
    --input-multy-spacing: 8px;
    --input-outside-border-size-l: 2px;
    --input-outside-border-size-m: 2px;
    --input-outside-border-size-s: 2px;
    --input-text-container-expand-l: 0 4px;
    --input-text-container-expand-m: 0 4px;
    --input-text-container-expand-s: 0 4px;
    --input-text-container-vertical-spacing-l: 2px;
    --line-size-m: 2px;
    --line-size-s: 1px;
    --margin-2xl: 32px;
    --margin-2xs: 6px;
    --margin-3xl: 40px;
    --margin-3xs: 4px;
    --margin-4xl: 48px;
    --margin-4xs: 2px;
    --margin-5xl: 56px;
    --margin-l: 20px;
    --margin-m: 16px;
    --margin-s: 12px;
    --margin-xl: 24px;
    --margin-xs: 8px;
    --menu-amount-button-top-expand: 4px 6px;
    --menu-amount-text-container-expand: 0 6px;
    --menu-amount-top-expand: 4px;
    --menu-bottom-border-size: 1px;
    --menu-bottom-buttons-container-expand: 16px;
    --menu-bottom-buttons-container-spacing: 8px;
    --menu-expand: 8px 16px;
    --menu-expand-desktop: 16px;
    --menu-expand-mobile: 12px 16px;
    --menu-top-amount-border-radius: 16px;
    --menu-top-amount-border-size: 2px;
    --menu-top-amount-outside-border-size: 2px;
    --menu-top-border-size: 2px;
    --menu-top-icon-size: 24px;
    --menu-top-spacing-desktop: 16px;
    --menu-top-spacing-mobile: 8px;
    --menu-top-user-bar-spacing-desktop: 8px;
    --menu-top-user-bar-spacing-mobile: 4px;
    --message-border-radius-l: 8px;
    --message-border-radius-m: 8px;
    --message-border-radius-s: 8px;
    --message-border-size-l: 2px;
    --message-border-size-m: 2px;
    --message-border-size-s: 2px;
    --message-buttons-group-expand-l: 0 32px;
    --message-buttons-group-expand-m: 0 30px;
    --message-buttons-group-expand-s: 0 28px;
    --message-content-min-height-l: 24px;
    --message-content-min-height-m: 22px;
    --message-content-min-height-s: 20px;
    --message-expand-l: 12px;
    --message-expand-m: 10px;
    --message-expand-s: 8px;
    --message-horizontal-spacing-l: 8px;
    --message-horizontal-spacing-m: 8px;
    --message-horizontal-spacing-s: 8px;
    --message-icon-container-border-radius-l: 1000px;
    --message-icon-container-border-radius-m: 1000px;
    --message-icon-container-border-radius-s: 1000px;
    --message-icon-container-border-size-l: 1px;
    --message-icon-container-border-size-m: 1px;
    --message-icon-container-border-size-s: 1px;
    --message-icon-container-icon-size-l: 24px;
    --message-icon-container-icon-size-m: 22px;
    --message-icon-container-icon-size-s: 20px;
    --message-line-border-size-desktop: 2px;
    --message-line-border-size-mobile: 2px;
    --message-line-button-container-expand-mobile: 0 28px;
    --message-line-content-min-height-desktop: 20px;
    --message-line-content-min-height-mobile: 20px;
    --message-line-cookies-expand-desktop: 12px 16px;
    --message-line-cookies-expand-mobile: 8px 16px;
    --message-line-cookies-spacing-desktop: 16px;
    --message-line-cookies-spacing-mobile: 8px;
    --message-line-expand-desktop: 8px 16px;
    --message-line-expand-mobile: 8px;
    --message-line-icon-container-border-radius-desktop: 1000px;
    --message-line-icon-container-border-radius-mobile: 1000px;
    --message-line-icon-container-border-size-desktop: 1px;
    --message-line-icon-container-border-size-mobile: 1px;
    --message-line-icon-container-icon-size-desktop: 20px;
    --message-line-icon-container-icon-size-mobile: 20px;
    --message-line-spacing-desktop: 8px;
    --message-line-spacing-mobile: 8px;
    --message-line-text-container-spacing-desktop: 6px;
    --message-text-container-expand-m: 1px 0 0 0;
    --message-text-container-spacing-l: 4px;
    --message-text-container-spacing-m: 2px;
    --message-vertical-spacing-l: 12px;
    --message-vertical-spacing-m: 10px;
    --message-vertical-spacing-s: 8px;
    --modal-backdrop-filter: unset;
    --modal-body-button-close-top-expand-desktop: 16px;
    --modal-body-button-close-top-expand-mobile: 10px;
    --modal-body-content-expand-desktop: 8px 0 24px 0;
    --modal-body-content-expand-mobile: 8px 0 16px 0;
    --modal-body-content-spacing-desktop: 24px;
    --modal-body-content-spacing-mobile: 24px;
    --modal-body-expand-desktop: 0 24px;
    --modal-body-expand-mobile: 0 16px;
    --modal-body-form-spacing-desktop: 16px;
    --modal-body-form-spacing-mobile: 16px;
    --modal-body-status-border-radius-desktop: 32px;
    --modal-body-status-border-radius-mobile: 32px;
    --modal-body-status-border-size-desktop: 1px;
    --modal-body-status-border-size-mobile: 1px;
    --modal-body-status-icon-size-desktop: 32px;
    --modal-body-status-icon-size-mobile: 32px;
    --modal-body-status-size-desktop: 64px;
    --modal-body-status-size-mobile: 64px;
    --modal-body-text-container-spacing-desktop: 8px;
    --modal-body-text-container-spacing-mobile: 8px;
    --modal-border-radius-desktop: 16px;
    --modal-border-radius-mobile: 16px;
    --modal-border-size-desktop: 2px;
    --modal-border-size-mobile: 2px;
    --modal-bottom-expand-desktop: 24px;
    --modal-bottom-expand-mobile: 16px;
    --modal-footer-horizontal-spacing-desktop: 8px;
    --modal-footer-horizontal-spacing-mobile: 8px;
    --modal-footer-vertical-spacing-desktop: 8px;
    --modal-footer-vertical-spacing-mobile: 8px;
    --modal-header-border-width: 1px;
    --modal-header-horizontal-spacing-desktop: 12px;
    --modal-header-horizontal-spacing-mobile: 8px;
    --modal-header-min-height-desktop: 64px;
    --modal-header-min-height-mobile: 52px;
    --modal-header-text-container-expand-desktop: 12px 0;
    --modal-header-text-container-expand-mobile: 8px 0;
    --modal-left-expand-desktop: 24px;
    --modal-left-expand-mobile: 16px;
    --modal-right-expand-desktop: 24px;
    --modal-right-expand-mobile: 16px;
    --modal-system-body-button-close-expand-desktop: 16px 0 0 0;
    --modal-system-body-button-close-expand-mobile: 10px 0 0 0;
    --modal-system-body-content-expand-desktop: 8px 0 24px 0;
    --modal-system-body-content-expand-mobile: 8px 0 16px 0;
    --modal-system-body-content-spacing-desktop: 24px;
    --modal-system-body-content-spacing-mobile: 24px;
    --modal-system-body-expand-desktop: 0 24px;
    --modal-system-body-expand-mobile: 0 16px;
    --modal-system-body-status-border-radius-desktop: 32px;
    --modal-system-body-status-border-radius-mobile: 32px;
    --modal-system-body-status-border-size-desktop: 1px;
    --modal-system-body-status-border-size-mobile: 1px;
    --modal-system-body-status-icon-size-desktop: 32px;
    --modal-system-body-status-icon-size-mobile: 32px;
    --modal-system-body-status-size-desktop: 64px;
    --modal-system-body-status-size-mobile: 64px;
    --modal-system-body-text-container-spacing-desktop: 16px;
    --modal-system-body-text-container-spacing-mobile: 8px;
    --modal-system-border-radius-desktop: 16px;
    --modal-system-border-radius-mobile: 16px;
    --modal-system-border-size-desktop: 1px;
    --modal-system-border-size-mobile: 1px;
    --modal-system-expand-desktop: 24px;
    --modal-system-expand-mobile: 16px;
    --modal-system-footer-horizontal-spacing-desktop: 8px;
    --modal-system-footer-horizontal-spacing-mobile: 8px;
    --modal-system-footer-vertical-spacing-desktop: 8px;
    --modal-system-footer-vertical-spacing-mobile: 8px;
    --modal-top-expand-desktop: 24px;
    --modal-top-expand-mobile: 16px;
    --navbar-content-height-desktop: 20px;
    --navbar-dropdown-width-desktop: 200px;
    --navbar-expand-desktop: 2px 4px;
    --navbar-icon-container-border-radius-desktop: 8px;
    --navbar-icon-container-border-radius-mobile: 12px;
    --navbar-icon-container-border-size-desktop: 1px;
    --navbar-icon-container-border-size-mobile: 1px;
    --navbar-icon-container-icon-size-desktop: 16px;
    --navbar-icon-container-icon-size-mobile: 24px;
    --navbar-menu-spacing: 8px;
    --navbar-spacing-desktop: 4px;
    --navbar-width-mobile: 48px;
    --notification-border-radius-desktop: 12px;
    --notification-border-radius-mobile: 8px;
    --notification-border-size-desktop: 2px;
    --notification-border-size-mobile: 2px;
    --notification-button-icon-size-desktop: 24px;
    --notification-button-icon-size-mobile: 24px;
    --notification-content-min-height-desktop: 32px;
    --notification-content-min-height-mobile: 28px;
    --notification-expand-desktop: 12px;
    --notification-expand-mobile: 10px;
    --notification-footer-expand-desktop: 8px 12px;
    --notification-footer-expand-mobile: 8px 10px;
    --notification-footer-spacing-desktop: 8px;
    --notification-footer-spacing-mobile: 8px;
    --notification-horizontal-spacing-desktop: 8px;
    --notification-horizontal-spacing-mobile: 8px;
    --notification-icon-container-border-radius-desktop: 1000px;
    --notification-icon-container-border-radius-mobile: 1000px;
    --notification-icon-container-border-size-desktop: 1px;
    --notification-icon-container-border-size-mobile: 1px;
    --notification-icon-container-expand-desktop: 2px;
    --notification-icon-container-expand-mobile: 2px;
    --notification-icon-container-icon-size-desktop: 28px;
    --notification-icon-container-icon-size-mobile: 24px;
    --notification-image-size-desktop: 52px;
    --notification-image-size-mobile: 48px;
    --notification-long-expand-desktop: 0 0 4px 0;
    --notification-long-expand-mobile: 0 0 4px 0;
    --notification-text-container-spacing-desktop: 2px;
    --notification-text-container-spacing-mobile: 2px;
    --notification-vertical-spacing-desktop: 12px;
    --notification-vertical-spacing-mobile: 10px;
    --num-radius-pill: 1000px;
    --num-radius-r10: 10px;
    --num-radius-r12: 12px;
    --num-radius-r14: 14px;
    --num-radius-r16: 16px;
    --num-radius-r18: 18px;
    --num-radius-r2: 2px;
    --num-radius-r20: 20px;
    --num-radius-r22: 22px;
    --num-radius-r24: 24px;
    --num-radius-r26: 26px;
    --num-radius-r28: 28px;
    --num-radius-r30: 30px;
    --num-radius-r32: 32px;
    --num-radius-r4: 4px;
    --num-radius-r6: 6px;
    --num-radius-r8: 8px;
    --num-spacing-m1: 1px;
    --num-spacing-m10: 10px;
    --num-spacing-m100: 100px;
    --num-spacing-m105: 105px;
    --num-spacing-m12: 12px;
    --num-spacing-m14: 14px;
    --num-spacing-m16: 16px;
    --num-spacing-m18: 18px;
    --num-spacing-m2: 2px;
    --num-spacing-m20: 20px;
    --num-spacing-m22: 22px;
    --num-spacing-m24: 24px;
    --num-spacing-m26: 26px;
    --num-spacing-m28: 28px;
    --num-spacing-m30: 30px;
    --num-spacing-m32: 32px;
    --num-spacing-m34: 34px;
    --num-spacing-m36: 36px;
    --num-spacing-m38: 38px;
    --num-spacing-m4: 4px;
    --num-spacing-m40: 40px;
    --num-spacing-m42: 42px;
    --num-spacing-m44: 44px;
    --num-spacing-m46: 46px;
    --num-spacing-m48: 48px;
    --num-spacing-m50: 50px;
    --num-spacing-m52: 52px;
    --num-spacing-m54: 54px;
    --num-spacing-m56: 56px;
    --num-spacing-m58: 58px;
    --num-spacing-m6: 6px;
    --num-spacing-m60: 60px;
    --num-spacing-m62: 62px;
    --num-spacing-m64: 64px;
    --num-spacing-m72: 72px;
    --num-spacing-m8: 8px;
    --num-spacing-m80: 80px;
    --num-stroke-border: 2px;
    --num-stroke-hr: 1px;
    --numbers-n1: 1px;
    --numbers-n10: 10px;
    --numbers-n100: 100px;
    --numbers-n105: 105px;
    --numbers-n12: 12px;
    --numbers-n14: 14px;
    --numbers-n16: 16px;
    --numbers-n18: 18px;
    --numbers-n2: 2px;
    --numbers-n20: 20px;
    --numbers-n22: 22px;
    --numbers-n24: 24px;
    --numbers-n26: 26px;
    --numbers-n28: 28px;
    --numbers-n30: 30px;
    --numbers-n32: 32px;
    --numbers-n34: 34px;
    --numbers-n36: 36px;
    --numbers-n38: 38px;
    --numbers-n4: 4px;
    --numbers-n40: 40px;
    --numbers-n42: 42px;
    --numbers-n44: 44px;
    --numbers-n46: 46px;
    --numbers-n48: 48px;
    --numbers-n50: 50px;
    --numbers-n52: 52px;
    --numbers-n54: 54px;
    --numbers-n56: 56px;
    --numbers-n58: 58px;
    --numbers-n6: 6px;
    --numbers-n60: 60px;
    --numbers-n62: 62px;
    --numbers-n64: 64px;
    --numbers-n72: 72px;
    --numbers-n8: 8px;
    --numbers-n80: 80px;
    --numbers-pill: 1000px;
    --pagination-border-pill: 1000px;
    --pagination-button-border-radius-m: 8px;
    --pagination-button-border-radius-s: 8px;
    --pagination-button-border-size-m: 2px;
    --pagination-button-border-size-s: 2px;
    --pagination-button-content-size-m: 24px;
    --pagination-button-content-size-s: 20px;
    --pagination-button-expand-m: 8px;
    --pagination-button-expand-s: 6px;
    --pagination-l-border-radius: 8px;
    --pagination-m-border-radius: 8px;
    --pagination-m-expand: 0 8px;
    --pagination-s-border-radius: 8px;
    --pagination-s-expand: 0 6px;
    --pagination-spacing-m: 4px;
    --pagination-spacing-s: 4px;
    --pagination-xs-border-radius: 6px;
    --pagination-xs-expand: 0 4px;
    --preloader-icon-size-l: 56px;
    --preloader-icon-size-m: 40px;
    --preloader-icon-size-s: 24px;
    --progress-bar-border-radius-l: 12px;
    --progress-bar-border-radius-m: 8px;
    --progress-bar-border-radius-s: 4px;
    --progress-bar-border-radius-xs: 2px;
    --progress-bar-border-size-l: 2px;
    --progress-bar-border-size-m: 2px;
    --progress-bar-border-size-s: 2px;
    --progress-bar-border-size-xs: 1px;
    --progress-bar-divider-border-radius: 1px;
    --progress-bar-divider-height-l: 16px;
    --progress-bar-divider-height-m: 8px;
    --progress-bar-divider-height-s: 2px;
    --progress-bar-divider-vertical-spacing-l: 20px;
    --progress-bar-divider-vertical-spacing-m: 20px;
    --progress-bar-divider-vertical-spacing-s: 20px;
    --progress-bar-divider-width: 1px;
    --progress-bar-progress-border-radius-l: 12px;
    --progress-bar-progress-border-radius-m: 8px;
    --progress-bar-progress-border-radius-s: 4px;
    --progress-bar-progress-border-radius-xs: 2px;
    --progress-bar-progress-height-l: 24px;
    --progress-bar-progress-height-m: 16px;
    --progress-bar-progress-height-s: 8px;
    --progress-bar-progress-height-xs: 2px;
    --progress-bar-text-container-expand-l: 0 8px;
    --progress-bar-text-container-expand-m: 0 6px;
    --progress-bar-text-container-expand-s: 0 2px;
    --progress-border-radius-lined-outer: 1000px;
    --progress-border-radius-m: 1000px;
    --progress-border-radius-s: 1000px;
    --progress-l-background-border-radius: 1000px;
    --progress-l-height: 24px;
    --progress-l-progress-border-radius: 1000px;
    --progress-m-background-border-radius: 1000px;
    --progress-m-height: 16px;
    --progress-m-progress-border-radius: 1000px;
    --progress-round-border-size: 12px;
    --progress-s-background-border-radius: 1000px;
    --progress-s-height: 8px;
    --progress-s-progress-border-radius: 1000px;
    --scrollbar-border-radius: 1000px;
    --scrollbar-container-size: 8px;
    --scrollbar-size: 4px;
    --section-padding-l: 16px;
    --section-padding-m: 16px;
    --section-width: 1400px;
    --segment-border-color-outline: var(--color-dark-grey-4);
    --segment-border-offset: -2px;
    --segment-border-width: 2px;
    --segment-l-line-height: 150%;
    --segment-m-line-height: 150%;
    --segment-radius-l: 1000px;
    --segment-radius-m: 1000px;
    --segment-radius-outline: 1002px;
    --segment-radius-s: 1000px;
    --segment-s-line-height: 160%;
    --select-empty-display: none;
    --selector-border-size-m: 2px;
    --selector-border-size-s: 2px;
    --selector-checkbox-border-radius-m: 6px;
    --selector-checkbox-border-radius-s: 4px;
    --selector-checkbox-expand-m: 2px;
    --selector-checkbox-expand-s: 2px;
    --selector-checkbox-icon-size-m: 16px;
    --selector-checkbox-icon-size-s: 12px;
    --selector-outside-border-size-m: 2px;
    --selector-outside-border-size-s: 2px;
    --selector-radiobutton-border-radius-m: 1000px;
    --selector-radiobutton-border-radius-s: 1000px;
    --selector-radiobutton-expand-m: 4px;
    --selector-radiobutton-expand-s: 4px;
    --selector-radiobutton-radio-border-radius-m: 1000px;
    --selector-radiobutton-radio-border-radius-s: 1000px;
    --selector-radiobutton-radio-size-m: 12px;
    --selector-radiobutton-radio-size-s: 8px;
    --selector-switcher-border-radius-m: 12px;
    --selector-switcher-border-radius-s: 8px;
    --selector-switcher-expand-m: 2px;
    --selector-switcher-expand-s: 2px;
    --selector-switcher-tumbler-border-radius-m: 1000px;
    --selector-switcher-tumbler-border-radius-s: 1000px;
    --selector-switcher-tumbler-size-m: 16px;
    --selector-switcher-tumbler-size-s: 12px;
    --selector-switcher-width-m: 34px;
    --selector-switcher-width-s: 26px;
    --shadow-1: 0px 1px 2px 0px #00000052, 0px 0px 1px 0px #00000052;
    --shadow-2: 0px 4px 8px 0px #0000003d, 0px 0px 1px 0px #00000052;
    --shadow-3: 0px 8px 16px 0px #0000003d, 0px 0px 1px 0px #00000052;
    --shadow-4: 0px 12px 24px 0px #0000003d, 0px 0px 1px 0px #00000052;
    --shadow-5: 0px 24px 32px 0px #0000003d, 0px 0px 1px 0px #00000052;
    --shadow-6: 0px 40px 64px 0px #0000003d, 0px 0px 1px 0px #00000052;
    --shadow-blur-b1: 1px;
    --shadow-blur-b2: 2px;
    --shadow-blur-b3: 8px;
    --shadow-blur-b4: 16px;
    --shadow-blur-b5: 24px;
    --shadow-blur-b6: 32px;
    --shadow-blur-b7: 64px;
    --shadow-color-s1: 0 var(--shadow-position-y6) var(--blur-br5) 0 var(--color-c1-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-color-s2: 0 var(--shadow-position-y5) var(--shadow-blur-b6) 0 var(--color-c1-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-color-s3: 0 var(--shadow-position-y4) var(--shadow-blur-b5) 0 var(--color-c1-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-color-s4: 0 var(--shadow-position-y3) var(--shadow-blur-b4) 0 var(--color-c1-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-color-s5: 0 var(--shadow-position-y2) var(--shadow-blur-b3) 0 var(--color-c2-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-color-s6: 0px 1px 2px 0px var(--color-c2-primary), 0 0 var(--shadow-blur-b1) 0 var(--color-c2-primary);
    --shadow-position-y1: 1px;
    --shadow-position-y2: 4px;
    --shadow-position-y2-inv: -4px;
    --shadow-position-y3: 8px;
    --shadow-position-y4: 12px;
    --shadow-position-y5: 24px;
    --shadow-position-y6: 40px;
    --shadow-s1: 0 0 var(--shadow-blur-b1) 0 var(--color-c2), 0 var(--shadow-position-y6) var(--shadow-blur-b7) 0 var(--color-c1);
    --shadow-s2: 0 0 var(--shadow-blur-b1) 0 var(--color-c2), 0 var(--shadow-position-y5) var(--shadow-blur-b6) 0 var(--color-c1);
    --shadow-s3: 0 var(--shadow-position-y4) var(--shadow-blur-b5) 0 var(--color-c1), 0 0 var(--shadow-blur-b1) 0 var(--color-c2);
    --shadow-s4: 0 var(--shadow-position-y3) var(--shadow-blur-b4) 0 var(--color-c1), 0 0 var(--shadow-blur-b1) 0 var(--color-c2);
    --shadow-s5: 0 var(--shadow-position-y2) var(--shadow-blur-b3) 0 var(--color-c1), 0 0 var(--shadow-blur-b1) 0 var(--color-c2);
    --shadow-s5-inverse: 0 var(--shadow-position-y2-inv) var(--shadow-blur-b3) 0 var(--color-c1), 0 0 var(--shadow-blur-b1) 0 var(--color-c2);
    --shadow-s6: 0 var(--shadow-position-y1) var(--shadow-blur-b2) 0 var(--color-c2), 0 0 var(--shadow-blur-b1) 0 var(--color-c2);
    --sidebar-body-expand: 8px;
    --sidebar-body-opened-container-spacing: 8px;
    --sidebar-body-opened-expand: 16px 0;
    --sidebar-body-opened-expand-desktop: 0 8px;
    --sidebar-body-opened-expand-mobile: 0 16px;
    --sidebar-body-opened-grid-spacing: 4px;
    --sidebar-body-opened-menu-spacing: 4px;
    --sidebar-body-opened-spacing: 16px;
    --sidebar-body-spacing: 8px;
    --sidebar-border-size: 2px;
    --sidebar-card-border-radius: 8px;
    --sidebar-card-border-size: 2px;
    --sidebar-card-content-height: 48px;
    --sidebar-card-lock-icon-size: 12px;
    --sidebar-card-mini-icon-container-expand: 12px;
    --sidebar-card-mini-icon-container-icon-size: 24px;
    --sidebar-card-mini-image-container-expand: 4px;
    --sidebar-card-mini-image-container-image-size: 40px;
    --sidebar-card-referal-content-spacing: 4px;
    --sidebar-card-referal-expand: 10px 8px 10px 12px;
    --sidebar-card-referal-icon-container-border-radius: 10px;
    --sidebar-card-referal-icon-container-border-size: 1px;
    --sidebar-card-referal-icon-container-icon-size: 20px;
    --sidebar-card-referal-spacing: 8px;
    --sidebar-card-text-container-expand: 0 4px;
    --sidebar-card-text-container-spacing-l: 6px;
    --sidebar-card-text-container-spacing-m: 6px;
    --sidebar-card-text-container-spacing-s: 4px;
    --sidebar-card-widget-expand: 4px;
    --sidebar-card-widget-image-container-expand: 4px;
    --sidebar-card-widget-image-size: 40px;
    --sidebar-card-widget-micro-expand: 2px 8px 2px 2px;
    --sidebar-card-widget-micro-image-container-expand: 2px;
    --sidebar-card-widget-micro-image-size: 28px;
    --sidebar-card-widget-micro-spacing: 2px;
    --sidebar-card-widget-spacing: 8px;
    --sidebar-header-border-size: 2px;
    --sidebar-header-content-expand: 0 24px 0 0;
    --sidebar-header-content-height: 64px;
    --sidebar-header-expand: 0 20px;
    --sidebar-header-icon-size: 24px;
    --sidebar-list-item-action-container-spacing: 4px;
    --sidebar-list-item-border-radius: 8px;
    --sidebar-list-item-border-size: 2px;
    --sidebar-list-item-content-height: 20px;
    --sidebar-list-item-expand: 8px;
    --sidebar-list-item-icon-container-border-radius: 10px;
    --sidebar-list-item-icon-container-border-size: 1px;
    --sidebar-list-item-icon-container-icon-size: 20px;
    --sidebar-list-item-spacing: 8px;
    --sidebar-multiscreen-arrow-icon-size: 12px;
    --sidebar-multiscreen-border-radius: 0 8px 8px 0;
    --sidebar-multiscreen-border-size: 2px;
    --sidebar-multiscreen-content-border-right-size: 1px;
    --sidebar-multiscreen-content-expand: 20px;
    --sidebar-multiscreen-content-spacing: 24px;
    --sidebar-multiscreen-icon-size: 24px;
    --size-10xl: 72px;
    --size-11xl: 80px;
    --size-12xl: 100px;
    --size-13xl: 105px;
    --size-2xl: 32px;
    --size-2xs: 16px;
    --size-3xl: 40px;
    --size-3xs: 14px;
    --size-4xl: 44px;
    --size-4xs: 12px;
    --size-5xl: 48px;
    --size-5xs: 10px;
    --size-6xl: 52px;
    --size-6xs: 8px;
    --size-7xl: 56px;
    --size-8xl: 60px;
    --size-9xl: 64px;
    --size-l: 28px;
    --size-m: 24px;
    --size-s: 20px;
    --size-xl: 30px;
    --size-xs: 18px;
    --spacing-2xl: 32px;
    --spacing-2xs: 6px;
    --spacing-3xl: 44px;
    --spacing-3xs: 4px;
    --spacing-4xl: 56px;
    --spacing-4xs: 2px;
    --spacing-5xl: 64px;
    --spacing-5xs: 1px;
    --spacing-l: 20px;
    --spacing-m: 16px;
    --spacing-s: 12px;
    --spacing-xl: 24px;
    --spacing-xs: 8px;
    --step-horizontal-point-container-expand-l: 0 4px 0 0;
    --step-horizontal-point-container-expand-m: 0 4px 0 0;
    --step-horizontal-point-container-spacing-l: 4px;
    --step-horizontal-point-container-spacing-m: 4px;
    --step-horizontal-spacing-l: 8px;
    --step-horizontal-spacing-m: 10px;
    --step-horizontal-text-container-expand-l: 0 4px 0 2px;
    --step-horizontal-text-container-expand-m: 0 4px 0 1px;
    --step-horizontal-text-container-spacing-m: 4px;
    --step-line-border-radius-l: 1000px;
    --step-line-border-radius-m: 1000px;
    --step-point-border-radius-l: 12px;
    --step-point-border-radius-m: 4px;
    --step-point-border-size-l: 2px;
    --step-point-border-size-m: 1px;
    --step-point-size-l: 20px;
    --step-point-size-m: 8px;
    --step-vertical-point-container-expand-l: 0 0 4px 0;
    --step-vertical-point-container-expand-m: 0 0 4px 0;
    --step-vertical-point-container-spacing-l: 4px;
    --step-vertical-point-container-spacing-m: 4px;
    --step-vertical-spacing-l: 10px;
    --step-vertical-spacing-m: 8px;
    --step-vertical-text-container-expand-l: 0 0 12px 0;
    --step-vertical-text-container-expand-m: 0 0 12px 0;
    --step-vertical-text-container-spacing-m: 4px;
    --switch-checked-text: var(--color-button-primary);
    --switch-knob-radius-l: 50%;
    --switch-knob-radius-m: 50%;
    --switch-knob-radius-s: 50%;
    --tab-border-radius-l: 28px;
    --tab-border-radius-m: 24px;
    --tab-border-radius-s: 16px;
    --tab-border-size-l: 2px;
    --tab-border-size-m: 2px;
    --tab-border-size-s: 2px;
    --tab-content-height-l: 24px;
    --tab-content-height-m: 20px;
    --tab-content-height-s: 16px;
    --tab-expand-l: 16px;
    --tab-expand-m: 12px;
    --tab-expand-s: 8px;
    --tab-icon-container-border-radius-l: 1000px;
    --tab-icon-container-border-radius-m: 1000px;
    --tab-icon-container-border-radius-s: 1000px;
    --tab-icon-container-border-size-l: 1px;
    --tab-icon-container-border-size-m: 1px;
    --tab-icon-container-border-size-s: 1px;
    --tab-icon-container-icon-size-l: 24px;
    --tab-icon-container-icon-size-m: 20px;
    --tab-icon-container-icon-size-s: 16px;
    --tab-text-container-expand-l: 0 8px;
    --tab-text-container-expand-m: 0 8px;
    --tab-text-container-expand-s: 0 4px;
    --tab-underline-expand-l: 16px;
    --tab-underline-expand-m: 12px;
    --tab-underline-expand-s: 8px;
    --tab-underline-line-border-radius: 2px 2px 0 0;
    --tab-underline-spacing-l: 8px;
    --tab-underline-spacing-m: 8px;
    --tab-underline-spacing-s: 4px;
    --table-body-expand: 12px 16px;
    --table-body-icon-size: 20px;
    --table-header-border-bottom-size: 1px;
    --table-header-content-height: 16px;
    --table-header-expand: 12px 16px;
    --table-header-icon-container-border-radius: 1000px;
    --table-header-icon-container-border-size: 1px;
    --table-header-icon-container-icon-size: 16px;
    --table-header-icon-size: 16px;
    --table-header-spacing: 8px;
    --table-modal-border-radius: 6px;
    --table-modal-border-size: 2px;
    --table-modal-content-min-height: 20px;
    --table-modal-expand: 8px 12px;
    --table-modal-horizontal-spacing: 8px;
    --table-modal-icon-container-border-radius: 1000px;
    --table-modal-icon-container-border-size: 1px;
    --table-modal-icon-container-icon-size: 20px;
    --table-modal-text-container-horizontal-spacing: 8px;
    --table-modal-text-container-vertical-spacing: 4px;
    --table-row-border-bottom-size: 1px;
    --table-row-content-height: 20px;
    --table-row-expand: 12px 16px;
    --table-row-icon-container-border-radius: 1000px;
    --table-row-icon-container-border-size: 1px;
    --table-row-icon-container-icon-size: 20px;
    --table-row-spacing: 8px;
    --tabs-active-line-height-l: 2px;
    --tabs-active-line-height-m: 2px;
    --tabs-active-line-height-s: 2px;
    --tabs-active-line-radius: 100px 100px 0 0;
    --tabs-border-bottom: 1px solid var(--color-dark-grey-2);
    --tabs-content-padding-l: 15px 0;
    --tabs-content-padding-m: 11px 0;
    --tabs-content-padding-s: 5px 0;
    --tabs-group-border-radius-l: 28px;
    --tabs-group-border-radius-m: 24px;
    --tabs-group-border-radius-s: 16px;
    --tabs-group-border-size-l: 2px;
    --tabs-group-border-size-m: 2px;
    --tabs-group-border-size-s: 2px;
    --tabs-group-underline-border-size-l: 1px;
    --tabs-group-underline-border-size-m: 1px;
    --tabs-group-underline-border-size-s: 1px;
    --tag-background-default: var(--color-tag-background);
    --tag-border-radius-m: 16px;
    --tag-border-radius-s: 12px;
    --tag-border-size-m: 2px;
    --tag-border-size-s: 2px;
    --tag-content-height-m: 16px;
    --tag-content-height-s: 16px;
    --tag-expand-m: 6px;
    --tag-expand-s: 4px;
    --tag-icon-color-primary: var(--color-pr050);
    --tag-icon-color-secondary: var(--color-mid-grey-2);
    --tag-icon-container-border-radius-m: 1000px;
    --tag-icon-container-border-radius-s: 1000px;
    --tag-icon-container-border-size-m: 1px;
    --tag-icon-container-border-size-s: 1px;
    --tag-icon-container-icon-size-m: 16px;
    --tag-icon-container-icon-size-s: 16px;
    --tag-icon-opacity: 1;
    --tag-icon-opacity-hover: 1;
    --tag-m-icon-size: 20px;
    --tag-s-icon-size: 16px;
    --tag-text-container-expand-m: 0 4px;
    --tag-text-container-expand-s: 0 2px;
    --text-s10: 10px;
    --text-s12: 12px;
    --text-s14: 14px;
    --text-s16: 16px;
    --text-s18: 18px;
    --text-s20: 20px;
    --text-s24: 24px;
    --text-s28: 28px;
    --text-s32: 32px;
    --text-s36: 36px;
    --text-s40: 40px;
    --text-s44: 44px;
    --text-s48: 48px;
    --text-s52: 52px;
    --text-s56: 56px;
    --text-s64: 64px;
    --text-s8: 8px;
    --title-block-border-size-desktop: 2px;
    --title-block-border-size-mobile: 2px;
    --title-block-content-spacing-desktop: 8px;
    --title-block-content-spacing-mobile: 6px;
    --title-block-horizontal-spacing-desktop: 12px;
    --title-block-horizontal-spacing-mobile: 8px;
    --title-block-icon-container-border-radius-desktop: 16px;
    --title-block-icon-container-border-radius-mobile: 16px;
    --title-block-icon-container-border-size-desktop: 1px;
    --title-block-icon-container-border-size-mobile: 1px;
    --title-block-icon-container-icon-size-desktop: 32px;
    --title-block-icon-container-icon-size-mobile: 28px;
    --title-block-text-container-horizontal-spacing-desktop: 8px;
    --title-block-text-container-horizontal-spacing-mobile: 6px;
    --title-block-text-container-spacing-desktop: 4px;
    --title-block-text-container-spacing-mobile: 4px;
    --title-block-vertical-spacing-mobile: 8px;
    --title-card-border-size-desktop: 2px;
    --title-card-border-size-mobile: 2px;
    --title-card-content-spacing-desktop: 6px;
    --title-card-content-spacing-mobile: 4px;
    --title-card-horizontal-spacing-desktop: 12px;
    --title-card-horizontal-spacing-mobile: 8px;
    --title-card-icon-container-border-radius-desktop: 12px;
    --title-card-icon-container-border-radius-mobile: 12px;
    --title-card-icon-container-border-size-desktop: 1px;
    --title-card-icon-container-border-size-mobile: 1px;
    --title-card-icon-container-icon-size-desktop: 24px;
    --title-card-icon-container-icon-size-mobile: 22px;
    --title-card-text-container-horizontal-spacing-desktop: 6px;
    --title-card-text-container-horizontal-spacing-mobile: 4px;
    --title-card-vertical-spacing-mobile: 8px;
    --tooltip-border-radius: 8px;
    --tooltip-expand: 8px;
    --tooltip-radius: 8px;
    --tooltip-tail-width: 10px;
    --user-menu-body-expand: 8px 12px 12px 12px;
    --user-menu-body-progress-container-border-radius: 8px;
    --user-menu-body-progress-container-border-size: 2px;
    --user-menu-body-progress-container-expand: 6px 8px 8px 8px;
    --user-menu-body-progress-container-icon-size: 12px;
    --user-menu-body-progress-container-spacing: 12px;
    --user-menu-body-progress-container-text-spacing: 4px;
    --user-menu-body-spacing: 8px;
    --user-menu-border-radius-desktop: 8px;
    --user-menu-border-radius-mobile: 0 0 8px 8px;
    --user-menu-border-size: 2px;
    --user-menu-content-border-radius: 8px;
    --user-menu-content-border-size: 2px;
    --user-menu-expand-desktop: 16px;
    --user-menu-expand-mobile: 16px;
    --user-menu-header-avatar-size: 56px;
    --user-menu-header-bottom-border-size: 1px;
    --user-menu-header-expand: 12px;
    --user-menu-header-icon-size: 20px;
    --user-menu-header-spacing: 12px;
    --user-menu-spacing: 8px;
    --withdrawal-limit-radius: 6px;
    --сountdown-border-radius-l: 8px;
    --сountdown-border-radius-m: 6px;

    --toastify-color-dark: var( --color-dark-grey-3 );
    --toastify-color-progress-dark: var(--color-button-fill-primary-background);
}

body {
    font-family: var(--font-family-base), Verdana, sans-serif;
    font-style: var(--font-style-base);
    scrollbar-color: var(--color-scrollbar-background) transparent;
    font-variant-numeric: var(--font-variant-numeric)
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-family-header), Verdana, sans-serif;
    font-style: var(--font-style-header)
}

button {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    background: 0 0;
    border: none
}

.Header-Black-2XS {
    font: var(--font-header-black-2xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Black-XS {
    font: var(--font-header-black-xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Black-S {
    font: var(--font-header-black-s);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Black-M {
    font: var(--font-header-black-m);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Black-L {
    font: var(--font-header-black-l);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Black-XL {
    font: var(--font-header-black-xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-2XS {
    font: var(--font-header-bold-2xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-XS {
    font: var(--font-header-bold-xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-S {
    font: var(--font-header-bold-s);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-M {
    font: var(--font-header-bold-m);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-L {
    font: var(--font-header-bold-l);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Bold-XL {
    font: var(--font-header-bold-xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-2XS {
    font: var(--font-header-semi-bold-2xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-XS {
    font: var(--font-header-semi-bold-xs);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-S {
    font: var(--font-header-semi-bold-s);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-M {
    font: var(--font-header-semi-bold-m);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-L {
    font: var(--font-header-semi-bold-l);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Header-Semi-Bold-XL {
    font: var(--font-header-semi-bold-xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform)
}

.Body-Bold-2XS {
    font: var(--font-body-bold-2xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Bold-XS {
    font: var(--font-body-bold-xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Bold-S {
    font: var(--font-body-bold-s);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Bold-M {
    font: var(--font-body-bold-m);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Bold-L {
    font: var(--font-body-bold-l);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Bold-XL {
    font: var(--font-body-bold-xl);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-2XS {
    font: var(--font-body-semi-bold-2xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-XS {
    font: var(--font-body-semi-bold-xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-S {
    font: var(--font-body-semi-bold-s);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-M {
    font: var(--font-body-semi-bold-m);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-L {
    font: var(--font-body-semi-bold-l);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Semi-Bold-XL {
    font: var(--font-body-semi-bold-xl);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-2XS {
    font: var(--font-body-regular-2xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-XS {
    font: var(--font-body-regular-xs);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-S {
    font: var(--font-body-regular-s);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-M {
    font: var(--font-body-regular-m);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-L {
    font: var(--font-body-regular-l);
    font-variant-numeric: var(--font-variant-numeric)
}

.Body-Regular-XL {
    font: var(--font-body-regular-xl);
    font-variant-numeric: var(--font-variant-numeric)
}

.common-module_wrapper_uFz8g {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
  }

  .common-module_header_BFfLl {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
  }

  .common-module_headerButton_gvRXx {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%)
  }

  .common-module_headerTitle_JSZAA {
    margin: auto;
    padding: 20px 65px;
    width: 100%;
    text-align: center
  }

  .common-module_underlined_CAzKA {
    border-bottom: 1px solid var(--color-dark-grey-2)
  }

  .common-module_content_L1ngN {
    width: 100%;
    padding: 0 24px;
    display: flex;
    flex-direction: column
  }

  .mobile .common-module_content_L1ngN {
    padding: 0 16px
  }

  .common-module_contentContainer_gAgoi {
    width: 100%;
    max-width: 428px;
    margin: 0 auto
  }

  .common-module_statusIcon_VstNe {
    margin: 24px auto;
    padding: 16px;
    border-radius: 50%;
    background-color: var(--color-dark-grey-2);
    display: inline-block
  }

  .common-module_statusIcon_VstNe>svg {
    width: 32px
  }

  .common-module_title_YLMPS {
    text-align: center;
    margin: 0 0 8px
  }

  .common-module_desc_GcVej {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-mid-grey-5);
    margin-top: 0;
    margin-bottom: 16px
  }

  .mobile .common-module_desc_GcVej {
    font-size: 14px;
    line-height: 22.4px
  }

  .common-module_form_VZZh_ {
    margin-bottom: 16px
  }

  .common-module_field_etXUF+.common-module_field_etXUF {
    margin-top: 16px
  }

  .common-module_fieldIcon_Ul99B {
    width: 28px !important
  }

  .common-module_button_wzP0D {
    margin: 0 0 8px
  }

  .common-module_info_pfb9b {
    font-size: 14px;
    font-weight: 600;
    line-height: 22.4px;
    color: var(--color-mid-grey-3);
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px
  }

  .common-module_info_pfb9b span {
    cursor: pointer;
    color: var(--color-pr500)
  }

  .common-module_resetPasswordForm_EbwZX .m-icon,
  .common-module_createPasswordForm_WgiKw .m-icon {
    width: 28px
  }

  .common-module_error_CvOwE {
    margin-top: 10px;
    font-size: 12px;
    color: var(--color-field-basic-description-error)
  }

  .common-module_checkbox_WdpUg {
    position: relative
  }

  .common-module_actionsBlock_HQxPC {
    margin-top: 24px
  }

  .common-module_actionsBlock_HQxPC>button {
    width: 100%
  }

  .common-module_modalRewrite_ncBMC.m-modal-container {
    overflow: hidden;
    max-height: 100% !important
  }

  .common-module_modalRewrite_ncBMC .m-modal-content {
    padding: 0;
    height: 100%
  }

  .common-module_modalRewrite_ncBMC .m-modal-close {
    z-index: 3
  }

  .common-module_authTitle_L8Tee {
    text-align: center
  }

  .common-module_loginTitle_rGinu {
    padding: 16px 0 23px
  }

  .common-module_captcha_tIj32 {
    margin: 10px 0
  }

  .Preloader_content_NccI9 {
    display: flex;
    justify-content: center;
    padding: 30px
  }

  @media(max-width: 1248px) {
    .Preloader_content_NccI9 {
      position: absolute;
      top: calc(50vh - 48px);
      right: calc(50vw - 48px)
    }
  }

  .TabsSection_tabsBlock_RGNmU {
    width: 100%;
    padding: 15px 65px 15px 15px;
    border-bottom: 1px solid var(--color-dark-grey-3);
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-modal-background)
  }

  .mobile .TabsSection_tabsBlock_RGNmU {
    position: fixed
  }

  .LoginButton_restoreAction_VI_Pw {
    text-align: center;
    padding: 4px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-pr500)
  }

  .LoginButton_restoreAction_VI_Pw span {
    cursor: pointer
  }

  .LoginForm_invalid_trEkw .m-form-field .m-input {
    border-color: var(--color-input-basic-error-border) !important
  }

  .bonus-badge {
    font-size: 8px;
    line-height: 1;
    padding: 2px 3px;
    color: var(--color-light-grey-5);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: var(--color-in400)
  }

  .bonus-badge--green {
    background: var(--color-su600)
  }

  .bonus-badge img {
    width: 10px;
    height: 10px
  }

  .bonus-badge--medium {
    padding: 3px
  }

  .bonus-badge--medium img {
    width: 16px;
    height: 16px
  }

  .bonus-badge--tooltip {
    font-size: 10px;
    padding: 4px 8px;
    gap: 4px;
    width: 62px;
    height: 24px;
    position: relative;
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.32)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.24))
  }

  .bonus-badge--tooltip:after {
    content: "";
    height: 12px;
    width: 12px;
    background-color: inherit;
    border: inherit;
    position: absolute;
    top: calc(100% - 7px);
    left: calc(50% - 6px);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(-45deg);
    border-radius: 0 0 0 .25em
  }

  .bonus-badge--tooltip img {
    width: 19px;
    height: 19px
  }

  .RegistrationButton_actions_Oohu8 {
    margin-top: 46px;
    position: relative
  }

  .RegistrationButton_badge_KSbxa {
    position: absolute !important;
    top: -30px;
    right: 0;
    left: 0;
    margin: 0 auto
  }
  .RegistrationFooter_fixed_AB7Ht>div {
    padding: 28px 24px;
    gap: 8px;
    display: flex;
    flex-direction: column
  }

  .mobile .RegistrationFooter_fixed_AB7Ht>div {
    padding: 16px
  }

  .RegistrationFooter_fixed_AB7Ht>div>*:first-child {
    margin-top: 0 !important
  }

  .RegistrationFooter_fixed_AB7Ht>div>.registrationButton {
    margin-top: 8px
  }

  .RegistrationFooter_fixed_AB7Ht>div>.registrationButton.buttonWithBonus {
    margin-top: 28px
  }

  .RegistrationFooter_fixed_AB7Ht .RegistrationFooter_content_ofxYd {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 476px;
    background: var(--color-dark-grey-1);
    z-index: 1
  }

  .RegistrationFooter_fixed_AB7Ht .RegistrationFooter_gap_LFTvt {
    opacity: 0;
    position: relative;
    overflow: hidden
  }

  .RegistrationFooter_fixed_AB7Ht .RegistrationFooter_gap_LFTvt:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
  }
  .RegistrationPromo_promo_iqsko {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center
  }

  .RegistrationPromo_bonus_UGvTx {
    color: var(--color-pr500)
  }

  .AuthContainer_container_Yc33j {
    padding-top: 64px;
    max-height: calc(100vh - 48px)
  }

  .AuthContainer_container_Yc33j .m-tabs {
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-modal-background)
  }

  @media(max-width: 1248px) {
    .AuthContainer_container_Yc33j {
      max-height: 100%
    }

    .AuthContainer_container_Yc33j .m-tabs {
      position: fixed
    }
  }

  .AuthContainer_header_sF6Fc {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--color-modal-background)
  }

  .AuthContainer_content_dDdZq {
    padding: 16px 24px
  }

  .mobile .AuthContainer_content_dDdZq {
    padding: 16px
  }

  body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--color-background-page);
  }
  
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
      monospace;
  }