: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-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-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: 1000px;
    --button-border-radius-m: 1000px;
    --button-border-radius-s: 1000px;
    --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;
    --card-border-radius-2xs: 2px;
    --card-border-radius-l: 16px;
    --card-border-radius-m: 12px;
    --card-border-radius-s: 8px;
    --card-border-radius-xl: 20px;
    --card-border-radius-xs: 4px;
    --checkbox-radius-l: 6px;
    --checkbox-radius-m: 6px;
    --checkbox-radius-s: 6px;
    --color-000: #F3DC9C00;
    --color-1: #F3DC9C;
    --color-2: #E3B65E;
    --color-3: #A8884C;
    --color-4: #67532C;
    --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: unset;
    --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-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-hover: var(--color-dark-grey-4);
    --color-accordion-header-icon-container-background: unset;
    --color-accordion-header-icon-container-background-active: unset;
    --color-accordion-header-icon-container-background-disabled: unset;
    --color-accordion-header-icon-container-background-hover: unset;
    --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-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-hover: var(--color-white);
    --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-attention-at050: #FDF8D3;
    --color-attention-at100: #FCF0A7;
    --color-attention-at200: #FAE97C;
    --color-attention-at300: #F8E150;
    --color-attention-at400: #F6DA24;
    --color-attention-at500: #E4C609;
    --color-attention-at600: #BEA508;
    --color-attention-at700: #988406;
    --color-attention-at800: #726305;
    --color-attention-at900: #4C4203;
    --color-avatar-background: var(--color-dark-grey-3);
    --color-avatar-background-finish: var(--color-dark-grey-3);
    --color-avatar-background-start: var(--color-dark-grey-3);
    --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-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-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-icon-container-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-icon-container-background: unset;
    --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-background: unset;
    --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-background: unset;
    --color-badge-primary-icon-container-icon: var(--color-w080);
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-1) 0%, var(--color-3) 100%);
    --color-badge-vip-background-finish: var(--color-3);
    --color-badge-vip-background-start: var(--color-1);
    --color-badge-vip-icon-container-background: unset;
    --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-background: unset;
    --color-badge-warning-icon-container-icon: var(--color-w080);
    --color-badge-warning-text: var(--color-white);
    --color-banner-description: var(--color-w070);
    --color-banner-text: var(--color-at300);
    --color-black: #000000;
    --color-blue: #2196F3;
    --color-border-error-outline: #FF0E0E99;
    --color-border-focused-outline: #54596D99;
    --color-border-success-outline: #09E41F99;
    --color-button-disabled-background: var(--color-w005);
    --color-button-fill-attention-background: unset;
    --color-button-fill-attention-background-active: unset;
    --color-button-fill-attention-background-disabled: unset;
    --color-button-fill-attention-background-hover: unset;
    --color-button-fill-attention-icon-container-background: unset;
    --color-button-fill-attention-icon-container-background-active: unset;
    --color-button-fill-attention-icon-container-background-disabled: unset;
    --color-button-fill-attention-icon-container-background-hover: unset;
    --color-button-fill-danger-background: var(--color-da600);
    --color-button-fill-danger-background-active: unset;
    --color-button-fill-danger-background-disabled: var(--color-w005);
    --color-button-fill-danger-background-finish: var(--color-da600);
    --color-button-fill-danger-background-finish-disabled: var(--color-w005);
    --color-button-fill-danger-background-hover: unset;
    --color-button-fill-danger-background-start: var(--color-da600);
    --color-button-fill-danger-background-start-disabled: var(--color-w005);
    --color-button-fill-danger-icon-container-background-active: unset;
    --color-button-fill-danger-icon-container-background-hover: unset;
    --color-button-fill-danger-icon-container-icon: var(--color-w080);
    --color-button-fill-danger-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-danger-text: var(--color-white);
    --color-button-fill-danger-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-dark-background: unset;
    --color-button-fill-dark-background-active: unset;
    --color-button-fill-dark-background-disabled: unset;
    --color-button-fill-dark-background-hover: unset;
    --color-button-fill-dark-icon-container-background: unset;
    --color-button-fill-dark-icon-container-background-active: unset;
    --color-button-fill-dark-icon-container-background-disabled: unset;
    --color-button-fill-dark-icon-container-background-hover: unset;
    --color-button-fill-info-background: unset;
    --color-button-fill-info-background-active: unset;
    --color-button-fill-info-background-disabled: unset;
    --color-button-fill-info-background-hover: unset;
    --color-button-fill-info-icon-container-background: unset;
    --color-button-fill-info-icon-container-background-active: unset;
    --color-button-fill-info-icon-container-background-disabled: unset;
    --color-button-fill-info-icon-container-background-hover: unset;
    --color-button-fill-light-background: unset;
    --color-button-fill-light-background-active: unset;
    --color-button-fill-light-background-disabled: unset;
    --color-button-fill-light-background-hover: unset;
    --color-button-fill-light-icon-container-background: unset;
    --color-button-fill-light-icon-container-background-active: unset;
    --color-button-fill-light-icon-container-background-disabled: unset;
    --color-button-fill-light-icon-container-background-hover: unset;
    --color-button-fill-minor-background: unset;
    --color-button-fill-minor-background-active: unset;
    --color-button-fill-minor-background-disabled: unset;
    --color-button-fill-minor-background-hover: unset;
    --color-button-fill-minor-icon-container-background: unset;
    --color-button-fill-minor-icon-container-background-active: unset;
    --color-button-fill-minor-icon-container-background-disabled: unset;
    --color-button-fill-minor-icon-container-background-hover: unset;
    --color-button-fill-primary-background: var(--color-pr500);
    --color-button-fill-primary-background-active: unset;
    --color-button-fill-primary-background-disabled: var(--color-w005);
    --color-button-fill-primary-background-finish: var(--color-pr500);
    --color-button-fill-primary-background-finish-disabled: var(--color-w005);
    --color-button-fill-primary-background-hover: unset;
    --color-button-fill-primary-background-start: var(--color-pr500);
    --color-button-fill-primary-background-start-disabled: var(--color-w005);
    --color-button-fill-primary-icon-container-background-active: unset;
    --color-button-fill-primary-icon-container-background-hover: unset;
    --color-button-fill-primary-icon-container-icon: var(--color-w080);
    --color-button-fill-primary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-primary-progress-background: unset;
    --color-button-fill-primary-progress-background-active: unset;
    --color-button-fill-primary-progress-background-disabled: unset;
    --color-button-fill-primary-progress-background-hover: unset;
    --color-button-fill-primary-progress-icon-container-background: unset;
    --color-button-fill-primary-progress-icon-container-background-active: unset;
    --color-button-fill-primary-progress-icon-container-background-disabled: unset;
    --color-button-fill-primary-progress-icon-container-background-hover: unset;
    --color-button-fill-primary-progress-progress: unset;
    --color-button-fill-primary-progress-progress-active: unset;
    --color-button-fill-primary-progress-progress-disabled: unset;
    --color-button-fill-primary-progress-progress-hover: unset;
    --color-button-fill-primary-text: var(--color-button-primary);
    --color-button-fill-primary-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-secondary-background: var(--color-dark-grey-4);
    --color-button-fill-secondary-background-active: unset;
    --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-disabled: var(--color-w005);
    --color-button-fill-secondary-background-hover: unset;
    --color-button-fill-secondary-background-start: var(--color-dark-grey-4);
    --color-button-fill-secondary-background-start-disabled: var(--color-w005);
    --color-button-fill-secondary-icon-container-background: linear-gradient(180deg, var(--color-w000) 0%, unset 100%);
    --color-button-fill-secondary-icon-container-background-active: unset;
    --color-button-fill-secondary-icon-container-background-hover: unset;
    --color-button-fill-secondary-icon-container-icon: var(--color-w080);
    --color-button-fill-secondary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-secondary-progress-background: unset;
    --color-button-fill-secondary-progress-background-active: unset;
    --color-button-fill-secondary-progress-background-disabled: unset;
    --color-button-fill-secondary-progress-background-hover: unset;
    --color-button-fill-secondary-progress-icon-container-background: unset;
    --color-button-fill-secondary-progress-icon-container-background-active: unset;
    --color-button-fill-secondary-progress-icon-container-background-disabled: unset;
    --color-button-fill-secondary-progress-icon-container-background-hover: unset;
    --color-button-fill-secondary-progress-progress: unset;
    --color-button-fill-secondary-progress-progress-active: unset;
    --color-button-fill-secondary-progress-progress-disabled: unset;
    --color-button-fill-secondary-progress-progress-hover: unset;
    --color-button-fill-secondary-text: var(--color-white);
    --color-button-fill-secondary-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-success-background: unset;
    --color-button-fill-success-background-active: unset;
    --color-button-fill-success-background-disabled: unset;
    --color-button-fill-success-background-hover: unset;
    --color-button-fill-success-icon-container-background: unset;
    --color-button-fill-success-icon-container-background-active: unset;
    --color-button-fill-success-icon-container-background-disabled: unset;
    --color-button-fill-success-icon-container-background-hover: unset;
    --color-button-fill-vip-background: linear-gradient(263deg, var(--color-1) 0%, var(--color-3) 100%);
    --color-button-fill-vip-background-active: unset;
    --color-button-fill-vip-background-disabled: var(--color-w005);
    --color-button-fill-vip-background-finish: var(--color-3);
    --color-button-fill-vip-background-finish-disabled: var(--color-w005);
    --color-button-fill-vip-background-hover: unset;
    --color-button-fill-vip-background-start: var(--color-1);
    --color-button-fill-vip-background-start-disabled: var(--color-w005);
    --color-button-fill-vip-icon-container-background-active: unset;
    --color-button-fill-vip-icon-container-background-hover: unset;
    --color-button-fill-vip-icon-container-icon: var(--color-b080);
    --color-button-fill-vip-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-fill-vip-text: var(--color-black);
    --color-button-fill-vip-text-disabled: var(--color-mid-grey-2);
    --color-button-fill-warning-background: unset;
    --color-button-fill-warning-background-active: unset;
    --color-button-fill-warning-background-disabled: unset;
    --color-button-fill-warning-background-hover: unset;
    --color-button-fill-warning-icon-container-background: unset;
    --color-button-fill-warning-icon-container-background-active: unset;
    --color-button-fill-warning-icon-container-background-disabled: unset;
    --color-button-fill-warning-icon-container-background-hover: unset;
    --color-button-link-dark-icon-container-background: unset;
    --color-button-link-dark-icon-container-background-active: unset;
    --color-button-link-dark-icon-container-background-disabled: unset;
    --color-button-link-dark-icon-container-background-hover: unset;
    --color-button-link-info-icon-container-background: unset;
    --color-button-link-info-icon-container-background-active: unset;
    --color-button-link-info-icon-container-background-disabled: unset;
    --color-button-link-info-icon-container-background-hover: unset;
    --color-button-link-light-icon-container-background: unset;
    --color-button-link-light-icon-container-background-active: unset;
    --color-button-link-light-icon-container-background-disabled: unset;
    --color-button-link-light-icon-container-background-hover: unset;
    --color-button-link-primary-icon-container-background-active: unset;
    --color-button-link-primary-icon-container-background-hover: unset;
    --color-button-link-primary-icon-container-icon: var(--color-pr500);
    --color-button-link-primary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-primary-text: var(--color-pr500);
    --color-button-link-primary-text-disabled: var(--color-mid-grey-2);
    --color-button-link-secondary-icon-container-background-active: unset;
    --color-button-link-secondary-icon-container-background-hover: unset;
    --color-button-link-secondary-icon-container-icon: var(--color-mid-grey-3);
    --color-button-link-secondary-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-link-secondary-text: var(--color-mid-grey-3);
    --color-button-link-secondary-text-disabled: var(--color-mid-grey-2);
    --color-button-navigation-inverse-background: unset;
    --color-button-navigation-inverse-background-active: unset;
    --color-button-navigation-inverse-background-disabled: unset;
    --color-button-navigation-inverse-background-hover: unset;
    --color-button-navigation-secondary-background: var(--color-w010);
    --color-button-navigation-secondary-background-active: unset;
    --color-button-navigation-secondary-background-disabled: var(--color-w005);
    --color-button-navigation-secondary-background-finish: var(--color-w010);
    --color-button-navigation-secondary-background-finish-disabled: var(--color-w005);
    --color-button-navigation-secondary-background-hover: unset;
    --color-button-navigation-secondary-background-start: var(--color-w010);
    --color-button-navigation-secondary-background-start-disabled: var(--color-w005);
    --color-button-navigation-secondary-icon: var(--color-w080);
    --color-button-navigation-secondary-icon-disabled: var(--color-mid-grey-2);
    --color-button-navigation-transparent-background: unset;
    --color-button-navigation-transparent-background-active: unset;
    --color-button-navigation-transparent-background-disabled: unset;
    --color-button-navigation-transparent-background-hover: unset;
    --color-button-outline-attention-background: unset;
    --color-button-outline-attention-background-active: unset;
    --color-button-outline-attention-background-disabled: unset;
    --color-button-outline-attention-background-hover: unset;
    --color-button-outline-attention-icon-container-background: unset;
    --color-button-outline-attention-icon-container-background-active: unset;
    --color-button-outline-attention-icon-container-background-disabled: unset;
    --color-button-outline-attention-icon-container-background-hover: unset;
    --color-button-outline-danger-background: unset;
    --color-button-outline-danger-background-active: unset;
    --color-button-outline-danger-background-disabled: unset;
    --color-button-outline-danger-background-hover: unset;
    --color-button-outline-danger-icon-container-background: unset;
    --color-button-outline-danger-icon-container-background-active: unset;
    --color-button-outline-danger-icon-container-background-disabled: unset;
    --color-button-outline-danger-icon-container-background-hover: unset;
    --color-button-outline-dark-background: unset;
    --color-button-outline-dark-background-active: unset;
    --color-button-outline-dark-background-disabled: unset;
    --color-button-outline-dark-background-hover: unset;
    --color-button-outline-dark-icon-container-background: unset;
    --color-button-outline-dark-icon-container-background-active: unset;
    --color-button-outline-dark-icon-container-background-disabled: unset;
    --color-button-outline-dark-icon-container-background-hover: unset;
    --color-button-outline-info-background: unset;
    --color-button-outline-info-background-active: unset;
    --color-button-outline-info-background-disabled: unset;
    --color-button-outline-info-background-hover: unset;
    --color-button-outline-info-icon-container-background: unset;
    --color-button-outline-info-icon-container-background-active: unset;
    --color-button-outline-info-icon-container-background-disabled: unset;
    --color-button-outline-info-icon-container-background-hover: unset;
    --color-button-outline-light-background: unset;
    --color-button-outline-light-background-active: unset;
    --color-button-outline-light-background-disabled: unset;
    --color-button-outline-light-background-hover: unset;
    --color-button-outline-light-icon-container-background: unset;
    --color-button-outline-light-icon-container-background-active: unset;
    --color-button-outline-light-icon-container-background-disabled: unset;
    --color-button-outline-light-icon-container-background-hover: unset;
    --color-button-outline-minor-background: unset;
    --color-button-outline-minor-background-active: unset;
    --color-button-outline-minor-background-disabled: unset;
    --color-button-outline-minor-background-hover: unset;
    --color-button-outline-minor-icon-container-background: unset;
    --color-button-outline-minor-icon-container-background-active: unset;
    --color-button-outline-minor-icon-container-background-disabled: unset;
    --color-button-outline-minor-icon-container-background-hover: unset;
    --color-button-outline-primary-background: unset;
    --color-button-outline-primary-background-active: unset;
    --color-button-outline-primary-background-disabled: unset;
    --color-button-outline-primary-background-hover: unset;
    --color-button-outline-primary-icon-container-background: unset;
    --color-button-outline-primary-icon-container-background-active: unset;
    --color-button-outline-primary-icon-container-background-disabled: unset;
    --color-button-outline-primary-icon-container-background-hover: unset;
    --color-button-outline-secondary-background: unset;
    --color-button-outline-secondary-background-active: unset;
    --color-button-outline-secondary-background-disabled: unset;
    --color-button-outline-secondary-background-hover: unset;
    --color-button-outline-secondary-icon-container-background: unset;
    --color-button-outline-secondary-icon-container-background-active: unset;
    --color-button-outline-secondary-icon-container-background-disabled: unset;
    --color-button-outline-secondary-icon-container-background-hover: unset;
    --color-button-outline-success-background: unset;
    --color-button-outline-success-background-active: unset;
    --color-button-outline-success-background-disabled: unset;
    --color-button-outline-success-background-hover: unset;
    --color-button-outline-success-icon-container-background: unset;
    --color-button-outline-success-icon-container-background-active: unset;
    --color-button-outline-success-icon-container-background-disabled: unset;
    --color-button-outline-success-icon-container-background-hover: unset;
    --color-button-outline-warning-background: unset;
    --color-button-outline-warning-background-active: unset;
    --color-button-outline-warning-background-disabled: unset;
    --color-button-outline-warning-background-hover: unset;
    --color-button-outline-warning-icon-container-background: unset;
    --color-button-outline-warning-icon-container-background-active: unset;
    --color-button-outline-warning-icon-container-background-disabled: unset;
    --color-button-outline-warning-icon-container-background-hover: unset;
    --color-button-primary: #FFFFFF;
    --color-button-social-background: var(--color-white);
    --color-button-social-background-active: unset;
    --color-button-social-background-disabled: var(--color-w005);
    --color-button-social-background-finish: var(--color-white);
    --color-button-social-background-finish-disabled: var(--color-w005);
    --color-button-social-background-hover: unset;
    --color-button-social-background-start: var(--color-white);
    --color-button-social-background-start-disabled: var(--color-w005);
    --color-button-social-facebook-background: unset;
    --color-button-social-facebook-background-active: unset;
    --color-button-social-facebook-background-disabled: unset;
    --color-button-social-facebook-background-hover: unset;
    --color-button-social-facebook-icon-container-background: unset;
    --color-button-social-facebook-icon-container-background-active: unset;
    --color-button-social-facebook-icon-container-background-disabled: unset;
    --color-button-social-facebook-icon-container-background-hover: unset;
    --color-button-social-google-background: unset;
    --color-button-social-google-background-active: unset;
    --color-button-social-google-background-disabled: unset;
    --color-button-social-google-background-hover: unset;
    --color-button-social-google-icon-container-background: unset;
    --color-button-social-google-icon-container-background-active: unset;
    --color-button-social-google-icon-container-background-disabled: unset;
    --color-button-social-google-icon-container-background-hover: unset;
    --color-button-social-icon-container-background: unset;
    --color-button-social-icon-container-background-active: unset;
    --color-button-social-icon-container-background-disabled: unset;
    --color-button-social-icon-container-background-hover: unset;
    --color-button-social-icon-container-icon: var(--color-black);
    --color-button-social-icon-container-icon-disabled: var(--color-mid-grey-2);
    --color-button-social-steam-background: unset;
    --color-button-social-steam-background-active: unset;
    --color-button-social-steam-background-disabled: unset;
    --color-button-social-steam-background-hover: unset;
    --color-button-social-steam-icon-container-background: unset;
    --color-button-social-steam-icon-container-background-active: unset;
    --color-button-social-steam-icon-container-background-disabled: unset;
    --color-button-social-steam-icon-container-background-hover: unset;
    --color-button-social-telegram-background: unset;
    --color-button-social-telegram-background-active: unset;
    --color-button-social-telegram-background-disabled: unset;
    --color-button-social-telegram-background-hover: unset;
    --color-button-social-telegram-icon-container-background: unset;
    --color-button-social-telegram-icon-container-background-active: unset;
    --color-button-social-telegram-icon-container-background-disabled: unset;
    --color-button-social-telegram-icon-container-background-hover: unset;
    --color-button-social-text: var(--color-black);
    --color-button-social-text-disabled: var(--color-mid-grey-2);
    --color-button-social-twitch-background: unset;
    --color-button-social-twitch-background-active: unset;
    --color-button-social-twitch-background-disabled: unset;
    --color-button-social-twitch-background-hover: unset;
    --color-button-social-twitch-icon-container-background: unset;
    --color-button-social-twitch-icon-container-background-active: unset;
    --color-button-social-twitch-icon-container-background-disabled: unset;
    --color-button-social-twitch-icon-container-background-hover: unset;
    --color-button-social-whatsapp-background: unset;
    --color-button-social-whatsapp-background-active: unset;
    --color-button-social-whatsapp-background-disabled: unset;
    --color-button-social-whatsapp-background-hover: unset;
    --color-button-social-whatsapp-icon-container-background: unset;
    --color-button-social-whatsapp-icon-container-background-active: unset;
    --color-button-social-whatsapp-icon-container-background-disabled: unset;
    --color-button-social-whatsapp-icon-container-background-hover: unset;
    --color-button-social-x-background: unset;
    --color-button-social-x-background-active: unset;
    --color-button-social-x-background-disabled: unset;
    --color-button-social-x-background-hover: unset;
    --color-button-social-x-icon-container-background: unset;
    --color-button-social-x-icon-container-background-active: unset;
    --color-button-social-x-icon-container-background-disabled: unset;
    --color-button-social-x-icon-container-background-hover: unset;
    --color-button-store-basic-background: var(--color-dark-grey-2);
    --color-button-store-basic-background-active: unset;
    --color-button-store-basic-background-finish: var(--color-dark-grey-2);
    --color-button-store-basic-background-hover: unset;
    --color-button-store-basic-background-start: var(--color-dark-grey-2);
    --color-button-store-basic-description: var(--color-mid-grey-5);
    --color-button-store-basic-icon: var(--color-white);
    --color-button-store-basic-text: var(--color-white);
    --color-button-store-inverse-background: unset;
    --color-button-store-inverse-background-active: unset;
    --color-button-store-inverse-background-hover: unset;
    --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-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-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-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-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-clean-black: #000000;
    --color-clean-white: #FFFFFF;
    --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-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-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-1) 0%, var(--color-3) 100%);
    --color-counter-vip-background-finish: var(--color-3);
    --color-counter-vip-background-start: var(--color-1);
    --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-danger-da050: #FFE0E0;
    --color-danger-da100: #FFC1C1;
    --color-danger-da200: #FFA2A2;
    --color-danger-da300: #FF8282;
    --color-danger-da400: #FF6363;
    --color-danger-da500: #FF4444;
    --color-danger-da600: #FF0E0E;
    --color-danger-da700: #D70000;
    --color-danger-da800: #A20000;
    --color-danger-da900: #6C0000;
    --color-dark-grey-0: #10072D;
    --color-dark-grey-1: #221752;
    --color-dark-grey-2: #302066;
    --color-dark-grey-3: #3E2B7F;
    --color-dark-grey-4: #473592;
    --color-dark-grey-5: #5643A4;
    --color-dgz000: #060E2A00;
    --color-dgz002: #10072D05;
    --color-dgz005: #10072D0D;
    --color-dgz010: #10072D1A;
    --color-dgz020: #10072D33;
    --color-dgz030: #10072D4D;
    --color-dgz040: #10072D66;
    --color-dgz050: #10072D80;
    --color-dgz060: #10072D99;
    --color-dgz070: #10072DB3;
    --color-dgz080: #10072DCC;
    --color-dgz090: #10072DE6;
    --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-background: unset;
    --color-dropdown-basic-row-icon-container-background-active: unset;
    --color-dropdown-basic-row-icon-container-background-hover: unset;
    --color-dropdown-basic-row-icon-container-background-primary: unset;
    --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: unset;
    --color-dropdown-inverse-row-background-active: unset;
    --color-dropdown-inverse-row-background-hover: unset;
    --color-dropdown-inverse-row-background-primary: unset;
    --color-dropdown-inverse-row-icon-container-background: unset;
    --color-dropdown-inverse-row-icon-container-background-active: unset;
    --color-dropdown-inverse-row-icon-container-background-hover: unset;
    --color-dropdown-inverse-row-icon-container-background-primary: unset;
    --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-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-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-social-icon: var(--color-dark-grey-5);
    --color-footer-social-icon-active: var(--color-light-grey-3);
    --color-footer-social-icon-hover: var(--color-white);
    --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-game-card-footer-1-background-start) 0%, var(--color-pr700) 100%);
    --color-game-card-footer-1-background-finish: var(--color-pr700);
    --color-game-card-footer-1-background-start: #FFA80000;
    --color-game-card-footer-2-background: linear-gradient(180deg, var(--color-game-card-footer-2-background-start) 0%, var(--color-da800) 100%);
    --color-game-card-footer-2-background-finish: var(--color-da800);
    --color-game-card-footer-2-background-start: #E8001000;
    --color-game-card-footer-3-background: linear-gradient(180deg, var(--color-game-card-footer-3-background-start) 0%, var(--color-in700) 100%);
    --color-game-card-footer-3-background-finish: var(--color-in700);
    --color-game-card-footer-3-background-start: #006EDD00;
    --color-game-card-footer-4-background: linear-gradient(180deg, var(--color-game-card-footer-4-background-start) 0%, var(--color-game-card-footer-4-background-finish) 100%);
    --color-game-card-footer-4-background-finish: #8C0038;
    --color-game-card-footer-4-background-start: #EA005D00;
    --color-game-card-footer-5-background: linear-gradient(180deg, var(--color-game-card-footer-5-background-start) 0%, var(--color-su800) 100%);
    --color-game-card-footer-5-background-finish: var(--color-su800);
    --color-game-card-footer-5-background-start: #2EEB0000;
    --color-game-card-footer-6-background: linear-gradient(180deg, var(--color-game-card-footer-6-background-start) 0%, var(--color-mi700) 100%);
    --color-game-card-footer-6-background-finish: var(--color-mi700);
    --color-game-card-footer-6-background-start: #6D00D800;
    --color-game-card-footer-7-background: linear-gradient(84deg, #a8884c 0%, #f3dc9c 100%);
    --color-game-card-footer-7-background-finish: var(--color-1);
    --color-game-card-footer-7-background-start: var(--color-3);
    --color-game-card-header-icon: var(--color-w080);
    --color-game-card-header-icon-hover: var(--color-white);
    --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-line-step-1: #17292400;
    --color-game-card-line-step-2: var(--color-1);
    --color-game-card-line-step-3: #17292400;
    --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-accent-1: #78121F;
    --color-gradient-accent-10: #971951;
    --color-gradient-accent-2: #AF3C03;
    --color-gradient-accent-3: #A48208;
    --color-gradient-accent-4: #237405;
    --color-gradient-accent-5: #02734A;
    --color-gradient-accent-6: #0D6B8D;
    --color-gradient-accent-7: #0E4DAD;
    --color-gradient-accent-8: #4F2A7D;
    --color-gradient-accent-9: #9D3898;
    --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-bonus-round-step-1: var(--color-mi700);
    --color-gradient-activity-hub-bonus-hub-bonuses-bonus-round-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-casino-bonus-step-1: var(--color-mi600);
    --color-gradient-activity-hub-bonus-hub-bonuses-casino-bonus-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-deposit-bonus-step-1: var(--color-mi600);
    --color-gradient-activity-hub-bonus-hub-bonuses-deposit-bonus-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-free-spins-step-1: var(--color-mi700);
    --color-gradient-activity-hub-bonus-hub-bonuses-free-spins-step-2: var(--color-in800);
    --color-gradient-activity-hub-bonus-hub-bonuses-sport-bonus-step-1: var(--color-gradient-accent-4);
    --color-gradient-activity-hub-bonus-hub-bonuses-sport-bonus-step-2: var(--color-dark-grey-1);
    --color-gradient-activity-hub-bonus-hub-bonuses-sport-deposit-bonus-step-1: var(--color-in300);
    --color-gradient-activity-hub-bonus-hub-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-missions-daily-step-1: var(--color-in600);
    --color-gradient-activity-hub-missions-daily-step-2: var(--color-dark-grey-2);
    --color-gradient-activity-hub-missions-onboarding-step-1: var(--color-mi700);
    --color-gradient-activity-hub-missions-onboarding-step-2: var(--color-dark-grey-2);
    --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-1: var(--color-mi400);
    --color-gradient-bonus-10: var(--color-in700);
    --color-gradient-bonus-11: var(--color-at400);
    --color-gradient-bonus-12: var(--color-su700);
    --color-gradient-bonus-13: var(--color-mi800);
    --color-gradient-bonus-14: var(--color-mi900);
    --color-gradient-bonus-2: var(--color-mi700);
    --color-gradient-bonus-3: var(--color-at500);
    --color-gradient-bonus-4: var(--color-wa700);
    --color-gradient-bonus-5: var(--color-wa500);
    --color-gradient-bonus-6: var(--color-da800);
    --color-gradient-bonus-7: var(--color-su400);
    --color-gradient-bonus-8: var(--color-su700);
    --color-gradient-bonus-9: var(--color-in400);
    --color-gradient-bonus-selector-hover-step-1: #7E55E3;
    --color-gradient-bonus-selector-hover-step-2: #6959CD;
    --color-gradient-bonus-selector-hover-step-3: #5F5AC1;
    --color-gradient-bonus-selector-hover-step-4: #555CB6;
    --color-gradient-bonus-selector-step-1: #704EC5;
    --color-gradient-bonus-selector-step-2: #5043AF;
    --color-gradient-bonus-selector-step-3: #413DA4;
    --color-gradient-bonus-selector-step-4: #313899;
    --color-gradient-gr-1-step-1: #501091;
    --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: #4E041B;
    --color-gradient-gr-4-step-2: #AF3C03;
    --color-gradient-gr-5-step-1: #30184D;
    --color-gradient-gr-5-step-2: #9D3898;
    --color-gradient-gr-6-step-1: #22354F;
    --color-gradient-gr-6-step-2: #0886B2;
    --color-gradient-vip-3-step-1: var(--color-3);
    --color-gradient-vip-3-step-2: var(--color-2);
    --color-gradient-vip-3-step-3: var(--color-1);
    --color-gradient-vip-3-step-4: var(--color-2);
    --color-gradient-vip-3-step-5: var(--color-4);
    --color-gradient-vip-step-1: var(--color-at100);
    --color-gradient-vip-step-2: var(--color-dgz000);
    --color-green: #43A047;
    --color-grey-dark-grey-dark-grey-0: #060E2A;
    --color-grey-dark-grey-dark-grey-1: #161D37;
    --color-grey-dark-grey-dark-grey-2: #252C45;
    --color-grey-dark-grey-dark-grey-3: #353B52;
    --color-grey-dark-grey-dark-grey-4: #444A5F;
    --color-grey-dark-grey-dark-grey-5: #54596D;
    --color-grey-light-grey-light-grey-1: #B1B4BC;
    --color-grey-light-grey-light-grey-2: #C1C3CA;
    --color-grey-light-grey-light-grey-3: #D0D2D7;
    --color-grey-light-grey-light-grey-4: #E0E1E4;
    --color-grey-light-grey-light-grey-5: #EFF0F2;
    --color-grey-mid-grey-mid-grey-1: #63687A;
    --color-grey-mid-grey-mid-grey-2: #737787;
    --color-grey-mid-grey-mid-grey-3: #828695;
    --color-grey-mid-grey-mid-grey-4: #9296A2;
    --color-grey-mid-grey-mid-grey-5: #A2A5AF;
    --color-hero-banner-description: var(--color-white);
    --color-hero-banner-text: var(--color-at300);
    --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-info-in050: #D7DEF9;
    --color-info-in100: #AEBEF3;
    --color-info-in200: #869DEE;
    --color-info-in300: #5D7CE8;
    --color-info-in400: #355BE2;
    --color-info-in500: #1D44CC;
    --color-info-in600: #1736A3;
    --color-info-in700: #12297B;
    --color-info-in800: #0C1B52;
    --color-info-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-focus: var(--color-dark-grey-5);
    --color-input-basic-border-hover: var(--color-w010);
    --color-input-basic-button-icon-background: unset;
    --color-input-basic-button-icon-background-disabled: unset;
    --color-input-basic-button-icon-background-focus: unset;
    --color-input-basic-button-icon-background-hover: unset;
    --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-hover: var(--color-dgz070);
    --color-input-basic-error-background-focus: unset;
    --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-hover: var(--color-dgz070);
    --color-input-basic-error-border: var(--color-da600);
    --color-input-basic-error-border-hover: var(--color-da600);
    --color-input-basic-error-button-icon-background: unset;
    --color-input-basic-error-button-icon-background-focus: unset;
    --color-input-basic-error-button-icon-background-hover: unset;
    --color-input-basic-error-button-icon-icon: var(--color-mid-grey-5);
    --color-input-basic-error-button-icon-icon-hover: var(--color-mid-grey-5);
    --color-input-basic-error-icon-container-background: unset;
    --color-input-basic-error-icon-container-background-focus: unset;
    --color-input-basic-error-icon-container-background-hover: unset;
    --color-input-basic-error-icon-container-icon: var(--color-mid-grey-5);
    --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-hover: var(--color-mid-grey-5);
    --color-input-basic-error-placeholder: 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-hover: var(--color-white);
    --color-input-basic-icon-container-background: unset;
    --color-input-basic-icon-container-background-disabled: unset;
    --color-input-basic-icon-container-background-focus: unset;
    --color-input-basic-icon-container-background-hover: unset;
    --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-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-hover: var(--color-dgz070);
    --color-input-basic-success-background-focus: unset;
    --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-hover: var(--color-dgz070);
    --color-input-basic-success-border: var(--color-su400);
    --color-input-basic-success-border-hover: var(--color-su400);
    --color-input-basic-success-button-icon-background: unset;
    --color-input-basic-success-button-icon-background-focus: unset;
    --color-input-basic-success-button-icon-background-hover: unset;
    --color-input-basic-success-button-icon-icon: var(--color-mid-grey-5);
    --color-input-basic-success-button-icon-icon-hover: var(--color-mid-grey-5);
    --color-input-basic-success-icon-container-background: unset;
    --color-input-basic-success-icon-container-background-focus: unset;
    --color-input-basic-success-icon-container-background-hover: unset;
    --color-input-basic-success-icon-container-icon: var(--color-mid-grey-5);
    --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-hover: var(--color-mid-grey-5);
    --color-input-basic-success-placeholder: 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-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-inverse-background: unset;
    --color-input-inverse-background-disabled: unset;
    --color-input-inverse-background-focus: unset;
    --color-input-inverse-background-hover: unset;
    --color-input-inverse-button-icon-background: unset;
    --color-input-inverse-button-icon-background-disabled: unset;
    --color-input-inverse-button-icon-background-focus: unset;
    --color-input-inverse-button-icon-background-hover: unset;
    --color-input-inverse-error-background: unset;
    --color-input-inverse-error-background-focus: unset;
    --color-input-inverse-error-background-hover: unset;
    --color-input-inverse-error-button-icon-background: unset;
    --color-input-inverse-error-button-icon-background-focus: unset;
    --color-input-inverse-error-button-icon-background-hover: unset;
    --color-input-inverse-error-icon-container-background: unset;
    --color-input-inverse-error-icon-container-background-focus: unset;
    --color-input-inverse-error-icon-container-background-hover: unset;
    --color-input-inverse-icon-container-background: unset;
    --color-input-inverse-icon-container-background-disabled: unset;
    --color-input-inverse-icon-container-background-focus: unset;
    --color-input-inverse-icon-container-background-hover: unset;
    --color-input-inverse-success-background: unset;
    --color-input-inverse-success-background-focus: unset;
    --color-input-inverse-success-background-hover: unset;
    --color-input-inverse-success-button-icon-background: unset;
    --color-input-inverse-success-button-icon-background-focus: unset;
    --color-input-inverse-success-button-icon-background-hover: unset;
    --color-input-inverse-success-icon-container-background: unset;
    --color-input-inverse-success-icon-container-background-focus: unset;
    --color-input-inverse-success-icon-container-background-hover: unset;
    --color-level-1: #BDCCD1;
    --color-level-3: #4FF7F7;
    --color-light-grey-1: #C5B7DB;
    --color-light-grey-2: #CFC6DF;
    --color-light-grey-3: #DED4EB;
    --color-light-grey-4: #ECE3F5;
    --color-light-grey-5: #FAF3FD;
    --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-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-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-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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --color-message-info-icon-container-icon: var(--color-in200);
    --color-message-info-text: var(--color-in200);
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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-background: unset;
    --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: #A167FF;
    --color-mid-grey-2: #A873FF;
    --color-mid-grey-3: #B383FF;
    --color-mid-grey-4: #C39EFF;
    --color-mid-grey-5: #CBABFF;
    --color-minor-mi050: #F3D4FF;
    --color-minor-mi100: #E7AAFF;
    --color-minor-mi200: #DC80FF;
    --color-minor-mi300: #D055FF;
    --color-minor-mi400: #B800FF;
    --color-minor-mi500: #9900D5;
    --color-minor-mi600: #7B00AA;
    --color-minor-mi700: #5C0080;
    --color-minor-mi800: #3D0055;
    --color-minor-mi900: #1F002B;
    --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-description-accent: var(--color-white);
    --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-background: unset;
    --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-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-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: unset;
    --color-pagination-button-background-disabled: var(--color-w005);
    --color-pagination-button-background-finish: var(--color-dark-grey-4);
    --color-pagination-button-background-finish-active: unset;
    --color-pagination-button-background-finish-disabled: var(--color-w005);
    --color-pagination-button-background-finish-hover: unset;
    --color-pagination-button-background-hover: unset;
    --color-pagination-button-background-start: var(--color-dark-grey-4);
    --color-pagination-button-background-start-active: unset;
    --color-pagination-button-background-start-disabled: var(--color-w005);
    --color-pagination-button-background-start-hover: unset;
    --color-pagination-button-border-active: unset;
    --color-pagination-button-border-hover: unset;
    --color-pagination-button-checked-background: var(--color-pr500);
    --color-pagination-button-checked-background-active: unset;
    --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: unset;
    --color-pagination-button-checked-background-finish-disabled: var(--color-w005);
    --color-pagination-button-checked-background-finish-hover: unset;
    --color-pagination-button-checked-background-hover: unset;
    --color-pagination-button-checked-background-start: var(--color-pr500);
    --color-pagination-button-checked-background-start-active: unset;
    --color-pagination-button-checked-background-start-disabled: var(--color-w005);
    --color-pagination-button-checked-background-start-hover: unset;
    --color-pagination-button-checked-border-active: unset;
    --color-pagination-button-checked-border-hover: unset;
    --color-pagination-button-checked-text: var(--color-white);
    --color-pagination-button-checked-text-2: 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: #FDEEE5;
    --color-pr100: #FBDDCC;
    --color-pr200: #F8BB99;
    --color-pr300: #F49966;
    --color-pr400: #F17733;
    --color-pr500: #ED5500;
    --color-pr600: #BE4400;
    --color-pr700: #8E3300;
    --color-pr800: #5F2200;
    --color-pr900: #2F1100;
    --color-preloader-base: var(--color-mid-grey-5);
    --color-preloader-primary: var(--color-pr500);
    --color-preloader-secondary-icon: var(--color-mid-grey-5);
    --color-primary-pr050: #FDE2D3;
    --color-primary-pr100: #FCC6A7;
    --color-primary-pr200: #FAA97C;
    --color-primary-pr300: #F88D50;
    --color-primary-pr400: #F67024;
    --color-primary-pr500: #E45809;
    --color-primary-pr600: #BE4908;
    --color-primary-pr700: #983B06;
    --color-primary-pr800: #722C05;
    --color-primary-pr900: #4C1D03;
    --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-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-dark-grey-3);
    --color-progress-bar-light-background-finish: var(--color-dark-grey-3);
    --color-progress-bar-light-background-start: var(--color-dark-grey-3);
    --color-progress-bar-light-divider-background: var(--color-w020);
    --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-progress-border: var(--color-at400);
    --color-progress-round-danger-border: #FF0E0E4D;
    --color-progress-round-danger-progress-border: var(--color-da600);
    --color-progress-round-dark-border: var(--color-dgz030);
    --color-progress-round-dark-progress-border: var(--color-dark-grey-0);
    --color-progress-round-info-border: #355BE24D;
    --color-progress-round-info-progress-border: 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-progress-border: var(--color-mi500);
    --color-progress-round-primary-border: #E458094D;
    --color-progress-round-primary-progress-border: var(--color-pr500);
    --color-progress-round-secondary-border: #63687A4D;
    --color-progress-round-secondary-progress-border: var(--color-mid-grey-1);
    --color-progress-round-success-border: #0698154D;
    --color-progress-round-success-progress-border: var(--color-su600);
    --color-progress-round-warning-border: #E458094D;
    --color-progress-round-warning-progress-border: 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-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-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-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-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-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-focus: var(--color-pr400);
    --color-selector-primary-checked-border-hover: var(--color-pr400);
    --color-selector-primary-checked-element: var(--color-white);
    --color-selector-primary-checked-element-disabled: var(--color-pr700);
    --color-selector-primary-checked-element-focus: var(--color-white);
    --color-selector-primary-checked-element-hover: var(--color-white);
    --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-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-accent-icon: #069815CC;
    --color-sidebar-card-mini-accent-icon-hover: #069815CC;
    --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-icon: #D0D2D7CC;
    --color-sidebar-card-mini-icon-hover: #FFFFFFCC;
    --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-sidebar-card-referal-background-start) 0%, var(--color-sidebar-card-referal-background-finish) 75%);
    --color-sidebar-card-referal-background-finish: #7113D4;
    --color-sidebar-card-referal-background-finish-hover: #721CFF;
    --color-sidebar-card-referal-background-hover: linear-gradient(90deg, var(--color-sidebar-card-referal-background-start-hover) 0%, var(--color-sidebar-card-referal-background-finish-hover) 75%);
    --color-sidebar-card-referal-background-start: #8C22BD;
    --color-sidebar-card-referal-background-start-hover: #8D28DB;
    --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-icon-container-icon: #D0D2D7CC;
    --color-sidebar-card-referal-icon-container-icon-hover: #D0D2D7CC;
    --color-sidebar-card-referal-text: var(--color-white);
    --color-sidebar-card-referal-text-hover: var(--color-white);
    --color-sidebar-card-widget-background: linear-gradient(96deg, var(--color-sidebar-card-widget-background-start) 0%, var(--color-dark-grey-2) 31%);
    --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(95deg, var(--color-sidebar-card-widget-background-start-hover) 0%, var(--color-dark-grey-3) 85%);
    --color-sidebar-card-widget-background-start: #22425E;
    --color-sidebar-card-widget-background-start-hover: #2D4B67;
    --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-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-hover: var(--color-light-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-icon-container-icon: #D0D2D7CC;
    --color-sidebar-list-header-icon-container-icon-hover: #FFFFFFCC;
    --color-sidebar-list-header-text: var(--color-light-grey-3);
    --color-sidebar-list-header-text-hover: var(--color-white);
    --color-sidebar-list-row-icon-container-icon: #A2A5AFCC;
    --color-sidebar-list-row-icon-container-icon-hover: #D0D2D7CC;
    --color-sidebar-list-row-text: var(--color-mid-grey-5);
    --color-sidebar-list-row-text-hover: var(--color-light-grey-3);
    --color-sidebar-multiscreen-arrow-icon: #A2A5AFCC;
    --color-sidebar-multiscreen-arrow-icon-hover: #A2A5AFCC;
    --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-hover: unset;
    --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-mid-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-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-success-su050: #D3FDD7;
    --color-success-su100: #A7FCB0;
    --color-success-su200: #7CFA88;
    --color-success-su300: #50F861;
    --color-success-su400: #09E41F;
    --color-success-su500: #07BE1A;
    --color-success-su600: #069815;
    --color-success-su700: #04720F;
    --color-success-su800: #034C0A;
    --color-success-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-background: unset;
    --color-tab-info-icon-container-background-active: unset;
    --color-tab-info-icon-container-background-hover: unset;
    --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-background: unset;
    --color-tab-inverse-icon-container-background-active: unset;
    --color-tab-inverse-icon-container-background-hover: unset;
    --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-background: unset;
    --color-tab-primary-icon-container-background-active: unset;
    --color-tab-primary-icon-container-background-hover: unset;
    --color-tab-primary-icon-container-icon: var(--color-w050);
    --color-tab-primary-icon-container-icon-active: var(--color-w080);
    --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-white);
    --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-background: unset;
    --color-tab-secondary-icon-container-background-active: unset;
    --color-tab-secondary-icon-container-background-hover: unset;
    --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: unset;
    --color-tab-underline-inverse-icon-container-background-active: unset;
    --color-tab-underline-inverse-icon-container-background-disabled: unset;
    --color-tab-underline-inverse-icon-container-background-hover: 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: unset;
    --color-tab-underline-primary-icon-container-background-active: unset;
    --color-tab-underline-primary-icon-container-background-disabled: unset;
    --color-tab-underline-primary-icon-container-background-hover: 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-background: unset;
    --color-table-fill-header-icon-container-background-active: unset;
    --color-table-fill-header-icon-container-background-hover: unset;
    --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-background: unset;
    --color-table-fill-row-icon-container-background-active: unset;
    --color-table-fill-row-icon-container-background-hover: unset;
    --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: unset;
    --color-table-lineal-header-icon-container-background: unset;
    --color-table-lineal-header-icon-container-background-active: unset;
    --color-table-lineal-header-icon-container-background-hover: unset;
    --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: unset;
    --color-table-lineal-row-icon-container-background: unset;
    --color-table-lineal-row-icon-container-background-active: unset;
    --color-table-lineal-row-icon-container-background-hover: unset;
    --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-background: unset;
    --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-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-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-primary-border: var(--color-dark-grey-4);
    --color-tabs-group-outline-secondary-border: 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: linear-gradient(180deg, var(--color-light-grey-4) 0%, unset 100%);
    --color-tabs-group-underline-primary-border-bottom: linear-gradient(180deg, var(--color-dark-grey-2) 0%, unset 100%);
    --color-tag-fill-background: var(--color-dark-grey-3);
    --color-tag-fill-background-active: var(--color-pr500);
    --color-tag-fill-background-active-hover: unset;
    --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: unset;
    --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: unset;
    --color-tag-fill-background-start-hover: var(--color-dark-grey-4);
    --color-tag-fill-icon-container-background: unset;
    --color-tag-fill-icon-container-background-active: unset;
    --color-tag-fill-icon-container-background-active-hover: unset;
    --color-tag-fill-icon-container-background-hover: unset;
    --color-tag-fill-icon-container-icon: #FFFFFFCC;
    --color-tag-fill-icon-container-icon-active: var(--color-white);
    --color-tag-fill-icon-container-icon-active-hover: var(--color-white);
    --color-tag-fill-icon-container-icon-hover: #FFFFFFCC;
    --color-tag-fill-text: var(--color-white);
    --color-tag-fill-text-active: var(--color-white);
    --color-tag-fill-text-active-hover: var(--color-white);
    --color-tag-fill-text-hover: var(--color-white);
    --color-tag-ghost-background-active: var(--color-pr500);
    --color-tag-ghost-background-active-hover: unset;
    --color-tag-ghost-background-finish-active: var(--color-pr500);
    --color-tag-ghost-background-finish-active-hover: unset;
    --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: unset;
    --color-tag-ghost-background-start-hover: var(--color-dark-grey-4);
    --color-tag-ghost-icon-container-background: unset;
    --color-tag-ghost-icon-container-background-active: unset;
    --color-tag-ghost-icon-container-background-active-hover: unset;
    --color-tag-ghost-icon-container-background-hover: unset;
    --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-background: unset;
    --color-tag-ghost-secondary-icon-container-background-active: unset;
    --color-tag-ghost-secondary-icon-container-background-active-hover: unset;
    --color-tag-ghost-secondary-icon-container-background-hover: unset;
    --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: unset;
    --color-tag-outline-background-finish-active: var(--color-pr500);
    --color-tag-outline-background-finish-active-hover: unset;
    --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: unset;
    --color-tag-outline-background-start-hover: var(--color-dark-grey-4);
    --color-tag-outline-border: var(--color-dark-grey-4);
    --color-tag-outline-icon-container-background: unset;
    --color-tag-outline-icon-container-background-active: unset;
    --color-tag-outline-icon-container-background-active-hover: unset;
    --color-tag-outline-icon-container-background-hover: unset;
    --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-on-danger: var(--color-white);
    --color-text-on-primary: var(--color-white);
    --color-text-on-secondary: var(--color-white);
    --color-text-on-success: var(--color-white);
    --color-text-on-vip: var(--color-black);
    --color-text-primary: var(--color-pr400);
    --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-vip: var(--color-1);
    --color-text-warning: var(--color-wa400);
    --color-title-basic-description: var(--color-mid-grey-5);
    --color-title-basic-icon-container-background: unset;
    --color-title-basic-icon-container-icon: var(--color-mid-grey-5);
    --color-title-basic-text: var(--color-light-grey-5);
    --color-title-inverse-background: unset;
    --color-title-inverse-icon-container-background: unset;
    --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-transparent-black-b000: #00000000;
    --color-transparent-black-b002: #00000005;
    --color-transparent-black-b005: #0000000D;
    --color-transparent-black-b010: #0000001A;
    --color-transparent-black-b020: #00000033;
    --color-transparent-black-b030: #0000004D;
    --color-transparent-black-b040: #00000066;
    --color-transparent-black-b050: #00000080;
    --color-transparent-black-b060: #00000099;
    --color-transparent-black-b070: #000000B2;
    --color-transparent-black-b080: #000000CC;
    --color-transparent-black-b090: #000000E5;
    --color-transparent-dg0-dgz000: #060E2A00;
    --color-transparent-dg0-dgz002: #060E2A05;
    --color-transparent-dg0-dgz005: #060E2A0D;
    --color-transparent-dg0-dgz010: #060E2A1A;
    --color-transparent-dg0-dgz020: #060E2A33;
    --color-transparent-dg0-dgz030: #060E2A4D;
    --color-transparent-dg0-dgz040: #060E2A66;
    --color-transparent-dg0-dgz050: #060E2A80;
    --color-transparent-dg0-dgz060: #060E2A99;
    --color-transparent-dg0-dgz070: #060E2AB2;
    --color-transparent-dg0-dgz080: #060E2ACC;
    --color-transparent-dg0-dgz090: #060E2AE5;
    --color-transparent-white-w000: #FFFFFF00;
    --color-transparent-white-w002: #FFFFFF05;
    --color-transparent-white-w005: #FFFFFF0D;
    --color-transparent-white-w010: #FFFFFF1A;
    --color-transparent-white-w020: #FFFFFF33;
    --color-transparent-white-w030: #FFFFFF4D;
    --color-transparent-white-w040: #FFFFFF66;
    --color-transparent-white-w050: #FFFFFF80;
    --color-transparent-white-w060: #FFFFFF99;
    --color-transparent-white-w070: #FFFFFFB2;
    --color-transparent-white-w080: #FFFFFFCC;
    --color-transparent-white-w090: #FFFFFFE5;
    --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-text: var(--color-white);
    --color-user-menu-icon: var(--color-mid-grey-5);
    --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-menu-user-background-start) 12%, var(--color-dark-grey-1) 100%);
    --color-user-menu-user-background-finish: var(--color-dark-grey-1);
    --color-user-menu-user-background-lower: var(--color-dark-grey-1);
    --color-user-menu-user-background-start: #462890;
    --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-vip-000: #F3DC9C00;
    --color-vip-1: #F3DC9C;
    --color-vip-2: #E3B65E;
    --color-vip-3: #A8884C;
    --color-vip-4: #67532C;
    --color-vip-gradient-primary: linear-gradient(90deg, var(--color-3) 0%, var(--color-1) 100%);
    --color-vip-gradient-primary-text: linear-gradient(90deg, var(--color-1) 0%, var(--color-2) 100%);
    --color-vip-gradient-transparent-center: linear-gradient(90deg, var(--color-000) 0%, var(--color-1) 48%, var(--color-000) 100%);
    --color-vip-gradient-transparent-l: linear-gradient(90deg, var(--color-1) 0%, var(--color-000) 100%);
    --color-vip-gradient-transparent-r: linear-gradient(90deg, var(--color-000) 0%, var(--color-1) 100%);
    --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-warning-wa050: #FDE2D3;
    --color-warning-wa100: #FCC6A7;
    --color-warning-wa200: #FAA97C;
    --color-warning-wa300: #F88D50;
    --color-warning-wa400: #F67024;
    --color-warning-wa500: #E45809;
    --color-warning-wa600: #BE4908;
    --color-warning-wa700: #983B06;
    --color-warning-wa800: #722C05;
    --color-warning-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: 2px;
    --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-expand-l: 0 4px;
    --counter-expand-m: 0 2px;
    --counter-expand-s: 0 2px;
    --counter-expand-xl: 0 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-m: 8px 16px;
    --dropdown-row-expand-s: 6px 12px;
    --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/16px var(--font-family-body);
    --font-accordion-header: var(--font-style-base) 600 14px/16px var(--font-family-body);
    --font-badge-text-l: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-badge-text-m: var(--font-style-base) 700 12px/16px var(--font-family-body);
    --font-badge-text-s: var(--font-style-base) 700 10px/14px var(--font-family-body);
    --font-badge-text-xs: var(--font-style-base) 700 8px/8px var(--font-family-body);
    --font-body-bold-2xl: var(--font-style-base) 700 40px/120% var(--font-family-body);
    --font-body-bold-2xs: var(--font-style-base) 700 10px/120% var(--font-family-body);
    --font-body-bold-3xl: var(--font-style-base) 700 64px/120% var(--font-family-body);
    --font-body-bold-3xs: var(--font-style-base) 700 8px/120% var(--font-family-body);
    --font-body-bold-4xl: var(--font-style-base) 700 72px/120% var(--font-family-body);
    --font-body-bold-5xl: var(--font-style-base) 700 105px/120% var(--font-family-body);
    --font-body-bold-l: var(--font-style-base) 700 18px/120% var(--font-family-body);
    --font-body-bold-m: var(--font-style-base) 700 16px/120% var(--font-family-body);
    --font-body-bold-s: var(--font-style-base) 700 14px/120% var(--font-family-body);
    --font-body-bold-xl: var(--font-style-base) 700 30px/120% var(--font-family-body);
    --font-body-bold-xs: var(--font-style-base) 700 12px/120% var(--font-family-body);
    --font-body-regular-2xl: var(--font-style-base) 500 40px/120% var(--font-family-body);
    --font-body-regular-2xs: var(--font-style-base) 500 10px/120% var(--font-family-body);
    --font-body-regular-3xl: var(--font-style-base) 500 64px/120% var(--font-family-body);
    --font-body-regular-3xs: var(--font-style-base) 500 8px/120% var(--font-family-body);
    --font-body-regular-4xl: var(--font-style-base) 500 72px/120% var(--font-family-body);
    --font-body-regular-5xl: var(--font-style-base) 500 105px/120% var(--font-family-body);
    --font-body-regular-l: var(--font-style-base) 500 18px/120% var(--font-family-body);
    --font-body-regular-m: var(--font-style-base) 500 16px/120% var(--font-family-body);
    --font-body-regular-s: var(--font-style-base) 500 14px/120% var(--font-family-body);
    --font-body-regular-xl: var(--font-style-base) 500 30px/120% var(--font-family-body);
    --font-body-regular-xs: var(--font-style-base) 500 12px/120% var(--font-family-body);
    --font-body-semi-bold-2xl: var(--font-style-base) 600 40px/120% var(--font-family-body);
    --font-body-semi-bold-2xs: var(--font-style-base) 600 10px/120% var(--font-family-body);
    --font-body-semi-bold-3xl: var(--font-style-base) 600 64px/120% var(--font-family-body);
    --font-body-semi-bold-3xs: var(--font-style-base) 600 8px/120% var(--font-family-body);
    --font-body-semi-bold-4xl: var(--font-style-base) 600 72px/120% var(--font-family-body);
    --font-body-semi-bold-5xl: var(--font-style-base) 600 105px/120% var(--font-family-body);
    --font-body-semi-bold-l: var(--font-style-base) 600 18px/120% var(--font-family-body);
    --font-body-semi-bold-m: var(--font-style-base) 600 16px/120% var(--font-family-body);
    --font-body-semi-bold-s: var(--font-style-base) 600 14px/120% var(--font-family-body);
    --font-body-semi-bold-xl: var(--font-style-base) 600 30px/120% var(--font-family-body);
    --font-body-semi-bold-xs: var(--font-style-base) 600 12px/120% var(--font-family-body);
    --font-button-store-description-l: var(--font-style-base) 500 10px/12px var(--font-family-body);
    --font-button-store-description-m: var(--font-style-base) 500 10px/12px var(--font-family-body);
    --font-button-store-text-l: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-button-store-text-m: var(--font-style-base) 600 12px/18px var(--font-family-body);
    --font-button-text-l: var(--font-style-base) 700 18px/24px var(--font-family-body);
    --font-button-text-m: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-button-text-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-calendar-day-text-m: var(--font-style-base) 500 16px/18px var(--font-family-body);
    --font-calendar-day-text-s: var(--font-style-base) 500 14px/18px var(--font-family-body);
    --font-calendar-holiday-text-m: var(--font-style-base) 500 16px/18px var(--font-family-body);
    --font-calendar-holiday-text-s: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-calendar-today-text-m: var(--font-style-base) 700 16px/18px var(--font-family-body);
    --font-calendar-today-text-s: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-calendar-week-text-m: var(--font-style-base) 500 16px/18px var(--font-family-body);
    --font-calendar-week-text-s: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-countdown-description-l: var(--font-style-base) 600 12px/14px var(--font-family-body);
    --font-countdown-description-m: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-countdown-text-3xs: var(--font-style-base) 700 8px/8px var(--font-family-body);
    --font-countdown-text-l: var(--font-style-header) 600 20px/28px var(--font-family-header);
    --font-countdown-text-m: var(--font-style-base) 600 16px/18px var(--font-family-body);
    --font-countdown-text-s: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-countdown-text-xs: var(--font-style-base) 700 12px/16px var(--font-family-body);
    --font-countdown-text-xxs: var(--font-style-base) 700 10px/14px var(--font-family-body);
    --font-counter-text-l: var(--font-style-base) 700 12px/12px var(--font-family-body);
    --font-counter-text-m: var(--font-style-base) 700 10px/10px var(--font-family-body);
    --font-counter-text-s: var(--font-style-base) 700 8px/8px var(--font-family-body);
    --font-counter-text-xl: var(--font-style-base) 700 14px/14px var(--font-family-body);
    --font-dropdown-description-m: var(--font-style-base) 500 10px/10px var(--font-family-body);
    --font-dropdown-description-s: var(--font-style-base) 500 10px/10px var(--font-family-body);
    --font-dropdown-divider-description-m: var(--font-style-base) 600 12px/12px var(--font-family-body);
    --font-dropdown-divider-description-m-transform: uppercase;
    --font-dropdown-divider-description-s: var(--font-style-base) 600 10px/10px var(--font-family-body);
    --font-dropdown-divider-description-s-transform: uppercase;
    --font-dropdown-text-m: var(--font-style-base) 500 16px/16px var(--font-family-body);
    --font-dropdown-text-s: var(--font-style-base) 500 14px/14px var(--font-family-body);
    --font-family-base: Roboto, Verdana, sans-serif;
    --font-family-body: Roboto, Verdana, sans-serif;
    --font-family-header: Work Sans, Verdana, sans-serif;
    --font-field-horizontal-description: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-field-horizontal-label: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-field-vertical-description: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-field-vertical-label: var(--font-style-base) 600 16px/18px var(--font-family-body);
    --font-footer-description: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-footer-menu-text: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-footer-subtitle: var(--font-style-base) 600 14px/14px var(--font-family-body);
    --font-footer-text: var(--font-style-base) 500 14px/14px var(--font-family-body);
    --font-footer-title: var(--font-style-base) 600 18px/18px var(--font-family-body);
    --font-game-card-game-text: var(--font-style-base) 700 14px/14px var(--font-family-body);
    --font-game-card-game-text-transform: uppercase;
    --font-game-card-like-text: var(--font-style-base) 600 16px/18px var(--font-family-body);
    --font-game-card-live-text: var(--font-style-base) 700 12px/14px var(--font-family-body);
    --font-game-card-provider-text: var(--font-style-base) 700 8px/8px var(--font-family-body);
    --font-game-card-provider-text-transform: uppercase;
    --font-header-black-2xl: var(--font-style-header) 900 32px/120% var(--font-family-header);
    --font-header-black-2xs: var(--font-style-header) 900 16px/140% var(--font-family-header);
    --font-header-black-3xl: var(--font-style-header) 900 40px/120% var(--font-family-header);
    --font-header-black-4xl: var(--font-style-header) 900 64px/120% var(--font-family-header);
    --font-header-black-5xl: var(--font-style-header) 900 72px/120% var(--font-family-header);
    --font-header-black-6xl: var(--font-style-header) 900 105px/120% var(--font-family-header);
    --font-header-black-l: var(--font-style-header) 900 28px/140% var(--font-family-header);
    --font-header-black-m: var(--font-style-header) 900 24px/140% var(--font-family-header);
    --font-header-black-s: var(--font-style-header) 900 20px/140% var(--font-family-header);
    --font-header-black-xl: var(--font-style-header) 900 30px/120% var(--font-family-header);
    --font-header-black-xs: var(--font-style-header) 900 18px/140% var(--font-family-header);
    --font-header-bold-2xl: var(--font-style-header) 700 32px/120% var(--font-family-header);
    --font-header-bold-2xs: var(--font-style-header) 700 16px/140% var(--font-family-header);
    --font-header-bold-3xl: var(--font-style-header) 700 40px/120% var(--font-family-header);
    --font-header-bold-4xl: var(--font-style-header) 700 64px/120% var(--font-family-header);
    --font-header-bold-5xl: var(--font-style-header) 700 72px/120% var(--font-family-header);
    --font-header-bold-6xl: var(--font-style-header) 700 105px/120% var(--font-family-header);
    --font-header-bold-l: var(--font-style-header) 700 28px/140% var(--font-family-header);
    --font-header-bold-m: var(--font-style-header) 700 24px/140% var(--font-family-header);
    --font-header-bold-s: var(--font-style-header) 700 20px/140% var(--font-family-header);
    --font-header-bold-xl: var(--font-style-header) 700 30px/120% var(--font-family-header);
    --font-header-bold-xs: var(--font-style-header) 700 18px/140% var(--font-family-header);
    --font-header-semi-bold-2xl: var(--font-style-header) 600 32px/120% var(--font-family-header);
    --font-header-semi-bold-2xs: var(--font-style-header) 600 16px/140% var(--font-family-header);
    --font-header-semi-bold-3xl: var(--font-style-header) 600 40px/120% var(--font-family-header);
    --font-header-semi-bold-4xl: var(--font-style-header) 600 64px/120% var(--font-family-header);
    --font-header-semi-bold-5xl: var(--font-style-header) 600 72px/120% var(--font-family-header);
    --font-header-semi-bold-6xl: var(--font-style-header) 600 105px/120% var(--font-family-header);
    --font-header-semi-bold-l: var(--font-style-header) 600 28px/140% var(--font-family-header);
    --font-header-semi-bold-m: var(--font-style-header) 600 24px/140% var(--font-family-header);
    --font-header-semi-bold-s: var(--font-style-header) 600 20px/140% var(--font-family-header);
    --font-header-semi-bold-xl: var(--font-style-header) 600 30px/120% var(--font-family-header);
    --font-header-semi-bold-xs: var(--font-style-header) 600 18px/140% var(--font-family-header);
    --font-input-label-focus-l: var(--font-style-base) 600 14px/14px var(--font-family-body);
    --font-input-label-focus-m: var(--font-style-base) 600 12px/12px var(--font-family-body);
    --font-input-label-focus-s: var(--font-style-base) 600 10px/10px var(--font-family-body);
    --font-input-label-l: var(--font-style-base) 700 18px/24px var(--font-family-body);
    --font-input-label-m: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-input-label-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-input-placeholder-l: var(--font-style-header) 700 18px/24px var(--font-family-header);
    --font-input-placeholder-m: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-input-placeholder-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-input-value-l: var(--font-style-header) 700 18px/24px var(--font-family-header);
    --font-input-value-m: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-input-value-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-line-height-accordion-description: 16px;
    --font-line-height-accordion-header: 16px;
    --font-line-height-badge-text-l: 16px;
    --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: 48px;
    --font-line-height-body-2xs: 12px;
    --font-line-height-body-3xl: 80px;
    --font-line-height-body-3xs: 10px;
    --font-line-height-body-4xl: 88px;
    --font-line-height-body-5xl: 128px;
    --font-line-height-body-l: 22px;
    --font-line-height-body-m: 18px;
    --font-line-height-body-s: 16px;
    --font-line-height-body-xl: 38px;
    --font-line-height-body-xs: 14px;
    --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: 18px;
    --font-line-height-calendar-day-text-s: 16px;
    --font-line-height-calendar-holiday-text-m: 18px;
    --font-line-height-calendar-holiday-text-s: 16px;
    --font-line-height-calendar-today-text-m: 18px;
    --font-line-height-calendar-today-text-s: 16px;
    --font-line-height-calendar-week-text-m: 18px;
    --font-line-height-calendar-week-text-s: 16px;
    --font-line-height-countdown-description-l: 14px;
    --font-line-height-countdown-description-m: 14px;
    --font-line-height-countdown-text-3xs: 8px;
    --font-line-height-countdown-text-l: 28px;
    --font-line-height-countdown-text-m: 18px;
    --font-line-height-countdown-text-s: 16px;
    --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: 14px;
    --font-line-height-field-horizontal-label: 16px;
    --font-line-height-field-vertical-description: 14px;
    --font-line-height-field-vertical-label: 18px;
    --font-line-height-footer-description: 14px;
    --font-line-height-footer-menu-text: 14px;
    --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-game-text-2: 14px;
    --font-line-height-game-card-like-text: 18px;
    --font-line-height-game-card-live-text: 14px;
    --font-line-height-game-card-provider-text: 8px;
    --font-line-height-header-2xl: 40px;
    --font-line-height-header-2xs: 22px;
    --font-line-height-header-3xl: 48px;
    --font-line-height-header-4xl: 80px;
    --font-line-height-header-5xl: 88px;
    --font-line-height-header-6xl: 128px;
    --font-line-height-header-l: 36px;
    --font-line-height-header-m: 32px;
    --font-line-height-header-s: 28px;
    --font-line-height-header-xl: 38px;
    --font-line-height-header-xs: 24px;
    --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: 14px;
    --font-line-height-message-description-l: 16px;
    --font-line-height-message-description-m: 14px;
    --font-line-height-message-description-s: 12px;
    --font-line-height-message-line-description-desktop: 14px;
    --font-line-height-message-line-description-mobile: 14px;
    --font-line-height-message-line-text-desktop: 16px;
    --font-line-height-message-line-text-mobile: 16px;
    --font-line-height-message-text-l: 18px;
    --font-line-height-message-text-m: 16px;
    --font-line-height-message-text-s: 14px;
    --font-line-height-modal-body-text-desktop: 32px;
    --font-line-height-modal-body-text-mobile: 28px;
    --font-line-height-modal-description-desktop: 18px;
    --font-line-height-modal-description-mobile: 16px;
    --font-line-height-modal-header-desktop: 22px;
    --font-line-height-modal-header-mobile: 18px;
    --font-line-height-navbar-text-desktop: 16px;
    --font-line-height-navbar-text-mobile: 16px;
    --font-line-height-notification-description-desktop: 16px;
    --font-line-height-notification-description-mobile: 14px;
    --font-line-height-notification-footer-text-desktop: 16px;
    --font-line-height-notification-footer-text-mobile: 16px;
    --font-line-height-notification-text-desktop: 18px;
    --font-line-height-notification-text-mobile: 16px;
    --font-line-height-pagination-text-m: 18px;
    --font-line-height-pagination-text-s: 16px;
    --font-line-height-progress-bar-text-l: 18px;
    --font-line-height-progress-bar-text-m: 16px;
    --font-line-height-progress-bar-text-s: 8px;
    --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: 16px;
    --font-line-height-sidebar-list-text: 16px;
    --font-line-height-step-description-l: 12px;
    --font-line-height-step-description-m: 12px;
    --font-line-height-step-point-text-l: 14px;
    --font-line-height-step-text-l: 16px;
    --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: 16px;
    --font-line-height-table-text: 16px;
    --font-line-height-tag-text-m: 16px;
    --font-line-height-tag-text-s: 16px;
    --font-line-height-title-block-description-desktop: 18px;
    --font-line-height-title-block-description-mobile: 16px;
    --font-line-height-title-block-text-desktop: 28px;
    --font-line-height-title-block-text-mobile: 20px;
    --font-line-height-title-card-description-desktop: 14px;
    --font-line-height-title-card-description-mobile: 12px;
    --font-line-height-title-card-text-desktop: 18px;
    --font-line-height-title-card-text-mobile: 16px;
    --font-line-height-title-page-text-desktop: 40px;
    --font-line-height-title-page-text-mobile: 32px;
    --font-line-height-tooltip-text: 16px;
    --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/14px var(--font-family-body);
    --font-message-description-l: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-message-description-m: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-message-description-s: var(--font-style-base) 500 10px/12px var(--font-family-body);
    --font-message-line-description-desktop: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-message-line-description-mobile: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-message-line-text-desktop: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-message-line-text-mobile: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-message-text-l: var(--font-style-base) 700 16px/18px var(--font-family-body);
    --font-message-text-m: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-message-text-s: var(--font-style-base) 700 12px/14px var(--font-family-body);
    --font-modal-body-text-desktop: var(--font-style-header) 600 24px/32px var(--font-family-header);
    --font-modal-body-text-mobile: var(--font-style-header) 600 20px/28px var(--font-family-header);
    --font-modal-description-accent-desktop: var(--font-style-base) 700 16px/18px var(--font-family-body);
    --font-modal-description-accent-mobile: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-modal-description-desktop: var(--font-style-base) 500 16px/18px var(--font-family-body);
    --font-modal-description-mobile: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-modal-header-desktop: var(--font-style-base) 700 18px/22px var(--font-family-body);
    --font-modal-header-mobile: var(--font-style-base) 700 16px/18px var(--font-family-body);
    --font-navbar-text-desktop: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-navbar-text-mobile: var(--font-style-base) 600 10px/16px var(--font-family-body);
    --font-notification-description-desktop: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-notification-description-mobile: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-notification-footer-text-desktop: var(--font-style-base) 600 14px/16px var(--font-family-body);
    --font-notification-footer-text-mobile: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-notification-text-desktop: var(--font-style-base) 600 16px/18px var(--font-family-body);
    --font-notification-text-mobile: var(--font-style-base) 600 14px/16px var(--font-family-body);
    --font-pagination-text-m: var(--font-style-base) 500 16px/18px var(--font-family-body);
    --font-pagination-text-s: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --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/18px var(--font-family-body);
    --font-progress-bar-text-m: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-progress-bar-text-s: var(--font-style-base) 600 8px/8px var(--font-family-body);
    --font-sidebar-card-description-l: var(--font-style-base) 500 10px/10px var(--font-family-body);
    --font-sidebar-card-description-m: var(--font-style-base) 500 10px/10px var(--font-family-body);
    --font-sidebar-card-description-s: var(--font-style-base) 500 10px/10px var(--font-family-body);
    --font-sidebar-card-text-l: var(--font-style-base) 700 14px/14px var(--font-family-body);
    --font-sidebar-card-text-m: var(--font-style-base) 700 12px/12px var(--font-family-body);
    --font-sidebar-card-text-s: var(--font-style-base) 700 10px/10px var(--font-family-body);
    --font-sidebar-list-header: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-sidebar-list-text: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --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-footer-description: 12px;
    --font-size-footer-menu-text: 12px;
    --font-size-footer-subtitle: 14px;
    --font-size-footer-text: 14px;
    --font-size-footer-title: 18px;
    --font-size-game-card-game-text: 14px;
    --font-size-game-card-like-text: 16px;
    --font-size-game-card-live-text: 12px;
    --font-size-game-card-provider-text: 8px;
    --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-menu-top-amount-text: 12px;
    --font-size-navbar-text-desktop: 14px;
    --font-size-navbar-text-mobile: 10px;
    --font-size-sidebar-card-description-l: 10px;
    --font-size-sidebar-card-description-m: 10px;
    --font-size-sidebar-card-description-s: 10px;
    --font-size-sidebar-card-text-l: 14px;
    --font-size-sidebar-card-text-m: 12px;
    --font-size-sidebar-card-text-s: 10px;
    --font-size-sidebar-list-header: 14px;
    --font-size-sidebar-list-text: 14px;
    --font-size-user-menu-description: 10px;
    --font-size-user-menu-email-text: 10px;
    --font-size-user-menu-header: 20px;
    --font-size-user-menu-text: 10px;
    --font-size-user-menu-title: 12px;
    --font-size-user-menu-value: 10px;
    --font-step-description-l: var(--font-style-base) 500 10px/12px var(--font-family-body);
    --font-step-description-m: var(--font-style-base) 500 10px/12px var(--font-family-body);
    --font-step-point-text-l: var(--font-style-base) 700 12px/14px var(--font-family-body);
    --font-step-text-l: var(--font-style-base) 500 14px/16px var(--font-family-body);
    --font-step-text-m: var(--font-style-base) 500 12px/12px var(--font-family-body);
    --font-style-base: normal;
    --font-style-header: normal;
    --font-tab-text-l: var(--font-style-base) 600 18px/24px var(--font-family-body);
    --font-tab-text-m: var(--font-style-base) 600 16px/20px var(--font-family-body);
    --font-tab-text-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-table-description: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-table-header: var(--font-style-base) 700 12px/16px var(--font-family-body);
    --font-table-modal-description: var(--font-style-base) 500 12px/14px var(--font-family-body);
    --font-table-modal-text: var(--font-style-base) 600 14px/14px var(--font-family-body);
    --font-table-modal-value: var(--font-style-base) 700 14px/16px var(--font-family-body);
    --font-table-text: var(--font-style-base) 600 14px/16px var(--font-family-body);
    --font-tag-text-m: var(--font-style-base) 600 14px/16px var(--font-family-body);
    --font-tag-text-s: var(--font-style-base) 600 12px/16px var(--font-family-body);
    --font-title-block-description-desktop: var(--font-style-base) 500 16px/120% var(--font-family-body);
    --font-title-block-description-mobile: var(--font-style-base) 500 14px/120% var(--font-family-body);
    --font-title-block-text-desktop: var(--font-style-header) 700 28px/120% var(--font-family-header);
    --font-title-block-text-mobile: var(--font-style-header) 600 20px/120% var(--font-family-header);
    --font-title-card-description-desktop: var(--font-style-base) 500 12px/140% var(--font-family-body);
    --font-title-card-description-mobile: var(--font-style-base) 500 10px/140% var(--font-family-body);
    --font-title-card-text-desktop: var(--font-style-base) 700 16px/140% var(--font-family-body);
    --font-title-card-text-mobile: var(--font-style-base) 700 14px/140% var(--font-family-body);
    --font-title-page-text-desktop: var(--font-style-header) 700 32px/120% var(--font-family-header);
    --font-title-page-text-mobile: var(--font-style-header) 700 24px/120% var(--font-family-header);
    --font-tooltip-text: var(--font-body-semi-bold-m);
    --font-user-menu-description: var(--font-style-base) 500 10px/16px var(--font-family-body);
    --font-user-menu-email-text: var(--font-style-base) 500 10px/16px var(--font-family-body);
    --font-user-menu-header: var(--font-style-header) 700 20px/24px var(--font-family-header);
    --font-user-menu-text: var(--font-style-base) 500 10px/16px var(--font-family-body);
    --font-user-menu-title: var(--font-style-base) 500 12px/18px var(--font-family-body);
    --font-user-menu-value: var(--font-style-base) 700 10px/16px var(--font-family-body);
    --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-footer-description: 500;
    --font-weight-footer-menu-text: 500;
    --font-weight-footer-subtitle: 600;
    --font-weight-footer-text: 500;
    --font-weight-footer-title: 600;
    --font-weight-game-card-game-text: 800;
    --font-weight-game-card-like-text: 600;
    --font-weight-game-card-live-text: 700;
    --font-weight-game-card-provider-text: 700;
    --font-weight-light: 300;
    --font-weight-menu-top-amount-text: 700;
    --font-weight-navbar-text-desktop: 500;
    --font-weight-navbar-text-mobile: 600;
    --font-weight-regular: 500;
    --font-weight-semi-bold: 600;
    --font-weight-sidebar-card-description-l: 500;
    --font-weight-sidebar-card-description-m: 500;
    --font-weight-sidebar-card-description-s: 500;
    --font-weight-sidebar-card-text-l: 700;
    --font-weight-sidebar-card-text-m: 700;
    --font-weight-sidebar-card-text-s: 700;
    --font-weight-sidebar-list-header: 500;
    --font-weight-sidebar-list-text: 500;
    --font-weight-user-menu-description: 500;
    --font-weight-user-menu-email-text: 500;
    --font-weight-user-menu-header: 700;
    --font-weight-user-menu-text: 500;
    --font-weight-user-menu-title: 500;
    --font-weight-user-menu-value: 700;
    --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-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: linear-gradient(270deg, var(--color-mi700) 0%, var(--color-in800) 100%);
    --gradient-activity-hub-bonus-hub-bonuses-casino-bonus: linear-gradient(270deg, var(--color-mi600) 0%, var(--color-in800) 100%);
    --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: linear-gradient(270deg, var(--color-gradient-accent-4) 0%, var(--color-dark-grey-1) 100%);
    --gradient-activity-hub-bonus-hub-bonuses-sport-deposit-bonus: linear-gradient(270deg, var(--color-in300) 0%, var(--color-in700) 100%);
    --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-missions-daily: linear-gradient(100deg, var(--color-in600) 0%, var(--color-dark-grey-2) 100%);
    --gradient-activity-hub-missions-onboarding: linear-gradient(100deg, var(--color-mi700) 0%, var(--color-dark-grey-2) 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-selector: linear-gradient(267deg, var(--color-gradient-bonus-selector-step-1) 0%, var(--color-gradient-bonus-selector-step-2) 50%, var(--color-gradient-bonus-selector-step-3) 75%, var(--color-gradient-bonus-selector-step-4) 100%);
    --gradient-bonus-selector-hover: linear-gradient(267deg, var(--color-gradient-bonus-selector-hover-step-1) 0%, var(--color-gradient-bonus-selector-hover-step-2) 50%, var(--color-gradient-bonus-selector-hover-step-3) 75%, var(--color-gradient-bonus-selector-hover-step-4) 100%);
    --gradient-danger-accent: transparent;
    --gradient-dark-grey-0-bottom: linear-gradient(180deg, #10072d00 0%, #10072de6 100%);
    --gradient-dark-grey-0-left: linear-gradient(270deg, #10072d00 0%, #10072de6 100%);
    --gradient-dark-grey-0-right: linear-gradient(90deg, #10072d00 0%, #10072de6 100%);
    --gradient-dark-grey-0-top: linear-gradient(180deg, #10072dff 0%, #10072d00 100%);
    --gradient-dark-grey-1-bottom: linear-gradient(360deg, #221752ff 0%, #22175200 100%);
    --gradient-dark-grey-1-left: linear-gradient(90deg, #221752ff 0%, #22175200 100%);
    --gradient-dark-grey-1-right: linear-gradient(270deg, #221752ff 0%, #22175200 100%);
    --gradient-dark-grey-1-top: linear-gradient(180deg, #221752ff 0%, #22175200 100%);
    --gradient-dark-grey-2-bottom: linear-gradient(360deg, #302066ff 0%, #30206600 100%);
    --gradient-dark-grey-2-left: linear-gradient(90deg, #302066ff 0%, #30206600 100%);
    --gradient-dark-grey-2-right: linear-gradient(270deg, #302066ff 0%, #30206600 100%);
    --gradient-dark-grey-2-top: linear-gradient(180deg, #302066ff 0%, #30206600 100%);
    --gradient-dark-grey-3-bottom: linear-gradient(360deg, #3e2b7fff 0%, #3e2b7f00 100%);
    --gradient-dark-grey-3-left: linear-gradient(90deg, #3e2b7fff 0%, #3e2b7f00 100%);
    --gradient-dark-grey-3-right: linear-gradient(270deg, #3e2b7fff 0%, #3e2b7f00 100%);
    --gradient-dark-grey-3-top: linear-gradient(180deg, #3e2b7fff 0%, #3e2b7f00 100%);
    --gradient-default-top: transparent;
    --gradient-gr-1: linear-gradient(92deg, var(--color-gradient-gr-1-step-1) 0%, 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, #ed5500ff 0%, #ed550000 100%);
    --gradient-primary-left: linear-gradient(90deg, #ed5500ff 0%, #ed550000 100%);
    --gradient-primary-right: linear-gradient(270deg, #ed5500ff 0%, #ed550000 100%);
    --gradient-primary-top: linear-gradient(180deg, #ed5500ff 0%, #ed550000 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-3) 0%, var(--color-2) 42%, var(--color-1) 57.99999999999999%, var(--color-2) 71%, var(--color-4) 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 #ed550052, 0px 0px 1px 0px #ed550052;
    --illumination-2: 0px 4px 8px 0px #ed550052, 0px 0px 1px 0px #ed550052;
    --illumination-3: 0px 8px 16px 0px #ed55003d, 0px 0px 1px 0px #ed550052;
    --illumination-4: 0px 12px 24px 0px #ed55003d, 0px 0px 1px 0px #ed550052;
    --illumination-5: 0px 24px 32px 0px #ed55003d, 0px 0px 1px 0px #ed550052;
    --illumination-6: 0px 40px 64px 0px #ed55003d, 0px 0px 1px 0px #ed550052;
    --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-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-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;
    --light-home-border-radius-desktop: 80px;
    --light-home-border-radius-mobile: 32px;
    --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-radius: 16px;
    --menu-bottom-border-size: 1px;
    --menu-bottom-buttons-container-expand: 16px;
    --menu-bottom-buttons-container-spacing: 8px;
    --menu-expand: 8px 16px;
    --menu-expand-desktop: 0 16px;
    --menu-expand-mobile: 0 16px;
    --menu-top-amount-border-radius: 1000px;
    --menu-top-amount-border-size: 2px;
    --menu-top-amount-outside-border-size: 2px;
    --menu-top-border-size: 2px;
    --menu-top-height-desktop: 64px;
    --menu-top-height-mobile: 56px;
    --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-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-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-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-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-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;
    --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-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-m140: 140px;
    --num-spacing-m16: 16px;
    --num-spacing-m18: 18px;
    --num-spacing-m184: 184px;
    --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-m68: 68px;
    --num-spacing-m72: 72px;
    --num-spacing-m76: 76px;
    --num-spacing-m8: 8px;
    --num-spacing-m80: 80px;
    --numbers-n1: 1px;
    --numbers-n10: 10px;
    --numbers-n100: 100px;
    --numbers-n105: 105px;
    --numbers-n12: 12px;
    --numbers-n14: 14px;
    --numbers-n140: 140px;
    --numbers-n16: 16px;
    --numbers-n18: 18px;
    --numbers-n184: 184px;
    --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-n68: 68px;
    --numbers-n72: 72px;
    --numbers-n76: 76px;
    --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-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-size: 40px;
    --sidebar-card-widget-micro-expand: 2px 8px 2px 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-expand: 0 20px;
    --sidebar-header-height: 64px;
    --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-14xl: 140px;
    --size-15xl: 184px;
    --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: 1000px;
    --tab-border-radius-m: 1000px;
    --tab-border-radius-s: 1000px;
    --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-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-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-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-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-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-icon-size-desktop: 32px;
    --title-block-icon-container-icon-size-mobile: 28px;
    --title-block-text-container-spacing-desktop: 4px;
    --title-block-text-container-spacing-mobile: 4px;
    --title-block-vertical-spacing-desktop: 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-icon-size-desktop: 24px;
    --title-card-icon-container-icon-size-mobile: 22px;
    --title-card-vertical-spacing-mobile: 8px;
    --title-page-border-size-desktop: 2px;
    --title-page-border-size-mobile: 2px;
    --title-page-content-spacing-desktop: 12px;
    --title-page-content-spacing-mobile: 8px;
    --title-page-horizontal-spacing-desktop: 12px;
    --title-page-horizontal-spacing-mobile: 8px;
    --title-page-icon-container-icon-size-desktop: 32px;
    --title-page-icon-container-icon-size-mobile: 28px;
    --title-page-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
}

body {
    font-family: var(--font-family-body);
    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);
    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);
    letter-spacing: 0
}

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

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

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

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

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

.Header-Black-2xl {
    font: var(--font-header-black-2xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform);
    letter-spacing: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Body-Bold-4XL {
    font: var(--font-body-bold-4xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

.Body-Bold-5XL {
    font: var(--font-body-bold-5xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

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

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

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

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

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

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

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

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

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

.Body-Semi-Bold-4XL {
    font: var(--font-body-semi-bold-4xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

.Body-Semi-Bold-5XL {
    font: var(--font-body-semi-bold-5xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

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

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

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

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

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

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

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

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

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

.Body-Regular-4XL {
    font: var(--font-body-regular-4xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

.Body-Regular-5XL {
    font: var(--font-body-regular-5xl);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: uppercase;
    letter-spacing: 0
}

:root {
    --sectionPadding: 16px;
    --gap-xs: 4px;
    --gap-s: 8px;
    --gap-m: 16px;
    --gap-l: 24px;
    --nav-height: var(--menu-top-height-mobile, 54px);
    --nav-banner-height: 0px;
    --nav-sidebar-width: 64px;
    --border-radius-1000: 1000px;
    --border-radius-default: 8px
}

@media (max-width:1280px) {
    :root {
        --nav-sidebar-width: 0
    }
}

@media (min-width:768px) {
    :root {
        --gap-xs: 6px;
        --gap-s: 12px;
        --gap-m: 24px;
        --gap-l: 36px;
        --nav-height: var(--menu-top-height-desktop, 64px)
    }
}

@media (min-width:960px) {
    :root {
        --gap-xs: 8px;
        --gap-s: 16px;
        --gap-m: 32px;
        --gap-l: 48px
    }
}

@media (min-width:1248px) {
    :root {
        --gap-xs: 10px;
        --gap-s: 20px;
        --gap-m: 40px;
        --gap-l: 60px
    }
}

html,
body {
    overscroll-behavior: none;
    scroll-behavior: smooth;
    width: 100%;
    height: 100vh
}

body {
    color: var(--color-light-grey-5);
    background-color: var(--color-background-page);
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: #0000;
    -webkit-overflow-scrolling: auto;
    margin: 0;
    font-weight: 600;
    overflow: hidden
}

body #app {
    width: 100vw;
    max-width: 100%;
    position: fixed;
    overflow-y: visible
}

#container {
    padding-right: var(--imitated-scrollbar-width, 0);
    padding-bottom: env(safe-area-inset-bottom)
}

section {
    width: 100%;
    min-width: 320px;
    max-width: var(--section-width);
    padding: 0 var(--section-padding-m);
    margin: 0 auto
}

.desktop section {
    padding: 0 var(--section-padding-l)
}

*,
:before,
:after {
    box-sizing: border-box;
    font-variant-numeric: inherit
}

.scrollContainer {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll
}

.scrollSection {
    scroll-padding: 0 16px;
    margin: 0 -16px;
    padding: 2px 18px;
    scroll-padding-inline: 16px;
    display: flex;
    overflow-x: auto
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

form {
    margin: 0
}

a {
    text-decoration: none
}

#m-modal-wrapper {
    top: 0;
    left: 0
}

*,
:before,
:after {
    box-sizing: border-box
}

:focus {
    outline: none
}

:focus-visible {
    outline: 2px solid var(--color-pr500)
}

input:-webkit-autofill {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-webkit-autofill:hover {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-webkit-autofill:focus {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-internal-autofill-selected {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-internal-autofill-selected:hover {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-internal-autofill-selected:focus {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

input:-internal-autofill-selected:active {
    transition: background-color 9999s ease-in-out, color 9999s ease-in-out
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.fade-enter-to,
.fade-leave-from {
    opacity: 1
}

.slide-left-enter-active,
.slide-left--leave-active {
    transition: all .5s
}

.slide-left-enter,
.slide-left-leave-to {
    opacity: 0;
    transform: translate(-100%)
}

.roll-up-enter-active,
.roll-up-leave-active {
    transition: all .2s ease-out
}

.roll-up-enter {
    opacity: 0;
    transform: translateY(-30px)
}

.roll-up-leave-to {
    opacity: 0;
    transform: translateY(30px)
}

.roll-down-enter-active,
.roll-down-leave-active {
    transition: all .2s ease-out
}

.roll-down-enter {
    opacity: 0;
    transform: translateY(30px)
}

.roll-down-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

@keyframes slide-up-opacity {
    0% {
        opacity: 0;
        transform: translateY(3%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes wave-left {
    0% {
        transform: translate(0)
    }
    50% {
        transform: translate(-1px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes wave-right {
    0% {
        transform: translate(0)
    }
    50% {
        transform: translate(1px)
    }
    to {
        transform: translate(0)
    }
}

@keyframes trambling-animation {
    0%,
    50%,
    to {
        transform: rotate(0)
    }
    10%,
    30% {
        transform: rotate(-10deg)
    }
    20%,
    40% {
        transform: rotate(10deg)
    }
}

@keyframes rotate {
    to {
        transform: rotate(-1turn)
    }
}

@keyframes rotateClockwise {
    to {
        transform: rotate(1turn)
    }
}

:root {
    --color-text-faded: #aeb3c7;
    --color-border: #585c834d;
    --color-background-missions: #1a799f;
    --color-text-ghost: #52586f
}

.m-icon {
    width: 16px
}

.TextOverflow {
    position: relative;
    overflow: hidden
}

.TextOverflow:after {
    content: "";
    background: var(--gradient-dark-grey-1-right);
    width: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.TextOverflow--light:after {
    background: var(--gradient-dark-grey-2-right)
}

.hideScrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hideScrollbar::-webkit-scrollbar {
    display: none
}

.lowercase {
    text-transform: lowercase
}

body.sensitiveModalOpen .__btgPromoHolder,
body.sensitiveModalOpen #gist-embed-message,
body:has(.m-modal-container.email-verification, .maintenance-page, .not-allowed) .__btgPromoHolder,
body:has(.m-modal-container.email-verification, .maintenance-page, .not-allowed) #gist-embed-message {
    display: none !important
}

body:has(.chests-unlocked-modal) .notifications {
    display: none
}

#chat-widget-minimized {
    display: none !important
}

.m-fs8 {
    font-size: 8px
}

.m-fs10 {
    font-size: 10px
}

.m-fs12 {
    font-size: 12px
}

.m-fs14 {
    font-size: 14px
}

.m-fs16 {
    font-size: 16px
}

.m-fs18 {
    font-size: 18px
}

.m-fs20 {
    font-size: 20px
}

.m-fs24 {
    font-size: 24px
}

.m-fs28 {
    font-size: 28px
}

.m-fs32 {
    font-size: 32px
}

.m-fw500 {
    font-weight: 500
}

.m-fw600 {
    font-weight: 600
}

.m-fw700 {
    font-weight: 700
}

.m-lh140 {
    line-height: 140%
}

.m-lh150 {
    line-height: 150%
}

.m-lh160 {
    line-height: 160%
}

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

.m-capitalize {
    text-transform: capitalize
}

.m-thin-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--color-scrollbar-background)transparent
}

.m-thin-scrollbar::-webkit-scrollbar {
    background: var(--color-dark-grey-1);
    width: 5px;
    height: 5px
}

.m-thin-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--color-dark-grey-5);
    border-radius: 3px
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.m-slider-dots_wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    display: flex
}

.m-slider-dots {
    padding: 0;
    display: flex
}

.m-slider-dots--small .m-slider-dots__point {
    width: 8px;
    height: 8px;
    margin: 0 2px
}

.m-slider-dots__point {
    background: var(--color-mid-grey-1);
    cursor: pointer;
    border-radius: 5px;
    width: 30px;
    height: 4px;
    margin: 0 4px;
    position: relative;
    overflow: hidden
}

.m-slider-dots__point:before {
    content: "";
    background: var(--color-light-grey-5);
    opacity: 0;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.8)
}

.m-slider-dots__point.activeDot:before {
    opacity: 1;
    transform: scale(1)
}

.m-slider-dots__point span {
    display: none
}

.m-slider {
    --default-slides-to-show: 1;
    --default-slide-width: 100%;
    --slides-to-show: var(--default-slides-to-show);
    --slide-width: var(--default-slide-width);
    width: 100%
}

@media (min-width:1921px) {
    .m-slider {
        --slide-width: var(--bp-xxxl-plus, var(--default-slide-width));
        --slides-to-show: var(--slides-xxxl-plus, var(--default-slides-to-show))
    }
}

@media (max-width:1920px) {
    .m-slider {
        --slide-width: var(--bp-xxxl, var(--default-slide-width));
        --slides-to-show: var(--slides-xxxl, var(--default-slides-to-show))
    }
}

@media (max-width:1600px) {
    .m-slider {
        --slide-width: var(--bp-xxl, var(--default-slide-width));
        --slides-to-show: var(--slides-xxl, var(--default-slides-to-show))
    }
}

@media (max-width:1366px) {
    .m-slider {
        --slide-width: var(--bp-xl-2, var(--default-slide-width));
        --slides-to-show: var(--slides-xl-2, var(--default-slides-to-show))
    }
}

@media (max-width:1248px) {
    .m-slider {
        --slide-width: var(--bp-xl, var(--default-slide-width));
        --slides-to-show: var(--slides-xl, var(--default-slides-to-show))
    }
}

@media (max-width:960px) {
    .m-slider {
        --slide-width: var(--bp-l, var(--default-slide-width));
        --slides-to-show: var(--slides-l, var(--default-slides-to-show))
    }
}

@media (max-width:768px) {
    .m-slider {
        --slide-width: var(--bp-m, var(--default-slide-width));
        --slides-to-show: var(--slides-m, var(--default-slides-to-show))
    }
}

@media (max-width:590px) {
    .m-slider {
        --slide-width: var(--bp-s, var(--default-slide-width));
        --slides-to-show: var(--slides-s, var(--default-slides-to-show))
    }
}

@media (max-width:460px) {
    .m-slider {
        --slide-width: var(--bp-xs, var(--default-slide-width));
        --slides-to-show: var(--slides-xs, var(--default-slides-to-show))
    }
}

@media (max-width:320px) {
    .m-slider {
        --slide-width: var(--bp-xxs, var(--default-slide-width));
        --slides-to-show: var(--slides-xxs, var(--default-slides-to-show))
    }
}

.m-slider.m-slider--fixed-slide-width .m-slider__slide {
    flex-basis: var(--max-slide-width);
    flex-grow: 0;
    max-width: 100%
}

.m-slider.withScrollSnap .m-slider__scroll-box {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.m-slider .m-slider__scroll-wrap {
    position: relative
}

.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow {
    opacity: 1
}

.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow-left {
    left: -18px
}

.m-slider .m-slider__scroll-wrap:hover .m-slider__arrow-right {
    right: -18px
}

.m-slider .m-slider__scroll-box {
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    display: flex;
    overflow-x: auto
}

.m-slider .m-slider__scroll-box::-webkit-scrollbar {
    display: none
}

.m-slider .m-slider__slide {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    flex: 0 0 var(--slide-width);
    max-width: var(--max-slide-width)
}

.m-slider .m-slider__slide-content {
    max-width: var(--max-slide-width)
}

.m-slider .m-slider__arrow.m-button-nav {
    z-index: 10;
    opacity: 0;
    transition: all .3s ease-in-out;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
    position: absolute !important
}

.m-slider .m-slider__arrow-left {
    left: 0
}

.m-slider .m-slider__arrow-right {
    right: 0
}

.m-badge {
    color: var(--m-badge-text-color);
    background: var(--m-badge-background);
    box-shadow: inset 0 0 0 var(--m-badge-border-width, 2px)var(--m-badge-border-color);
    padding: var(--m-badge-padding);
    border-radius: var(--m-badge-border-radius);
    font: var(--m-badge-font);
    font-variant-numeric: var(--font-variant-numeric);
    display: inline-flex
}

.m-badge-content {
    min-height: var(--m-badge-content-height);
    justify-content: center;
    align-items: center;
    display: flex
}

.m-badge.m-gradient-border {
    --gradient-color: var(--m-badge-border-color);
    --gradient-width: var(--m-badge-border-width)
}

.m-badge-text {
    padding: var(--m-badge-text-margin);
    gap: var(--m-badge-text-margin);
    align-items: center;
    display: flex
}

.m-badge--swap .m-badge-content {
    flex-direction: row-reverse
}

.m-badge svg,
.m-badge img {
    width: var(--m-badge-icon-size);
    height: var(--m-badge-icon-size)
}

.m-badge--primary {
    --m-badge-background: var(--color-badge-primary-background);
    --m-badge-border-color: var(--color-badge-primary-border, transparent);
    --m-badge-text-color: var(--color-badge-primary-text);
    --ic-color: var(--color-badge-primary-icon-container-icon)
}

.m-badge--secondary {
    --m-badge-background: var(--color-badge-secondary-background);
    --m-badge-border-color: var(--color-badge-secondary-border, transparent);
    --m-badge-text-color: var(--color-badge-secondary-text);
    --ic-color: var(--color-badge-secondary-icon-container-icon)
}

.m-badge--info {
    --m-badge-background: var(--color-badge-info-background);
    --m-badge-border-color: var(--color-badge-info-border, transparent);
    --m-badge-text-color: var(--color-badge-info-text);
    --ic-color: var(--color-badge-info-icon-container-icon)
}

.m-badge--minor {
    --m-badge-background: var(--color-badge-minor-background);
    --m-badge-border-color: var(--color-badge-minor-border, transparent);
    --m-badge-text-color: var(--color-badge-minor-text);
    --ic-color: var(--color-badge-minor-icon-container-icon)
}

.m-badge--success {
    --m-badge-background: var(--color-badge-success-background);
    --m-badge-border-color: var(--color-badge-success-border, transparent);
    --m-badge-text-color: var(--color-badge-success-text);
    --ic-color: var(--color-badge-success-icon-container-icon)
}

.m-badge--attention {
    --m-badge-background: var(--color-badge-attention-background);
    --m-badge-border-color: var(--color-badge-attention-border, transparent);
    --m-badge-text-color: var(--color-badge-attention-text);
    --ic-color: var(--color-badge-attention-icon-container-icon)
}

.m-badge--warning {
    --m-badge-background: var(--color-badge-warning-background);
    --m-badge-border-color: var(--color-badge-warning-border, transparent);
    --m-badge-text-color: var(--color-badge-warning-text);
    --ic-color: var(--color-badge-warning-icon-container-icon)
}

.m-badge--danger {
    --m-badge-background: var(--color-badge-danger-background);
    --m-badge-border-color: var(--color-badge-danger-border, transparent);
    --m-badge-text-color: var(--color-badge-danger-text);
    --ic-color: var(--color-badge-danger-icon-container-icon)
}

.m-badge--light {
    --m-badge-background: var(--color-badge-light-background);
    --m-badge-border-color: var(--color-badge-light-border, transparent);
    --m-badge-text-color: var(--color-badge-light-text);
    --ic-color: var(--color-badge-light-icon-container-icon)
}

.m-badge--dark {
    --m-badge-background: var(--color-badge-dark-background);
    --m-badge-border-color: var(--color-badge-dark-border, transparent);
    --m-badge-text-color: var(--color-badge-dark-text);
    --ic-color: var(--color-badge-dark-icon-container-icon)
}

.m-badge--transparent {
    --m-badge-background: var(--color-badge-transparent-background);
    --m-badge-border-color: var(--color-badge-transparent-border, transparent);
    --m-badge-text-color: var(--color-badge-transparent-text);
    --ic-color: var(--color-badge-transparent-icon-container-icon)
}

.m-badge--jackpot {
    --m-badge-background: var(--color-badge-jackpot-background);
    --m-badge-border-color: var(--color-badge-jackpot-border, transparent);
    --m-badge-text-color: var(--color-badge-jackpot-text);
    --ic-color: var(--color-badge-jackpot-icon-container-icon)
}

.m-badge--vip {
    --m-badge-background: var(--color-badge-vip-background);
    --m-badge-border-color: var(--color-badge-vip-border, transparent);
    --m-badge-text-color: var(--color-badge-vip-text);
    --ic-color: var(--color-badge-vip-icon-container-icon)
}

.m-badge--xs {
    --m-badge-padding: var(--badge-expand-xs);
    --m-badge-border-width: var(--badge-border-size-xs, 2px);
    --m-badge-content-height: var(--badge-content-height-xs);
    --m-badge-icon-size: var(--badge-icon-container-icon-size-xs);
    --ic-padding: var(--badge-icon-container-expand-xs);
    --ic-size: var(--m-badge-icon-size);
    --m-badge-font: var(--font-badge-text-xs);
    --m-badge-text-margin: var(--badge-text-container-expand-xs);
    letter-spacing: var(--font-badge-text-xs-ls);
    --m-badge-border-radius: var(--badge-border-radius-xs)
}

.m-badge--s {
    --m-badge-padding: var(--badge-expand-s);
    --m-badge-border-width: var(--badge-border-size-s, 2px);
    --m-badge-content-height: var(--badge-content-height-s);
    --m-badge-icon-size: var(--badge-icon-container-icon-size-s);
    --ic-padding: var(--badge-icon-container-expand-s);
    --ic-size: var(--m-badge-icon-size);
    --m-badge-font: var(--font-badge-text-s);
    --m-badge-text-margin: var(--badge-text-container-expand-s);
    letter-spacing: var(--font-badge-text-s-ls);
    --m-badge-border-radius: var(--badge-border-radius-s)
}

.m-badge--m {
    --m-badge-padding: var(--badge-expand-m);
    --m-badge-border-width: var(--badge-border-size-m, 2px);
    --m-badge-content-height: var(--badge-content-height-m);
    --m-badge-icon-size: var(--badge-icon-container-icon-size-m);
    --ic-padding: var(--badge-icon-container-expand-m);
    --ic-size: var(--m-badge-icon-size);
    --m-badge-font: var(--font-badge-text-m);
    --m-badge-text-margin: var(--badge-text-container-expand-m);
    letter-spacing: var(--font-badge-text-m-ls);
    --m-badge-border-radius: var(--badge-border-radius-m)
}

.m-badge--l {
    --m-badge-padding: var(--badge-expand-l);
    --m-badge-border-width: var(--badge-border-size-l, 2px);
    --m-badge-content-height: var(--badge-content-height-l);
    --m-badge-icon-size: var(--badge-icon-container-icon-size-l);
    --ic-padding: var(--badge-icon-container-expand-l);
    --ic-size: var(--m-badge-icon-size);
    --m-badge-font: var(--font-badge-text-l);
    --m-badge-text-margin: var(--badge-text-container-expand-l);
    letter-spacing: var(--font-badge-text-l-ls);
    --m-badge-border-radius: var(--badge-border-radius-l)
}

.m-badge .m-countdown {
    --m-countdown-gap: var(--m-badge-text-margin);
    --m-countdown-unit-font: var(--m-badge-font);
    --m-countdown-text-color: var(--m-badge-text-color);
    --m-countdown-unit-line-height: var(--m-badge-content-height)
}

.m-avatar {
    --m-avatar-rank-icon-size: var(--avatar-rakeback-icon-size);
    --m-avatar-rank-icon-offset-x: -6%;
    --m-avatar-rank-icon-offset-y: -6%;
    --m-avatar-size: var(--avatar-size);
    width: var(--m-avatar-size);
    height: var(--m-avatar-size);
    position: relative
}

.m-avatar--vip {
    position: relative
}

.m-avatar--vip:after {
    content: "";
    background-image: var(--vip-image);
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    width: 108.5%;
    height: 108.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-avatar--vip:before {
    content: "";
    box-shadow: inset 0 0 0 calc(var(--m-avatar-size)/15)var(--color-dark-grey-0);
    z-index: 1;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-avatar__image {
    background: var(--color-avatar-background);
    border-radius: var(--avatar-border-radius);
    height: inherit;
    width: inherit;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.m-avatar__image-empty {
    color: var(--color-avatar-icon);
    width: 55%;
    height: 55%
}

.m-avatar__image>img {
    width: 100%
}

.m-avatar__image .m-avatar__favicon {
    width: 55%;
    height: 55%
}

.m-avatar__image .m-avatar__user-pic {
    width: 75%;
    height: 75%
}

.m-avatar__rank {
    z-index: 3
}

.m-avatar__rank.m-badge {
    white-space: nowrap;
    position: absolute;
    bottom: -4.5%;
    left: 50%;
    transform: translate(-50%)
}

.m-avatar__rank-icon {
    padding: var(--avatar-rakeback-expand);
    border-radius: var(--avatar-rakeback-border-radius);
    background: var(--color-avatar-rakeback-background);
    box-shadow: inset 0 0 0 var(--avatar-rakeback-border-size)var(--color-avatar-rakeback-border);
    bottom: var(--m-avatar-rank-icon-offset-y);
    right: var(--m-avatar-rank-icon-offset-x);
    display: flex;
    position: absolute
}

.m-avatar__rank-icon>img {
    width: var(--m-avatar-rank-icon-size);
    height: var(--m-avatar-rank-icon-size);
    display: block
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.m-text {
    margin: 0;
    padding: 0
}

@keyframes slide-sheet {
    0% {
        transform: translateY(100%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes hide-sheet {
    to {
        transform: translateY(100%)
    }
}

.m-bottom-sheet {
    background-color: var(--color-dark-grey-1);
    width: 100%;
    max-height: calc(var(--m-app-height) - 32px);
    border-radius: 20px 20px 0 0;
    animation: .25s ease-in-out slide-sheet;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.m-bottom-sheet[active=false] {
    animation: .25s ease-in-out hide-sheet
}

.m-bottom-sheet-overlay {
    background-color: var(--color-b070);
    position: fixed;
    inset: 0
}

.m-bottom-sheet-header {
    border-bottom: 1px solid var(--color-dark-grey-2);
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
    display: flex
}

.m-bottom-sheet-content {
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 20px;
    display: flex;
    overflow-y: auto
}

.m-bottom-sheet-actions {
    flex-direction: column;
    gap: 8px;
    padding: 0 16px 20px;
    display: flex
}

.m-button {
    --m-button-transition-duration: .15s;
    --m-button-background-disabled: var(--color-button-fill-secondary-background-disabled);
    --m-button-border-color-disabled: var(--color-button-fill-secondary-border-disabled);
    --m-button-text-color-disabled: var(--color-button-fill-secondary-text-disabled);
    --ic-color-disabled: var(--color-button-fill-secondary-icon-container-icon-disabled);
    --ic-background-disabled: var(--color-button-fill-secondary-icon-container-background-disabled);
    --ic-border-color-disabled: var(--color-button-fill-secondary-icon-container-border-disabled);
    cursor: pointer;
    box-shadow: inset 0 0 0 var(--m-button-border-width)var(--m-button-border-color);
    background: var(--m-button-background);
    color: var(--m-button-text-color);
    padding: var(--m-button-padding);
    border-radius: var(--m-button-border-radius);
    font: var(--m-button-font);
    font-variant-numeric: var(--font-variant-numeric);
    border: none;
    text-decoration: none;
    transition: filter .25s ease-in-out;
    position: relative
}

.m-button__content-wrapper {
    z-index: 3;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.m-button.m-gradient-border {
    --gradient-width: var(--m-button-border-width);
    --gradient-color: var(--m-button-border-color)
}

.m-button-content {
    justify-content: center;
    align-items: center;
    gap: var(--m-button-text-margin);
    padding: var(--m-button-text-margin);
    min-height: var(--m-button-content-height);
    display: flex
}

.m-button-content svg,
.m-button-content img {
    width: var(--ic-size);
    height: var(--ic-size);
    color: var(--ic-color)
}

.m-button--primary {
    --m-button-background: var(--color-button-fill-primary-background);
    --m-button-text-color: var(--color-button-fill-primary-text);
    --m-button-border-color: var(--color-button-fill-primary-border);
    --m-button-border-color-pressed: var(--color-button-fill-primary-border-active);
    --m-button-background-pressed: var(--color-button-fill-primary-background-active);
    --m-button-text-color-pressed: var(--color-button-fill-primary-text-active);
    --ic-color: var(--color-button-fill-primary-icon-container-icon);
    --ic-color-pressed: var(--color-button-fill-primary-icon-container-icon-active);
    --ic-background: var(--color-button-fill-primary-icon-container-background);
    --ic-background-pressed: var(--color-button-fill-primary-icon-container-background-active);
    --ic-border-color: var(--color-button-fill-primary-icon-container-border);
    --ic-border-color-pressed: var(--color-button-fill-primary-icon-container-border-active)
}

.m-button--secondary {
    --m-button-background: var(--color-button-fill-secondary-background);
    --m-button-text-color: var(--color-button-fill-secondary-text);
    --m-button-border-color: var(--color-button-fill-secondary-border);
    --m-button-border-color-pressed: var(--color-button-fill-secondary-border-active);
    --m-button-background-pressed: var(--color-button-fill-secondary-background-active);
    --m-button-text-color-pressed: var(--color-button-fill-secondary-text-active);
    --ic-color: var(--color-button-fill-secondary-icon-container-icon);
    --ic-color-pressed: var(--color-button-fill-secondary-icon-container-icon-active);
    --ic-background: var(--color-button-fill-secondary-icon-container-background);
    --ic-background-pressed: var(--color-button-fill-secondary-icon-container-background-active);
    --ic-border-color: var(--color-button-fill-secondary-icon-container-border);
    --ic-border-color-pressed: var(--color-button-fill-secondary-icon-container-border-active)
}

.m-button--danger {
    --m-button-background: var(--color-button-fill-danger-background);
    --m-button-text-color: var(--color-button-fill-danger-text);
    --m-button-border-color: var(--color-button-fill-danger-border);
    --m-button-border-color-pressed: var(--color-button-fill-danger-border-active);
    --m-button-background-pressed: var(--color-button-fill-danger-background-active);
    --m-button-text-color-pressed: var(--color-button-fill-danger-text-active);
    --ic-color: var(--color-button-fill-danger-icon-container-icon);
    --ic-color-pressed: var(--color-button-fill-danger-icon-container-icon-active);
    --ic-background: var(--color-button-fill-danger-icon-container-background);
    --ic-background-pressed: var(--color-button-fill-danger-icon-container-background-active);
    --ic-border-color: var(--color-button-fill-danger-icon-container-border);
    --ic-border-color-pressed: var(--color-button-fill-danger-icon-container-border-active)
}

.m-button--vip {
    --m-button-background: var(--color-button-fill-vip-background);
    --m-button-text-color: var(--color-button-fill-vip-text);
    --m-button-border-color: var(--color-button-fill-vip-border);
    --m-button-border-color-pressed: var(--color-button-fill-vip-border-active);
    --m-button-background-pressed: var(--color-button-fill-vip-background-active);
    --m-button-text-color-pressed: var(--color-button-fill-vip-text-active);
    --ic-color: var(--color-button-fill-vip-icon-container-icon);
    --ic-color-pressed: var(--color-button-fill-vip-icon-container-icon-active);
    --ic-background: var(--color-button-fill-vip-icon-container-background);
    --ic-background-pressed: var(--color-button-fill-vip-icon-container-background-active);
    --ic-border-color: var(--color-button-fill-vip-icon-container-border);
    --ic-border-color-pressed: var(--color-button-fill-vip-icon-container-border-active)
}

.m-button--s {
    --m-button-padding: var(--button-expand-s, 12px);
    --m-button-border-radius: var(--button-border-radius-s, 22px);
    --m-button-border-width: var(--button-border-size-s, 2px);
    --m-button-content-height: var(--button-content-height-s, 20px);
    --m-button-font: var(--font-button-text-s);
    letter-spacing: var(--font-button-text-s-ls, 0);
    text-transform: var(--font-button-text-s-transform, unset);
    --m-button-text-margin: var(--button-text-container-expand-s, 0 8px);
    --ic-padding: var(--button-icon-container-expand-s, 0);
    --ic-size: var(--button-icon-container-icon-size-s, 20px);
    --ic-border-width: var(--button-icon-container-border-size-s, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-s, 0);
    --m-button-primary-sprite: var(--wow-button-base-primary-s-sprite);
    --m-button-secondary-sprite: var(--wow-button-base-secondary-s-sprite);
    --m-button-vip-sprite: var(--wow-button-base-vip-s-sprite);
    --m-button-danger-sprite: var(--wow-button-base-danger-s-sprite);
    --m-button-primary-border-image: var(--wow-button-base-primary-s-border-image);
    --m-button-secondary-border-image: var(--wow-button-base-secondary-s-border-image);
    --m-button-vip-border-image: var(--wow-button-base-vip-s-border-image);
    --m-button-danger-border-image: var(--wow-button-base-danger-s-border-image)
}

.m-button--m {
    --m-button-padding: var(--button-expand-m, 12px);
    --m-button-border-radius: var(--button-border-radius-m, 22px);
    --m-button-border-width: var(--button-border-size-m, 2px);
    --m-button-content-height: var(--button-content-height-m, 20px);
    --m-button-font: var(--font-button-text-m);
    letter-spacing: var(--font-button-text-m-ls, 0);
    text-transform: var(--font-button-text-m-transform, unset);
    --m-button-text-margin: var(--button-text-container-expand-m, 0 8px);
    --ic-padding: var(--button-icon-container-expand-m, 0);
    --ic-size: var(--button-icon-container-icon-size-m, 20px);
    --ic-border-width: var(--button-icon-container-border-size-m, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-m, 0);
    --m-button-primary-sprite: var(--wow-button-base-primary-m-sprite);
    --m-button-secondary-sprite: var(--wow-button-base-secondary-m-sprite);
    --m-button-vip-sprite: var(--wow-button-base-vip-m-sprite);
    --m-button-danger-sprite: var(--wow-button-base-danger-m-sprite);
    --m-button-primary-border-image: var(--wow-button-base-primary-m-border-image);
    --m-button-secondary-border-image: var(--wow-button-base-secondary-m-border-image);
    --m-button-vip-border-image: var(--wow-button-base-vip-m-border-image);
    --m-button-danger-border-image: var(--wow-button-base-danger-m-border-image)
}

.m-button--l {
    --m-button-padding: var(--button-expand-l, 12px);
    --m-button-border-radius: var(--button-border-radius-l, 22px);
    --m-button-border-width: var(--button-border-size-l, 2px);
    --m-button-content-height: var(--button-content-height-l, 20px);
    --m-button-font: var(--font-button-text-l);
    letter-spacing: var(--font-button-text-l-ls, 0);
    text-transform: var(--font-button-text-l-transform, unset);
    --m-button-text-margin: var(--button-text-container-expand-l, 0 8px);
    --ic-padding: var(--button-icon-container-expand-l, 0);
    --ic-size: var(--button-icon-container-icon-size-l, 20px);
    --ic-border-width: var(--button-icon-container-border-size-l, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-l, 0);
    --m-button-primary-sprite: var(--wow-button-base-primary-l-sprite);
    --m-button-secondary-sprite: var(--wow-button-base-secondary-l-sprite);
    --m-button-vip-sprite: var(--wow-button-base-vip-l-sprite);
    --m-button-danger-sprite: var(--wow-button-base-danger-l-sprite);
    --m-button-primary-border-image: var(--wow-button-base-primary-l-border-image);
    --m-button-secondary-border-image: var(--wow-button-base-secondary-l-border-image);
    --m-button-vip-border-image: var(--wow-button-base-vip-l-border-image);
    --m-button-danger-border-image: var(--wow-button-base-danger-l-border-image)
}

@media not (any-pointer:coarse) {
    .m-button:not(:disabled):hover,
    .m-button:not(:disabled):focus-visible {
        filter: brightness(120%)
    }
}

.m-button:not(:disabled):active {
    filter: brightness(80%)
}

.m-button:disabled,
.m-button[disabled=true] {
    --m-button-text-color: var(--m-button-text-color-disabled);
    --m-button-background: var(--m-button-background-disabled);
    --m-button-border-color: var(--m-button-border-color-disabled);
    --ic-color: var(--ic-color-disabled);
    --ic-border-color: var(--ic-border-color-disabled);
    --ic-background: var(--ic-background-disabled);
    cursor: not-allowed
}

.m-button .m-preloader {
    position: absolute
}

.m-button--loading {
    pointer-events: none
}

.m-button--loading .m-preloader {
    color: var(--ic-color)
}

.m-button--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button--swap .m-button__content-wrapper {
    flex-direction: row-reverse
}

.m-button--multiline .m-button-content {
    white-space: normal
}

.m-button--full-width {
    width: 100%
}

.m-button .m-loader-fade-enter-active,
.m-button .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button .m-loader-fade-enter-from,
.m-button .m-loader-fade-leave-to {
    opacity: 0
}

.m-button .m-countdown {
    --m-countdown-text-color: var(--m-button-text-color)
}

.m-button--primary {
    --m-button-border-image: var(--m-button-primary-border-image)
}

.m-button--primary:before,
.m-button--primary:after {
    background-image: var(--m-button-primary-sprite, none), var(--m-button-primary-sprite, none)
}

.m-button--secondary {
    --m-button-border-image: var(--m-button-secondary-border-image)
}

.m-button--secondary:before,
.m-button--secondary:after {
    background-image: var(--m-button-secondary-sprite, none), var(--m-button-secondary-sprite, none)
}

.m-button--vip {
    --m-button-border-image: var(--m-button-vip-border-image)
}

.m-button--vip:before,
.m-button--vip:after {
    background-image: var(--m-button-vip-sprite, none), var(--m-button-vip-sprite, none)
}

.m-button--danger {
    --m-button-border-image: var(--m-button-danger-border-image)
}

.m-button--danger:before,
.m-button--danger:after {
    background-image: var(--m-button-danger-sprite, none), var(--m-button-danger-sprite, none)
}

.m-button.m-button--wow:not(:disabled) {
    box-shadow: none;
    background: 0 0;
    border: none
}

.m-button.m-button--wow:not(:disabled):before,
.m-button.m-button--wow:not(:disabled):after {
    content: "";
    pointer-events: none;
    z-index: 1;
    background-repeat: no-repeat;
    margin: auto;
    position: absolute;
    inset: 0
}

.m-button.m-button--wow:not(:disabled).m-button--s:before,
.m-button.m-button--wow:not(:disabled).m-button--s:after {
    background-size: 128px 32px
}

.m-button.m-button--wow:not(:disabled).m-button--s:before {
    background-position: right -64px top 0, left -64px bottom 0;
    width: 32px
}

.m-button.m-button--wow:not(:disabled).m-button--s:after {
    background-position: right -96px top 50%, -96px;
    height: 32px
}

.m-button.m-button--wow:not(:disabled).m-button--s .m-button__background {
    border-image: var(--m-button-border-image, "none")33 66 fill/11px 22px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-button.m-button--wow:not(:disabled).m-button--m:before,
.m-button.m-button--wow:not(:disabled).m-button--m:after {
    background-size: 176px 44px
}

.m-button.m-button--wow:not(:disabled).m-button--m:before {
    background-position: right -88px top 0, left -88px bottom 0;
    width: 44px
}

.m-button.m-button--wow:not(:disabled).m-button--m:after {
    background-position: right -132px top 50%, -132px;
    height: 44px
}

.m-button.m-button--wow:not(:disabled).m-button--m .m-button__background {
    border-image: var(--m-button-border-image, "none")45 90 fill/15px 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-button.m-button--wow:not(:disabled).m-button--l:before,
.m-button.m-button--wow:not(:disabled).m-button--l:after {
    background-size: 224px 56px
}

.m-button.m-button--wow:not(:disabled).m-button--l:before {
    background-position: right -112px top 0, left -112px bottom 0;
    width: 56px
}

.m-button.m-button--wow:not(:disabled).m-button--l:after {
    background-position: right -168px top 50%, -168px;
    height: 56px
}

.m-button.m-button--wow:not(:disabled).m-button--l .m-button__background {
    border-image: var(--m-button-border-image, "none")57 114 fill/19px 38px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-button-link {
    cursor: pointer;
    min-height: var(--m-button-link-content-height);
    justify-content: center;
    align-items: center;
    gap: var(--m-button-link-gap);
    font: var(--m-button-link-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-button-link-text-color);
    background: 0 0;
    border: none;
    padding: 0;
    text-decoration: none;
    transition: all .15s ease-in-out;
    display: inline-flex;
    position: relative
}

.m-button-link--primary {
    --m-button-link-text-color: var(--color-button-link-primary-text);
    --m-button-link-text-color-hover: var(--color-button-link-primary-text-hover);
    --m-button-link-text-color-pressed: var(--color-button-link-primary-text-active)
}

.m-button-link--secondary {
    --m-button-link-text-color: var(--color-button-link-secondary-text);
    --m-button-link-text-color-hover: var(--color-button-link-secondary-text-hover);
    --m-button-link-text-color-pressed: var(--color-button-link-secondary-text-active)
}

.m-button-link--s {
    --m-button-link-content-height: var(--button-link-content-height-s, 20px);
    --m-button-link-gap: var(--button-text-container-expand-s, 0 8px);
    --m-button-link-font: var(--font-button-text-s);
    letter-spacing: var(--font-button-text-s-ls, 0);
    text-transform: var(--font-button-text-s-transform, unset)
}

.m-button-link--m {
    --m-button-link-content-height: var(--button-link-content-height-m, 20px);
    --m-button-link-gap: var(--button-text-container-expand-m, 0 8px);
    --m-button-link-font: var(--font-button-text-m);
    letter-spacing: var(--font-button-text-m-ls, 0);
    text-transform: var(--font-button-text-m-transform, unset)
}

.m-button-link--l {
    --m-button-link-content-height: var(--button-link-content-height-l, 20px);
    --m-button-link-gap: var(--button-text-container-expand-l, 0 8px);
    --m-button-link-font: var(--font-button-text-l);
    letter-spacing: var(--font-button-text-l-ls, 0);
    text-transform: var(--font-button-text-l-transform, unset)
}

.m-button-link:not(:disabled):hover,
.m-button-link:not(:disabled):focus-visible {
    filter: brightness(120%)
}

.m-button-link:not(:disabled):active {
    filter: brightness(80%)
}

.m-button-link .m-preloader {
    position: absolute
}

.m-button-link--loading {
    color: #0000;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.m-button-link--loading .m-preloader {
    color: var(--m-button-link-text-color)
}

.m-button-link--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-link--loading>:not(.m-preloader) {
    visibility: hidden
}

.m-button-link .m-loader-fade-enter-active,
.m-button-link .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-link .m-loader-fade-enter-from,
.m-button-link .m-loader-fade-leave-to {
    opacity: 0
}

.m-button-link:disabled {
    --m-button-link-text-color: var(--color-button-link-secondary-text-disabled);
    cursor: not-allowed
}

.m-button-social {
    --m-button-social-text-color: var(--color-button-social-text);
    --m-button-social-background: var(--color-button-social-background);
    --m-button-social-border-color: var(--color-button-social-background);
    --ic-color: var(--color-button-social-icon-container-icon);
    --ic-border-color: var(--color-button-social-icon-container-border);
    background: var(--m-button-social-background);
    color: var(--m-button-social-text-color);
    cursor: pointer;
    padding: var(--m-button-social-padding);
    box-shadow: inset 0 0 0 var(--m-button-social-border-width)var(--m-button-social-border-color);
    border-radius: var(--m-button-social-border-radius);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.m-button-social__content {
    min-height: var(--m-button-social-content-height);
    justify-content: center;
    align-items: center;
    display: flex
}

.m-button-social__content svg {
    width: var(--ic-size);
    height: var(--ic-size)
}

.m-button-social__content svg * {
    color: var(--ic-color);
    fill: var(--ic-color)
}

.m-button-social__content img {
    height: var(--ic-size)
}

.m-button-social__text {
    padding: var(--m-button-social-text-horizontal-padding);
    font: var(--m-button-social-font)
}

.m-button-social__icon--flexible .m-icon-container svg,
.m-button-social__icon--flexible .m-icon-container img {
    width: auto
}

.m-button-social--s {
    --m-button-social-padding: var(--button-expand-s, 12px);
    --m-button-social-border-radius: var(--button-border-radius-s, 22px);
    --m-button-social-border-width: var(--button-border-size-s, 2px);
    --m-button-social-content-height: var(--button-content-height-s, 20px);
    --m-button-social-text-horizontal-padding: var(--button-text-container-expand-s, 8px);
    --m-button-social-font: var(--font-button-text-s);
    --m-button-text-margin: var(--button-text-container-expand-s, 0 8px);
    --ic-padding: var(--button-icon-container-expand-s, 0);
    --ic-size: var(--button-icon-container-icon-size-s, 20px);
    --ic-border-width: var(--button-icon-container-border-size-s, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-s, 0)
}

.m-button-social--m {
    --m-button-social-padding: var(--button-expand-m, 12px);
    --m-button-social-border-radius: var(--button-border-radius-m, 22px);
    --m-button-social-border-width: var(--button-border-size-m, 2px);
    --m-button-social-content-height: var(--button-content-height-m, 20px);
    --m-button-social-text-horizontal-padding: var(--button-text-container-expand-m, 8px);
    --m-button-social-font: var(--font-button-text-m);
    --m-button-text-margin: var(--button-text-container-expand-m, 0 8px);
    --ic-padding: var(--button-icon-container-expand-m, 0);
    --ic-size: var(--button-icon-container-icon-size-m, 20px);
    --ic-border-width: var(--button-icon-container-border-size-m, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-m, 0)
}

.m-button-social--l {
    --m-button-social-padding: var(--button-expand-l, 12px);
    --m-button-social-border-radius: var(--button-border-radius-l, 22px);
    --m-button-social-border-width: var(--button-border-size-l, 2px);
    --m-button-social-content-height: var(--button-content-height-l, 20px);
    --m-button-social-text-horizontal-padding: var(--button-text-container-expand-l, 8px);
    --m-button-social-font: var(--font-button-text-l);
    --m-button-text-margin: var(--button-text-container-expand-l, 0 8px);
    --ic-padding: var(--button-icon-container-expand-l, 0);
    --ic-size: var(--button-icon-container-icon-size-l, 20px);
    --ic-border-width: var(--button-icon-container-border-size-l, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-l, 0)
}

@media not (any-pointer:coarse) {
    .m-button-social:not(:disabled):hover,
    .m-button-social:not(:disabled):focus-visible {
        filter: brightness(120%)
    }
}

.m-button-social:not(:disabled):active {
    filter: brightness(80%)
}

.m-button-social .m-preloader {
    position: absolute
}

.m-button-social--loading {
    pointer-events: none
}

.m-button-social--loading .m-preloader {
    color: var(--ic-color)
}

.m-button-social--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-social .m-loader-fade-enter-active,
.m-button-social .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-social .m-loader-fade-enter-from,
.m-button-social .m-loader-fade-leave-to {
    opacity: 0
}

.m-button-social:disabled,
.m-button-social[disabled=true] {
    --m-button-social-background: var(--color-button-social-background-disabled);
    --m-button-social-border-color: var(--color-button-social-border-disabled);
    --m-button-social-text-color: var(--color-button-social-text-disabled);
    --ic-border-color: var(--color-button-social-icon-container-border-disabled);
    cursor: not-allowed
}

.m-button-store {
    cursor: pointer;
    border-radius: var(--m-button-store-border-radius);
    padding: var(--m-button-store-padding);
    box-shadow: inset 0 0 0 2px var(--color-button-store-basic-border);
    background: var(--m-button-store-background);
    --ic-size: var(--m-button-store-icon-size);
    --ic-color: var(--m-button-store-icon-color);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .15s ease-in-out;
    display: flex
}

.m-button-store .m-icon-container,
.m-button-store-content {
    min-height: var(--m-button-store-content-min-height)
}

.m-button-store-content {
    padding: var(--m-button-store-content-padding);
    min-width: var(--m-button-store-content-min-width);
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.m-button-store-description {
    font: var(--m-button-store-description-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-button-store-description-color)
}

.m-button-store-text {
    font: var(--m-button-store-text-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-button-store-text-color)
}

.m-button-store--m {
    --m-button-store-content-min-height: var(--button-store-content-height-m, 30px);
    --m-button-store-padding: var(--button-store-expand-m, 4px 12px);
    --m-button-store-icon-size: var(--button-store-icon-size-m, 20px);
    --m-button-store-border-radius: var(--button-store-border-radius-m, 8px);
    --m-button-store-content-padding: var(--button-store-text-container-expand-m, 0 8px);
    --m-button-store-content-min-width: var(--button-store-text-container-min-width-m, 104px);
    --m-button-store-text-font: var(--font-button-store-text-m);
    --m-button-store-description-font: var(--font-button-store-description-m)
}

.m-button-store--l {
    --m-button-store-content-min-height: var(--button-store-content-height-m, 30px);
    --m-button-store-padding: var(--button-store-expand-l, 4px 12px);
    --m-button-store-icon-size: var(--button-store-icon-size-l, 20px);
    --m-button-store-border-radius: var(--button-store-border-radius-l, 8px);
    --m-button-store-content-padding: var(--button-store-text-container-expand-l, 0 8px);
    --m-button-store-content-min-width: var(--button-store-text-container-min-width-l, 104px);
    --m-button-store-text-font: var(--font-button-store-text-l);
    --m-button-store-description-font: var(--font-button-store-description-l)
}

.m-button-store--basic {
    --m-button-store-background: var(--color-button-store-basic-background);
    --m-button-store-background-pressed: var(--color-button-store-basic-background-active);
    --m-button-store-icon-color: var(--color-button-store-basic-icon);
    --m-button-store-icon-color-pressed: var(--color-button-store-basic-icon-active);
    --m-button-store-border-color: var(--color-button-store-basic-border);
    --m-button-store-border-color-pressed: var(--color-button-store-basic-border-active);
    --m-button-store-description-color: var(--color-button-store-basic-description);
    --m-button-store-description-color-pressed: var(--color-button-store-basic-description-active);
    --m-button-store-text-color: var(--color-button-store-basic-text);
    --m-button-store-text-color-pressed: var(--color-button-store-basic-text-active)
}

.m-button-store .m-preloader {
    position: absolute
}

.m-button-store--loading {
    pointer-events: none
}

.m-button-store--loading .m-preloader {
    color: var(--m-button-store-icon-color)
}

.m-button-store--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-store .m-loader-fade-enter-active,
.m-button-store .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-store .m-loader-fade-enter-from,
.m-button-store .m-loader-fade-leave-to {
    opacity: 0
}

@media not (any-pointer:coarse) {
    .m-button-store:hover,
    .m-button-store:focus-visible {
        filter: brightness(120%)
    }
}

.m-button-store:active {
    filter: brightness(80%)
}

.m-category-scroll {
    --sectionPadding: 16px;
    --gap-games: 8px;
    --item-width-default: 288px;
    --item-width-cols5: 172px;
    --item-width-cols6: 124px;
    --item-width-cols7: 130px;
    --item-width-cols9: 104px;
    width: 100%
}

.m-category-scroll__header {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px;
    display: flex
}

.m-category-scroll__wrapper {
    position: relative;
    overflow: hidden
}

.m-category-scroll__item {
    scroll-snap-align: start
}

.m-category-scroll__item:not(:last-child) {
    margin-right: var(--gap-games)
}

.m-category-scroll__content {
    width: 100%;
    margin: 0 calc(-1*var(--sectionPadding));
    padding: 0 var(--sectionPadding);
    scroll-padding: 0 var(--gap-games);
    -ms-overflow-style: none;
    scrollbar-width: none;
    --webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    scroll-padding-inline-start: var(--sectionPadding);
    scroll-padding-inline-end: var(--sectionPadding);
    display: flex;
    overflow-x: scroll
}

.m-category-scroll__content::-webkit-scrollbar {
    display: none
}

.m-category-scroll__content .m-category-scroll__item {
    flex: 0 0 var(--item-width-default);
    max-width: var(--item-width-default)
}

.m-category-scroll__content--cols5 .m-category-scroll__item {
    flex: 0 0 var(--item-width-cols5);
    max-width: var(--item-width-cols5)
}

.m-category-scroll__content--cols6 .m-category-scroll__item {
    flex: 0 0 var(--item-width-cols6);
    max-width: var(--item-width-cols6)
}

.m-category-scroll__content--cols6 .Card-HeartWrapper {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    top: -40px;
    right: 0
}

@media (min-width:960px) {
    .m-category-scroll__content--cols6 .Card-HeartWrapper {
        top: initial;
        right: initial;
        width: auto;
        height: auto;
        position: relative
    }
}

.m-category-scroll__content--cols7 .m-category-scroll__item {
    flex: 0 0 var(--item-width-cols7);
    max-width: var(--item-width-cols7)
}

.m-category-scroll__content--cols9 .m-category-scroll__item {
    flex: 0 0 var(--item-width-cols9);
    max-width: var(--item-width-cols9)
}

.m-category-scroll__content[snap=true] {
    scroll-snap-type: x mandatory
}

.m-category-scroll__content--disable-scroll-snap[snap=true] {
    scroll-snap-type: none
}

.m-prev-next-arrows {
    align-items: center;
    gap: 4px;
    display: inline-flex
}

.m-category-slider {
    width: 100%
}

.m-category-slider__header {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    display: flex
}

.m-category-slider__header>:nth-child(2) {
    margin-left: auto
}

.m-category-slider__header--sticky {
    z-index: 100;
    background: var(--color-dark-grey-0);
    margin-top: 50px;
    padding: 9px 0;
    position: sticky;
    top: 50px
}

@media (min-width:768px) {
    .m-category-slider__header--sticky {
        top: 62px
    }
}

@media (min-width:1248px) {
    .m-category-slider__header--sticky {
        top: 79px
    }
}

.m-category-slider__wrapper {
    position: relative;
    overflow: hidden
}

.m-category-slider__content {
    grid-gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid
}

@media (min-width:768px) {
    .m-category-slider__content--cols1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .m-category-slider__content--cols2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .m-category-slider__content--cols3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .m-category-slider__content--cols4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .m-category-slider__content--cols5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .m-category-slider__content--cols6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .m-category-slider__content--cols7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .m-category-slider__content--cols8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .m-category-slider__content--cols9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
}

.m-category-slider .slide-left-leave-active,
.m-category-slider .slide-right-leave-active {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.m-category-slider .slide-left-enter-active,
.m-category-slider .slide-left-leave-active,
.m-category-slider .slide-right-enter-active,
.m-category-slider .slide-right-leave-active {
    transition: all .25s ease-in-out
}

.m-category-slider .slide-left-enter,
.m-category-slider .slide-left-leave-to,
.m-category-slider .slide-right-enter,
.m-category-slider .slide-right-leave-to {
    opacity: 0;
    transform: translate(-50%)
}

.m-category-slider .slide-left-leave-to,
.m-category-slider .slide-right-leave-to {
    opacity: 0;
    transform: translate(50%)
}

.m-category-slider .slide-right-enter {
    transform: translate(50%)
}

.m-category-slider .slide-right-leave-to {
    transform: translate(-50%)
}

.m-checkbox {
    cursor: pointer;
    background-color: var(--m-checkbox-background-color, transparent);
    border-radius: var(--m-checkbox-border-radius);
    border: var(--m-checkbox-border-size)solid var(--m-checkbox-border-color);
    outline: var(--m-checkbox-outline-border-size)solid var(--m-checkbox-outline-color);
    transition: all .15s ease-in-out;
    display: inline-flex;
    position: relative
}

.m-checkbox input {
    z-index: -1;
    opacity: 0;
    position: absolute;
    inset: 0
}

.m-checkbox-checkmark {
    width: var(--m-checkbox-icon-size);
    height: var(--m-checkbox-icon-size);
    border-radius: var(--m-checkbox-border-radius);
    color: var(--m-checkbox-icon-color);
    display: flex
}

.m-checkbox--checked:not(.m-checkbox--unset),
.m-checkbox--indeterminate:not(.m-checkbox--unset) {
    --m-checkbox-background-color: var(--m-checkbox-checked-background-color);
    --m-checkbox-background-color-hover: var(--m-checkbox-checked-background-color-hover);
    --m-checkbox-background-color-focus: var(--m-checkbox-checked-background-color-focus);
    --m-checkbox-background-color-disabled: var(--m-checkbox-checked-background-color-disabled);
    --m-checkbox-border-color: var(--m-checkbox-checked-border-color);
    --m-checkbox-border-color-hover: var(--m-checkbox-checked-border-color-hover);
    --m-checkbox-border-color-focus: var(--m-checkbox-checked-border-color-focus);
    --m-checkbox-border-color-disabled: var(--m-checkbox-checked-border-color-disabled);
    --m-checkbox-outline-color-focus: var(--m-checkbox-outline-checked-color-focus)
}

@media not (any-pointer:coarse) {
    .m-checkbox:hover {
        --m-checkbox-checked-background-color: var(--m-checkbox-background-color-hover);
        --m-checkbox-border-color: var(--m-checkbox-border-color-hover);
        --m-checkbox-icon-color: var(--m-checkbox-icon-color-hover)
    }
}

.m-checkbox:has(input:focus) {
    --m-checkbox-checked-background-color: var(--m-checkbox-background-color-focus);
    --m-checkbox-border-color: var(--m-checkbox-border-color-focus);
    --m-checkbox-outline-color: var(--m-checkbox-outline-color-focus);
    --m-checkbox-icon-color: var(--m-checkbox-icon-color-focus)
}

.m-checkbox--disabled:not(#i#i#i) {
    --m-checkbox-checked-background-color: var(--m-checkbox-background-color-disabled);
    --m-checkbox-border-color: var(--m-checkbox-border-color-disabled);
    --m-checkbox-outline-color: transparent;
    --m-checkbox-icon-color: var(--m-checkbox-icon-color-disabled);
    cursor: not-allowed
}

.m-checkbox--s {
    --m-checkbox-icon-size: var(--selector-checkbox-icon-size-s, 12px);
    --m-checkbox-border-radius: var(--selector-checkbox-border-radius-s, 4px);
    --m-checkbox-border-size: var(--selector-border-size-s, 2px);
    --m-checkbox-padding: var(--selector-checkbox-expand-s, 2px);
    --m-checkbox-outline-border-size: var(--selector-border-size-s, 2px)
}

.m-checkbox--m {
    --m-checkbox-icon-size: var(--selector-checkbox-icon-size-m, 12px);
    --m-checkbox-border-radius: var(--selector-checkbox-border-radius-m, 4px);
    --m-checkbox-border-size: var(--selector-border-size-m, 2px);
    --m-checkbox-padding: var(--selector-checkbox-expand-m, 2px);
    --m-checkbox-outline-border-size: var(--selector-border-size-m, 2px)
}

.m-checkbox--primary {
    --m-checkbox-checked-background-color: var(--color-selector-primary-checked-background);
    --m-checkbox-checked-background-color-hover: var(--color-selector-primary-checked-background-hover);
    --m-checkbox-checked-background-color-focus: var(--color-selector-primary-checked-background-focus);
    --m-checkbox-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled);
    --m-checkbox-border-color: var(--color-selector-primary-background);
    --m-checkbox-border-color-hover: var(--color-selector-primary-background-hover);
    --m-checkbox-border-color-focus: var(--color-selector-primary-background-focus);
    --m-checkbox-border-color-disabled: var(--color-selector-primary-background-disabled);
    --m-checkbox-checked-border-color: var(--color-selector-primary-checked-background);
    --m-checkbox-checked-border-color-hover: var(--color-selector-primary-checked-background-hover);
    --m-checkbox-checked-border-color-focus: var(--color-selector-primary-checked-background-focus);
    --m-checkbox-checked-border-color-disabled: var(--color-selector-primary-checked-background-disabled);
    --m-checkbox-icon-color: var(--color-selector-primary-checked-element);
    --m-checkbox-icon-color-hover: var(--color-selector-primary-checked-element-hover);
    --m-checkbox-icon-color-focus: var(--color-selector-primary-checked-element-focus);
    --m-checkbox-icon-color-disabled: var(--color-selector-primary-checked-element-disabled);
    --m-checkbox-outline-color-focus: var(--color-selector-primary-outside-border-focus);
    --m-checkbox-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus)
}

.m-checkbox--basic {
    --m-checkbox-checked-background-color: var(--color-selector-basic-checked-background);
    --m-checkbox-checked-background-color-hover: var(--color-selector-basic-checked-background-hover);
    --m-checkbox-checked-background-color-focus: var(--color-selector-basic-checked-background-focus);
    --m-checkbox-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled);
    --m-checkbox-border-color: var(--color-selector-basic-background);
    --m-checkbox-border-color-hover: var(--color-selector-basic-background-hover);
    --m-checkbox-border-color-focus: var(--color-selector-basic-background-focus);
    --m-checkbox-border-color-disabled: var(--color-selector-basic-background-disabled);
    --m-checkbox-checked-border-color: var(--color-selector-basic-checked-background);
    --m-checkbox-checked-border-color-hover: var(--color-selector-basic-checked-background-hover);
    --m-checkbox-checked-border-color-focus: var(--color-selector-basic-checked-background-focus);
    --m-checkbox-checked-border-color-disabled: var(--color-selector-basic-checked-background-disabled);
    --m-checkbox-icon-color: var(--color-selector-basic-checked-element);
    --m-checkbox-icon-color-hover: var(--color-selector-basic-checked-element-hover);
    --m-checkbox-icon-color-focus: var(--color-selector-basic-checked-element-focus);
    --m-checkbox-icon-color-disabled: var(--color-selector-basic-checked-element-disabled);
    --m-checkbox-outline-color-focus: var(--color-selector-basic-outside-border-focus);
    --m-checkbox-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus)
}

.m-counter {
    padding: var(--m-counter-padding);
    background: var(--m-counter-background);
    color: var(--m-counter-text-color);
    box-shadow: inset 0 0 0 var(--m-counter-border-width, 2px)var(--m-counter-border-color);
    border-radius: var(--m-counter-border-radius);
    height: var(--m-counter-size);
    min-width: var(--m-counter-size);
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.m-counter-content {
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.m-counter--primary {
    --m-counter-background: var(--color-counter-primary-background);
    --m-counter-border-color: var(--color-counter-primary-border, transparent);
    --m-counter-text-color: var(--color-counter-primary-text)
}

.m-counter--secondary {
    --m-counter-background: var(--color-counter-secondary-background);
    --m-counter-border-color: var(--color-counter-secondary-border, transparent);
    --m-counter-text-color: var(--color-counter-secondary-text)
}

.m-counter--info {
    --m-counter-background: var(--color-counter-info-background);
    --m-counter-border-color: var(--color-counter-info-border, transparent);
    --m-counter-text-color: var(--color-counter-info-text)
}

.m-counter--minor {
    --m-counter-background: var(--color-counter-minor-background);
    --m-counter-border-color: var(--color-counter-minor-border, transparent);
    --m-counter-text-color: var(--color-counter-minor-text)
}

.m-counter--success {
    --m-counter-background: var(--color-counter-success-background);
    --m-counter-border-color: var(--color-counter-success-border, transparent);
    --m-counter-text-color: var(--color-counter-success-text)
}

.m-counter--attention {
    --m-counter-background: var(--color-counter-attention-background);
    --m-counter-border-color: var(--color-counter-attention-border, transparent);
    --m-counter-text-color: var(--color-counter-attention-text)
}

.m-counter--warning {
    --m-counter-background: var(--color-counter-warning-background);
    --m-counter-border-color: var(--color-counter-warning-border, transparent);
    --m-counter-text-color: var(--color-counter-warning-text)
}

.m-counter--danger {
    --m-counter-background: var(--color-counter-danger-background);
    --m-counter-border-color: var(--color-counter-danger-border, transparent);
    --m-counter-text-color: var(--color-counter-danger-text)
}

.m-counter--light {
    --m-counter-background: var(--color-counter-light-background);
    --m-counter-border-color: var(--color-counter-light-border, transparent);
    --m-counter-text-color: var(--color-counter-light-text)
}

.m-counter--dark {
    --m-counter-background: var(--color-counter-dark-background);
    --m-counter-border-color: var(--color-counter-dark-border, transparent);
    --m-counter-text-color: var(--color-counter-dark-text)
}

.m-counter--transparent {
    --m-counter-background: var(--color-counter-transparent-background);
    --m-counter-border-color: var(--color-counter-transparent-border, transparent);
    --m-counter-text-color: var(--color-counter-transparent-text)
}

.m-counter--vip {
    --m-counter-background: var(--color-counter-vip-background);
    --m-counter-border-color: var(--color-counter-vip-border, transparent);
    --m-counter-text-color: var(--color-counter-vip-text)
}

.m-counter--xs {
    --m-counter-padding: var(--counter-expand-xs);
    --m-counter-border-width: var(--counter-border-size-xs, 2px);
    --m-counter-size: var(--counter-size-xs);
    font: var(--font-counter-text-xs);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-counter-text-xs-ls);
    --m-counter-border-radius: var(--counter-border-radius-xs)
}

.m-counter--s {
    --m-counter-padding: var(--counter-expand-s);
    --m-counter-border-width: var(--counter-border-size-s, 2px);
    --m-counter-size: var(--counter-size-s);
    font: var(--font-counter-text-s);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-counter-text-s-ls);
    --m-counter-border-radius: var(--counter-border-radius-s)
}

.m-counter--m {
    --m-counter-padding: var(--counter-expand-m);
    --m-counter-border-width: var(--counter-border-size-m, 2px);
    --m-counter-size: var(--counter-size-m);
    font: var(--font-counter-text-m);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-counter-text-m-ls);
    --m-counter-border-radius: var(--counter-border-radius-m)
}

.m-counter--l {
    --m-counter-padding: var(--counter-expand-l);
    --m-counter-border-width: var(--counter-border-size-l, 2px);
    --m-counter-size: var(--counter-size-l);
    font: var(--font-counter-text-l);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-counter-text-l-ls);
    --m-counter-border-radius: var(--counter-border-radius-l)
}

.m-counter--xl {
    --m-counter-padding: var(--counter-expand-xl);
    --m-counter-border-width: var(--counter-border-size-xl, 2px);
    --m-counter-size: var(--counter-size-xl);
    font: var(--font-counter-text-xl);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-counter-text-xl-ls);
    --m-counter-border-radius: var(--counter-border-radius-xl)
}

.m-currency-converted {
    flex-shrink: 0;
    position: relative
}

.m-currency-converted-enabled {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.m-currency-converted-hidden {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0 !important
}

.m-currency-converted>div,
.m-currency-converted span {
    white-space: nowrap;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

.m-currency-converted-primary {
    align-items: center;
    gap: 6px;
    display: flex
}

.m-currency-converted-inverted .m-currency-converted-primary {
    text-align: right;
    flex-direction: row-reverse
}

.m-dropdown-content {
    z-index: 3000;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    position: absolute
}

.m-dropdown-content ul {
    margin: 0;
    list-style: none
}

.m-slide-fade-enter-active {
    transition: all .2s cubic-bezier(1, 0, 1, 0)
}

.m-slide-fade-leave-active {
    transition: all .15s cubic-bezier(1, .5, .8, 1)
}

.m-slide-fade-enter-from,
.m-slide-fade-leave-to {
    opacity: 0;
    transform: translateY(10px)
}

.m-dropdown-menu {
    border-radius: var(--m-dropdown-menu-border-radius);
    background: var(--m-dropdown-menu-background);
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--color-scrollbar-background)transparent;
    outline: var(--m-dropdown-menu-border-width)solid var(--m-dropdown-menu-border-color);
    overflow: auto
}

.m-dropdown-menu-list {
    height: 100%;
    padding: var(--m-dropdown-menu-padding);
    margin: 0;
    list-style: none
}

.m-dropdown-menu::-webkit-scrollbar {
    width: 0;
    height: 0
}

.m-dropdown-menu--s {
    --m-dropdown-menu-border-radius: var(--dropdown-border-radius-s, 6px);
    --m-dropdown-menu-border-width: var(--dropdown-border-size-s, 2px);
    --m-dropdown-menu-padding: var(--dropdown-expand-s, 6px 0)
}

.m-dropdown-menu--m {
    --m-dropdown-menu-border-radius: var(--dropdown-border-radius-m, 6px);
    --m-dropdown-menu-border-width: var(--dropdown-border-size-m, 2px);
    --m-dropdown-menu-padding: var(--dropdown-expand-m, 6px 0)
}

.m-dropdown-menu--basic {
    --m-dropdown-menu-background: var(--color-dropdown-basic-background);
    --m-dropdown-menu-border-color: var(--color-dropdown-basic-border)
}

.m-dropdown-row {
    cursor: pointer;
    background: var(--m-dropdown-background);
    color: var(--m-dropdown-text-color);
    padding: var(--m-dropdown-row-padding);
    justify-content: space-between;
    align-items: center;
    gap: var(--m-dropdown-row-content-spacing);
    font: var(--m-dropdown-row-font);
    font-variant-numeric: var(--font-variant-numeric);
    outline: none;
    flex-direction: row;
    margin: 0;
    list-style: none;
    transition: all .15s ease-in-out;
    display: flex
}

.m-dropdown-row-content {
    min-height: var(--m-dropdown-content-height);
    justify-content: center;
    gap: var(--m-dropdown-row-text-spacing);
    flex-direction: column;
    flex: 1;
    display: flex
}

.m-dropdown-row-content-text {
    align-items: center;
    gap: var(--m-dropdown-row-content-spacing);
    display: flex
}

.m-dropdown-row-content-text:empty {
    display: none
}

.m-dropdown-row-content-description {
    font: var(--m-dropdown-row-font-description);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-dropdown-description-color)
}

.m-dropdown-row-content-description:empty {
    display: none
}

.m-dropdown-row--s {
    --m-dropdown-content-height: var(--dropdown-row-content-height-s, 32px);
    --m-dropdown-row-padding: var(--dropdown-row-expand-s, 8px 16px);
    --m-dropdown-row-content-spacing: var(--dropdown-row-content-spacing-s, 8px);
    --m-dropdown-row-text-spacing: var(--dropdown-row-text-container-spacing-s, 4px);
    --m-dropdown-row-font: var(--font-dropdown-text-s, var(--font-body-semi-bold-s));
    --m-dropdown-row-font-description: var(--font-dropdown-description-s, var(--font-body-semi-bold-xs));
    letter-spacing: var(--font-dropdown-text-ls, 0);
    text-transform: var(--font-dropdown-text-transform, unset);
    --ic-size: var(--dropdown-row-icon-container-icon-size-s, 22px);
    --ic-padding: var(--dropdown-row-icon-container-expand-s, 0)
}

.m-dropdown-row--m {
    --m-dropdown-content-height: var(--dropdown-row-content-height-m, 32px);
    --m-dropdown-row-padding: var(--dropdown-row-expand-m, 8px 16px);
    --m-dropdown-row-content-spacing: var(--dropdown-row-content-spacing-m, 8px);
    --m-dropdown-row-text-spacing: var(--dropdown-row-text-container-spacing-m, 4px);
    --m-dropdown-row-font: var(--font-dropdown-text-m, var(--font-body-semi-bold-s));
    --m-dropdown-row-font-description: var(--font-dropdown-description-m, var(--font-body-semi-bold-xs));
    letter-spacing: var(--font-dropdown-text-ls, 0);
    text-transform: var(--font-dropdown-text-transform, unset);
    --ic-size: var(--dropdown-row-icon-container-icon-size-m, 22px);
    --ic-padding: var(--dropdown-row-icon-container-expand-m, 0)
}

.m-dropdown-row--basic {
    --m-dropdown-background: transparent;
    --m-dropdown-background-hover: var(--color-dropdown-basic-row-background-hover);
    --m-dropdown-background-pressed: var(--color-dropdown-basic-row-background-active);
    --m-dropdown-background-selected: var(--color-dropdown-basic-row-background-primary);
    --m-dropdown-text-color: var(--color-dropdown-basic-row-text);
    --m-dropdown-text-color-hover: var(--color-dropdown-basic-row-text-hover);
    --m-dropdown-text-color-pressed: var(--color-dropdown-basic-row-text-active);
    --m-dropdown-text-color-selected: var(--color-dropdown-basic-row-text-primary);
    --m-dropdown-description-color: var(--color-dropdown-basic-row-description);
    --m-dropdown-description-color-hover: var(--color-dropdown-basic-row-description-hover);
    --m-dropdown-description-color-pressed: var(--color-dropdown-basic-row-description-active);
    --m-dropdown-description-color-selected: var(--color-dropdown-basic-row-description-primary);
    --ic-color: var(--color-dropdown-basic-row-icon-container-icon);
    --ic-color-hover: var(--color-dropdown-basic-row-icon-container-icon-hover);
    --ic-color-pressed: var(--color-dropdown-basic-row-icon-container-icon-active);
    --ic-color-selected: var(--color-dropdown-basic-row-icon-container-icon-primary)
}

.m-dropdown-row:hover,
.m-dropdown-row:focus-visible,
.m-dropdown-row--focused {
    --m-dropdown-background: var(--m-dropdown-background-hover);
    --m-dropdown-text-color: var(--m-dropdown-text-color-hover);
    --m-dropdown-description-color: var(--m-dropdown-description-color-hover);
    --ic-color: var(--ic-color-hover)
}

.m-dropdown-row:active {
    --m-dropdown-background: var(--m-dropdown-background-pressed);
    --m-dropdown-text-color: var(--m-dropdown-text-color-pressed);
    --m-dropdown-description-color: var(--m-dropdown-description-color-pressed);
    --ic-color: var(--ic-color-pressed)
}

.m-dropdown-row--selected {
    --m-dropdown-background: var(--m-dropdown-background-selected);
    --m-dropdown-text-color: var(--m-dropdown-text-color-selected);
    --m-dropdown-description-color: var(--m-dropdown-description-color-selected);
    --ic-color: var(--ic-color-selected)
}

.m-dropdown-row .m-icon-container:empty,
.m-dropdown-row-content-text:empty,
.m-dropdown-row-content-description:empty {
    display: none
}

.m-form-field-label {
    color: var(--color-field-basic-label, var(--color-light-grey-5));
    font: var(--font-field-vertical-label);
    font-variant-numeric: var(--font-variant-numeric);
    display: block
}

.m-form-field-label--horizontal {
    font: var(--font-field-horizontal-label);
    font-variant-numeric: var(--font-variant-numeric)
}

.m-form-field-label.asterix:after {
    content: "*";
    margin-left: var(--field-vertical-text-spaсing, 4px);
    color: var(--color-field-basic-description-error)
}

.m-form-field {
    gap: var(--field-vertical-text-spaсing);
    --m-form-field-description-font: var(--font-field-vertical-description);
    flex-direction: column;
    display: flex
}

.m-form-field-horizontal {
    --m-form-field-description-font: var(--font-field-horizontal-description);
    flex-direction: row;
    align-items: center;
    gap: 12px;
    font-weight: 500
}

.m-form-field-invert {
    flex-direction: row-reverse
}

.m-form-field--apply {
    --m-form-validation-border: var(--base)
}

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

.m-form-field--error .m-textarea-counter {
    --label: var(--base)
}

.m-form-field--success {
    --base: var(--color-input-basic-success-border)
}

.m-form-field-description,
.m-form-field-message {
    font: var(--m-form-field-description-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--color-field-basic-description);
    padding: var(--field-vertical-text-expand)
}

.m-info-block {
    --info-icon-size: 52px;
    --info-icon-background: var(--color-background-surface-2);
    --info-icon-color: var(--color-mid-grey-5);
    --info-icon-gap: 12px;
    --info-title-gap: 0;
    --info-title-font: var(--font-body-semi-bold-l);
    --info-title-color: var(--color-text-title);
    --info-message-font: var(--font-body-regular-s);
    --info-message-color: var(--color-modal-description);
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex
}

.m-info-block-icon {
    width: var(--info-icon-size);
    height: var(--info-icon-size);
    background: var(--info-icon-background-placeholder, var(--info-icon-background));
    margin-bottom: var(--info-icon-gap);
    border-radius: var(--info-icon-radius);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.m-info-block-icon svg,
.m-info-block-icon img {
    width: var(--info-icon-scale);
    height: var(--info-icon-scale);
    color: var(--info-icon-color)
}

.m-info-block-title {
    font: var(--info-title-font);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform);
    color: var(--info-title-color);
    margin-bottom: var(--info-title-gap)
}

.m-info-block-message {
    font: var(--info-message-font);
    font-variant-numeric: var(--font-variant-numeric);
    text-align: center;
    color: var(--color-modal-description)
}

.m-info-block--large {
    --info-title-font: var(--info-l-font);
    --info-message-font: var(--font-body-regular-l);
    --info-icon-size: var(--info-l-icon-size);
    --info-icon-gap: var(--info-l-icon-gap);
    --info-title-gap: var(--info-l-title-gap)
}

@media (any-pointer:coarse) {
    .m-info-block--large {
        --info-title-font: var(--info-l-mobile-font);
        --info-title-gap: var(--info-l-mobile-title-gap)
    }
}

.m-info-block--small {
    --info-title-font: var(--font-body-semi-bold-m);
    --info-icon-size: 40px;
    --info-icon-gap: 8px
}

.m-info-block--frameless-icon {
    --info-icon-size: var(--modal-body-status-size-desktop)
}

.m-info-block--frameless-icon .m-info-block-icon {
    background: 0 0
}

.m-info-block--frameless-icon .m-info-block-icon svg {
    height: var(--info-icon-size);
    width: var(--info-icon-size)
}

@media (any-pointer:coarse) {
    .m-info-block--frameless-icon .m-info-block-icon {
        --info-icon-size: var(--modal-body-status-size-mobile)
    }
}

.m-info-block--primary {
    --info-icon-color: var(--color-text-primary)
}

.m-info-block--success {
    --info-icon-color: var(--color-text-success)
}

.m-info-block--attention {
    --info-icon-color: var(--color-text-attention)
}

.m-info-block--warning {
    --info-icon-color: var(--color-text-warning)
}

.m-info-block--danger {
    --info-icon-color: var(--color-text-danger)
}

.m-info-block--basic {
    --info-icon-color: var(--color-text-base)
}

.m-info-block--info {
    --info-icon-color: var(--color-text-info)
}

@keyframes autofill {
    to {
        color: inherit;
        background: 0 0 !important
    }
}

.m-input {
    --m-input-outline-color: transparent;
    --m-input-outline-color--hover: transparent;
    --ic-color: var(--m-input-icon-color);
    --ic-size: var(--m-input-icon-size);
    --placeholder-opacity: 1;
    align-items: center;
    gap: var(--m-input-content-gap);
    height: var(--m-input-height);
    padding: var(--m-input-padding);
    color: var(--m-input-text-color);
    background: var(--m-input-background);
    box-shadow: 0 0 0 var(--m-input-outline-width)var(--m-input-outline-color);
    border-radius: var(--m-input-border-radius);
    border-style: solid;
    border-width: var(--input-border-fixed-width, var(--m-input-border-width));
    border-color: var(--m-form-validation-border, var(--m-input-border-color));
    cursor: pointer;
    transition: all .15s ease-in-out;
    display: flex;
    position: relative
}

.m-input.m-gradient-border {
    --gradient-width: var(--m-input-border-width);
    --gradient-color: var(--m-input-border-color);
    --gradient-fixed-border-color: var(--m-input-border-color)
}

.m-input--s {
    --m-input-border-width: var(--input-border-size-s);
    --m-input-border-radius: var(--input-border-radius-s);
    --m-input-outline-width: var(--input-outside-border-size-s);
    --m-input-padding: var(--input-expand-s);
    --m-input-label-font: var(--font-input-label-s);
    --m-input-label-font--focus: var(--font-input-label-focus-s);
    --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-s);
    --m-input-text-line-height: var(--font-line-height-input-placeholder-s);
    --m-input-text-font: var(--font-input-value-s);
    --m-input-text-padding: var(--input-text-container-expand-s);
    --m-input-height: var(--input-height-s);
    --m-input-content-gap: var(--input-content-spacing-s);
    --m-input-row-gap: var(--input-text-container-vertical-spacing-s, 0px);
    --m-input-icon-size: var(--input-icon-container-icon-size-s);
    --ic-padding: var(--input-icon-container-expand-s, 0)
}

.m-input--m {
    --m-input-border-width: var(--input-border-size-m);
    --m-input-border-radius: var(--input-border-radius-m);
    --m-input-outline-width: var(--input-outside-border-size-m);
    --m-input-padding: var(--input-expand-m);
    --m-input-label-font: var(--font-input-label-m);
    --m-input-label-font--focus: var(--font-input-label-focus-m);
    --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-m);
    --m-input-text-line-height: var(--font-line-height-input-placeholder-m);
    --m-input-text-font: var(--font-input-value-m);
    --m-input-text-padding: var(--input-text-container-expand-m);
    --m-input-height: var(--input-height-m);
    --m-input-content-gap: var(--input-content-spacing-m);
    --m-input-row-gap: var(--input-text-container-vertical-spacing-m, 0px);
    --m-input-icon-size: var(--input-icon-container-icon-size-m);
    --ic-padding: var(--input-icon-container-expand-m, 0)
}

.m-input--l {
    --m-input-border-width: var(--input-border-size-l);
    --m-input-border-radius: var(--input-border-radius-l);
    --m-input-outline-width: var(--input-outside-border-size-l);
    --m-input-padding: var(--input-expand-l);
    --m-input-label-font: var(--font-input-label-l);
    --m-input-label-font--focus: var(--font-input-label-focus-l);
    --m-input-label-line-height--focus: var(--font-line-height-input-label-focus-l);
    --m-input-text-line-height: var(--font-line-height-input-placeholder-l);
    --m-input-text-font: var(--font-input-value-l);
    --m-input-text-padding: var(--input-text-container-expand-l);
    --m-input-height: var(--input-height-l);
    --m-input-content-gap: var(--input-content-spacing-l);
    --m-input-row-gap: var(--input-text-container-vertical-spacing-l, 0px);
    --m-input-icon-size: var(--input-icon-container-icon-size-l);
    --ic-padding: var(--input-icon-container-expand-l, 0)
}

.m-input--basic {
    --m-input-outline-color--focus: var(--color-input-basic-outside-border-focus);
    --m-input-border-color: var(--color-input-basic-border);
    --m-input-border-color--hover: var(--color-input-basic-border-hover);
    --m-input-border-color--focus: var(--color-input-basic-border-focus);
    --m-input-border-color--disabled: var(--color-input-basic-border-disabled);
    --m-input-background: var(--color-input-basic-background);
    --m-input-background--hover: var(--color-input-basic-background-hover);
    --m-input-background--focus: var(--color-input-basic-background-focus);
    --m-input-background--disabled: var(--color-input-basic-background-disabled);
    --m-input-label-color: var(--color-input-basic-label);
    --m-input-label-color--hover: var(--color-input-basic-label-hover);
    --m-input-label-color--focus: var(--color-input-basic-label-focus);
    --m-input-label-color--disabled: var(--color-input-basic-label-disabled);
    --m-input-text-color: var(--color-input-basic-value);
    --m-input-text-color--hover: var(--color-input-basic-value-hover);
    --m-input-text-color--focus: var(--color-input-basic-value-hover);
    --m-input-text-color--disabled: var(--color-input-basic-value-disabled);
    --m-input-icon-color: var(--color-input-basic-icon-container-icon);
    --m-input-icon-color--hover: var(--color-input-basic-icon-container-icon-hover);
    --m-input-icon-color--focus: var(--color-input-basic-icon-container-icon-focus);
    --m-input-icon-color--disabled: var(--color-input-basic-icon-container-icon-disabled)
}

.m-input--dark {
    --m-input-outline-color--focus: var(--color-input-dark-outside-border-focus);
    --m-input-border-color: var(--color-input-dark-border);
    --m-input-border-color--hover: var(--color-input-dark-border-hover);
    --m-input-border-color--focus: var(--color-input-dark-border-focus);
    --m-input-border-color--disabled: var(--color-input-dark-border-disabled);
    --m-input-background: var(--color-input-dark-background);
    --m-input-background--hover: var(--color-input-dark-background-hover);
    --m-input-background--focus: var(--color-input-dark-background-focus);
    --m-input-background--disabled: var(--color-input-dark-background-disabled);
    --m-input-label-color: var(--color-input-dark-label);
    --m-input-label-color--hover: var(--color-input-dark-label-hover);
    --m-input-label-color--focus: var(--color-input-dark-label-focus);
    --m-input-label-color--disabled: var(--color-input-dark-label-disabled);
    --m-input-text-color: var(--color-input-dark-value);
    --m-input-text-color--hover: var(--color-input-dark-value-hover);
    --m-input-text-color--focus: var(--color-input-dark-value-hover);
    --m-input-text-color--disabled: var(--color-input-dark-value-disabled);
    --m-input-icon-color: var(--color-input-dark-icon-container-icon);
    --m-input-icon-color--hover: var(--color-input-dark-icon-container-icon-hover);
    --m-input-icon-color--focus: var(--color-input-dark-icon-container-icon-focus);
    --m-input-icon-color--disabled: var(--color-input-dark-icon-container-icon-disabled)
}

@media not (any-pointer:coarse) {
    .m-input:hover:not(.m-input--focused) {
        --m-input-outline-color: var(--m-input-outline-color--hover);
        --m-input-border-color: var(--m-input-border-color--hover);
        --m-input-text-color: var(--m-input-text-color--hover);
        --m-input-label-color: var(--m-input-label-color--hover);
        --m-input-background: var(--m-input-background--hover);
        --m-input-icon-color: var(--m-input-icon-color--hover)
    }
}

.m-input--focused {
    --m-input-outline-color: var(--m-form-validation-outline, var(--m-input-outline-color--focus));
    --m-input-border-color: var(--m-input-border-color--focus);
    --m-input-text-color: var(--m-input-text-color--focus);
    --m-input-label-color: var(--m-input-label-color--focus);
    --m-input-background: var(--m-input-background--focus);
    --m-input-icon-color: var(--m-input-icon-color--focus)
}

.m-input--disabled,
.m-input--disabled input {
    cursor: not-allowed
}

.m-input--disabled:not(#i#i#i),
.m-input--readonly:not(#i#i#i) {
    --m-input-text-color: var(--m-input-text-color--disabled);
    --m-input-background: var(--m-input-background--disabled);
    --m-input-outline-color: transparent;
    --m-input-border-color: var(--m-input-border-color--disabled);
    --m-input-label-color: var(--m-input-label-color--disabled);
    --m-input-icon-color: var(--m-input-icon-color--disabled)
}

.m-input-content {
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.m-input-content-label {
    font: var(--m-input-label-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-input-label-color);
    padding: var(--m-input-text-padding);
    transform-origin: 0 0;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    transition: all .15s;
    position: absolute;
    overflow: hidden
}

.m-input-content input,
.m-input-content textarea {
    font: var(--m-input-text-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-input-text-color);
    box-shadow: none;
    width: 100%;
    padding: var(--m-input-text-padding);
    text-overflow: ellipsis;
    opacity: 1;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    border: none;
    outline: none
}

.m-input-content input::placeholder,
.m-input-content textarea::placeholder {
    color: var(--color-mid-grey-3);
    opacity: var(--placeholder-opacity);
    transition: opacity .2s
}

.m-input-content input:placeholder-shown,
.m-input-content textarea:placeholder-shown {
    text-overflow: ellipsis
}

.m-input-content input:focus::placeholder,
.m-input-content textarea:focus::placeholder {
    --placeholder-opacity: 1
}

.m-input-content input:focus:not([readonly]),
.m-input-content input:not(:placeholder-shown),
.m-input-content textarea:focus:not([readonly]),
.m-input-content textarea:not(:placeholder-shown) {
    appearance: none;
    -webkit-appearance: none !important
}

.m-input-content input:-webkit-autofill {
    appearance: none;
    -webkit-appearance: none !important
}

.m-input-content textarea:-webkit-autofill {
    appearance: none;
    -webkit-appearance: none !important
}

.m-input-content input:focus:not([readonly])+.m-input-content-label,
.m-input-content input:not(:placeholder-shown)+.m-input-content-label,
.m-input-content textarea:focus:not([readonly])+.m-input-content-label,
.m-input-content textarea:not(:placeholder-shown)+.m-input-content-label {
    --m-input-label-font: var(--m-input-label-font--focus);
    transform: translateY(calc(var(--m-input-text-line-height)/-2))
}

.m-input-content input:-webkit-autofill+.m-input-content-label {
    --m-input-label-font: var(--m-input-label-font--focus);
    transform: translateY(calc(var(--m-input-text-line-height)/-2))
}

.m-input-content textarea:-webkit-autofill+.m-input-content-label {
    --m-input-label-font: var(--m-input-label-font--focus);
    transform: translateY(calc(var(--m-input-text-line-height)/-2))
}

.m-input-content input:has(+.m-input-content-label),
.m-input-content textarea:has(+.m-input-content-label) {
    margin-top: var(--m-input-label-line-height--focus);
    --placeholder-opacity: 0
}

.m-input-content input[disabled-without-style=true],
.m-input-content textarea[disabled-without-style=true] {
    pointer-events: none
}

.m-input-content input:-webkit-autofill {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content input:-webkit-autofill:hover {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content input:-webkit-autofill:focus {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content input:-webkit-autofill:active {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content textarea:-webkit-autofill {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content textarea:-webkit-autofill:hover {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content textarea:-webkit-autofill:focus {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-content textarea:-webkit-autofill:active {
    -webkit-background-clip: text;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: var(--m-input-text-color) !important
}

.m-input-prepend,
.m-input-append {
    align-items: center;
    gap: var(--m-input-content-gap);
    display: flex
}

.m-input-prepend img,
.m-input-prepend svg,
.m-input-append img,
.m-input-append svg {
    width: var(--ic-size);
    height: var(--ic-size);
    color: var(--ic-color)
}

.m-input--basic.m-input--wow:before,
.m-input--basic.m-input--wow:after {
    background-image: var(--wow-input-basic-sprite, none), var(--wow-input-basic-sprite, none)
}

.m-input--dark.m-input--wow {
    --m-input-outline-color--focus: var(--color-input-basic-outside-border-focus);
    --m-input-border-color: var(--color-input-basic-border);
    --m-input-border-color--hover: var(--color-input-basic-border-hover);
    --m-input-border-color--focus: var(--color-input-basic-border-focus);
    --m-input-border-color--disabled: var(--color-input-basic-border-disabled);
    --m-input-background: var(--color-input-basic-background);
    --m-input-background--hover: var(--color-input-basic-background-hover);
    --m-input-background--focus: var(--color-input-basic-background-focus);
    --m-input-background--disabled: var(--color-input-basic-background-disabled);
    --m-input-label-color: var(--color-input-basic-label);
    --m-input-label-color--hover: var(--color-input-basic-label-hover);
    --m-input-label-color--focus: var(--color-input-basic-label-focus);
    --m-input-label-color--disabled: var(--color-input-basic-label-disabled);
    --m-input-text-color: var(--color-input-basic-value);
    --m-input-text-color--hover: var(--color-input-basic-value-hover);
    --m-input-text-color--focus: var(--color-input-basic-value-hover);
    --m-input-text-color--disabled: var(--color-input-basic-value-disabled);
    --m-input-icon-color: var(--color-input-basic-icon-container-icon);
    --m-input-icon-color--hover: var(--color-input-basic-icon-container-icon-hover);
    --m-input-icon-color--focus: var(--color-input-basic-icon-container-icon-focus);
    --m-input-icon-color--disabled: var(--color-input-basic-icon-container-icon-disabled)
}

.m-input--dark.m-input--wow:before,
.m-input--dark.m-input--wow:after {
    background-image: var(--wow-input-basic-sprite, none), var(--wow-input-basic-sprite, none)
}

.m-input--wow:before,
.m-input--wow:after {
    content: "";
    pointer-events: none;
    top: calc(-1*var(--input-border-fixed-width, var(--m-input-border-width)));
    right: calc(-1*var(--input-border-fixed-width, var(--m-input-border-width)));
    bottom: calc(-1*var(--input-border-fixed-width, var(--m-input-border-width)));
    left: calc(-1*var(--input-border-fixed-width, var(--m-input-border-width)));
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 180px 32px;
    margin: auto;
    position: absolute
}

.m-input--wow:before {
    background-position: right -90px top 0, left -90px bottom 0;
    width: 45px
}

.m-input--wow:after {
    background-position: right -135px top 50%, -135px;
    height: 45px
}

#m-modal-wrapper {
    z-index: 3000;
    position: fixed
}

.m-modal {
    z-index: 3000;
    --m-modal-header-height: var(--modal-header-min-height-mobile);
    --m-modal-header-spacing: var(--modal-header-horizontal-spacing-mobile);
    --m-modal-header-padding: 0 var(--modal-right-expand-mobile);
    --m-modal-title-padding: var(--modal-header-text-container-expand-mobile);
    --m-modal-content-padding: var(--modal-top-expand-mobile)var(--modal-right-expand-mobile)var(--modal-bottom-expand-mobile)var(--modal-left-expand-mobile);
    --m-modal-footer-horizontal-spacing: var(--modal-footer-horizontal-spacing-mobile);
    --m-modal-footer-vertical-spacing: var(--modal-footer-vertical-spacing-mobile);
    --m-modal-close-top-offset: var(--modal-body-button-close-top-expand-mobile);
    --m-modal-close-right-offset: var(--modal-right-expand-mobile);
    --m-modal-close-margin: var(--modal-header-text-container-expand-mobile);
    --m-modal-header-font: var(--font-modal-header-mobile);
    --m-modal-title-font: var(--font-modal-body-text-mobile);
    --m-modal-description-font: var(--font-modal-description-mobile);
    --m-modal-info-padding: var(--modal-body-expand-mobile);
    --m-modal-content-spacing: var(--modal-body-content-spacing-mobile);
    --m-modal-info-text-spacing: var(--modal-body-text-container-spacing-mobile);
    --m-modal-info-icon-radius: var(--modal-body-status-border-radius-mobile);
    --m-modal-info-icon-size: var(--modal-body-status-size-mobile);
    --m-modal-form-spacing: var(--modal-body-form-spacing-mobile);
    --m-modal-border-radius: var(--modal-border-radius-mobile);
    --m-modal-border-size: var(--modal-border-size-mobile);
    --m-modal-gradient: linear-gradient(var(--color-modal-background-start)0%, var(--color-modal-background-finish)100%);
    justify-content: center;
    align-items: center;
    display: flex;
    inset: 0;
    position: fixed !important
}

@media (min-width:1248px) {
    .m-modal {
        --m-modal-header-height: var(--modal-header-min-height-desktop);
        --m-modal-header-spacing: var(--modal-header-horizontal-spacing-desktop);
        --m-modal-header-padding: 0 var(--modal-right-expand-desktop);
        --m-modal-title-padding: var(--modal-header-text-container-expand-desktop);
        --m-modal-content-padding: var(--modal-top-expand-desktop)var(--modal-right-expand-desktop)var(--modal-bottom-expand-desktop)var(--modal-left-expand-desktop);
        --m-modal-footer-horizontal-spacing: var(--modal-footer-horizontal-spacing-desktop);
        --m-modal-footer-vertical-spacing: var(--modal-footer-vertical-spacing-desktop);
        --m-modal-close-top-offset: var(--modal-body-button-close-top-expand-desktop);
        --m-modal-close-right-offset: var(--modal-right-expand-desktop);
        --m-modal-close-margin: var(--modal-header-text-container-expand-desktop);
        --m-modal-header-font: var(--font-modal-header-desktop);
        --m-modal-title-font: var(--font-modal-body-text-desktop);
        --m-modal-description-font: var(--font-modal-description-desktop);
        --m-modal-info-padding: var(--modal-body-expand-desktop);
        --m-modal-content-spacing: var(--modal-body-content-spacing-desktop);
        --m-modal-info-text-spacing: var(--modal-body-text-container-spacing-desktop);
        --m-modal-info-icon-radius: var(--modal-body-status-border-radius-desktop);
        --m-modal-info-icon-size: var(--modal-body-status-size-desktop);
        --m-modal-form-spacing: var(--modal-body-form-spacing-desktop);
        --m-modal-border-radius: var(--modal-border-radius-desktop);
        --m-modal-border-size: var(--modal-border-size-desktop)
    }
}

.m-modal-overlay {
    background-color: var(--color-background-overlay-1);
    position: absolute;
    inset: 0
}

.m-modal-overlay.m-modal-overlay-transparent {
    background-color: #0000
}

.m-modal:before {
    content: "";
    position: absolute;
    inset: 0
}

.m-modal-container {
    border: var(--m-modal-border-size)solid var(--modal-border-color, transparent);
    border-radius: var(--m-modal-border-radius);
    max-width: 100%;
    max-height: calc(var(--m-app-height, 100vh) - 32px);
    flex-direction: column;
    transition: max-width .1s ease-in-out;
    display: flex;
    position: absolute;
    overflow: auto;
    box-shadow: 0 0 1px #00000052, 0 12px 24px #0000003d
}

.m-modal-container:before {
    content: "";
    background: var(--m-modal-gradient);
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
    position: absolute;
    inset: 0
}

.m-modal-content {
    padding: var(--m-modal-content-padding)
}

.m-modal-content .m-info-block {
    --info-icon-size: var(--m-modal-info-icon-size);
    --info-icon-gap: var(--m-modal-content-spacing);
    --info-title-gap: var(--m-modal-info-text-spacing);
    --info-title-font: var(--m-modal-title-font);
    --info-message-font: var(--m-modal-description-font);
    --info-icon-radius: var(--m-modal-info-icon-radius);
    --info-title-color: var(--color-modal-text)
}

.m-modal-content .m-info-block--secondary {
    --info-icon-color: var(--color-light-grey-5)
}

.m-modal-content .m-info-block {
    padding: var(--m-modal-info-padding)
}

.m-modal-content form {
    gap: var(--m-modal-form-spacing)
}

.m-modal-scrollable {
    z-index: 1;
    flex: 1;
    overflow: auto
}

.m-modal--non-scrollable {
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.m-modal--non-scrollable .m-modal-content {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.m-modal-header {
    justify-content: space-between;
    align-items: center;
    gap: var(--m-modal-header-spacing);
    min-height: var(--m-modal-header-height);
    padding: var(--m-modal-header-padding);
    border-bottom: var(--modal-header-border-width)solid var(--color-modal-divider-background);
    font: var(--m-modal-header-font);
    font-variant-numeric: var(--font-variant-numeric);
    text-transform: var(--header-text-transform);
    color: var(--color-modal-text);
    z-index: 1;
    display: flex;
    overflow: hidden
}

.m-modal-header .m-button-nav {
    z-index: 1;
    position: relative
}

.m-modal-header>:has(.m-tabs) {
    align-self: flex-end;
    padding: 0
}

.m-modal-header--sticky {
    z-index: 1;
    background: var(--color-modal-background);
    position: sticky;
    top: 0
}

.m-modal-header-content {
    align-self: center;
    gap: var(--m-modal-header-spacing);
    flex: 1;
    display: flex
}

.m-modal-header-content--centered {
    flex: unset;
    min-width: 0
}

.m-modal-header-content--centered .m-modal-header-title {
    flex: unset
}

.m-modal-header-title {
    padding: var(--m-modal-title-padding);
    flex: 1
}

.m-modal-header-left {
    min-width: calc((var(--button-navigation-expand-s))*2 + var(--button-navigation-icon-size-s))
}

.m-modal-header>* {
    border-bottom: none !important
}

.m-modal-footer {
    justify-content: center;
    gap: var(--m-modal-footer-horizontal-spacing);
    padding: var(--m-modal-content-padding);
    z-index: 1;
    display: flex
}

.m-modal-footer>button {
    flex: 1
}

.m-modal-footer--stacked {
    flex-wrap: wrap
}

.m-modal-footer--stacked>button {
    flex: 1 0 100%;
    width: 100%
}

.m-modal-close.m-button-nav {
    top: var(--m-modal-close-top-offset);
    right: var(--m-modal-close-right-offset);
    z-index: 1;
    position: absolute
}

.m-modal-close.m-button-nav.m-button-nav--wow:not(:disabled) {
    position: absolute
}

.m-modal-active-enter-active,
.m-modal-active-leave-active {
    transition: opacity .2s ease-in-out
}

.m-modal-active-enter-from,
.m-modal-active-leave-to {
    opacity: 0
}

@media (max-width:1248px) {
    .m-modal-fill .m-modal-container {
        height: var(--m-app-height, 100%);
        max-height: var(--m-app-height, 100%);
        border: none;
        border-radius: 0;
        position: fixed;
        width: 100vw !important
    }
}

.m-modal--fullscreen .m-modal-container {
    height: var(--m-app-height, 100%);
    max-height: var(--m-app-height, 100%);
    border: none;
    border-radius: 0;
    position: fixed;
    width: 100vw !important
}

.m-modal--wow.m-modal .m-modal-container {
    background: var(--m-modal-gradient);
    box-shadow: none;
    border-width: var(--wow-modal-default-offset-vertical, 0)var(--wow-modal-default-offset-horizontal, 0);
    border-radius: calc(var(--m-modal-border-radius, 0) + var(--wow-modal-default-offset-horizontal, 0))/calc(var(--m-modal-border-radius, 0) + var(--wow-modal-default-offset-vertical, 0));
    border-style: solid;
    border-color: #0000;
    border-image: var(--wow-modal-default-border-image, none)252 fill/84px var(--wow-modal-default-border-image-repeat, unset);
    background-clip: padding-box;
    overflow: visible
}

.m-modal--wow.m-modal .m-modal-container:before,
.m-modal--wow.m-modal .m-modal-container:after {
    background: var(--wow-modal-default-sprite, none), var(--wow-modal-default-sprite, none);
    content: "";
    pointer-events: none;
    top: calc(-1*var(--wow-modal-default-offset-vertical, 0));
    right: calc(-1*var(--wow-modal-default-offset-horizontal, 0));
    bottom: calc(-1*var(--wow-modal-default-offset-vertical, 0));
    left: calc(-1*var(--wow-modal-default-offset-horizontal, 0));
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 336px 84px;
    margin: auto;
    position: absolute
}

.m-modal--wow.m-modal .m-modal-container:before {
    background-position: right -168px top 0, left -168px bottom 0;
    width: 84px
}

.m-modal--wow.m-modal .m-modal-container:after {
    background-position: right -252px top 50%, -252px;
    height: 84px
}

.m-modal--wow-overlay.m-modal .m-modal-container {
    background: var(--wow-modal-default-overlay-image, none), var(--m-modal-gradient);
    background-size: var(--wow-modal-default-overlay-image-size, auto), auto;
    background-position: var(--wow-modal-default-overlay-image-position, cover);
    background-repeat: no-repeat;
    background-clip: padding-box
}

.m-modal--hide-separator .m-modal-header {
    border-bottom: none
}

.m-notification {
    --m-notification-color: var(--color-notification-text);
    --m-notification-background: var(--color-notification-background, linear-gradient(180deg, var(--color-notification-background-start, #252c45)0%, var(--color-notification-background-finish, #252c45)100%));
    --m-notification-border-size: var(--notification-border-size-mobile, 2px);
    --m-notification-border-color: var(--color-notification-border);
    --m-notification-shadow: 0px 0px 1px 0px #00000052, 0px 4px 8px 0px #0000003d;
    --m-notification-border-radius: var(--notification-border-radius-mobile);
    --m-notification-padding: var(--notification-expand-mobile);
    --m-notification-spacing: var(--notification-vertical-spacing-mobile);
    --m-notification-content-min-height: var(--notification-content-min-height-mobile);
    --m-notification-content-spacing: var(--notification-horizontal-spacing-mobile);
    --m-notification-title-color: var(--color-notification-text);
    --m-notification-description-color: var(--color-notification-description);
    --m-notification-image-size: var(--notification-image-size-mobile);
    --m-notification-icon-basic-color: var(--color-text-base);
    --m-notification-icon-success-color: var(--color-text-success);
    --m-notification-icon-attention-color: var(--color-text-attention);
    --m-notification-icon-error-color: var(--color-text-danger);
    --m-notification-icon-size: var(--notification-icon-container-icon-size-mobile);
    --m-notification-text-spacing: var(--notification-text-container-spacing-mobile);
    --m-notification-text-font: var(--font-notification-text-mobile);
    --m-notification-description-font: var(--font-notification-description-mobile);
    --m-notification-actions-spacing: var(--buttons-group-spacing-m, 4px);
    --m-notification-footer-background: linear-gradient(180deg, var(--color-notification-footer-background-start, #353b52)0%, var(--color-notification-footer-background-finish, #353b52)100%);
    --m-notification-footer-color: var(--color-notification-footer-text);
    --m-notification-footer-font: var(--font-notification-footer-text-mobile);
    --m-notification-footer-spacing: var(--notification-footer-expand-mobile);
    --m-notification-footer-padding: var(--notification-footer-spacing-mobile);
    --m-notification-progress-bar-height: var(--progress-bar-progress-height-xs);
    --m-notification-progress-bar-background: var(--color-progress-bar-secondary-background-r, linear-gradient(90deg, var(--color-progress-bar-secondary-background-start, #63687a)0%, var(--color-progress-bar-secondary-background-finish, #63687a)100%));
    --m-notification-progress-bar-indicator-background: var(--color-progress-bar-secondary-progress-background, linear-gradient(90deg, var(--color-progress-bar-secondary-progress-background-start, #63687a)0%, var(--color-progress-bar-secondary-progress-background-finish, #63687a)100%));
    --m-notification-progress-bar-border-radius: var(--progress-bar-progress-border-radius-xs)
}

@media (min-width:1248px) {
    .m-notification {
        --m-notification-border-size: var(--notification-border-size-desktop, 2px);
        --m-notification-border-radius: var(--notification-border-radius-desktop);
        --m-notification-padding: var(--notification-expand-desktop);
        --m-notification-spacing: var(--notification-vertical-spacing-desktop);
        --m-notification-content-min-height: var(--notification-content-min-height-desktop);
        --m-notification-content-spacing: var(--notification-horizontal-spacing-desktop);
        --m-notification-image-size: var(--notification-image-size-desktop);
        --m-notification-icon-size: var(--notification-icon-container-icon-size-desktop);
        --m-notification-text-spacing: var(--notification-text-container-spacing-desktop);
        --m-notification-text-font: var(--font-notification-text-desktop);
        --m-notification-description-font: var(--font-notification-description-desktop);
        --m-notification-footer-font: var(--font-notification-footer-text-desktop);
        --m-notification-footer-spacing: var(--notification-footer-expand-desktop);
        --m-notification-footer-padding: var(--notification-footer-spacing-desktop)
    }
}

.m-notification {
    background: var(--m-notification-background);
    border-radius: var(--m-notification-border-radius);
    box-shadow: var(--m-notification-shadow);
    border-color: var(--m-notification-border-color);
    border-width: var(--m-notification-border-size);
    box-sizing: border-box;
    padding: var(--m-notification-padding);
    gap: var(--m-notification-spacing);
    flex-direction: column;
    width: clamp(320px, 100%, 380px);
    display: flex;
    position: relative;
    overflow: hidden
}

.m-notification__content {
    gap: var(--m-notification-content-spacing);
    min-height: var(--m-notification-content-min-height);
    display: flex;
    position: relative
}

.m-notification__text {
    align-self: center;
    gap: var(--m-notification-text-spacing);
    flex: 1;
    position: relative
}

.m-notification__title {
    color: var(--m-notification-color);
    font: var(--m-notification-text-font);
    font-variant-numeric: var(--font-variant-numeric)
}

.m-notification__description {
    color: var(--m-notification-description-color);
    font: var(--m-notification-description-font);
    font-variant-numeric: var(--font-variant-numeric)
}

.m-notification__title,
.m-notification__description {
    transition: all .3s ease-out
}

.m-notification__expand {
    --ic-size: 20px;
    cursor: pointer;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-notification__prepend {
    --ic-size: var(--m-notification-icon-size);
    max-width: var(--m-notification-image-size);
    max-height: var(--m-notification-image-size)
}

.m-notification__actions {
    gap: var(--m-notification-actions-spacing);
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    display: grid
}

.m-notification__footer {
    background: var(--m-notification-footer-background);
    border-radius: 0 0 var(--m-notification-border-radius)var(--m-notification-border-radius);
    color: var(--m-notification-footer-color);
    font: var(--m-notification-footer-font);
    font-variant-numeric: var(--font-variant-numeric);
    margin: 0 calc(-1*(var(--m-notification-padding)))calc(-1*(var(--m-notification-padding)));
    padding: var(--m-notification-footer-padding);
    justify-content: center;
    align-items: baseline;
    gap: var(--m-notification-footer-spacing);
    display: flex
}

.m-notification__progress-bar {
    border-radius: var(--m-notification-progress-bar-radius);
    background: var(--m-notification-progress-bar-background);
    height: var(--m-notification-progress-bar-height);
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.m-notification__progress-bar-fill {
    background: var(--m-notification-progress-bar-indicator-background);
    border-radius: var(--m-notification-progress-bar-border-radius);
    height: inherit;
    transition: width .2s ease-out
}

.m-notification--basic .m-notification__prepend {
    --ic-color: var(--m-notification-icon-basic-color)
}

.m-notification--success .m-notification__prepend {
    --ic-color: var(--m-notification-icon-success-color)
}

.m-notification--attention .m-notification__prepend {
    --ic-color: var(--m-notification-icon-attention-color)
}

.m-notification--error .m-notification__prepend {
    --ic-color: var(--m-notification-icon-error-color)
}

.m-notification--collapsed .m-notification__content {
    margin-bottom: var(--m-notification-padding)
}

.m-notification--collapsed .m-notification__text {
    overflow: hidden
}

.m-notification--collapsed .m-notification__text:after {
    content: "";
    height: var(--size-3xl, 40px);
    background: var(--color-notification-fade-background, linear-gradient(0deg, var(--color-notification-fade-background-start, #252c45)0%, var(--color-notification-fade-background-finish, #252c4500)100%));
    width: 100%;
    position: absolute;
    bottom: -11px
}

.m-notification--collapsed .m-notification__expand {
    --ic-color: var(--m-notification-icon-basic-color)
}

.m-radio {
    --m-radio-ripple-opacity: 0;
    padding: var(--m-radio-padding);
    border-radius: var(--m-radio-border-radius);
    box-shadow: inset 0 0 0 var(--m-radio-border-size)var(--m-radio-border-color, transparent);
    background: var(--m-radio-background-color);
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
    transition: all .15s ease-in-out;
    display: inline-flex;
    position: relative
}

.m-radio:before {
    content: "";
    inset: calc(-1*var(--m-radio-border-size));
    border-radius: var(--m-radio-border-radius);
    border-width: var(--m-radio-border-size);
    border-color: var(--m-radio-outline-color, transparent);
    border-style: solid;
    transition: border-color .2s;
    position: absolute
}

.m-radio input {
    z-index: -1;
    opacity: 0;
    position: absolute;
    inset: 0
}

.m-radio-ripple {
    border-radius: var(--m-radio-border-radius);
    width: var(--m-radio-ripple-size);
    height: var(--m-radio-ripple-size);
    background: var(--m-radio-ripple-color);
    opacity: var(--m-radio-ripple-opacity);
    transition: opacity .2s
}

.m-radio--checked:not(.m-radio--unset) {
    --m-radio-ripple-opacity: 1;
    --m-radio-background-color: var(--m-radio-checked-background-color);
    --m-radio-background-color-hover: var(--m-radio-checked-background-color-hover);
    --m-radio-background-color-focus: var(--m-radio-checked-background-color-focus);
    --m-radio-background-color-disabled: var(--m-radio-checked-background-color-disabled);
    --m-radio-border-color: var(--m-radio-checked-border-color);
    --m-radio-border-color-hover: var(--m-radio-checked-border-color-hover);
    --m-radio-border-color-focus: var(--m-radio-checked-border-color-focus);
    --m-radio-border-color-disabled: var(--m-radio-checked-border-color-disabled);
    --m-radio-outline-color-focus: var(--m-radio-outline-checked-color-focus)
}

@media not (any-pointer:coarse) {
    .m-radio:hover {
        --m-radio-background-color: var(--m-radio-background-color-hover);
        --m-radio-ripple-color: var(--m-radio-ripple-color-hover);
        --m-radio-border-color: var(--m-radio-border-color-hover)
    }
}

.m-radio:has(input:focus) {
    --m-radio-background-color: var(--m-radio-background-color-focus);
    --m-radio-ripple-color: var(--m-radio-ripple-color-focus);
    --m-radio-border-color: var(--m-radio-border-color-focus);
    --m-radio-outline-color: var(--m-radio-outline-color-focus)
}

.m-radio--disabled:not(#i#i#i) {
    --m-radio-background-color: var(--m-radio-background-color-disabled);
    --m-radio-ripple-color: var(--m-radio-ripple-color-disabled);
    --m-radio-border-color: var(--m-radio-border-color-disabled);
    --m-radio-outline-color: transparent;
    cursor: not-allowed
}

.m-radio--s {
    --m-radio-border-radius: var(--selector-radiobutton-border-radius-s, 100%);
    --m-radio-border-size: var(--selector-border-size-s, 2px);
    --m-radio-padding: var(--selector-radiobutton-expand-s, 4px);
    --m-radio-ripple-size: var(--selector-radiobutton-radio-size-s, 8px);
    --m-radio-outline-border-size: var(--selector-outside-border-size-s, 2px)
}

.m-radio--m {
    --m-radio-border-radius: var(--selector-radiobutton-border-radius-m, 100%);
    --m-radio-border-size: var(--selector-border-size-m, 2px);
    --m-radio-padding: var(--selector-radiobutton-expand-m, 4px);
    --m-radio-ripple-size: var(--selector-radiobutton-radio-size-m, 8px);
    --m-radio-outline-border-size: var(--selector-outside-border-size-m, 2px)
}

.m-radio--primary {
    --m-radio-border-color: var(--color-selector-primary-border);
    --m-radio-border-color-hover: var(--color-selector-primary-border-hover);
    --m-radio-border-color-focus: var(--color-selector-primary-border-focus);
    --m-radio-border-color-disabled: var(--color-selector-primary-border-disabled);
    --m-radio-checked-background-color: var(--color-selector-primary-checked-background);
    --m-radio-checked-background-color-focus: var(--color-selector-primary-checked-background-focus);
    --m-radio-checked-background-color-hover: var(--color-selector-primary-checked-background-hover);
    --m-radio-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled);
    --m-radio-checked-border-color: var(--color-selector-primary-checked-border);
    --m-radio-checked-border-color-hover: var(--color-selector-primary-checked-border-hover);
    --m-radio-checked-border-color-focus: var(--color-selector-primary-checked-border-focus);
    --m-radio-checked-border-color-disabled: var(--color-selector-primary-checked-border-disabled);
    --m-radio-ripple-color: var(--color-selector-primary-checked-element);
    --m-radio-ripple-color-hover: var(--color-selector-primary-checked-element-hover);
    --m-radio-ripple-color-focus: var(--color-selector-primary-checked-element-focus);
    --m-radio-ripple-color-disabled: var(--color-selector-primary-checked-element-disabled);
    --m-radio-outline-color-focus: var(--color-selector-primary-outside-border-focus);
    --m-radio-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus)
}

.m-radio--basic {
    --m-radio-border-color: var(--color-selector-basic-border);
    --m-radio-border-color-hover: var(--color-selector-basic-border-hover);
    --m-radio-border-color-focus: var(--color-selector-basic-border-focus);
    --m-radio-border-color-disabled: var(--color-selector-basic-border-disabled);
    --m-radio-checked-background-color: var(--color-selector-basic-checked-background);
    --m-radio-checked-background-color-focus: var(--color-selector-basic-checked-background-focus);
    --m-radio-checked-background-color-hover: var(--color-selector-basic-checked-background-hover);
    --m-radio-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled);
    --m-radio-checked-border-color: var(--color-selector-basic-checked-border);
    --m-radio-checked-border-color-hover: var(--color-selector-basic-checked-border-hover);
    --m-radio-checked-border-color-focus: var(--color-selector-basic-checked-border-focus);
    --m-radio-checked-border-color-disabled: var(--color-selector-basic-checked-border-disabled);
    --m-radio-ripple-color: var(--color-selector-basic-checked-element);
    --m-radio-ripple-color-hover: var(--color-selector-basic-checked-element-hover);
    --m-radio-ripple-color-focus: var(--color-selector-basic-checked-element-focus);
    --m-radio-ripple-color-disabled: var(--color-selector-basic-checked-element-disabled);
    --m-radio-outline-color-focus: var(--color-selector-basic-outside-border-focus);
    --m-radio-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus)
}

.m-segment-control {
    grid-template-columns: repeat(var(--items-num), 1fr);
    border-radius: var(--m-segment-border-radius);
    padding: var(--m-segment-padding);
    box-shadow: inset 0 0 0 var(--m-segment-border-width)var(--m-segment-border-color);
    display: grid;
    position: relative
}

.m-segment-control.m-gradient-border {
    --gradient-width: var(--m-segment-border-width);
    --gradient-color: var(--m-segment-border-color)
}

.m-segment-control-item {
    padding: var(--m-segment-tab-padding);
    border-radius: var(--m-segment-tab-border-radius);
    color: var(--m-segment-tab-text-color);
    z-index: 1;
    cursor: pointer;
    min-height: var(--m-segment-tab-content-height);
    font: var(--m-segment-font);
    font-variant-numeric: var(--font-variant-numeric);
    justify-content: center;
    align-items: center;
    transition: all .15s ease-in-out;
    display: flex
}

.m-segment-control-item span {
    padding: var(--m-segment-text-padding)
}

.m-segment-control-item:hover:not(.m-segment-control-item--active) {
    --m-segment-tab-text-color: var(--m-segment-tab-text-color-hover);
    --ic-color: var(--ic-color-hover)
}

.m-segment-control-item--active {
    background: var(--m-segment-tab-background-active);
    --m-segment-tab-text-color: var(--m-segment-tab-text-color-active);
    --ic-color: var(--ic-color-active)
}

.m-segment-control-item--active.m-gradient-border {
    --gradient-color: var(--m-segment-tab-border-color-active)
}

.m-segment-control--filled {
    background: var(--m-segment-filled-background)
}

.m-segment-control--outline:not(#i#i#i) {
    --m-segment-border-color: var(--m-segment-outline-border-color);
    --segment-gradient-color: transparent;
    background: 0 0
}

.m-segment-control--shrink {
    max-width: max-content
}

.m-segment-control--fit-content {
    grid-template-columns: repeat(var(--items-num), auto)
}

.m-segment-control--auto-scroll {
    scrollbar-width: none;
    width: inherit;
    display: flex;
    overflow: auto hidden
}

.m-segment-control--auto-scroll::-webkit-scrollbar {
    display: none
}

.m-segment-control--auto-scroll .m-segment-control-item {
    flex-shrink: 0;
    width: auto
}

.m-segment-control--primary.m-segment-control--wow .m-segment-control-item--active:before,
.m-segment-control--primary.m-segment-control--wow .m-segment-control-item--active:after {
    background-image: var(--wow-segment-control-primary-sprite, none), var(--wow-segment-control-primary-sprite, none)
}

.m-segment-control--secondary.m-segment-control--wow .m-segment-control-item--active:before,
.m-segment-control--secondary.m-segment-control--wow .m-segment-control-item--active:after {
    background-image: var(--wow-segment-control-secondary-sprite, none), var(--wow-segment-control-secondary-sprite, none)
}

.m-segment-control--wow .m-segment-control-item--active {
    position: relative
}

.m-segment-control--wow .m-segment-control-item--active:before,
.m-segment-control--wow .m-segment-control-item--active:after {
    content: "";
    pointer-events: none;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 180px 32px;
    margin: auto;
    position: absolute;
    inset: 0
}

.m-segment-control--wow .m-segment-control-item--active:before {
    background-position: right -90px top 0, left -90px bottom 0;
    width: 45px
}

.m-segment-control--wow .m-segment-control-item--active:after {
    background-position: right -135px top 50%, -135px;
    height: 45px
}

.m-segment-control--s {
    --m-segment-border-radius: var(--tabs-group-border-radius-s, 22px);
    --m-segment-border-width: var(--tabs-group-border-size-s, 2px);
    --m-segment-padding: var(--tabs-group-expand-s, 0);
    --m-segment-tab-border-radius: var(--tab-border-radius-s, 22px);
    --m-segment-tab-border-width: var(--tab-border-size-s, 2px);
    --m-segment-tab-padding: var(--tab-expand-s, 12px);
    --m-segment-tab-content-height: var(--tab-content-height-s, 20px);
    --m-segment-font: var(--font-tab-text-s);
    --m-segment-text-padding: var(--tab-text-container-expand-s, 0 8px);
    --ic-size: var(--tab-icon-container-icon-size-s, 20px);
    --ic-padding: var(--tab-icon-container-expand-s, 0)
}

.m-segment-control--m {
    --m-segment-border-radius: var(--tabs-group-border-radius-m, 22px);
    --m-segment-border-width: var(--tabs-group-border-size-m, 2px);
    --m-segment-padding: var(--tabs-group-expand-m, 0);
    --m-segment-tab-border-radius: var(--tab-border-radius-m, 22px);
    --m-segment-tab-border-width: var(--tab-border-size-m, 2px);
    --m-segment-tab-padding: var(--tab-expand-m, 12px);
    --m-segment-tab-content-height: var(--tab-content-height-m, 20px);
    --m-segment-font: var(--font-tab-text-m);
    --m-segment-text-padding: var(--tab-text-container-expand-m, 0 8px);
    --ic-size: var(--tab-icon-container-icon-size-m, 20px);
    --ic-padding: var(--tab-icon-container-expand-m, 0)
}

.m-segment-control--l {
    --m-segment-border-radius: var(--tabs-group-border-radius-l, 22px);
    --m-segment-border-width: var(--tabs-group-border-size-l, 2px);
    --m-segment-padding: var(--tabs-group-expand-l, 0);
    --m-segment-tab-border-radius: var(--tab-border-radius-l, 22px);
    --m-segment-tab-border-width: var(--tab-border-size-l, 2px);
    --m-segment-tab-padding: var(--tab-expand-l, 12px);
    --m-segment-tab-content-height: var(--tab-content-height-l, 20px);
    --m-segment-font: var(--font-tab-text-l);
    --m-segment-text-padding: var(--tab-text-container-expand-l, 0 8px);
    --ic-size: var(--tab-icon-container-icon-size-l, 20px);
    --ic-padding: var(--tab-icon-container-expand-l, 0)
}

.m-segment-control--primary {
    --m-segment-tab-background-active: var(--color-tab-primary-background-active);
    --m-segment-tab-background-hover: var(--color-tab-primary-background-active);
    --m-segment-tab-text-color: var(--color-tab-primary-text);
    --m-segment-tab-text-color-active: var(--color-tab-primary-text-active);
    --m-segment-tab-text-color-hover: var(--color-tab-primary-text-hover);
    --m-segment-filled-background: var(--color-tabs-group-fill-primary-background);
    --m-segment-border-color: var(--color-tabs-group-fill-primary-border);
    --m-segment-outline-border-color: var(--color-tabs-group-outline-primary-border);
    --m-segment-tab-border-color-active: var(--color-tab-primary-border-active);
    --ic-color: var(--color-tab-primary-icon-container-icon);
    --ic-color-hover: var(--color-tab-primary-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-primary-icon-container-icon-active)
}

.m-segment-control--secondary {
    --m-segment-tab-background-active: var(--color-tab-secondary-background-active);
    --m-segment-tab-background-hover: var(--color-tab-secondary-background-active);
    --m-segment-tab-text-color: var(--color-tab-secondary-text);
    --m-segment-tab-text-color-active: var(--color-tab-secondary-text-active);
    --m-segment-tab-text-color-hover: var(--color-tab-secondary-text-hover);
    --m-segment-filled-background: var(--color-tabs-group-fill-secondary-background);
    --m-segment-border-color: var(--color-tabs-group-fill-secondary-border);
    --m-segment-outline-border-color: var(--color-tabs-group-outline-secondary-border);
    --m-segment-tab-border-color-active: var(--color-tab-primary-border-active);
    --ic-color: var(--color-tab-secondary-icon-container-icon);
    --ic-color-hover: var(--color-tab-secondary-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-secondary-icon-container-icon-active)
}

.m-segment-control--info {
    --m-segment-tab-background-active: var(--color-tab-info-background-active);
    --m-segment-tab-background-hover: var(--color-tab-info-background-active);
    --m-segment-tab-text-color: var(--color-tab-info-text);
    --m-segment-tab-text-color-active: var(--color-tab-info-text-active);
    --m-segment-tab-text-color-hover: var(--color-tab-info-text-hover);
    --m-segment-filled-background: var(--color-tabs-group-fill-info-background);
    --m-segment-border-color: var(--color-tabs-group-fill-info-border);
    --m-segment-outline-border-color: var(--color-tabs-group-outline-info-border);
    --m-segment-tab-border-color-active: var(--color-tab-primary-border-active);
    --ic-color: var(--color-tab-info-icon-container-icon);
    --ic-color-hover: var(--color-tab-info-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-info-icon-container-icon-active)
}

.m-segment-control--inverse {
    --m-segment-tab-background-active: var(--color-tab-inverse-background-active);
    --m-segment-tab-background-hover: var(--color-tab-inverse-background-active);
    --m-segment-tab-text-color: var(--color-tab-inverse-text);
    --m-segment-tab-text-color-active: var(--color-tab-inverse-text-active);
    --m-segment-tab-text-color-hover: var(--color-tab-inverse-text-hover);
    --m-segment-filled-background: var(--color-tabs-group-fill-inverse-background);
    --m-segment-border-color: var(--color-tabs-group-fill-inverse-border);
    --m-segment-outline-border-color: var(--color-tabs-group-outline-inverse-border);
    --m-segment-tab-border-color-active: var(--color-tab-primary-border-active);
    --ic-color: var(--color-tab-inverse-icon-container-icon);
    --ic-color-hover: var(--color-tab-inverse-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-inverse-icon-container-icon-active)
}

.m-select .m-input input {
    cursor: pointer
}

.m-select .m-input input:disabled {
    opacity: 1
}

.m-select .m-input--focused:not(.has-value):not(.filterable) .m-input-content-label {
    transform: none !important
}

.m-select-list-empty {
    height: 100%;
    padding: var(--spacing-xs)var(--spacing-m);
    display: var(--select-empty-display);
    font: var(--font-body-semi-bold-m);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--color-text-muted);
    justify-content: center;
    align-items: center
}

.m-select-modal .m-modal-content {
    gap: var(--spacing-3xs);
    flex-direction: column;
    padding: 0;
    display: flex
}

.m-select-modal .m-modal-container {
    overflow-y: hidden
}

.m-select-modal-input-container {
    padding: 0 var(--modal-right-expand-mobile)
}

.m-select-modal-input-container .m-input-prepend>.m-icon {
    color: var(--color-white);
    opacity: .8
}

.m-select-modal-list {
    height: 320px;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

.m-select-modal-empty {
    height: 320px;
    font: var(--font-body-semi-bold-m);
    font-variant-numeric: var(--font-variant-numeric);
    justify-content: center;
    align-items: center;
    display: flex
}

.m-switch {
    cursor: pointer;
    width: var(--m-switch-width);
    min-width: var(--m-switch-width);
    background: var(--m-switch-background-color);
    border-radius: var(--m-switch-border-radius);
    border: var(--m-switch-border-size)solid var(--m-switch-border-color);
    outline: var(--m-switch-outline-border-size)solid var(--m-switch-outline-color);
    height: fit-content;
    transition: all .15s ease-in-out;
    display: inline-flex;
    position: relative
}

.m-switch input {
    z-index: -1;
    opacity: 0;
    position: absolute;
    inset: 0
}

.m-switch .m-switch-ripple {
    width: var(--m-switch-ripple-size);
    height: var(--m-switch-ripple-size);
    background: var(--m-switch-ripple-color);
    border-radius: var(--m-switch-ripple-border-radius);
    transition: all .15s
}

.m-switch--checked:not(.m-switch--unset) {
    --m-switch-background-color: var(--m-switch-checked-background-color);
    --m-switch-background-color-hover: var(--m-switch-checked-background-color-hover);
    --m-switch-background-color-focus: var(--m-switch-checked-background-color-focus);
    --m-switch-background-color-disabled: var(--m-switch-checked-background-color-disabled);
    --m-switch-border-color: var(--m-switch-checked-border-color);
    --m-switch-border-color-hover: var(--m-switch-checked-border-color-hover);
    --m-switch-border-color-focus: var(--m-switch-checked-border-color-focus);
    --m-switch-border-color-disabled: var(--m-switch-checked-border-color-disabled);
    --m-switch-outline-color-focus: var(--m-switch-outline-checked-color-focus);
    --m-switch-ripple-color: var(--m-switch-checked-ripple-color);
    --m-switch-ripple-color-hover: var(--m-switch-checked-ripple-color-hover);
    --m-switch-ripple-color-focus: var(--m-switch-checked-ripple-color-focus);
    --m-switch-ripple-color-disabled: var(--m-switch-checked-ripple-color-disabled)
}

.m-switch--checked:not(.m-switch--unset) .m-switch-ripple {
    transform: translate(calc(var(--m-switch-width) - var(--m-switch-ripple-size) - 2*var(--m-switch-border-size)))
}

@media not (any-pointer:coarse) {
    .m-switch:hover {
        --m-switch-background-color: var(--m-switch-background-color-hover);
        --m-switch-ripple-color: var(--m-switch-ripple-color-hover);
        --m-switch-border-color: var(--m-switch-border-color-hover)
    }
}

.m-switch:has(input:focus) {
    --m-switch-background-color: var(--m-switch-background-color-focus);
    --m-switch-ripple-color: var(--m-switch-ripple-color-focus);
    --m-switch-border-color: var(--m-switch-border-color-focus);
    --m-switch-outline-color: var(--m-switch-outline-color-focus)
}

.m-switch--disabled:not(#i#i#i) {
    --m-switch-background-color: var(--m-switch-background-color-disabled);
    --m-switch-ripple-color: var(--m-switch-ripple-color-disabled);
    --m-switch-border-color: var(--m-switch-border-color-disabled);
    --m-switch-outline-color: transparent;
    cursor: not-allowed
}

.m-switch--s {
    --m-switch-border-radius: var(--selector-switcher-border-radius-s, 8px);
    --m-switch-border-size: var(--selector-border-size-s, 2px);
    --m-switch-padding: var(--selector-switcher-expand-s, 2px);
    --m-switch-width: var(--selector-switcher-width-s, 26px);
    --m-switch-ripple-size: var(--selector-switcher-tumbler-size-s, 12px);
    --m-switch-ripple-border-radius: var(--selector-switcher-tumbler-border-radius-s, 1000px);
    --m-switch-outline-border-size: var(--selector-outside-border-size-s, 2px)
}

.m-switch--m {
    --m-switch-border-radius: var(--selector-switcher-border-radius-m, 8px);
    --m-switch-border-size: var(--selector-border-size-m, 2px);
    --m-switch-padding: var(--selector-switcher-expand-m, 2px);
    --m-switch-width: var(--selector-switcher-width-m, 26px);
    --m-switch-ripple-size: var(--selector-switcher-tumbler-size-m, 12px);
    --m-switch-ripple-border-radius: var(--selector-switcher-tumbler-border-radius-m, 1000px);
    --m-switch-outline-border-size: var(--selector-outside-border-size-m, 2px)
}

.m-switch--primary {
    --m-switch-background-color: var(--color-selector-primary-background);
    --m-switch-background-color-hover: var(--color-selector-primary-background-hover);
    --m-switch-background-color-focus: var(--color-selector-primary-background-focus);
    --m-switch-background-color-disabled: var(--color-selector-primary-background-disabled);
    --m-switch-border-color: var(--color-selector-primary-border);
    --m-switch-border-color-hover: var(--color-selector-primary-border-hover);
    --m-switch-border-color-focus: var(--color-selector-primary-border-focus);
    --m-switch-border-color-disabled: var(--color-selector-primary-border-disabled);
    --m-switch-checked-background-color: var(--color-selector-primary-checked-background);
    --m-switch-checked-background-color-focus: var(--color-selector-primary-checked-background-focus);
    --m-switch-checked-background-color-hover: var(--color-selector-primary-checked-background-hover);
    --m-switch-checked-background-color-disabled: var(--color-selector-primary-checked-background-disabled);
    --m-switch-checked-border-color: var(--color-selector-primary-checked-border);
    --m-switch-checked-border-color-hover: var(--color-selector-primary-checked-border-hover);
    --m-switch-checked-border-color-focus: var(--color-selector-primary-checked-border-focus);
    --m-switch-checked-border-color-disabled: var(--color-selector-primary-checked-border-disabled);
    --m-switch-ripple-color: var(--color-selector-primary-element);
    --m-switch-ripple-color-hover: var(--color-selector-primary-element-hover);
    --m-switch-ripple-color-focus: var(--color-selector-primary-element-focus);
    --m-switch-ripple-color-disabled: var(--color-selector-primary-element-disabled);
    --m-switch-checked-ripple-color: var(--color-selector-primary-checked-element);
    --m-switch-checked-ripple-color-hover: var(--color-selector-primary-checked-element-hover);
    --m-switch-checked-ripple-color-focus: var(--color-selector-primary-checked-element-focus);
    --m-switch-checked-ripple-color-disabled: var(--color-selector-primary-checked-element-disabled);
    --m-switch-outline-color-focus: var(--color-selector-primary-outside-border-focus);
    --m-switch-outline-checked-color-focus: var(--color-selector-primary-checked-outside-border-focus)
}

.m-switch--basic {
    --m-switch-background-color: var(--color-selector-basic-background);
    --m-switch-background-color-hover: var(--color-selector-basic-background-hover);
    --m-switch-background-color-focus: var(--color-selector-basic-background-focus);
    --m-switch-background-color-disabled: var(--color-selector-basic-background-disabled);
    --m-switch-border-color: var(--color-selector-basic-border);
    --m-switch-border-color-hover: var(--color-selector-basic-border-hover);
    --m-switch-border-color-focus: var(--color-selector-basic-border-focus);
    --m-switch-border-color-disabled: var(--color-selector-basic-border-disabled);
    --m-switch-checked-background-color: var(--color-selector-basic-checked-background);
    --m-switch-checked-background-color-focus: var(--color-selector-basic-checked-background-focus);
    --m-switch-checked-background-color-hover: var(--color-selector-basic-checked-background-hover);
    --m-switch-checked-background-color-disabled: var(--color-selector-basic-checked-background-disabled);
    --m-switch-checked-border-color: var(--color-selector-basic-checked-border);
    --m-switch-checked-border-color-hover: var(--color-selector-basic-checked-border-hover);
    --m-switch-checked-border-color-focus: var(--color-selector-basic-checked-border-focus);
    --m-switch-checked-border-color-disabled: var(--color-selector-basic-checked-border-disabled);
    --m-switch-ripple-color: var(--color-selector-basic-element);
    --m-switch-ripple-color-hover: var(--color-selector-basic-element-hover);
    --m-switch-ripple-color-focus: var(--color-selector-basic-element-focus);
    --m-switch-ripple-color-disabled: var(--color-selector-basic-element-disabled);
    --m-switch-checked-ripple-color: var(--color-selector-basic-checked-element);
    --m-switch-checked-ripple-color-hover: var(--color-selector-basic-checked-element-hover);
    --m-switch-checked-ripple-color-focus: var(--color-selector-basic-checked-element-focus);
    --m-switch-checked-ripple-color-disabled: var(--color-selector-basic-checked-element-disabled);
    --m-switch-outline-color-focus: var(--color-selector-basic-outside-border-focus);
    --m-switch-outline-checked-color-focus: var(--color-selector-basic-checked-outside-border-focus)
}

.m-tabs {
    --m-tabs-underline-border-radius: var(--tab-underline-line-border-radius);
    border-bottom: var(--m-tabs-border-bottom-size)solid var(--m-tabs-border-bottom-color);
    padding: var(--m-tabs-padding);
    align-self: flex-start;
    display: flex;
    position: relative
}

.m-tabs--autoscroll {
    border-bottom: none
}

.m-tabs--autoscroll:after {
    content: "";
    height: var(--m-tabs-border-bottom-size);
    background-color: var(--m-tabs-border-bottom-color);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-tabs--autoscroll .m-tabs-item--active .m-tabs-item-content:after {
    z-index: 1
}

.m-tabs__container {
    display: inherit;
    width: inherit;
    scrollbar-width: none;
    padding-bottom: var(--m-tabs-border-bottom-size);
    overflow-x: auto
}

.m-tabs__container::-webkit-scrollbar {
    display: none
}

.m-tabs-item {
    font: var(--m-tabs-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-tabs-tab-text-color);
    cursor: pointer;
    white-space: nowrap;
    justify-content: center;
    transition: all .15s ease-in-out;
    display: flex
}

.m-tabs-item:hover:not(.m-tabs-item.active) {
    --m-tabs-tab-text-color: var(--m-tabs-tab-text-color-hover);
    --ic-color: var(--ic-color-hover)
}

.m-tabs-item--active {
    --m-tabs-tab-text-color: var(--m-tabs-tab-text-color-active);
    --ic-color: var(--ic-color-active)
}

.m-tabs-item--active .m-tabs-item-content:after {
    content: "";
    left: 0;
    right: 0;
    bottom: calc(-1*var(--m-tabs-border-bottom-size));
    height: var(--m-tabs-underline-size);
    background: var(--m-tabs-underline-color);
    border-radius: var(--m-tabs-underline-border-radius);
    position: absolute
}

.m-tabs-item-content {
    padding: var(--m-tabs-tab-padding);
    gap: var(--m-tabs-tab-text-padding);
    align-items: center;
    display: flex;
    position: relative
}

.m-tabs--fill {
    width: 100%
}

.m-tabs--fill .m-tabs-item {
    text-align: center;
    flex: 1
}

.m-tabs--centered {
    justify-content: center
}

.m-tabs--centered .m-tabs-item {
    flex: initial
}

.m-tabs--disabled:not(#i#i#i) {
    --m-tabs-tab-text-color: var(--color-mid-grey-1);
    --m-tabs-tab-text-color-hover: var(--color-mid-grey-1);
    --ic-color: var(--color-mid-grey-1);
    --m-tabs-tab-text-color-active: var(--color-mid-grey-3);
    --m-tabs-underline-color: var(--color-pr900)
}

.m-tabs--disabled:not(#i#i#i) .m-tabs-item {
    cursor: not-allowed
}

.m-tabs--s {
    --m-tabs-padding: var(--tabs-group-underline-expand-m, 0);
    --m-tabs-tab-padding: var(--tab-underline-expand-s, 12px);
    --m-tabs-tab-text-padding: var(--tab-text-container-expand-s, 0 8px);
    --m-tabs-font: var(--font-tab-text-s);
    --m-tabs-underline-size: var(--line-size-s, var(--line-size-m));
    --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-s, 1px);
    --ic-size: var(--tab-icon-container-icon-size-s, 20px);
    --ic-padding: var(--tab-icon-container-expand-s, 0)
}

.m-tabs--m {
    --m-tabs-padding: var(--tabs-group-underline-expand-m, 0);
    --m-tabs-tab-padding: var(--tab-underline-expand-m, 12px);
    --m-tabs-tab-text-padding: var(--tab-text-container-expand-m, 0 8px);
    --m-tabs-font: var(--font-tab-text-m);
    --m-tabs-underline-size: var(--line-size-m, var(--line-size-m));
    --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-m, 1px);
    --ic-size: var(--tab-icon-container-icon-size-m, 20px);
    --ic-padding: var(--tab-icon-container-expand-m, 0)
}

.m-tabs--l {
    --m-tabs-padding: var(--tabs-group-underline-expand-m, 0);
    --m-tabs-tab-padding: var(--tab-underline-expand-l, 12px);
    --m-tabs-tab-text-padding: var(--tab-text-container-expand-l, 0 8px);
    --m-tabs-font: var(--font-tab-text-l);
    --m-tabs-underline-size: var(--line-size-l, var(--line-size-m));
    --m-tabs-border-bottom-size: var(--tabs-group-underline-border-size-l, 1px);
    --ic-size: var(--tab-icon-container-icon-size-l, 20px);
    --ic-padding: var(--tab-icon-container-expand-l, 0)
}

.m-tabs--primary {
    --m-tabs-tab-text-color: var(--color-tab-underline-primary-text);
    --m-tabs-tab-text-color-hover: var(--color-tab-underline-primary-text-hover);
    --m-tabs-tab-text-color-active: var(--color-tab-underline-primary-text-active);
    --m-tabs-border-bottom-color: var(--color-tabs-group-underline-primary-border-bottom);
    --m-tabs-underline-color: var(--color-tab-underline-primary-underline-background);
    --ic-color: var(--color-tab-underline-primary-icon-container-icon);
    --ic-color-hover: var(--color-tab-underline-primary-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-underline-primary-icon-container-icon-active)
}

.m-tabs--inverse {
    --m-tabs-tab-text-color: var(--color-tab-underline-inverse-text);
    --m-tabs-tab-text-color-hover: var(--color-tab-underline-inverse-text-hover);
    --m-tabs-tab-text-color-active: var(--color-tab-underline-inverse-text-active);
    --m-tabs-border-bottom-color: var(--color-tabs-group-underline-inverse-border-bottom);
    --m-tabs-underline-color: var(--color-tab-underline-inverse-underline-background);
    --ic-color: var(--color-tab-underline-inverse-icon-container-icon);
    --ic-color-hover: var(--color-tab-underline-inverse-icon-container-icon-hover);
    --ic-color-active: var(--color-tab-underline-inverse-icon-container-icon-active)
}

.m-tag {
    padding: var(--m-tag-padding);
    background: var(--m-tag-background);
    border-radius: var(--m-tag-border-radius);
    box-shadow: inset 0 0 0 var(--m-tag-border-width)var(--m-tag-border-color);
    font: var(--m-tag-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-tag-text-color);
    cursor: pointer;
    border: none;
    align-items: center;
    transition: all .15s ease-in-out;
    display: inline-flex
}

.m-tag.m-gradient-border {
    --gradient-width: var(--m-tag-border-width);
    --gradient-color: var(--m-tag-border-color)
}

.m-tag--fill {
    --m-tag-background: var(--color-tag-fill-background);
    --m-tag-background-hover: var(--color-tag-fill-background-hover);
    --m-tag-background-active: var(--color-tag-fill-background-active);
    --m-tag-background-active-hover: var(--color-tag-fill-background-active-hover);
    --m-tag-border-color: var(--color-tag-fill-border);
    --m-tag-text-color: var(--color-tag-fill-text);
    --m-tag-text-color-hover: var(--color-tag-fill-text-hover);
    --m-tag-text-color-active: var(--color-tag-fill-text-active);
    --m-tag-text-color-active-hover: var(--color-tag-fill-text-active-hover);
    --ic-color: var(--color-tag-fill-icon-container-icon);
    --ic-color-hover: var(--color-tag-fill-icon-container-icon-hover);
    --ic-color-active: var(--color-tag-fill-icon-container-icon-active);
    --ic-color-active-hover: var(--color-tag-fill-icon-container-icon-active-hover)
}

.m-tag--outline {
    --m-tag-background: var(--color-tag-outline-background);
    --m-tag-background-hover: var(--color-tag-outline-background-hover);
    --m-tag-background-active: var(--color-tag-outline-background-active);
    --m-tag-background-active-hover: var(--color-tag-outline-background-active-hover);
    --m-tag-border-color: var(--color-tag-outline-border);
    --m-tag-text-color: var(--color-tag-outline-text);
    --m-tag-text-color-hover: var(--color-tag-outline-text-hover);
    --m-tag-text-color-active: var(--color-tag-outline-text-active);
    --m-tag-text-color-active-hover: var(--color-tag-outline-text-active-hover);
    --ic-color: var(--color-tag-outline-icon-container-icon);
    --ic-color-hover: var(--color-tag-outline-icon-container-icon-hover);
    --ic-color-active: var(--color-tag-outline-icon-container-icon-active);
    --ic-color-active-hover: var(--color-tag-outline-icon-container-icon-active-hover)
}

.m-tag--ghost {
    --m-tag-background: var(--color-tag-ghost-background);
    --m-tag-background-hover: var(--color-tag-ghost-background-hover);
    --m-tag-background-active: var(--color-tag-ghost-background-active);
    --m-tag-background-active-hover: var(--color-tag-ghost-background-active-hover);
    --m-tag-border-color: var(--color-tag-ghost-border);
    --m-tag-text-color: var(--color-tag-ghost-text);
    --m-tag-text-color-hover: var(--color-tag-ghost-text-hover);
    --m-tag-text-color-active: var(--color-tag-ghost-text-active);
    --m-tag-text-color-active-hover: var(--color-tag-ghost-text-active-hover);
    --ic-color: var(--color-tag-ghost-icon-container-icon);
    --ic-color-hover: var(--color-tag-ghost-icon-container-icon-hover);
    --ic-color-active: var(--color-tag-ghost-icon-container-icon-active);
    --ic-color-active-hover: var(--color-tag-ghost-icon-container-icon-active-hover)
}

.m-tag--ghost-secondary {
    --m-tag-background: var(--color-tag-ghost-secondary-background);
    --m-tag-background-hover: var(--color-tag-ghost-secondary-background-hover);
    --m-tag-background-active: var(--color-tag-ghost-secondary-background-active);
    --m-tag-background-active-hover: var(--color-tag-ghost-secondary-background-active-hover);
    --m-tag-border-color: var(--color-tag-ghost-secondary-border);
    --m-tag-text-color: var(--color-tag-ghost-secondary-text);
    --m-tag-text-color-hover: var(--color-tag-ghost-secondary-text-hover);
    --m-tag-text-color-active: var(--color-tag-ghost-secondary-text-active);
    --m-tag-text-color-active-hover: var(--color-tag-ghost-secondary-text-active-hover);
    --ic-color: var(--color-tag-ghost-secondary-icon-container-icon);
    --ic-color-hover: var(--color-tag-ghost-secondary-icon-container-icon-hover);
    --ic-color-active: var(--color-tag-ghost-secondary-icon-container-icon-active);
    --ic-color-active-hover: var(--color-tag-ghost-secondary-icon-container-icon-active-hover)
}

.m-tag--s {
    --m-tag-border-width: var(--tag-border-size-s, 0);
    --m-tag-border-radius: var(--tag-border-radius-s, 12px);
    --m-tag-padding: var(--tag-expand-s, 4px);
    --m-tag-content-padding: var(--tag-text-container-expand-s, 2px);
    --m-tag-content-height: var(--tag-content-height-s, 16px);
    --m-tag-font: var(--font-tag-text-s);
    --ic-size: var(--tag-icon-container-icon-size-s, 16px);
    --ic-padding: var(--tag-icon-container-expand-s, 0)
}

.m-tag--m {
    --m-tag-border-width: var(--tag-border-size-m, 0);
    --m-tag-border-radius: var(--tag-border-radius-m, 12px);
    --m-tag-padding: var(--tag-expand-m, 4px);
    --m-tag-content-padding: var(--tag-text-container-expand-m, 2px);
    --m-tag-content-height: var(--tag-content-height-m, 16px);
    --m-tag-font: var(--font-tag-text-m);
    --ic-size: var(--tag-icon-container-icon-size-m, 16px);
    --ic-padding: var(--tag-icon-container-expand-m, 0)
}

.m-tag-content {
    padding: var(--m-tag-content-padding);
    min-height: var(--m-tag-content-height);
    white-space: nowrap;
    align-items: center;
    display: flex
}

.m-tag-append,
.m-tag-prepend {
    -webkit-user-select: none;
    user-select: none;
    transition: all .15s ease-in-out
}

.m-tag--active {
    --m-tag-background: var(--m-tag-background-active);
    --m-tag-background-hover: var(--m-tag-background-active-hover);
    --m-tag-text-color: var(--m-tag-text-color-active);
    --m-tag-text-color-hover: var(--m-tag-text-color-active-hover);
    --ic-color: var(--ic-color-active);
    --ic-color-hover: var(--ic-color-active-hover)
}

@media not (any-pointer:coarse) {
    .m-tag:hover,
    .m-tag:focus-visible,
    .m-tag:active {
        --m-tag-background: var(--m-tag-background-hover);
        --m-tag-text-color: var(--m-tag-text-color-hover);
        --ic-color: var(--ic-color-hover)
    }
}

.m-input.m-textarea {
    display: inherit;
    height: auto
}

.m-input.m-textarea .m-input-content {
    display: inherit
}

.m-input.m-textarea .m-input-content-label {
    top: var(--m-input-label-line-height--focus)
}

.m-input.m-textarea .m-input-content textarea {
    color: var(--text);
    box-shadow: none;
    width: 100%;
    height: 100%;
    margin-top: var(--m-input-label-line-height--focus);
    resize: none;
    background-color: #0000;
    border: none;
    outline: none;
    margin-bottom: 10px
}

:is(.m-input.m-textarea .m-input-content textarea:focus, .m-input.m-textarea .m-input-content textarea:autofill, .m-input.m-textarea .m-input-content textarea:not(:placeholder-shown)) {
    appearance: none;
    -webkit-appearance: none !important
}

.m-textarea-counter {
    text-align: right;
    font: var(--font-field-vertical-description);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--color-field-basic-description);
    margin-top: var(--field-vertical-spaсing)
}

.m-title--page {
    --m-title-font: var(--font-title-page-text-mobile);
    --m-title-description-font: var(--font-title-page-description-mobile);
    --m-title-text-container-spacing: var(--title-page-text-container-spacing-mobile);
    --m-title-icon-container-size: var(--title-page-icon-container-icon-size-mobile);
    --m-title-container-spacing: var(--title-page-horizontal-spacing-mobile);
    --m-title-icon-padding: var(--title-page-icon-container-expand-mobile);
    --m-title-top-left-border-radius: var(--title-page-border-radius-top-left-mobile);
    --m-title-top-right-border-radius: var(--title-page-border-radius-top-right-mobile);
    --m-title-bottom-left-border-radius: var(--title-page-border-radius-bottom-left-mobile);
    --m-title-bottom-right-border-radius: var(--title-page-border-radius-bottom-right-mobile);
    --m-title-border-width: var(--title-page-border-size-mobile);
    --m-title-padding-left: var(--title-page-left-expand-mobile);
    --m-title-padding-right: var(--title-page-right-expand-mobile);
    --m-title-padding-top: var(--title-page-top-expand-mobile);
    --m-title-padding-bottom: var(--title-page-bottom-expand-mobile);
    --m-title-vertical-spacing: var(--title-page-vertical-spacing-mobile);
    --m-title-content-spacing: var(--title-page-content-spacing-mobile);
    --m-title-content-padding-left: var(--title-page-content-left-expand-mobile);
    --m-title-content-padding-right: var(--title-page-content-right-expand-mobile);
    --m-title-content-padding-top: var(--title-page-content-top-expand-mobile);
    --m-title-text-container-padding-left: var(--title-page-text-container-left-expand-mobile);
    --m-title-text-container-padding-right: var(--title-page-text-container-right-expand-mobile);
    --m-title-text-container-padding-top: var(--title-page-text-container-top-expand-mobile);
    --m-title-font-desktop: var(--font-title-page-text-desktop);
    --m-title-description-font-desktop: var(--font-title-page-description-desktop);
    --m-title-text-container-spacing-desktop: var(--title-page-text-container-spacing-desktop);
    --m-title-icon-container-size-desktop: var(--title-page-icon-container-icon-size-desktop);
    --m-title-container-spacing-desktop: var(--title-page-horizontal-spacing-desktop);
    --m-title-container-vertical-spacing-desktop: var(--title-page-vertical-spacing-desktop);
    --m-title-icon-padding-desktop: var(--title-page-icon-container-expand-desktop);
    --m-title-top-left-border-radius-desktop: var(--title-page-border-radius-top-left-desktop);
    --m-title-top-right-border-radius-desktop: var(--title-page-border-radius-top-right-desktop);
    --m-title-bottom-left-border-radius-desktop: var(--title-page-border-radius-bottom-left-desktop);
    --m-title-bottom-right-border-radius-desktop: var(--title-page-border-radius-bottom-right-desktop);
    --m-title-border-width-desktop: var(--title-page-border-size-desktop);
    --m-title-padding-left-desktop: var(--title-page-left-expand-desktop);
    --m-title-padding-right-desktop: var(--title-page-right-expand-desktop);
    --m-title-padding-top-desktop: var(--title-page-top-expand-desktop);
    --m-title-padding-bottom-desktop: var(--title-page-bottom-expand-desktop);
    --m-title-content-spacing-desktop: var(--title-page-content-spacing-desktop);
    --m-title-content-padding-left-desktop: var(--title-page-content-left-expand-desktop);
    --m-title-content-padding-right-desktop: var(--title-page-content-right-expand-desktop);
    --m-title-content-padding-top-desktop: var(--title-page-content-top-expand-desktop);
    --m-title-text-container-padding-left-desktop: var(--title-page-text-container-left-expand-desktop);
    --m-title-text-container-padding-right-desktop: var(--title-page-text-container-right-expand-desktop);
    --m-title-text-container-padding-top-desktop: var(--title-page-text-container-top-expand-desktop)
}

.m-title--block {
    --m-title-font: var(--font-title-block-text-mobile);
    --m-title-description-font: var(--font-title-block-description-mobile);
    --m-title-text-container-spacing: var(--title-block-text-container-spacing-mobile);
    --m-title-icon-container-size: var(--title-block-icon-container-icon-size-mobile);
    --m-title-container-spacing: var(--title-block-horizontal-spacing-mobile);
    --m-title-icon-padding: var(--title-block-icon-container-expand-mobile);
    --m-title-top-left-border-radius: var(--title-block-border-radius-top-left-mobile);
    --m-title-top-right-border-radius: var(--title-block-border-radius-top-right-mobile);
    --m-title-bottom-left-border-radius: var(--title-block-border-radius-bottom-left-mobile);
    --m-title-bottom-right-border-radius: var(--title-block-border-radius-bottom-right-mobile);
    --m-title-border-width: var(--title-block-border-size-mobile);
    --m-title-padding-left: var(--title-block-left-expand-mobile);
    --m-title-padding-right: var(--title-block-right-expand-mobile);
    --m-title-padding-top: var(--title-block-top-expand-mobile);
    --m-title-padding-bottom: var(--title-block-bottom-expand-mobile);
    --m-title-vertical-spacing: var(--title-block-vertical-spacing-mobile);
    --m-title-content-spacing: var(--title-block-content-spacing-mobile);
    --m-title-content-padding-left: var(--title-block-content-left-expand-mobile);
    --m-title-content-padding-right: var(--title-block-content-right-expand-mobile);
    --m-title-content-padding-top: var(--title-block-content-top-expand-mobile);
    --m-title-text-container-padding-left: var(--title-block-text-container-left-expand-mobile);
    --m-title-text-container-padding-right: var(--title-block-text-container-right-expand-mobile);
    --m-title-text-container-padding-top: var(--title-block-text-container-top-expand-mobile);
    --m-title-font-desktop: var(--font-title-block-text-desktop);
    --m-title-description-font-desktop: var(--font-title-block-description-desktop);
    --m-title-text-container-spacing-desktop: var(--title-block-text-container-spacing-desktop);
    --m-title-icon-container-size-desktop: var(--title-block-icon-container-icon-size-desktop);
    --m-title-container-spacing-desktop: var(--title-block-horizontal-spacing-desktop);
    --m-title-container-vertical-spacing-desktop: var(--title-block-vertical-spacing-desktop);
    --m-title-icon-padding-desktop: var(--title-block-icon-container-expand-desktop);
    --m-title-top-left-border-radius-desktop: var(--title-block-border-radius-top-left-desktop);
    --m-title-top-right-border-radius-desktop: var(--title-block-border-radius-top-right-desktop);
    --m-title-bottom-left-border-radius-desktop: var(--title-block-border-radius-bottom-left-desktop);
    --m-title-bottom-right-border-radius-desktop: var(--title-block-border-radius-bottom-right-desktop);
    --m-title-border-width-desktop: var(--title-block-border-size-desktop);
    --m-title-padding-left-desktop: var(--title-block-left-expand-desktop);
    --m-title-padding-right-desktop: var(--title-block-right-expand-desktop);
    --m-title-padding-top-desktop: var(--title-block-top-expand-desktop);
    --m-title-padding-bottom-desktop: var(--title-block-bottom-expand-desktop);
    --m-title-content-spacing-desktop: var(--title-block-content-spacing-desktop);
    --m-title-content-padding-left-desktop: var(--title-block-content-left-expand-desktop);
    --m-title-content-padding-right-desktop: var(--title-block-content-right-expand-desktop);
    --m-title-content-padding-top-desktop: var(--title-block-content-top-expand-desktop);
    --m-title-text-container-padding-left-desktop: var(--title-block-text-container-left-expand-desktop);
    --m-title-text-container-padding-right-desktop: var(--title-block-text-container-right-expand-desktop);
    --m-title-text-container-padding-top-desktop: var(--title-block-text-container-top-expand-desktop)
}

.m-title--card {
    --m-title-font: var(--font-title-card-text-mobile);
    --m-title-description-font: var(--font-title-card-description-mobile);
    --m-title-text-container-spacing: var(--title-card-text-container-spacing-mobile);
    --m-title-icon-container-size: var(--title-card-icon-container-icon-size-mobile);
    --m-title-container-spacing: var(--title-card-horizontal-spacing-mobile);
    --m-title-icon-padding: var(--title-card-icon-container-expand-mobile);
    --m-title-top-left-border-radius: var(--title-card-border-radius-top-left-mobile);
    --m-title-top-right-border-radius: var(--title-card-border-radius-top-right-mobile);
    --m-title-bottom-left-border-radius: var(--title-card-border-radius-bottom-left-mobile);
    --m-title-bottom-right-border-radius: var(--title-card-border-radius-bottom-right-mobile);
    --m-title-border-width: var(--title-card-border-size-mobile);
    --m-title-padding-left: var(--title-card-left-expand-mobile);
    --m-title-padding-right: var(--title-card-right-expand-mobile);
    --m-title-padding-top: var(--title-card-top-expand-mobile);
    --m-title-padding-bottom: var(--title-card-bottom-expand-mobile);
    --m-title-vertical-spacing: var(--title-card-vertical-spacing-mobile);
    --m-title-content-spacing: var(--title-card-content-spacing-mobile);
    --m-title-content-padding-left: var(--title-card-content-left-expand-mobile);
    --m-title-content-padding-right: var(--title-card-content-right-expand-mobile);
    --m-title-content-padding-top: var(--title-card-content-top-expand-mobile);
    --m-title-text-container-padding-left: var(--title-card-text-container-left-expand-mobile);
    --m-title-text-container-padding-right: var(--title-card-text-container-right-expand-mobile);
    --m-title-text-container-padding-top: var(--title-card-text-container-top-expand-mobile);
    --m-title-font-desktop: var(--font-title-card-text-desktop);
    --m-title-description-font-desktop: var(--font-title-card-description-desktop);
    --m-title-text-container-spacing-desktop: var(--title-card-text-container-spacing-desktop);
    --m-title-icon-container-size-desktop: var(--title-card-icon-container-icon-size-desktop);
    --m-title-container-spacing-desktop: var(--title-card-horizontal-spacing-desktop);
    --m-title-container-vertical-spacing-desktop: var(--title-card-vertical-spacing-desktop);
    --m-title-icon-padding-desktop: var(--title-card-icon-container-expand-desktop);
    --m-title-top-left-border-radius-desktop: var(--title-card-border-radius-top-left-desktop);
    --m-title-top-right-border-radius-desktop: var(--title-card-border-radius-top-right-desktop);
    --m-title-bottom-left-border-radius-desktop: var(--title-card-border-radius-bottom-left-desktop);
    --m-title-bottom-right-border-radius-desktop: var(--title-card-border-radius-bottom-right-desktop);
    --m-title-border-width-desktop: var(--title-card-border-size-desktop);
    --m-title-padding-left-desktop: var(--title-card-left-expand-desktop);
    --m-title-padding-right-desktop: var(--title-card-right-expand-desktop);
    --m-title-padding-top-desktop: var(--title-card-top-expand-desktop);
    --m-title-padding-bottom-desktop: var(--title-card-bottom-expand-desktop);
    --m-title-content-spacing-desktop: var(--title-card-content-spacing-desktop);
    --m-title-content-padding-left-desktop: var(--title-card-content-left-expand-desktop);
    --m-title-content-padding-right-desktop: var(--title-card-content-right-expand-desktop);
    --m-title-content-padding-top-desktop: var(--title-card-content-top-expand-desktop);
    --m-title-text-container-padding-left-desktop: var(--title-card-text-container-left-expand-desktop);
    --m-title-text-container-padding-right-desktop: var(--title-card-text-container-right-expand-desktop);
    --m-title-text-container-padding-top-desktop: var(--title-card-text-container-top-expand-desktop)
}

.m-title {
    --m-title-text-color: var(--color-title-basic-text);
    background: var(--color-title-basic-background);
    column-gap: var(--m-title-container-spacing);
    border-width: var(--m-title-border-width);
    border-color: var(--color-title-basic-border);
    border-radius: var(--m-title-top-left-border-radius)var(--m-title-top-right-border-radius)var(--m-title-bottom-right-border-radius)var(--m-title-bottom-left-border-radius);
    padding: var(--m-title-padding-top)var(--m-title-padding-right)var(--m-title-padding-bottom)var(--m-title-padding-left);
    display: flex
}

.m-title--mobile {
    row-gap: var(--m-title-vertical-spacing);
    flex-wrap: wrap
}

.m-title--mobile .m-title__tabs {
    flex: 0 0 100%;
    order: 1
}

.m-title--mobile .m-title__link {
    width: auto
}

.m-title--desktop {
    row-gap: var(--m-title-container-vertical-spacing);
    --m-title-font: var(--m-title-font-desktop);
    --m-title-description-font: var(--m-title-description-font-desktop);
    --m-title-text-container-spacing: var(--m-title-text-container-spacing-desktop);
    --m-title-icon-container-size: var(--m-title-icon-container-size-desktop);
    --m-title-icon-padding: var(--m-title-icon-padding-desktop);
    --m-title-top-left-border-radius: var(--m-title-top-left-border-radius-desktop);
    --m-title-top-right-border-radius: var(--m-title-top-right-border-radius-desktop);
    --m-title-bottom-left-border-radius: var(--m-title-bottom-left-border-radius-desktop);
    --m-title-bottom-right-border-radius: var(--m-title-bottom-right-border-radius-desktop);
    --m-title-border-width: var(--m-title-border-width-desktop);
    --m-title-padding-left: var(--m-title-padding-left-desktop);
    --m-title-padding-right: var(--m-title-padding-right-desktop);
    --m-title-padding-top: var(--m-title-padding-top-desktop);
    --m-title-padding-bottom: var(--m-title-padding-bottom-desktop);
    --m-title-content-spacing: var(--m-title-content-spacing-desktop);
    --m-title-content-padding-left: var(--m-title-content-padding-left-desktop);
    --m-title-content-padding-right: var(--m-title-content-padding-right-desktop);
    --m-title-content-padding-top: var(--m-title-content-padding-top-desktop);
    --m-title-text-container-padding-left: var(--m-title-text-container-padding-left-desktop);
    --m-title-text-container-padding-right: var(--m-title-text-container-padding-right-desktop);
    --m-title-text-container-padding-top: var(--m-title-text-container-padding-top-desktop);
    --m-title-container-spacing: var(--m-title-container-spacing-desktop);
    --m-title-container-vertical-spacing: var(--m-title-container-vertical-spacing-desktop);
    flex-flow: wrap
}

.m-title--desktop .m-title__tabs {
    align-items: center;
    display: flex
}

.m-title--vip {
    --m-title-text-color: var(--color-text-vip)
}

.m-title--vip .m-title__prepend .m-icon-container {
    --ic-color: var(--color-text-vip)
}

.m-title__button,
.m-title__nav,
.m-title__link {
    align-items: center;
    display: inline-flex
}

.m-title__link {
    --ic-size: var(--button-link-icon-container-icon-size-s);
    width: 100%
}

.m-title__main {
    align-items: center;
    gap: var(--m-title-content-spacing);
    padding: var(--m-title-content-padding-top)var(--m-title-content-padding-right)0 var(--m-title-content-padding-left);
    flex-direction: row;
    flex: 1;
    display: flex
}

.m-title__prepend {
    margin-right: var(--m-title-container-spacing);
    align-items: center;
    display: inline-flex
}

.m-title__prepend--icon {
    margin-right: var(--m-title-content-spacing)
}

.m-title__prepend .m-icon-container {
    --ic-size: var(--m-title-icon-container-size);
    --ic-color: var(--title-basic-icon-container-icon-color);
    --ic-padding: var(--m-title-icon-padding)
}

.m-title__content {
    flex: 1;
    align-items: center;
    display: flex
}

.m-title__text-container {
    gap: var(--m-title-text-container-spacing);
    padding: var(--m-title-text-container-padding-top)var(--m-title-text-container-padding-right)0 var(--m-title-text-container-padding-left);
    margin-right: var(--m-title-content-spacing);
    flex-direction: column;
    display: flex
}

.m-title__text {
    font: var(--m-title-font);
    color: var(--m-title-text-color)
}

.m-title__description {
    font: var(--m-title-description-font);
    color: var(--color-title-basic-description)
}

.m-tooltip-arrow {
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent var(--color-tooltip-background);
    position: absolute
}

.m-tooltip-content {
    background: var(--color-tooltip-background);
    border-radius: var(--tooltip-border-radius);
    color: var(--color-tooltip-text);
    padding: var(--tooltip-expand);
    box-shadow: var(--shadow-2);
    font: var(--font-tooltip-text);
    font-variant-numeric: var(--font-variant-numeric)
}

.m-tooltip-content-text {
    max-width: var(--breakpoints-expand)
}

.m-video {
    max-width: 100%;
    display: block
}

.m-wow-button {
    cursor: pointer;
    min-width: 64px;
    text-shadow: var(--wow-button-text-shadow, "none");
    background: 0 0;
    border: none;
    justify-content: center;
    align-items: center;
    transition: filter .25s ease-in-out;
    display: inline-flex;
    position: relative
}

.m-wow-button:hover:before,
.m-wow-button:hover:after,
.m-wow-button:hover .m-wow-button__background {
    filter: brightness(120%)
}

.m-wow-button:hover .m-wow-button__overlay--hover {
    opacity: 1
}

.m-wow-button:before,
.m-wow-button:after {
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 192px 48px;
    margin: auto;
    position: absolute;
    inset: 0
}

.m-wow-button:before {
    background-position: right -96px top 0, left -96px bottom 0;
    width: 48px
}

.m-wow-button:after {
    background-position: right -144px top 50%, -144px;
    height: 48px
}

.m-wow-button__text {
    z-index: 3;
    position: relative
}

.m-wow-button__overlay {
    opacity: 0;
    width: 100%;
    height: 100%;
    mask-border: var(--wow-button-border-image-mask, none)66 144 fill/22px 48px;
    -webkit-mask-box-image: var(--wow-button-border-image-mask, none)66 144 fill/22px 48px;
    z-index: 2;
    transition: opacity .3s;
    position: absolute;
    top: 0;
    left: 0
}

.m-wow-button__overlay .m-wow-button__overlay-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-wow-button__overlay--repeat {
    background: var(--wow-button-overlay-repeat, none);
    background-position: 50%;
    background-repeat: repeat-x
}

.m-wow-button__overlay--static {
    opacity: 1
}

.m-wow-button__overlay--hover {
    opacity: 0
}

.m-wow-button__underlay {
    pointer-events: none;
    background: var(--wow-button-underlay-image, none)no-repeat center;
    z-index: -1;
    background-size: contain;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.m-wow-button--size-s {
    padding: var(--button-expand-s, 12px);
    min-height: var(--button-content-height-s, 20px);
    font: var(--font-button-text-s);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-button-text-s-ls, 0);
    text-transform: var(--font-button-text-s-transform, unset)
}

.m-wow-button--size-s .m-wow-button__text {
    gap: var(--button-text-container-expand-s, 0 8px);
    padding: var(--button-text-container-expand-s, 0 8px)
}

.m-wow-button--size-m {
    padding: var(--button-expand-m, 12px);
    min-height: var(--button-content-height-m, 20px);
    font: var(--font-button-text-m);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-button-text-m-ls, 0);
    text-transform: var(--font-button-text-m-transform, unset)
}

.m-wow-button--size-m .m-wow-button__text {
    gap: var(--button-text-container-expand-m, 0 8px);
    padding: var(--button-text-container-expand-m, 0 8px)
}

.m-wow-button--size-l {
    padding: var(--button-expand-l, 12px);
    min-height: var(--button-content-height-l, 20px);
    font: var(--font-button-text-l);
    font-variant-numeric: var(--font-variant-numeric);
    letter-spacing: var(--font-button-text-l-ls, 0);
    text-transform: var(--font-button-text-l-transform, unset)
}

.m-wow-button--size-l .m-wow-button__text {
    gap: var(--button-text-container-expand-l, 0 8px);
    padding: var(--button-text-container-expand-l, 0 8px)
}

.m-wow-button__background {
    border-image: var(--wow-button-primary-border-image, "none")66 144 fill/22px 48px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-wow-button--theme-primary {
    color: var(--wow-button-text-color, #fff)
}

.m-wow-button--theme-primary:before,
.m-wow-button--theme-primary:after {
    background-image: var(--wow-button-primary-sprite, "none"), var(--wow-button-primary-sprite, "none")
}

.otp-input {
    grid-template-columns: repeat(var(--inputCount, 4), minmax(35px, auto));
    justify-content: center;
    gap: 4px 8px;
    display: grid
}

.otp-input__wrap {
    border-radius: var(--button-border-radius-m);
    min-height: 28px;
    display: flex
}

.otp-input__wrap.m-gradient-border {
    --gradient-width: var(--input-border-size-m);
    --gradient-color: var(--gradient-white-40-bottom)
}

.otp-input__input {
    color: var(--color-light-grey-5);
    font: var(--font-input-value-m);
    font-variant-numeric: var(--font-variant-numeric);
    border-radius: var(--input-border-radius-s);
    background: var(--color-input-basic-background);
    text-align: center;
    border: none;
    outline: none;
    width: 100%;
    padding: 10px
}

.otp-input__input:-webkit-autofill {
    box-shadow: none;
    -webkit-text-fill-color: var(--color-light-grey-5);
    background: 0 0;
    transition: background-color 5000s ease-in-out
}

.otp-input__input:-webkit-autofill:hover {
    box-shadow: none;
    -webkit-text-fill-color: var(--color-light-grey-5);
    background: 0 0;
    transition: background-color 5000s ease-in-out
}

.otp-input__input:-webkit-autofill:focus {
    box-shadow: none;
    -webkit-text-fill-color: var(--color-light-grey-5);
    background: 0 0;
    transition: background-color 5000s ease-in-out
}

.otp-input__input::placeholder {
    color: var(--color-mid-grey-5)
}

.otp-input__input:focus {
    box-shadow: inset 0 0 0 var(--input-border-size-m)var(--color-dark-grey-5)
}

.otp-input__input:focus-visible {
    outline: none
}

.otp-input__input--dark {
    background: var(--color-input-dark-background)
}

.otp-input__input--invalid {
    box-shadow: inset 0 0 0 2px var(--color-da600)
}

.otp-input__error {
    color: var(--color-da600);
    font-variant-numeric: var(--font-variant-numeric);
    grid-column: span var(--inputCount, 4);
    font: 500 12px/19px Montserrat;
    display: flex
}

.m-countdown-unit {
    width: var(--m-countdown-unit-size, 32px);
    border-radius: var(--m-countdown-unit-border-radius, 6px);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.m-countdown-unit--block {
    background: var(--color-countdown-background);
    height: var(--m-countdown-unit-size, 32px);
    line-height: var(--m-countdown-unit-size, 24px);
    box-shadow: inset 0 0 0 var(--m-countdown-unit-border-width, 2px)var(--m-countdown-unit-border-color, var(--color-countdown-border))
}

.m-countdown-unit__number {
    height: 100%
}

.m-countdown-unit>* {
    height: 100%;
    transition-timing-function: ease-in-out
}

.m-countdown-block {
    text-align: center
}

.m-countdown-block-items {
    gap: var(--m-countdown-label-gap, 0);
    flex-wrap: nowrap;
    display: flex;
    overflow: hidden
}

.m-countdown-block-label {
    font: var(--m-countdown-label-font, var(--font-body-semi-bold-s));
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--color-countdown-description);
    margin-top: var(--m-countdown-label-gap, 2px)
}

.m-countdown-block--inline {
    height: var(--m-countdown-unit-line-height, 24px);
    line-height: var(--m-countdown-unit-line-height, 24px);
    display: flex
}

.m-countdown {
    --m-countdown-text-color: var(--color-countdown-text);
    --m-countdown-unit-border-color: var(--color-countdown-border);
    gap: var(--m-countdown-gap, 10px);
    font: var(--m-countdown-unit-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-countdown-text-color);
    display: flex
}

.m-countdown__colon {
    color: var(--color-countdown-divider-background)
}

.m-countdown--inline {
    overflow: hidden
}

.m-countdown--3xs {
    --m-countdown-gap: var(--countdown-spacing-3xs, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-3xs, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-3xs, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-3xs, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-3xs, 6px);
    --m-countdown-label-font: var(--font-countdown-description-3xs, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-3xs, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-3xs, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--xxs {
    --m-countdown-gap: var(--countdown-spacing-xxs, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-xxs, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-xxs, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-xxs, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-xxs, 6px);
    --m-countdown-label-font: var(--font-countdown-description-xxs, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-xxs, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-xxs, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--xs {
    --m-countdown-gap: var(--countdown-spacing-xs, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-xs, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-xs, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-xs, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-xs, 6px);
    --m-countdown-label-font: var(--font-countdown-description-xs, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-xs, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-xs, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--s {
    --m-countdown-gap: var(--countdown-spacing-s, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-s, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-s, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-s, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-s, 6px);
    --m-countdown-label-font: var(--font-countdown-description-s, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-s, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-s, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--m {
    --m-countdown-gap: var(--countdown-spacing-m, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-m, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-m, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-m, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-m, 6px);
    --m-countdown-label-font: var(--font-countdown-description-m, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-m, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-m, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--l {
    --m-countdown-gap: var(--countdown-spacing-l, 4px);
    --m-countdown-unit-size: var(--countdown-item-size-l, 32px);
    --m-countdown-unit-font: var(--font-countdown-text-l, var(--font-body-semi-bold-l));
    --m-countdown-unit-line-height: var(--font-line-height-countdown-text-l, 24px);
    --m-countdown-unit-border-radius: var(--countdown-item-border-radius-l, 6px);
    --m-countdown-label-font: var(--font-countdown-description-l, var(--font-body-semi-bold-s));
    --m-countdown-label-gap: var(--countdown-container-spacing-l, 0);
    --m-countdown-unit-border-width: var(--countdown-item-border-size-l, 0);
    --m-countdown-label-max-width: calc(var(--m-countdown-unit-size)*2 + var(--m-countdown-label-gap) - 2px)
}

.m-countdown--m.m-countdown--colons,
.m-countdown--l.m-countdown--colons {
    line-height: var(--m-countdown-unit-size)
}

.m-countdown--m .m-countdown-block-label,
.m-countdown--l .m-countdown-block-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: var(--m-countdown-label-max-width);
    overflow: hidden
}

.m-chevron {
    transition: transform .15s ease-in-out
}

.m-accordion-item {
    border-radius: var(--accordion-border-radius);
    background: var(--color-accordion-background);
    box-shadow: inset 0 0 0 var(--accordion-border-size)var(--color-accordion-border);
    --m-accordion-header-background: var(--color-accordion-header-background);
    --m-accordion-header-text-color: var(--color-accordion-header-text);
    --m-accordion-header-border-color: var(--color-accordion-header-border);
    --ic-size: var(--accordion-header-icon-container-icon-size);
    --ic-color: var(--color-accordion-header-icon-container-icon)
}

.m-accordion-item__header {
    font: var(--font-accordion-header);
    font-variant-numeric: var(--font-variant-numeric);
    padding: var(--accordion-header-expand);
    justify-content: space-between;
    align-items: center;
    gap: var(--accordion-header-spacing);
    background: var(--m-accordion-header-background);
    color: var(--m-accordion-header-text-color);
    cursor: pointer;
    border-radius: var(--accordion-border-radius);
    box-shadow: inset 0 0 0 var(--accordion-header-border-size)var(--m-accordion-header-border-color);
    display: flex
}

.m-accordion-item__header.m-gradient-border {
    --gradient-color: var(--m-accordion-header-border-color);
    --gradient-width: var(--accordion-header-border-size)
}

.m-accordion-item__header-title {
    justify-content: space-between;
    align-items: center;
    gap: var(--accordion-header-spacing);
    flex: 1;
    display: flex
}

.m-accordion-item__header-icon:empty {
    display: none
}

.m-accordion-item__header svg,
.m-accordion-item__header img {
    color: var(--ic-color);
    width: var(--ic-size);
    height: var(--ic-size);
    flex-shrink: 0
}

.m-accordion-item--inverted .m-accordion-item__header {
    flex-direction: row-reverse
}

.m-accordion-item--inverted.m-accordion-item--label-inverted .m-accordion-item__header {
    justify-content: flex-end
}

.m-accordion-item--label-inverted .m-accordion-item__header-title {
    flex-direction: row-reverse;
    flex: unset
}

.m-accordion-item--active {
    --m-accordion-header-background: var(--color-accordion-header-background-active);
    --m-accordion-header-text-color: var(--color-accordion-header-text-active);
    --ic-color: var(--color-accordion-header-icon-container-icon-active);
    --m-accordion-header-border-color: var(--color-accordion-header-border-active)
}

.m-accordion-item--transparent,
.m-accordion-item--transparent .m-accordion-item__header {
    box-shadow: none;
    background: 0 0
}

.m-accordion-item:hover,
.m-accordion-item:focus-visible {
    --m-accordion-header-background: var(--color-accordion-header-background-hover);
    --m-accordion-header-text-color: var(--color-accordion-header-text-hover);
    --ic-color: var(--color-accordion-header-icon-container-icon-hover);
    --m-accordion-header-border-color: var(--color-accordion-header-border-hover)
}

.m-accordion-item__content {
    padding: var(--accordion-description-expand);
    color: var(--color-accordion-description);
    border-radius: var(--accordion-border-radius);
    font: var(--font-accordion-description);
    font-variant-numeric: var(--font-variant-numeric)
}

.m-accordion {
    gap: var(--spacing-xs);
    flex-direction: column;
    display: flex
}

.m-message {
    color: var(--m-message-text-color);
    background: var(--m-message-background);
    box-shadow: inset 0 0 0 var(--m-message-border-width)var(--m-message-border-color);
    padding: var(--m-message-padding);
    border-radius: var(--m-message-border-radius);
    font: var(--m-message-font);
    font-variant-numeric: var(--font-variant-numeric);
    align-items: flex-start;
    gap: var(--m-message-vertical-spacing);
    flex-direction: column;
    display: flex
}

.m-message-content {
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    gap: var(--m-message-horizontal-spacing);
    min-height: var(--m-message-content-min-height);
    display: flex
}

.m-message-text-container {
    align-self: center;
    gap: var(--m-message-description-offset);
    padding: var(--m-message-content-padding);
    flex-direction: column;
    flex: 1;
    display: flex
}

.m-message-text-container a,
.m-message-text-container a:hover,
.m-message-text-container a:active,
.m-message-text-container a:visited {
    color: var(--color-message-success-text);
    text-decoration: underline
}

.m-message-description {
    font: var(--m-message-description-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-message-description-color)
}

.m-message-actions {
    gap: var(--m-message-actions-spacing);
    padding: var(--m-message-actions-padding);
    display: flex
}

.m-message--s {
    --m-message-padding: var(--message-expand-s, 10px);
    --m-message-border-width: var(--message-border-size-s, 2px);
    --m-message-border-radius: var(--message-border-radius-s, 8px);
    --m-message-content-min-height: var(--message-content-min-height-s, 22px);
    --m-message-icon-size: var(--message-icon-container-icon-size-s, 22px);
    --ic-padding: var(--message-icon-container-expand-s, 0);
    --ic-size: var(--m-message-icon-size);
    --m-message-font: var(--font-message-text-s, inherit);
    letter-spacing: var(--font-message-text-s-ls, 0);
    text-transform: var(--font-message-text-s-transform, inherit);
    --m-message-description-font: var(--font-message-description-s, inherit);
    --m-message-vertical-spacing: var(--message-vertical-spacing-s, 10px);
    --m-message-horizontal-spacing: var(--message-vertical-spacing-s, 8px);
    --m-message-description-offset: var(--message-text-container-spacing-s, 2px);
    --m-message-content-padding: var(--message-text-container-expand-s, 1px 0 0 0);
    --m-message-actions-padding: var(--message-buttons-group-expand-s, 0);
    --m-message-actions-spacing: var(--buttons-group-spacing-s, 4px)
}

.m-message--m {
    --m-message-padding: var(--message-expand-m, 10px);
    --m-message-border-width: var(--message-border-size-m, 2px);
    --m-message-border-radius: var(--message-border-radius-m, 8px);
    --m-message-content-min-height: var(--message-content-min-height-m, 22px);
    --m-message-icon-size: var(--message-icon-container-icon-size-m, 22px);
    --ic-padding: var(--message-icon-container-expand-m, 0);
    --ic-size: var(--m-message-icon-size);
    --m-message-font: var(--font-message-text-m, inherit);
    letter-spacing: var(--font-message-text-m-ls, 0);
    text-transform: var(--font-message-text-m-transform, inherit);
    --m-message-description-font: var(--font-message-description-m, inherit);
    --m-message-vertical-spacing: var(--message-vertical-spacing-m, 10px);
    --m-message-horizontal-spacing: var(--message-vertical-spacing-m, 8px);
    --m-message-description-offset: var(--message-text-container-spacing-m, 2px);
    --m-message-content-padding: var(--message-text-container-expand-m, 1px 0 0 0);
    --m-message-actions-padding: var(--message-buttons-group-expand-m, 0);
    --m-message-actions-spacing: var(--buttons-group-spacing-m, 4px)
}

.m-message--l {
    --m-message-padding: var(--message-expand-l, 10px);
    --m-message-border-width: var(--message-border-size-l, 2px);
    --m-message-border-radius: var(--message-border-radius-l, 8px);
    --m-message-content-min-height: var(--message-content-min-height-l, 22px);
    --m-message-icon-size: var(--message-icon-container-icon-size-l, 22px);
    --ic-padding: var(--message-icon-container-expand-l, 0);
    --ic-size: var(--m-message-icon-size);
    --m-message-font: var(--font-message-text-l, inherit);
    letter-spacing: var(--font-message-text-l-ls, 0);
    text-transform: var(--font-message-text-l-transform, inherit);
    --m-message-description-font: var(--font-message-description-l, inherit);
    --m-message-vertical-spacing: var(--message-vertical-spacing-l, 10px);
    --m-message-horizontal-spacing: var(--message-vertical-spacing-l, 8px);
    --m-message-description-offset: var(--message-text-container-spacing-l, 2px);
    --m-message-content-padding: var(--message-text-container-expand-l, 1px 0 0 0);
    --m-message-actions-padding: var(--message-buttons-group-expand-l, 0);
    --m-message-actions-spacing: var(--buttons-group-spacing-l, 4px)
}

.m-message--basic {
    --m-message-background: var(--color-message-basic-background);
    --m-message-border-color: var(--color-message-basic-border, transparent);
    --m-message-text-color: var(--color-message-basic-text);
    --m-message-description-color: var(--color-message-basic-description);
    --ic-color: var(--color-message-basic-icon-container-icon)
}

.m-message--primary {
    --m-message-background: var(--color-message-primary-background);
    --m-message-border-color: var(--color-message-primary-border, transparent);
    --m-message-text-color: var(--color-message-primary-text);
    --m-message-description-color: var(--color-message-primary-description);
    --ic-color: var(--color-message-primary-icon-container-icon)
}

.m-message--info {
    --m-message-background: var(--color-message-info-background);
    --m-message-border-color: var(--color-message-info-border, transparent);
    --m-message-text-color: var(--color-message-info-text);
    --m-message-description-color: var(--color-message-info-description);
    --ic-color: var(--color-message-info-icon-container-icon)
}

.m-message--success {
    --m-message-background: var(--color-message-success-background);
    --m-message-border-color: var(--color-message-success-border, transparent);
    --m-message-text-color: var(--color-message-success-text);
    --m-message-description-color: var(--color-message-success-description);
    --ic-color: var(--color-message-success-icon-container-icon)
}

.m-message--warning {
    --m-message-background: var(--color-message-warning-background);
    --m-message-border-color: var(--color-message-warning-border, transparent);
    --m-message-text-color: var(--color-message-warning-text);
    --m-message-description-color: var(--color-message-warning-description);
    --ic-color: var(--color-message-warning-icon-container-icon)
}

.m-message--attention {
    --m-message-background: var(--color-message-attention-background);
    --m-message-border-color: var(--color-message-attention-border, transparent);
    --m-message-text-color: var(--color-message-attention-text);
    --m-message-description-color: var(--color-message-attention-description);
    --ic-color: var(--color-message-attention-icon-container-icon)
}

.m-message--danger {
    --m-message-background: var(--color-message-danger-background);
    --m-message-border-color: var(--color-message-danger-border, transparent);
    --m-message-text-color: var(--color-message-danger-text);
    --m-message-description-color: var(--color-message-danger-description);
    --ic-color: var(--color-message-danger-icon-container-icon)
}

.m-button-nav {
    cursor: pointer;
    padding: var(--m-button-nav-padding);
    background: var(--m-button-nav-background);
    border-radius: var(--m-button-nav-border-radius);
    box-shadow: inset 0 0 0 var(--m-button-nav-border-width)var(--m-button-nav-border-color);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .15s ease-in-out;
    display: flex
}

.m-button-nav.m-gradient-border {
    --gradient-width: var(--m-button-nav-border-width);
    --gradient-color: var(--m-button-nav-border-color)
}

.m-button-nav .m-icon {
    width: var(--m-button-nav-icon-size);
    height: var(--m-button-nav-icon-size);
    color: var(--m-button-nav-icon-color);
    flex: 1;
    transition: color .15s ease-in-out
}

.m-button-nav--3xs {
    --m-button-nav-padding: var(--button-navigation-expand-3xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-3xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-3xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-3xs, 0)
}

.m-button-nav--2xs {
    --m-button-nav-padding: var(--button-navigation-expand-2xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-2xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-2xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-2xs, 0)
}

.m-button-nav--xs {
    --m-button-nav-padding: var(--button-navigation-expand-xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-xs, 0)
}

.m-button-nav--s {
    --m-button-nav-padding: var(--button-navigation-expand-s, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-s, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-s, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-s, 0)
}

.m-button-nav--m {
    --m-button-nav-padding: var(--button-navigation-expand-m, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-m, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-m, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-m, 0)
}

.m-button-nav--l {
    --m-button-nav-padding: var(--button-navigation-expand-l, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-l, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-l, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-l, 0)
}

.m-button-nav--secondary {
    --m-button-nav-background: var(--color-button-navigation-secondary-background);
    --m-button-nav-background-disabled: var(--color-button-navigation-secondary-background-disabled);
    --m-button-nav-icon-color: var(--color-button-navigation-secondary-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-navigation-secondary-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-navigation-secondary-icon-disabled);
    --m-button-nav-border-color: var(--color-button-navigation-secondary-border);
    --m-button-nav-border-color-pressed: var(--color-button-navigation-secondary-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-navigation-secondary-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-secondary-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-secondary-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-secondary-l-background-image)
}

.m-button-nav--primary {
    --m-button-nav-background: var(--color-button-fill-primary-background);
    --m-button-nav-background-pressed: var(--color-button-fill-primary-background-active);
    --m-button-nav-background-disabled: var(--color-button-fill-primary-background-disabled);
    --m-button-nav-icon-color: var(--color-button-fill-primary-icon-container-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-fill-primary-icon-container-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-fill-primary-icon-container-icon-disabled);
    --m-button-nav-border-color: var(--color-button-fill-primary-border);
    --m-button-nav-border-color-pressed: var(--color-button-fill-primary-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-fill-primary-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-primary-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-primary-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-primary-l-background-image)
}

.m-button-nav--vip {
    --m-button-nav-background: var(--color-button-fill-vip-background);
    --m-button-nav-background-pressed: var(--color-button-fill-vip-background-active);
    --m-button-nav-background-disabled: var(--color-button-fill-vip-background-disabled);
    --m-button-nav-icon-color: var(--color-button-fill-vip-icon-container-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-fill-vip-icon-container-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-fill-vip-icon-container-icon-disabled);
    --m-button-nav-border-color: var(--color-button-fill-vip-border);
    --m-button-nav-border-color-pressed: var(--color-button-fill-vip-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-fill-vip-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-vip-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-vip-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-vip-l-background-image)
}

.m-button-nav:not(:disabled):hover,
.m-button-nav:not(:disabled):focus-visible {
    filter: brightness(120%)
}

.m-button-nav:not(:disabled):active {
    filter: brightness(80%)
}

.m-button-nav .m-preloader {
    position: absolute
}

.m-button-nav--loading {
    pointer-events: none
}

.m-button-nav--loading .m-preloader {
    color: var(--m-button-nav-icon-color)
}

.m-button-nav--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-nav .m-loader-fade-enter-active,
.m-button-nav .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-nav .m-loader-fade-enter-from,
.m-button-nav .m-loader-fade-leave-to {
    opacity: 0
}

.m-button-nav:disabled {
    --m-button-nav-background: var(--m-button-nav-background-disabled);
    --m-button-nav-icon-color: var(--m-button-nav-icon-color-disabled);
    --m-button-nav-border-color: var(--m-button-nav-border-color-disabled);
    cursor: not-allowed
}

.m-button-nav.m-button-nav--wow:not(:disabled) {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s,
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m,
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--l {
    --m-button-nav-background: transparent;
    --m-button-nav-border-width: 0;
    --m-button-nav-border-radius: 0
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s {
    background-image: var(--m-button-nav-background-image-s)
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m {
    background-image: var(--m-button-nav-background-image-m)
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--l {
    background-image: var(--m-button-nav-background-image-l)
}

.m-preloader {
    color: var(--color-text-secondary);
    animation: 1s linear infinite preloader
}

.m-icon-container {
    box-shadow: inset 0 0 0 var(--ic-border-width)var(--ic-border-color);
    background: var(--ic-background);
    border-radius: var(--ic-border-radius);
    color: var(--ic-color);
    padding: var(--ic-padding);
    justify-content: center;
    align-items: center;
    transition: color .15s ease-in-out;
    display: flex
}

.m-icon-container svg,
.m-icon-container img {
    width: var(--ic-size);
    height: var(--ic-size)
}

.preload-game-aviator {
    display: none !important
}

.pull-to-refresh {
    z-index: 9999;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: transform .2s;
    display: flex;
    position: fixed;
    top: -60px;
    overflow: hidden
}

.pull-to-refresh-bg {
    border-radius: 50%;
    padding: 10px;
    display: flex
}

.android .pull-to-refresh-bg {
    background: var(--color-button-fill-secondary-background)
}

body.ios #container {
    margin: 0;
    transition: margin .4s
}

body.ios #container .profile-wrapper {
    min-height: 100vh
}

body.ios.reloading {
    pointer-events: none
}

body.ios.reloading #container {
    pointer-events: none;
    margin: 50px 0 0
}

.play-demo-modal-wrapper .m-modal-container {
    border: none
}

.component-loader {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 32px;
    display: flex
}

.top-info-banners {
    z-index: 104;
    background: var(--color-menu-top-background, var(--color-background-page));
    position: sticky;
    top: 0
}

.top-info-banners:after {
    content: "";
    background: inherit;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.app {
    flex-flow: row;
    width: 100vw;
    max-width: 100%;
    display: flex;
    overflow: hidden
}

.app #container {
    height: calc(var(--app-height, 100vh) - var(--nav-height, 0px));
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow: hidden auto
}

.app #container .footer-container {
    margin-top: auto
}

.lang-switcher-btn {
    flex-shrink: 0
}

.fixed-widgets {
    z-index: 102;
    justify-content: flex-end;
    height: 0;
    padding: 0 16px;
    display: flex;
    position: sticky;
    top: 180px
}

.desktop .fixed-widgets {
    top: 214px
}

.fixed-widgets-container {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    display: flex
}

.fixed-widgets--lower {
    top: 230px
}

.desktop .fixed-widgets--lower {
    top: 242px
}

.notifications {
    z-index: 1000000000;
    flex-direction: column-reverse;
    width: 100%;
    max-width: 408px;
    padding: 24px;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateZ(0)
}

.notifications__item {
    transform-origin: 100%;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden
}

@media (max-width:460px) {
    .notifications {
        padding: 8px
    }
}

.notifications:empty {
    pointer-events: none
}

.notifications-enter-active,
.notifications-leave-active {
    transition: max-height .3s, opacity .2s
}

.notifications-enter-active .notifications__item,
.notifications-leave-active .notifications__item {
    transition: transform .25s
}

.notifications-enter-from,
.notifications-leave-to {
    opacity: 0;
    max-height: 0
}

.notifications-enter-from .notifications__item,
.notifications-leave-to .notifications__item {
    transform: scale(.5)
}

.footer-app-button {
    gap: var(--sidebar-card-widget-spacing);
    width: 100%;
    padding: var(--sidebar-card-widget-expand);
    cursor: pointer;
    background: var(--color-sidebar-card-widget-background);
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-widget-border);
    border-radius: var(--sidebar-card-border-radius);
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.footer-app-button__image {
    width: var(--sidebar-card-widget-image-size)
}

.footer-app-button__texts {
    gap: var(--sidebar-card-text-container-spacing-l);
    flex-direction: column;
    display: flex
}

.footer-app-button__title {
    font: var(--font-sidebar-card-text-l);
    color: var(--color-sidebar-card-widget-text)
}

.footer-app-button__description {
    font: var(--font-sidebar-card-description-l);
    color: var(--color-sidebar-card-widget-description)
}

.footer-app-button--squeezed {
    gap: var(--sidebar-card-widget-micro-spacing);
    padding: var(--sidebar-card-widget-micro-expand);
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-mini-border)
}

.footer-app-button--squeezed .footer-app-button__image {
    width: var(--sidebar-card-widget-micro-image-size)
}

.footer-app-button--squeezed .footer-app-button__title {
    font: var(--font-sidebar-card-text-m)
}

.breadcrumb-list {
    background-color: var(--color-dark-grey-1);
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 7px 16px;
    display: flex
}

.mobile .breadcrumb-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll
}

.mobile .breadcrumb-list::-webkit-scrollbar {
    display: none
}

.breadcrumb-list-item {
    margin-right: 16px;
    position: relative
}

.breadcrumb-list-item-link {
    color: var(--color-text-title);
    align-items: center;
    gap: 16px;
    display: flex
}

.mobile .breadcrumb-list-item-link {
    text-wrap: nowrap
}

.breadcrumb-list-item .m-icon {
    width: 10px;
    height: 10px;
    color: var(--color-pr400)
}

.breadcrumb-list-item:last-child {
    color: var(--color-text-faded)
}

.breadcrumb-list-item .active {
    color: var(--color-text-muted);
    cursor: default
}

.recent-big-wins-modal .m-modal-content {
    padding: 0
}

.header-toggle {
    padding: var(--sidebar-header-expand);
    cursor: pointer;
    align-items: center;
    display: flex;
    position: relative
}

.mobile .header-toggle {
    padding: 0
}

.header-toggle__icon.m-icon {
    color: var(--color-menu-top-icon);
    height: var(--menu-top-icon-size);
    width: var(--menu-top-icon-size);
    transition: color .3s ease-in-out
}

.header-toggle:hover .header-toggle__icon.m-icon {
    color: var(--color-menu-top-icon-hover)
}

.header-search.m-icon {
    width: var(--menu-top-icon-size);
    height: var(--menu-top-icon-size);
    color: var(--color-menu-top-icon);
    cursor: pointer;
    transition: color .3s ease-in-out
}

.header-search.m-icon:hover {
    color: var(--color-menu-top-icon-hover)
}

.jackpot-smartico-button {
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.jackpot-smartico-button--s {
    --size: 32px
}

.jackpot-smartico-button--m {
    --size: 44px
}

.jackpot-smartico-button,
.jackpot-smartico-button--cold {
    --jackpot-smartico-button-color: var(--color-su500)
}

.jackpot-smartico-button--warm {
    --jackpot-smartico-button-color: var(--color-at400)
}

.jackpot-smartico-button--hot {
    --jackpot-smartico-button-color: var(--color-da600)
}

.jackpot-smartico-button:after,
.jackpot-smartico-button--hot:before {
    content: "";
    width: var(--size);
    height: var(--size);
    background-color: var(--jackpot-smartico-button-color);
    transform-origin: 50%;
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)scale(1)
}

.jackpot-smartico-button:after {
    animation: 2s linear infinite jackpot-smartico-button-core
}

.jackpot-smartico-button--hot:before {
    opacity: 0;
    animation: 2s linear infinite jackpot-smartico-button-ring
}

.jackpot-smartico-button img {
    z-index: 1;
    width: 20px;
    height: 20px;
    position: relative
}

@keyframes jackpot-smartico-button-core {
    0% {
        transform: translate(-50%, -50%)scale(1)
    }
    25% {
        transform: translate(-50%, -50%)scale(.875)
    }
    50% {
        transform: translate(-50%, -50%)scale(1)
    }
    to {
        transform: translate(-50%, -50%)scale(1)
    }
}

@keyframes jackpot-smartico-button-ring {
    0%,
    24% {
        opacity: 0;
        transform: translate(-50%, -50%)scale(0)
    }
    25% {
        opacity: .7;
        transform: translate(-50%, -50%)scale(1)
    }
    50% {
        opacity: 0;
        transform: translate(-50%, -50%)scale(1.5625)
    }
    to {
        opacity: 0;
        transform: translate(-50%, -50%)scale(0)
    }
}

.m-smartico-tournaments-state {
    position: relative
}

.m-smartico-tournaments-state--trigger:after {
    content: "";
    background: var(--color-in400);
    border: 1px solid var(--color-dark-grey-0);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.action-button__text {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    overflow: hidden
}

.auth-buttons {
    gap: inherit;
    display: flex
}

.burger-button {
    order: 1
}

.challenge-button {
    order: 1;
    display: initial !important
}

.gameview-mobile-header {
    align-items: center;
    gap: var(--spacing-2xs);
    width: 100%;
    padding: var(--spacing-xs)var(--spacing-m);
    background: var(--color-background-page);
    display: flex;
    position: relative
}

.gameview-mobile-header__home {
    margin-right: auto
}

.nav-logo img {
    max-width: 150px;
    max-height: 40px
}

.header-auth-buttons {
    gap: var(--menu-top-user-bar-spacing-mobile);
    display: flex
}

.desktop .header-auth-buttons {
    gap: var(--menu-top-user-bar-spacing-desktop)
}

.header-auth-buttons .m-button {
    position: relative
}

.header {
    height: var(--nav-height);
    background: var(--color-menu-top-background);
    display: flex
}

.desktop .header {
    box-shadow: var(--shadow-s5);
    gap: var(--menu-top-spacing-desktop)
}

.header--wow {
    background: var(--wow-header-overlay-image);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto 100%
}

.desktop .header--wow {
    background-size: contain
}

.header__content {
    width: 100%;
    padding: var(--menu-expand-desktop);
    align-items: center;
    gap: var(--menu-top-spacing-mobile);
    display: flex
}

.desktop .header__content {
    gap: var(--menu-top-spacing-desktop)
}

.header__section-right {
    align-items: center;
    gap: var(--menu-top-user-bar-spacing-mobile);
    margin-left: auto;
    display: flex
}

.desktop .header__section-right {
    gap: var(--menu-top-user-bar-spacing-desktop)
}

.footer-license {
    align-items: center;
    gap: 14px;
    display: flex
}

.footer-license__logo {
    max-width: 107px;
    max-height: 33px
}

.footer-disclaimer__button--expanded svg {
    transform: rotate(180deg)
}

.footer-disclaimer__text {
    -webkit-user-select: none;
    user-select: none;
    flex-flow: column;
    gap: 17px;
    margin-top: 17px;
    display: flex
}

.footer-disclaimer__text a {
    color: var(--color-button-link-primary-text)
}

.footer-disclaimer__text a:hover {
    color: var(--color-button-link-primary-text-hover)
}

.footer-disclaimer__text p {
    margin: 0
}

.footer-links {
    grid-template-rows: repeat(var(--rowsCount), auto);
    flex-grow: 1;
    grid-auto-flow: column;
    align-items: start;
    gap: 14px;
    display: grid
}

.mobile .footer-links,
.tablet .footer-links,
.landscape .footer-links {
    flex: 0 0 100%
}

.footer-links>a,
.footer-links p {
    color: var(--color-footer-menu-text);
    cursor: pointer;
    break-inside: avoid;
    align-self: flex-start;
    text-decoration: none;
    display: block
}

.desktop .footer-links>a,
.desktop .footer-links p {
    transition: color .3s
}

.desktop .footer-links>a:hover,
.desktop .footer-links p:hover {
    color: var(--color-footer-menu-text-hover)
}

.nav-logo img {
    max-width: 150px;
    max-height: 40px
}

.footer-nav {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 40px;
    padding: 30px 0 40px
}

.mobile .footer-nav {
    padding: var(--footer-spacing-mobile)0 40px;
    border-top: 1px solid var(--color-border)
}

.footer-nav__content {
    align-items: flex-start;
    gap: 10%;
    display: flex
}

.desktop .footer-nav__content {
    justify-content: space-between
}

.mobile .footer-nav__content {
    gap: var(--footer-spacing-mobile);
    flex-direction: column
}

.tablet .footer-nav__content {
    flex-wrap: wrap
}

.footer-nav .nav-logo {
    margin-bottom: 33px;
    display: block
}

.footer-nav .nav-logo img {
    max-width: 152px
}

.mobile .footer-nav .nav-logo {
    margin-bottom: var(--footer-top-block-content-spacing, 24px)
}

.mobile .footer-nav__socials {
    order: 1;
    width: 100%
}

.tablet .footer-nav__socials {
    order: 0;
    margin-right: 173px
}

.desktop .footer-nav__socials--compact .nav-logo,
.tablet .footer-nav__socials--compact .nav-logo {
    margin-bottom: 0
}

.desktop .footer-nav__socials--compact .footer-nav__lang,
.tablet .footer-nav__socials--compact .footer-nav__lang {
    margin-top: var(--spacing-xl)
}

.mobile .footer-nav__socials--compact {
    align-items: center;
    width: 100%;
    display: flex
}

.mobile .footer-nav__socials--compact .nav-logo {
    margin-bottom: 0
}

.mobile .footer-nav__links,
.tablet .footer-nav__links {
    order: 2;
    width: 100%
}

.mobile .footer-nav__links {
    margin: 0
}

.tablet .footer-nav__links {
    margin: 32px 0 0;
    padding: 37px 0 0
}

.mobile .footer-nav__lang {
    margin-left: auto
}

.footer-icons {
    align-items: center;
    display: flex
}

.footer-icons__image--link {
    cursor: pointer
}

.footer-icons>:not(:last-child) {
    margin-right: 16px
}

.footer {
    z-index: 2;
    padding-bottom: 100px;
    position: relative
}

.desktop .footer {
    padding-top: 24px;
    padding-bottom: 54px
}

.footer-container {
    position: relative
}

.footer-container:after {
    z-index: 1;
    content: "";
    background: 0 100%/contain repeat-x;
    background-image: var(--wow-footer-bg-webp);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.footer-row {
    align-items: center;
    margin-bottom: 17px;
    display: flex
}

.footer-col {
    align-items: center;
    gap: 24px;
    margin-left: auto;
    display: flex
}

.footer-copyright {
    margin: 16px 0 0
}

.nav-sidebar-socials {
    gap: var(--spacing-xs);
    display: flex
}

.nav-sidebar-socials>* {
    width: 100%
}

:root {
    --point-size: 26px;
    --point-inner-size: 18px;
    --point-background-color: #105266;
    --point-border-color: #252c45
}

.jackpot-progress-point {
    z-index: 2;
    top: 6px;
    right: calc(var(--point-inner-size)/2*-1);
    width: var(--point-size);
    height: var(--point-size);
    border: 2px solid var(--point-border-color);
    background-color: var(--point-background-color);
    color: var(--point-border-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: color .3s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
    display: flex;
    position: absolute;
    transform: translateY(-50%)
}

.jackpot-progress-point__inner {
    width: var(--point-inner-size);
    height: var(--point-inner-size);
    border: 1px solid var(--point-border-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: border .3s ease-in-out;
    display: flex
}

.jackpot-progress-point__inner svg path {
    fill: var(--point-border-color);
    transition: fill .3s ease-in-out
}

.jackpot-progress-point img {
    width: 100%;
    height: 100%
}

.jackpot-progress-point--small {
    --point-size: 20px;
    --point-inner-size: 12px
}

.jackpot-progress-point--small svg {
    width: 5px;
    height: 8px
}

.jackpot-progress {
    --point-size: 26px;
    --progress-height: 10px;
    --progress-color: #252c45;
    --progress-text-color: #fff9;
    --point-border-width: 2px;
    justify-content: center;
    width: 100%;
    padding: 65px 0 0;
    display: flex;
    position: relative
}

.jackpot-progress--cold {
    --progress-text-color-active: #7cfa88;
    --point-background-color: #105266
}

.jackpot-progress--cold .jackpot-progress__hero {
    animation: 1.2s ease-in-out forwards progress-hero-run-1, .8s ease-in-out 1.2s infinite alternate bounce-hero
}

.jackpot-progress--cold.jackpot-progress--medium .jackpot-progress__hero {
    animation: 1.2s ease-in-out forwards progress-hero-run-small-1, .8s ease-in-out 1.2s infinite alternate bounce-hero
}

.jackpot-progress--cold .jackpot-progress__segment--1 {
    --progress-text-color: var(--progress-text-color-active);
    --segment-line-color: linear-gradient(90deg, #e5ff9a 0%, #7cfa88 100%);
    --point-border-color: #7cfa88
}

.jackpot-progress--cold .jackpot-progress__segment--1 .jackpot-progress__line {
    animation: 1.2s ease-in-out forwards progress-line-finished
}

.jackpot-progress--warm {
    --progress-color: #983b06;
    --progress-text-color-active: #fae97c;
    --point-background-color: #e45809;
    --point-border-color: #983b06
}

.jackpot-progress--warm .jackpot-progress__hero {
    animation: 1.2s ease-in-out forwards progress-hero-run-2, .8s ease-in-out 1.2s infinite alternate bounce-hero
}

.jackpot-progress--warm .jackpot-progress__segment--1 {
    --segment-line-color: linear-gradient(90deg, #ff9b25 0%, #f7de20 100%);
    --progress-text-color: var(--progress-text-color-active);
    --point-border-color: #f7de20
}

.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress__line {
    transform: scaleX(1)
}

.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point,
.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point__inner,
.jackpot-progress--warm .jackpot-progress__segment--1 .jackpot-progress-point__inner svg path {
    transition: none
}

.jackpot-progress--warm .jackpot-progress__segment--2 {
    --segment-line-color: linear-gradient(90deg, #f7de20 0%, #fbed93 100%);
    --progress-text-color: var(--progress-text-color-active);
    --point-border-color: #fbed93
}

.jackpot-progress--warm .jackpot-progress__segment--2 .jackpot-progress__line {
    animation: 1.2s ease-in-out forwards progress-line-finished
}

.jackpot-progress--hot {
    --progress-color: #751d5d;
    --progress-text-color-active: #fae97c;
    --point-background-color: #421565;
    --point-border-color: #751d5d
}

.jackpot-progress--hot.jackpot-progress--medium .jackpot-progress__prize:before {
    width: 48px;
    height: 42px;
    transform: translate(-49%, -59%)
}

.jackpot-progress--hot.jackpot-progress--large .jackpot-progress__prize:before {
    content: "";
    z-index: -1;
    border-radius: 15%;
    width: 70px;
    height: 65px;
    animation: 1.2s ease-in-out 1.2s infinite alternate flash-track;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-38%, -57%)
}

.jackpot-progress--hot .jackpot-progress__hero {
    animation: 1.2s ease-in-out forwards progress-hero-run-3, .8s ease-in-out 1.2s infinite alternate bounce-hero
}

.jackpot-progress--hot .jackpot-progress__track:before {
    animation: .8s ease-in-out 1.2s infinite alternate flash-track
}

.jackpot-progress--hot .jackpot-progress__segment--1 {
    --segment-line-color: linear-gradient(90deg, #ff9b25 0%, #f7de20 100%);
    --progress-text-color: var(--progress-text-color-active);
    --point-border-color: #f7de20
}

.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress__line {
    transform: scaleX(1)
}

.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point,
.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point__inner,
.jackpot-progress--hot .jackpot-progress__segment--1 .jackpot-progress-point__inner svg path {
    transition: none
}

.jackpot-progress--hot .jackpot-progress__segment--2 {
    --segment-line-color: linear-gradient(90deg, #f7de20 0%, #f44 100%);
    --progress-text-color: var(--progress-text-color-active);
    --point-border-color: #f44
}

.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress__line {
    transform: scaleX(1)
}

.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point,
.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point__inner,
.jackpot-progress--hot .jackpot-progress__segment--2 .jackpot-progress-point__inner svg path {
    transition: none
}

.jackpot-progress--hot .jackpot-progress__segment--3 {
    --segment-line-color: linear-gradient(90deg, #f44 0%, #ff0e0e 100%);
    --progress-text-color: var(--progress-text-color-active);
    --point-border-color: #ff0e0e
}

.jackpot-progress--hot .jackpot-progress__segment--3 .jackpot-progress__line {
    animation: 1.2s ease-in-out forwards progress-line-finished
}

.jackpot-progress--hot .jackpot-progress__segment--4 {
    --segment-line-color: linear-gradient(90deg, #ff0e0e 0%, #f44 100%)
}

.jackpot-progress--hot .jackpot-progress__segment--4 .jackpot-progress__line {
    will-change: width;
    width: 0;
    animation: .8s ease-in-out 1.2s infinite alternate bounce-width;
    transform: scaleX(1)
}

@keyframes bounce-width {
    0% {
        width: 5%
    }
    to {
        width: 25%
    }
}

.jackpot-progress--hot .jackpot-progress__segment--4 .jackpot-progress__label {
    animation: .8s ease-in-out 1.2s infinite alternate flash-color
}

@keyframes flash-color {
    0% {
        color: var(--progress-text-color)
    }
    to {
        color: var(--progress-text-color-active)
    }
}

.jackpot-progress--small {
    --progress-height: 8px;
    padding: 0
}

.jackpot-progress__track {
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: relative
}

.jackpot-progress__track:before {
    content: "";
    height: var(--progress-height);
    background-color: var(--progress-color);
    border-radius: 8px;
    width: 100%;
    transition: background-color .8s;
    position: absolute
}

.jackpot-progress__segment {
    flex: 1;
    padding: 0;
    position: relative
}

.jackpot-progress__segment--1 .jackpot-progress__line-wrapper,
.jackpot-progress__segment--1 .jackpot-progress__line {
    border-radius: 8px 0 0 8px
}

.jackpot-progress__segment--4 .jackpot-progress__line-wrapper,
.jackpot-progress__segment--4 .jackpot-progress__line {
    border-radius: 0 8px 8px 0
}

.jackpot-progress__segment--4 .jackpot-progress-point {
    display: none
}

.jackpot-progress__line-wrapper,
.jackpot-progress__line {
    height: var(--progress-height);
    position: relative;
    overflow: hidden
}

.jackpot-progress__line {
    background: var(--segment-line-color);
    transform-origin: 0;
    will-change: transform;
    backface-visibility: hidden;
    width: 100%;
    transform: scaleX(0)
}

.jackpot-progress__label {
    text-transform: uppercase;
    text-align: center;
    color: var(--progress-text-color);
    z-index: 3;
    margin: 8px 0 0;
    padding: 2px 2px 0;
    font-size: 8px;
    font-weight: 600;
    transition: color .8s;
    position: relative
}

.jackpot-progress__hero {
    z-index: 3;
    will-change: transform, left;
    backface-visibility: hidden;
    height: 67px;
    transition: left 1.2s ease-in-out;
    position: absolute;
    top: -58px;
    left: 15%;
    transform: translate(-50%)translateZ(0)
}

.jackpot-progress__prize {
    z-index: 1;
    position: absolute;
    transform: translate(-50%)
}

.jackpot-progress--small .jackpot-progress__prize {
    width: var(--point-size);
    height: var(--point-size);
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.jackpot-progress--small .jackpot-progress__prize img {
    width: 18px;
    height: 18px
}

.jackpot-progress--small .jackpot-progress__prize:after {
    z-index: -1;
    content: "";
    width: var(--point-size);
    height: var(--point-size);
    background-color: var(--progress-color);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px
}

.jackpot-progress--medium .jackpot-progress__prize {
    top: -45px;
    left: 60%
}

.jackpot-progress--medium .jackpot-progress__prize img {
    height: 52px
}

.jackpot-progress--large .jackpot-progress__prize {
    top: -65px;
    left: 50%
}

.jackpot-progress--large .jackpot-progress__prize img {
    height: 76px
}

@keyframes progress-line-finished {
    to {
        transform: scaleX(1)
    }
}

@keyframes progress-hero-run-1 {
    0% {
        opacity: 0;
        left: -15%
    }
    to {
        opacity: 1;
        left: 60%
    }
}

@keyframes progress-hero-run-small-1 {
    0% {
        opacity: 0;
        left: -15%
    }
    to {
        opacity: 1;
        left: 45%
    }
}

@keyframes progress-hero-run-2 {
    0% {
        left: -15%
    }
    to {
        left: 50%
    }
}

@keyframes progress-hero-run-3 {
    0% {
        left: -15%
    }
    to {
        left: 70%
    }
}

@keyframes bounce-hero {
    0% {
        transform: translate(-50%)
    }
    to {
        transform: translate(-35%)
    }
}

@keyframes flash-track {
    0% {
        box-shadow: inset 0 0 4px #771b701a, 0 0 8px #ff44440d, 0 0 32px #ff44441a
    }
    to {
        box-shadow: inset 0 0 4px #771b70a3, 0 0 8px #ff44447a, 0 0 32px #ff4444a3
    }
}

.jackpot-amount {
    --animation-duration: .5s;
    --animation-function: ease-in-out;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    overflow: hidden
}

.jackpot-amount__currency--right {
    order: 1
}

.jackpot-amount__column {
    display: flex
}

.jackpot-amount__digit-wrapper {
    display: flex;
    position: relative;
    overflow: hidden
}

.jackpot-amount__hidden-digit {
    opacity: 0
}

.jackpot-amount__drum {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0
}

@keyframes rotate-down {
    to {
        bottom: -100%
    }
}

.jackpot-amount__drum--animated {
    animation: var(--animation-duration)var(--animation-function)rotate-down both
}

.jackpot-amount__drum-digit--hidden {
    opacity: 0
}

.jackpot-amount__comma {
    align-items: flex-end;
    font-size: 0;
    display: flex;
    overflow: hidden
}

.jackpot-amount__comma--visible {
    font-size: inherit
}

.jackpot-amount__comma--animated {
    transition: font-size var(--animation-duration)var(--animation-function)
}

.jackpot-banner {
    --border-radius: 16px;
    --padding: 24px;
    --padding-bottom: 16px;
    --title-font-size: 64px;
    padding: var(--padding);
    padding-bottom: var(--padding-bottom);
    background-color: var(--background-color);
    width: 100%;
    position: relative;
    overflow: hidden
}

.jackpot-banner,
.jackpot-banner--cold {
    --background-color: #105266;
    --payout-color: #7cfa88;
    --button-text-color: #fff;
    --button-color: #e45809;
    --overlay-background-color: #09e41f
}

.jackpot-banner--warm {
    --background-color: #e45809;
    --payout-color: #f6da24;
    --button-text-color: #161d37;
    --button-color: #f6da24;
    --overlay-background-color: #f6da24
}

.jackpot-banner--hot {
    --background-color: #421565;
    --payout-color: #f44;
    --button-text-color: #fff;
    --button-color: #f44;
    --overlay-background-color: #f44
}

.jackpot-banner--hot .jackpot-banner__overlay {
    animation: 1.2s ease-in-out infinite alternate flash-overlay-opacity
}

.jackpot-banner--medium {
    --border-radius: 12px;
    --padding: 16px;
    --padding-bottom: 16px;
    --title-font-size: 28px
}

.jackpot-banner--small {
    --border-radius: 8px;
    --padding: 8px;
    --padding-bottom: 12px;
    --title-font-size: 12px;
    cursor: pointer;
    min-height: 52px
}

.jackpot-banner,
.jackpot-banner__overlay {
    border-radius: var(--border-radius)
}

.jackpot-banner__overlay {
    z-index: 3;
    background: radial-gradient(circle at 50% 160%, var(--overlay-background-color)0, transparent 70%);
    animation: 1.2s ease-in-out infinite alternate flash-overlay-opacity;
    position: absolute;
    inset: 0
}

.jackpot-banner--medium .jackpot-banner__overlay {
    background: radial-gradient(circle at 50% 160%, var(--overlay-background-color)0, transparent 100%)
}

.jackpot-banner--small .jackpot-banner__overlay {
    background: linear-gradient(#0000 0, var(--overlay-background-color)150%)
}

.jackpot-banner--large.jackpot-banner--hot .jackpot-banner__overlay {
    animation: 1.2s ease-in-out infinite alternate flash-overlay-opacity, 2.4s ease-in-out infinite alternate bounce-overlay
}

.jackpot-banner__title {
    line-height: 1;
    font-size: var(--title-font-size);
    align-items: center;
    gap: 20px;
    margin-bottom: 12px;
    display: flex
}

.jackpot-banner__title-text {
    text-transform: uppercase;
    color: #fff;
    font-weight: 800
}

.jackpot-banner__title-amount {
    color: var(--payout-color)
}

.jackpot-banner--medium .jackpot-banner__title {
    text-align: center;
    flex-direction: column;
    gap: 0;
    margin-top: 4px;
    padding: 0 30px
}

.jackpot-banner--medium .jackpot-banner__title .jackpot-banner__title-amount-wrapper {
    min-height: 32px
}

.jackpot-banner--medium .jackpot-banner__title .jackpot-banner__title-amount {
    font-size: 32px
}

.jackpot-banner--small .jackpot-banner__title {
    gap: 6px
}

.jackpot-banner--small.jackpot-banner--hot .jackpot-banner__title .jackpot-banner__title-amount {
    color: #f6da24
}

.jackpot-banner__info {
    color: #fff;
    align-items: center;
    gap: 16px;
    display: flex
}

.jackpot-banner--medium .jackpot-banner__info {
    text-align: center;
    opacity: .4;
    justify-content: center
}

.jackpot-banner--medium.jackpot-banner--warm .jackpot-banner__info {
    color: #000
}

.jackpot-banner__title,
.jackpot-banner__info {
    z-index: 4;
    position: relative
}

.jackpot-banner__button {
    background-color: var(--button-color);
    color: var(--button-text-color);
    border: none
}

.jackpot-banner--medium .jackpot-banner__button {
    display: none
}

@keyframes flash-overlay-opacity {
    0% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes bounce-overlay {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(30%)
    }
}

.nav-sidebar-expanded-app-links {
    gap: var(--spacing-xs);
    flex-direction: column;
    display: flex
}

.nav-sidebar-expanded-app-links-app.footer-app-button {
    flex-shrink: 0
}

.nav-sidebar-expanded-app-links-app .footer-app-button-title {
    margin-top: -2px
}

.nav-sidebar-expanded-cards {
    gap: var(--spacing-xs);
    flex-direction: column;
    display: flex
}

.nav-sidebar-expanded-cards-referral {
    flex-shrink: 0;
    grid-column: 1/span 2
}

.nav-sidebar-help-centre {
    width: 100%
}

.nav-sidebar-expanded-support {
    gap: var(--spacing-xs);
    flex-direction: column;
    display: flex
}

.nav-sidebar-expanded-support-help {
    gap: var(--spacing-xs);
    display: flex
}

.nav-sidebar-expanded-support-help>:first-child {
    max-width: 44px
}

.nav-logo img {
    max-width: 150px;
    max-height: 40px
}

.nav-sidebar-header {
    height: var(--sidebar-header-height);
    padding: var(--sidebar-header-expand);
    background: var(--color-sidebar-header-background);
    box-shadow: var(--shadow-s5);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.nav-sidebar-header svg {
    width: var(--menu-top-icon-size);
    height: var(--menu-top-icon-size);
    color: var(--color-menu-top-icon)
}

.nav-sidebar-header__toggle {
    margin: var(--sidebar-header-expand);
    position: absolute;
    left: 0
}

.nav-sidebar-item {
    gap: var(--spacing-xs);
    width: 100%;
    padding: var(--sidebar-list-item-expand);
    cursor: pointer;
    border-radius: var(--border-radius-m);
    align-items: center;
    transition: filter .25s ease-in-out;
    display: flex
}

.nav-sidebar-item--main {
    background: var(--color-sidebar-list-header-background);
    border: var(--sidebar-list-item-border-size)solid var(--color-sidebar-list-header-border)
}

.nav-sidebar-item__icon {
    color: var(--color-sidebar-list-row-icon-container-icon)
}

.nav-sidebar-item--main .nav-sidebar-item__icon {
    color: var(--color-sidebar-list-header-icon-container-icon)
}

.nav-sidebar-item__icon,
.nav-sidebar-item__arrow {
    width: var(--sidebar-list-item-icon-container-icon-size);
    height: var(--sidebar-list-item-icon-container-icon-size)
}

.nav-sidebar-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    overflow: hidden
}

@media (hover) {
    .nav-sidebar-item:hover {
        filter: brightness(120%)
    }
}

.nav-sidebar-item__arrow {
    color: var(--color-sidebar-list-header-text);
    transition: transform .25s ease-in-out;
    transform: scaleY(-1)
}

.nav-sidebar-item__arrow--active {
    transform: scale(1)
}

.nav-sidebar-items {
    gap: var(--spacing-3xs);
    flex-direction: column;
    display: flex
}

.nav-sidebar-expanded {
    top: var(--nav-height);
    width: 320px;
    height: calc(var(--app-height, 100vh) - var(--nav-height, 0px));
    padding-bottom: var(--tabbar-b-offset, 0);
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0
}

@media (max-width:1280px) {
    .nav-sidebar-expanded {
        background: var(--color-dark-grey-1);
        width: 100%;
        max-width: 430px;
        height: 100%;
        top: 0
    }
}

.nav-sidebar-expanded__header {
    display: none
}

@media (max-width:1280px) {
    .nav-sidebar-expanded__header {
        display: flex
    }
}

.nav-sidebar-expanded-items {
    margin-bottom: auto
}

.nav-sidebar-expanded-auth {
    margin-bottom: 16px
}

.nav-sidebar-expanded-content {
    opacity: 0;
    flex-direction: column;
    flex: 1;
    width: 100%;
    animation: .6s cubic-bezier(.4, 0, .2, 1) .3s forwards slide-up-opacity;
    display: flex;
    overflow: hidden
}

.nav-sidebar-expanded-scrollY {
    flex: 1;
    min-height: 0;
    padding: 16px 8px;
    overflow: hidden auto
}

.nav-sidebar-expanded--gap {
    gap: var(--spacing-m);
    flex-flow: column;
    padding: 16px 8px;
    display: flex
}

.mobile .nav-sidebar-expanded--gap {
    padding: 16px
}

.nav-sidebar-expanded--screen-controls .nav-sidebar-expanded-scrollY {
    padding-bottom: 72px
}

.m-button-store {
    cursor: pointer;
    border-radius: var(--m-button-store-border-radius);
    padding: var(--m-button-store-padding);
    box-shadow: inset 0 0 0 2px var(--color-button-store-basic-border);
    background: var(--m-button-store-background);
    --ic-size: var(--m-button-store-icon-size);
    --ic-color: var(--m-button-store-icon-color);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .15s ease-in-out;
    display: flex
}

.m-button-store .m-icon-container,
.m-button-store-content {
    min-height: var(--m-button-store-content-min-height)
}

.m-button-store-content {
    padding: var(--m-button-store-content-padding);
    min-width: var(--m-button-store-content-min-width);
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.m-button-store-description {
    font: var(--m-button-store-description-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-button-store-description-color)
}

.m-button-store-text {
    font: var(--m-button-store-text-font);
    font-variant-numeric: var(--font-variant-numeric);
    color: var(--m-button-store-text-color)
}

.m-button-store--m {
    --m-button-store-content-min-height: var(--button-store-content-height-m, 30px);
    --m-button-store-padding: var(--button-store-expand-m, 4px 12px);
    --m-button-store-icon-size: var(--button-store-icon-size-m, 20px);
    --m-button-store-border-radius: var(--button-store-border-radius-m, 8px);
    --m-button-store-content-padding: var(--button-store-text-container-expand-m, 0 8px);
    --m-button-store-content-min-width: var(--button-store-text-container-min-width-m, 104px);
    --m-button-store-text-font: var(--font-button-store-text-m);
    --m-button-store-description-font: var(--font-button-store-description-m)
}

.m-button-store--l {
    --m-button-store-content-min-height: var(--button-store-content-height-m, 30px);
    --m-button-store-padding: var(--button-store-expand-l, 4px 12px);
    --m-button-store-icon-size: var(--button-store-icon-size-l, 20px);
    --m-button-store-border-radius: var(--button-store-border-radius-l, 8px);
    --m-button-store-content-padding: var(--button-store-text-container-expand-l, 0 8px);
    --m-button-store-content-min-width: var(--button-store-text-container-min-width-l, 104px);
    --m-button-store-text-font: var(--font-button-store-text-l);
    --m-button-store-description-font: var(--font-button-store-description-l)
}

.m-button-store--basic {
    --m-button-store-background: var(--color-button-store-basic-background);
    --m-button-store-background-pressed: var(--color-button-store-basic-background-active);
    --m-button-store-icon-color: var(--color-button-store-basic-icon);
    --m-button-store-icon-color-pressed: var(--color-button-store-basic-icon-active);
    --m-button-store-border-color: var(--color-button-store-basic-border);
    --m-button-store-border-color-pressed: var(--color-button-store-basic-border-active);
    --m-button-store-description-color: var(--color-button-store-basic-description);
    --m-button-store-description-color-pressed: var(--color-button-store-basic-description-active);
    --m-button-store-text-color: var(--color-button-store-basic-text);
    --m-button-store-text-color-pressed: var(--color-button-store-basic-text-active)
}

.m-button-store .m-preloader {
    position: absolute
}

.m-button-store--loading {
    pointer-events: none
}

.m-button-store--loading .m-preloader {
    color: var(--m-button-store-icon-color)
}

.m-button-store--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-store .m-loader-fade-enter-active,
.m-button-store .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-store .m-loader-fade-enter-from,
.m-button-store .m-loader-fade-leave-to {
    opacity: 0
}

@media not (any-pointer:coarse) {
    .m-button-store:hover,
    .m-button-store:focus-visible {
        filter: brightness(120%)
    }
}

.m-button-store:active {
    filter: brightness(80%)
}

.m-preloader {
    color: var(--color-text-secondary);
    animation: 1s linear infinite preloader
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.m-icon-container {
    box-shadow: inset 0 0 0 var(--ic-border-width)var(--ic-border-color);
    background: var(--ic-background);
    border-radius: var(--ic-border-radius);
    color: var(--ic-color);
    padding: var(--ic-padding);
    justify-content: center;
    align-items: center;
    transition: color .15s ease-in-out;
    display: flex
}

.m-icon-container svg,
.m-icon-container img {
    width: var(--ic-size);
    height: var(--ic-size)
}

.nav-sidebar-cards-grid {
    gap: var(--spacing-3xs);
    border-radius: 8px;
    grid-template-columns: repeat(2, 1fr);
    display: grid
}

.nav-sidebar-card {
    order: 3
}

.nav-sidebar-card--bonus {
    order: 0
}

.nav-sidebar-card--bonus .nav-card__button {
    max-width: initial;
    justify-content: center
}

.nav-sidebar-card--tournaments {
    order: 0
}

.nav-sidebar-card--loyalty {
    order: 1
}

.nav-sidebar-card--cashback {
    order: 2
}

.nav-sidebar-card:last-child:nth-child(odd) {
    grid-column: span 2
}

.nav-card__button {
    gap: var(--spacing-3xs);
    width: 100%;
    padding: var(--spacing-3xs);
    color: var(--color-sidebar-card-widget-text);
    text-align: initial;
    cursor: pointer;
    background: linear-gradient(96deg, var(--color-sidebar-card-widget-background-start)0%, var(--color-sidebar-card-widget-background-finish)30%);
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-widget-border);
    border-radius: var(--border-radius-m);
    align-items: center;
    display: flex;
    position: relative;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.nav-card__button:before {
    z-index: -1;
    content: "";
    background: linear-gradient(96deg, var(--color-sidebar-card-widget-background-start-hover)0%, var(--color-sidebar-card-widget-background-finish-hover)30%);
    border-radius: calc(var(--sidebar-card-border-radius) - var(--sidebar-card-border-size));
    opacity: 0;
    transition: opacity .3s ease-in-out;
    position: absolute;
    inset: 0
}

.nav-card__button:hover {
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-widget-border-hover)
}

.nav-card__button:hover:before {
    opacity: 1
}

.nav-card__img {
    z-index: 1;
    pointer-events: none;
    width: 40px;
    height: 40px
}

.nav-card--loading .nav-card__button {
    cursor: not-allowed
}

.nav-card--loading .nav-card__img {
    filter: grayscale()
}

.nav-sidebar-card--wrapped .nav-card__img {
    margin: 0 auto
}

.nav-sidebar-card--wrapped .nav-card__button {
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-mini-border);
    background: 0 0
}

.nav-sidebar-card--wrapped .nav-card__button:before {
    background: var(--color-sidebar-card-mini-background-hover);
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-mini-border-hover)
}

.nav-card .m-preloader {
    position: absolute;
    top: 4px;
    right: 4px
}

.nav-sidebar-smartico-wrapped {
    flex-flow: column;
    align-items: center;
    display: flex
}

.nav-sidebar-icon {
    cursor: pointer;
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-mini-border);
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

.nav-sidebar-icon svg {
    width: 24px;
    height: 24px;
    color: var(--color-sidebar-card-mini-icon);
    pointer-events: none
}

.nav-sidebar-icon.active,
.nav-sidebar-icon:hover {
    background: var(--color-sidebar-card-mini-background-hover);
    border: var(--sidebar-card-border-size)solid var(--color-sidebar-card-mini-border-hover);
    border-radius: 8px
}

.nav-sidebar-icon.active svg,
.nav-sidebar-icon:hover svg {
    color: var(--color-sidebar-card-mini-icon-hover)
}

.nav-sidebar-support {
    width: 100%
}

.nav-sidebar-support svg {
    color: var(--color-button-fill-secondary-icon-container-icon)
}

.nav-sidebar-support-wrapped svg {
    color: var(--color-sidebar-card-mini-accent-icon)
}

.nav-sidebar-wrapped {
    background: var(--color-sidebar-background)
}

.nav-sidebar-wrapped-content {
    z-index: 103;
    width: 64px;
    height: calc(var(--app-height, 100vh) - var(--nav-height, 64px));
    padding: var(--spacing-xs);
    opacity: 0;
    animation: .6s cubic-bezier(.4, 0, .2, 1) .3s forwards slide-up-opacity;
    overflow-y: scroll
}

.nav-sidebar-wrapped-content--screen-controls {
    padding-bottom: 72px
}

.nav-sidebar-wrapped-item:not(:last-child) {
    margin-bottom: 4px
}

.nav-sidebar-wrapped .divider-top {
    margin-top: 16px;
    position: relative
}

.nav-sidebar-wrapped .divider-top:before {
    top: calc(-1*var(--sidebar-body-spacing, 8px));
    width: 100%;
    height: var(--line-size-s, 1px);
    content: "";
    background: var(--color-sidebar-divider-background);
    position: absolute
}

.nav-sidebar-wrapped .divider-bottom {
    margin-bottom: 16px;
    position: relative
}

.nav-sidebar-wrapped .divider-bottom:after {
    bottom: calc(-1*var(--sidebar-body-spacing, 8px));
    width: 100%;
    height: var(--line-size-s, 1px);
    content: "";
    background: var(--color-sidebar-divider-background);
    position: absolute
}

.nav-sidebar {
    z-index: 105;
    background: var(--color-dark-grey-1);
    position: relative
}

@media (max-width:1280px) {
    .nav-sidebar {
        position: fixed;
        top: 0;
        left: 0
    }
}

.nav-sidebar-content {
    width: var(--nav-sidebar-width);
    transition: all .5s
}

.opened .nav-sidebar-content {
    width: 320px
}

@media (max-width:1280px) {
    .nav-sidebar-content {
        z-index: 103;
        position: fixed;
        top: 0;
        left: 0
    }
    .opened .nav-sidebar-content {
        width: 100%;
        max-width: 430px
    }
}

.nav-sidebar-overlay {
    z-index: 102;
    content: "";
    background-color: var(--color-b070);
    display: none;
    position: fixed;
    inset: 0
}

@media (max-width:1280px) {
    .nav-sidebar-overlay {
        display: block
    }
}

.m-card-badges {
    gap: var(--game-card-header-vertical-spacing);
    flex-direction: column;
    flex: 1 0 0;
    align-items: flex-start;
    display: flex
}

.m-card-badges>.m-badge .m-badge-text {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-break: break-all;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.m-icon.m-game-heart {
    width: var(--game-card-like-icon-size, 24px);
    height: var(--game-card-like-icon-size, 24px);
    color: var(--color-game-card-like-icon);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transform-origin: 50%;
    flex-shrink: 0;
    transition: color .25s ease-in-out
}

.m-icon.m-game-heart:hover {
    color: var(--color-game-card-like-icon-hover)
}

.m-icon.m-game-heart--favorite {
    color: var(--color-game-card-like-icon-checked)
}

.m-cdn-image {
    width: 100%;
    height: 100%
}

.m-card-thumb {
    background-color: var(--color-dark-grey-2);
    border-radius: var(--game-card-border-radius, 14px);
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    transition: transform .25s ease-in-out;
    display: flex;
    position: relative;
    overflow: hidden
}

.m-card-thumb:before {
    content: "";
    padding-top: 100%;
    display: block
}

.m-game-list--mobile .m-card-thumb:after {
    content: "";
    background: var(--gradient-dark-grey-1-bottom);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0
}

.m-card-thumb-video,
.m-card-thumb-image,
.m-card-thumb-preview {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.m-card-thumb-image {
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.m-card-thumb-image.fadeIn {
    opacity: 1
}

.m-card-thumb-image--bottom {
    object-position: bottom
}

.game-card-wow-frame {
    --sprite-size: 40px;
    --border-image-width-x: 40;
    --border-image-width-y: 40;
    --border-image-width: calc(var(--border-image-width-y)*1px)calc(var(--border-image-width-x)*1px);
    --border-image-slice: calc(var(--border-image-width-y)*3)calc(var(--border-image-width-x)*3);
    position: relative
}

.game-card-wow-frame:after {
    pointer-events: none;
    content: "";
    border-image: var(--wow-game-card-border-image, none)var(--border-image-slice)fill/var(--border-image-width);
    transform-style: preserve-3d;
    position: absolute;
    inset: 0
}

.game-card-wow-frame__sprite {
    position: absolute;
    inset: 0
}

.game-card-wow-frame__sprite:before,
.game-card-wow-frame__sprite:after {
    z-index: 1;
    pointer-events: none;
    content: "";
    background-image: var(--wow-game-card-sprite, none), var(--wow-game-card-sprite, none);
    background-repeat: no-repeat;
    background-size: calc(var(--sprite-size)*4)var(--sprite-size);
    margin: auto;
    position: absolute;
    inset: 0
}

.game-card-wow-frame__sprite:after {
    height: var(--sprite-size);
    background-position: top 50% right calc(var(--sprite-size)*-3), top 50% left calc(var(--sprite-size)*-3)
}

.game-card-wow-frame__sprite:before {
    width: var(--sprite-size);
    background-position: top 0 right calc(var(--sprite-size)*-2), bottom 0 left calc(var(--sprite-size)*-2)
}

.m-game-card {
    --border-radius: var(--game-card-border-radius, 12px);
    z-index: 0;
    aspect-ratio: .75;
    cursor: pointer;
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
    transition: transform .25s ease-out;
    position: relative;
    overflow: hidden
}

.m-game-card--accelerate {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.m-game-card:before {
    z-index: 3;
    pointer-events: none;
    content: "";
    border: var(--game-card-border-size)solid var(--color-game-card-border);
    border-radius: var(--border-radius);
    position: absolute;
    inset: 0
}

.m-game-card--wow:before {
    border: none
}

.m-game-card:hover .m-card-thumb {
    transform: scale(1.1)
}

.m-game-card__header {
    z-index: 2;
    gap: var(--game-card-header-horizontal-spacing);
    width: 100%;
    padding: var(--game-card-header-expand);
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 0
}

.m-game-card__header .m-share-button {
    width: var(--game-card-header-icon-size);
    height: var(--game-card-header-icon-size);
    background: 0 0;
    flex-shrink: 0;
    padding: 0
}

.m-game-card__header .m-share-button:hover .m-icon {
    color: var(--color-light-grey-5)
}

.m-game-card__buttons {
    gap: var(--game-card-header-horizontal-spacing);
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.m-game-card__favorite.m-icon.m-game-heart {
    color: var(--color-game-card-like-icon);
    opacity: .8
}

.m-game-card__favorite.m-icon.m-game-heart:hover:not(.m-game-heart--favorite) {
    color: var(--color-game-card-like-icon);
    opacity: 1
}

.m-game-card__game-info {
    z-index: 2;
    background: var(--game-footer-bg);
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 20px 8px 8px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.m-game-card__game-info--padding {
    padding-bottom: 4px
}

.m-game-card__game-info .m-text {
    text-overflow: ellipsis;
    max-width: 100%;
    max-height: 28px;
    color: var(--color-game-card-title-text);
    text-transform: uppercase;
    line-height: 110%;
    overflow: hidden
}

.m-game-card__game-title {
    text-shadow: var(--shadow-s5)
}

.m-game-card__provider-name {
    opacity: .7
}

.m-game-card__seated-players.m-game-card-seated-players {
    border-radius: 8px;
    gap: 3px;
    padding: 4px 8px
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.mobile .games-section {
    padding: 0
}

.mobile .games-section .game-category__header {
    padding: 0 var(--sectionPadding)
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.games-section__container {
    position: relative
}

.games-section__container--highlight {
    --top-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-1)64%, var(--color-gradient-accent-2)100%);
    --original-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-7)64%, var(--color-gradient-accent-6)100%);
    --games-section-gradient: none;
    padding: var(--spacing-l);
    background: var(--games-section-gradient);
    border-radius: var(--border-radius-2xl)
}

.mobile .games-section__container--highlight {
    padding: var(--spacing-s)0;
    border-radius: var(--border-radius-xl)
}

.games-section__custom-icon {
    width: var(--title-block-icon-container-icon-size-desktop);
    height: var(--title-block-icon-container-icon-size-desktop)
}

.lobby-payments {
    gap: 44px;
    width: 100%;
    height: 46px;
    display: flex;
    overflow-y: hidden
}

.lobby-payments-item {
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex
}

.lobby-payments-shallow {
    gap: 18px;
    height: 46px;
    padding-top: 0;
    padding-bottom: 0
}

.bets-table-header {
    background: 0 0;
    grid-auto-flow: column;
    display: grid
}

.bets-table-header .bets-table-cell {
    font: var(--font-table-header);
    font-variant-numeric: var(--font-variant-numeric)
}

.bets-table-header .bets-table-cell-payout {
    text-align: right
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.mobile .games-section {
    padding: 0
}

.mobile .games-section .game-category__header {
    padding: 0 var(--sectionPadding)
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.games-section__container {
    position: relative
}

.games-section__container--highlight {
    --top-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-1)64%, var(--color-gradient-accent-2)100%);
    --original-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-7)64%, var(--color-gradient-accent-6)100%);
    --games-section-gradient: none;
    padding: var(--spacing-l);
    background: var(--games-section-gradient);
    border-radius: var(--border-radius-2xl)
}

.mobile .games-section__container--highlight {
    padding: var(--spacing-s)0;
    border-radius: var(--border-radius-xl)
}

.games-section__custom-icon {
    width: var(--title-block-icon-container-icon-size-desktop);
    height: var(--title-block-icon-container-icon-size-desktop)
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.games-recommendation {
    margin: var(--spacing-xl, 24px)auto
}

.desktop .games-recommendation,
.tablet .games-recommendation {
    gap: var(--spacing-m, 16px);
    display: grid
}

.desktop .games-recommendation {
    grid-template-columns: calc(100%/var(--games-recommendation-per-row))1fr
}

.tablet .games-recommendation {
    grid-template-rows: auto 1fr
}

.mobile .games-recommendation {
    margin: 0 auto;
    padding: 0
}

.mobile .games-recommendation .m-category-scroll__content {
    padding: 0 16px !important
}

.mobile .games-recommendation .game-category__header {
    padding: 0 var(--sectionPadding)
}

.mobile .games-recommendation .m-counter {
    display: none
}

.desktop .games-recommendation--ai-pick,
.tablet .games-recommendation--ai-pick {
    margin: auto;
    display: block
}

.games-recommendation__container {
    row-gap: var(--spacing-3xs, 4px);
    flex-direction: column;
    display: flex
}

.desktop .games-recommendation__container {
    padding: var(--spacing-m)0;
    justify-content: space-between
}

.mobile .games-recommendation__container {
    row-gap: var(--spacing-4xs, 2px);
    padding: 0 var(--spacing-m, 16px);
    margin: var(--spacing-xs, 8px)0
}

.games-recommendation__container--highlight {
    background: linear-gradient(180deg, var(--color-gradient-accent-8)0%, var(--color-transparent-dg0-dgz000)100%);
    border-radius: var(--card-border-radius-l)
}

.desktop .games-recommendation__container--highlight,
.tablet .games-recommendation__container--highlight {
    padding: var(--spacing-l)var(--spacing-l)0 var(--spacing-l)
}

.mobile .games-recommendation__container--highlight {
    padding: var(--spacing-s)0 0 0
}

.games-recommendation__title {
    column-gap: var(--title-block-content-spacing-desktop, 8px);
    align-items: center;
    display: flex
}

.games-recommendation__title>svg {
    width: 32px;
    height: 32px;
    color: var(--color-title-basic-icon-container-icon)
}

.desktop .games-recommendation__title {
    max-width: 175px
}

.games-recommendation__button {
    margin-right: auto
}

.desktop .games-recommendation .m-category-slider__header,
.desktop .games-recommendation .m-category-scroll__header {
    margin-bottom: 0
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.mobile .games-section {
    padding: 0
}

.mobile .games-section .game-category__header {
    padding: 0 var(--sectionPadding)
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.games-section__container {
    position: relative
}

.games-section__container--highlight {
    --top-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-1)64%, var(--color-gradient-accent-2)100%);
    --original-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-7)64%, var(--color-gradient-accent-6)100%);
    --games-section-gradient: none;
    padding: var(--spacing-l);
    background: var(--games-section-gradient);
    border-radius: var(--border-radius-2xl)
}

.mobile .games-section__container--highlight {
    padding: var(--spacing-s)0;
    border-radius: var(--border-radius-xl)
}

.games-section__custom-icon {
    width: var(--title-block-icon-container-icon-size-desktop);
    height: var(--title-block-icon-container-icon-size-desktop)
}

.m-card-thumb {
    background-position: 50%;
    background-size: cover;
    background-color: var(--color-dark-grey-2);
    border-radius: var(--game-card-border-radius, 14px);
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    transition: transform .25s ease-in-out;
    display: flex;
    position: relative;
    overflow: hidden
}

.m-card-thumb:before {
    content: "";
    padding-top: 100%;
    display: block
}

.mobile .m-card-thumb:after {
    content: "";
    background: var(--gradient-dark-grey-1-bottom);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0
}

.m-card-thumb-video,
.m-card-thumb-image,
.m-card-thumb-preview {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.m-card-thumb-image {
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.m-card-thumb-image.fadeIn {
    opacity: 1
}

.m-card-thumb-image--bottom {
    object-position: bottom
}

.m-cdn-image {
    width: 100%;
    height: 100%
}

.rtp24h-card[data-v-6e92e801] {
    --rtp-hot-gradient: radial-gradient(100% 100% at 100% 100%, var(--color-warning-wa700)0%, var(--color-background-surface-1)100%);
    --rtp-cold-gradient: radial-gradient(100% 100% at 100% 100%, var(--color-info-in600)0%, var(--color-background-surface-1)100%);
    --active-bg-gradient: none;
    --rtp-hot-text: var(--color-warning-wa050);
    --rtp-cold-text: var(--color-info-in050);
    --active-text-color: none;
    --rtp-hot-hover-gradient: linear-gradient(180deg, var(--color-gradient-activity-hub-calendar-grid-special-on-step-1)0%, var(--color-gradient-activity-hub-calendar-grid-special-on-step-2)50%, var(--color-gradient-activity-hub-calendar-grid-special-on-step-3)100%);
    --rtp-cold-hover-gradient: linear-gradient(180deg, var(--color-gradient-activity-hub-calendar-grid-everyday-on-step-1)0%, var(--color-gradient-activity-hub-calendar-grid-everyday-on-step-2)33%, var(--color-gradient-activity-hub-calendar-grid-everyday-on-step-3)67%, var(--color-gradient-activity-hub-calendar-grid-everyday-on-step-4)100%);
    --active-hover-gradient: none;
    gap: var(--spacing-s);
    padding: var(--spacing-3xs)var(--spacing-l)var(--spacing-3xs)var(--spacing-3xs);
    cursor: pointer;
    background: var(--active-bg-gradient)padding-box, #0000 border-box;
    border-radius: var(--card-border-radius-l);
    border: 1px solid #0000;
    grid-template-columns: 110px auto;
    display: grid;
    position: relative;
    overflow: hidden
}

.mobile .rtp24h-card[data-v-6e92e801] {
    padding: var(--spacing-4xs)var(--spacing-m)var(--spacing-4xs)var(--spacing-4xs);
    grid-template-columns: 100px auto
}

.desktop .rtp24h-card[data-v-6e92e801]:hover {
    background: var(--active-bg-gradient)padding-box, var(--active-hover-gradient)border-box
}

.rtp24h-card__bg-image[data-v-6e92e801] {
    z-index: 0;
    pointer-events: none;
    object-fit: cover;
    opacity: .4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.rtp24h-card__thumb[data-v-6e92e801] {
    z-index: 1
}

.rtp24h-card__content[data-v-6e92e801] {
    z-index: 1;
    padding: var(--spacing-m)0;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    display: flex
}

.mobile .rtp24h-card__content[data-v-6e92e801] {
    padding: var(--spacing-xs)0
}

.rtp24h-card__content-top[data-v-6e92e801] {
    gap: var(--spacing-3xs);
    flex-direction: column;
    display: flex
}

.rtp24h-card__content-bottom[data-v-6e92e801] {
    gap: var(--spacing-4xs);
    color: var(--active-text-color);
    align-items: center;
    display: flex
}

.rtp24h-card__title[data-v-6e92e801] {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: var(--font-size-game-card-game-text);
    font-weight: var(--font-weight-game-card-game-text);
    line-height: var(--font-line-height-game-card-game-text);
    text-transform: uppercase;
    letter-spacing: var(--font-letter-spacing-game-card-game-text);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.rtp24h-card__subtitle[data-v-6e92e801] {
    text-transform: capitalize
}

.rtp24h__tooltip>div {
    height: 20px
}

.rtp24h__tooltip-text {
    width: 256px;
    max-width: var(--breakpoints-expand)
}

.mobile .rtp24h__tooltip-text {
    width: 205px
}

.rtp24h__icon {
    width: 20px;
    height: 20px;
    color: var(--color-text-secondary)
}

.recent-big-wins-scroller[data-variant=noname] {
    position: relative;
    overflow: hidden
}

.recent-big-wins-scroller[data-variant=noname] .recent-big-wins-scroller__container {
    height: 40px
}

.recent-big-wins-scroller[data-variant=noname] .recent-big-wins-scroller__cards {
    scroll-snap-type: x mandatory;
    padding: 0 var(--section-padding-l);
    scroll-padding: 0 16px;
    scroll-padding-inline-start: var(--section-padding-l);
    scroll-padding-inline-end: 16px;
    display: flex;
    overflow-x: auto
}

.desktop .recent-big-wins-scroller[data-variant=noname] .recent-big-wins-scroller__cards {
    margin: 0 -16px;
    padding: 0 16px;
    scroll-padding-inline-start: 16px
}

.recent-big-wins-scroller[data-variant=noname] .recent-big-wins-scroller__card {
    scroll-snap-align: start;
    width: var(--card-width) !important
}

.recent-big-wins-scroller[data-variant=noname] .recent-big-wins-scroller__card:not(:last-child) {
    margin-right: var(--card-gap)
}

.recent-big-wins-scroller[data-variant=noname] .item-slide-leave-active {
    z-index: 1;
    transition: all var(--duration)ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.recent-big-wins-scroller[data-variant=noname] .item-slide-enter-active {
    transition: opacity var(--duration)ease-in;
    opacity: 1
}

.recent-big-wins-scroller[data-variant=noname] .item-slide-enter-active>div:not(:first-child) {
    visibility: hidden
}

.recent-big-wins-scroller[data-variant=noname] .item-slide-enter-from {
    opacity: 0
}

.recent-big-wins-scroller[data-variant=noname] .item-slide-leave-to {
    transform: translate(calc(var(--card-width) + var(--card-gap)))
}

.recent-big-wins-card[data-variant=noname] {
    background-color: var(--color-background-surface-2);
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 4px 8px 4px 4px;
    display: flex
}

.recent-big-wins-card[data-variant=noname] .recent-big-wins-card__text {
    flex-direction: column;
    flex: 100%;
    min-width: 0;
    display: flex
}

.recent-big-wins-card[data-variant=noname] .recent-big-wins-card__text .m-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.recent-big-wins-card[data-variant=noname] .recent-big-wins-card__game-icon {
    border-radius: 4px;
    width: 32px;
    height: 32px
}

.recent-big-wins-card[data-variant=noname] .recent-big-wins-card__win-amount {
    white-space: nowrap;
    color: #fff;
    background-color: #00a61a;
    border-radius: 100px;
    padding: 2.5px 8px
}

.recent-big-wins-card[data-variant=noname] .recent-big-wins-card__win-amount .m-currency-converted {
    pointer-events: none
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.provider-card {
    cursor: pointer;
    background: var(--color-dark-grey-2);
    border-radius: 16px 8px;
    justify-content: center;
    align-items: center;
    height: 58px;
    display: flex
}

.provider-card__img {
    max-width: 80%;
    max-height: 36px
}

@media (min-width:960px) {
    .provider-card__img {
        max-width: 156px;
        max-height: 56px
    }
}

.provider-card {
    cursor: pointer;
    background: var(--color-dark-grey-1);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 68px;
    display: flex;
    box-shadow: 0 0 1px #00000052, 0 40px 64px #0000003d
}

.tablet .provider-card,
.desktop .provider-card {
    height: 88px
}

.provider-card__img {
    max-width: 80%;
    max-height: 36px
}

.tablet .provider-card__img,
.desktop .provider-card__img {
    max-height: 56px
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.info-and-feedback {
    --lobby-footer-bg-color: var(--color-background-surface-1);
    background-color: var(--lobby-footer-bg-color);
    gap: 24px;
    margin: 24px auto;
    display: flex
}

.desktop .info-and-feedback,
.tablet .info-and-feedback {
    padding-top: var(--section-padding-l) !important;
    padding-bottom: var(--section-padding-l) !important
}

.mobile .info-and-feedback {
    --lobby-footer-bg-color: var(--color-background-page);
    background-color: #0000;
    flex-direction: column-reverse
}

.info-and-feedback__feedback {
    flex-shrink: 0;
    flex-basis: 400px
}

.mobile .info-and-feedback__feedback {
    flex-basis: auto
}

.info-and-feedback>section {
    padding: 0
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.provider-card {
    cursor: pointer;
    background: var(--color-dark-grey-1);
    border-radius: var(--border-radius-l);
    justify-content: center;
    align-items: center;
    height: 56px;
    display: flex
}

.provider-card--mobile {
    height: 45px
}

.provider-card__img {
    max-width: 65%;
    max-height: 48px
}

.lobby-providers--grid .m-category-scroll__wrapper .m-category-scroll__content {
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    row-gap: 8px;
    display: grid;
    overflow-y: hidden
}

.lobby-providers--grid .m-category-scroll__wrapper .m-category-scroll__content .m-category-scroll__item {
    width: 104px
}

.recent-big-wins {
    margin: 0 calc(0px - var(--section-padding-l));
    background: var(--color-big-win-pink);
    padding-bottom: 12px;
    position: relative;
    overflow: hidden
}

.recent-big-wins:before {
    content: "";
    z-index: 1;
    background-image: radial-gradient(circle, #ba11b0 60px, #0000 90px);
    width: 200px;
    height: 152px;
    position: absolute;
    top: 0;
    right: -20px
}

.recent-big-wins:after {
    content: "";
    z-index: 2;
    background-image: var(--image-url);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 170px;
    position: absolute;
    top: -20px;
    right: -22px
}

.desktop .recent-big-wins {
    align-items: center;
    padding-bottom: 0;
    display: flex
}

.desktop .recent-big-wins:before,
.desktop .recent-big-wins:after {
    display: none
}

.recent-big-wins__total {
    padding: 24px 120px 8px var(--section-padding-l);
    white-space: nowrap
}

.desktop .recent-big-wins__total {
    padding: 6px 12px 6px var(--section-padding-l)
}

.recent-big-wins__scroller {
    background-color: var(--color-background-transparent-30);
    z-index: 10;
    padding: 4px 0;
    position: relative
}

.desktop .recent-big-wins__scroller {
    background-color: var(--color-background-transparent-10);
    width: 100%;
    padding: 16px 0 16px 16px
}

.recent-big-wins .mobile,
.tablet .recent-big-wins {
    padding-top: 12px
}

.recent-big-wins__total {
    display: none
}

.categories-tabs {
    width: 100%;
    height: 32px;
    display: flex
}

.categories-tabs__list {
    align-items: center;
    gap: 4px;
    display: flex;
    overflow-x: scroll
}

.categories-tabs__list--scrollable {
    padding: 0 var(--sectionPadding);
    scroll-padding-inline-start: var(--sectionPadding);
    scroll-padding-inline-end: var(--sectionPadding)
}

.categories-tabs__list--compact {
    gap: 0
}

.categories-tabs__divider {
    background-color: var(--color-background-surface-3);
    flex-shrink: 0;
    width: 1px;
    height: 14px;
    margin: 0 8px
}

.categories-tabs__tab {
    color: var(--color-light-grey-1);
    cursor: pointer;
    white-space: nowrap;
    align-items: center;
    gap: 3px;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    display: flex
}

.categories-tabs__tab:hover {
    color: var(--color-tab-primary-text-active)
}

.categories-tabs__tab--active {
    border-radius: var(--border-radius-pill);
    color: var(--color-white);
    background: #0082df
}

.categories-tabs__tab--active:hover {
    background: #2594e3
}

.categories-tabs-section {
    padding: 0
}

.mobile .big-wins,
.tablet .big-wins {
    padding-top: var(--spacing-s)
}

.big-wins__total {
    display: none
}

.tablet .extended-block,
.mobile .extended-block {
    padding: 0
}

.tablet .extended-block .m-category-scroll__content,
.mobile .extended-block .m-category-scroll__content {
    padding: 0 16px !important
}

.tablet .m-category-scroll__header,
.mobile .m-category-scroll__header {
    padding: 0 var(--section-padding-m)
}

.timer-banner {
    padding: 0 var(--spacing-m)
}

.mobile .timer-banner {
    padding: 0 var(--spacing-s)
}

.timer-banner__wrapper {
    gap: var(--spacing-l);
    padding: var(--spacing-xs)0;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.timer-banner__actions {
    gap: var(--spacing-s);
    flex: none;
    align-items: center;
    display: flex
}

.timer-banner__buttons {
    gap: var(--spacing-m);
    white-space: nowrap;
    flex-shrink: 0;
    align-items: center;
    display: flex
}

:not(.desktop) .timer-banner__buttons {
    gap: var(--spacing-3xs)
}

.timer-banner__info-wrapper {
    gap: var(--spacing-xs);
    align-items: center;
    width: 100%;
    display: flex
}

.timer-banner__content {
    width: 100%;
    min-width: 0%
}

.timer-banner__info {
    flex: auto;
    min-width: 0%;
    max-width: 100%
}

.timer-banner__badges-wrapper {
    gap: var(--spacing-3xs);
    text-wrap: nowrap;
    flex-wrap: nowrap;
    align-content: center;
    align-self: stretch;
    align-items: center;
    display: flex
}

.timer-banner__bonus-title {
    white-space: nowrap
}

.mobile .timer-banner__bonus-title {
    text-overflow: ellipsis;
    flex: 0 auto;
    min-width: 0;
    overflow: hidden
}

.timer-banner__image {
    flex: 0 0
}

.timer-banner__countdown {
    color: var(--color-text-title);
    gap: 0
}

.timer-banner__countdown .m-countdown__colon {
    color: var(--color-text-title)
}

.timer-banner .button-slide-leave-active,
.timer-banner .button-slide-enter-active {
    transition: max-width .3s, opacity .3s;
    overflow: hidden
}

.timer-banner .button-slide-leave-from,
.timer-banner .button-slide-enter-to {
    opacity: 1;
    max-width: 200px
}

.timer-banner .button-slide-leave-to,
.timer-banner .button-slide-enter-from {
    opacity: 0;
    max-width: 0
}

.burning-banner-mini {
    z-index: 100;
    background: var(--color-background-surface-1);
    border-radius: var(--card-border-radius-m);
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.burning-banner-mini:after {
    --box-shadow-color: var(--color-background-transparent-1);
    z-index: 2;
    pointer-events: none;
    content: "";
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--box-shadow-color);
    position: absolute;
    inset: 0
}

.burning-banner-mini--default:after {
    --box-shadow-color: var(--color-success-su800)
}

.burning-banner-mini--middle:after {
    --box-shadow-color: var(--color-warning-wa700)
}

.burning-banner-mini--raw:after {
    animation: 2s ease-in-out infinite burning-banner-mini-border-flicker
}

.burning-banner-mini--raw:after,
.burning-banner-mini--fire:after,
.burning-banner-mini--expired:after {
    --box-shadow-color: var(--color-danger-da900)
}

.burning-banner-mini__background {
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    position: absolute;
    inset: 0
}

.burning-banner-mini__background--default {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-success-su800)0%, var(--color-transparent-dg0-dgz000)100%)
}

.tablet .burning-banner-mini__background--default,
.desktop .burning-banner-mini__background--default {
    background: radial-gradient(154.72% 100% at 0% 50%, var(--color-success-su800)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-mini__background--middle {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-warning-wa600)0%, var(--color-transparent-dg0-dgz000)100%)
}

.tablet .burning-banner-mini__background--middle,
.desktop .burning-banner-mini__background--middle {
    background: radial-gradient(154.72% 100% at 0% 50%, var(--color-warning-wa600)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-mini__background--raw,
.burning-banner-mini__background--fire,
.burning-banner-mini__background--expired {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-danger-da800)0%, var(--color-transparent-dg0-dgz000)100%)
}

.tablet .burning-banner-mini__background--raw,
.desktop .burning-banner-mini__background--raw,
.tablet .burning-banner-mini__background--fire,
.desktop .burning-banner-mini__background--fire,
.tablet .burning-banner-mini__background--expired,
.desktop .burning-banner-mini__background--expired {
    background: radial-gradient(154.72% 100% at 0% 50%, var(--color-danger-da800)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-mini__video-wrapper {
    z-index: 2;
    pointer-events: none;
    border-radius: var(--card-border-radius-m);
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform: rotate(180deg)
}

.burning-banner-mini__video {
    object-fit: cover;
    opacity: .2;
    width: 100%;
    height: 100%
}

.burning-banner-mini__footer {
    z-index: 2;
    border-radius: var(--card-border-radius-m);
    transition: border-color .5s ease-in-out;
    position: relative
}

.burning-banner-mini__texts {
    gap: var(--spacing-2xs);
    margin-top: var(--spacing-3xs);
    flex-wrap: wrap;
    display: flex
}

.burning-banner-mini__texts-wrapper {
    flex-direction: column;
    display: flex
}

.burning-banner-mini__title-wrapper {
    min-width: 0
}

.burning-banner-mini__title {
    flex-direction: column;
    display: flex
}

.tablet .burning-banner-mini__title,
.desktop .burning-banner-mini__title {
    flex-direction: row
}

.burning-banner-mini-gradient-fade-enter-active,
.burning-banner-mini-gradient-fade-leave-active {
    transition: opacity .5s ease-in-out
}

.burning-banner-mini-gradient-fade-enter-from,
.burning-banner-mini-gradient-fade-leave-to {
    opacity: 0
}

.burning-banner-mini-gradient-fade-leave-active {
    z-index: 0;
    position: absolute;
    inset: 0
}

.burning-video-fade-enter-active,
.burning-video-fade-leave-active {
    transition: opacity .4s ease-in-out
}

.burning-video-fade-enter-from,
.burning-video-fade-leave-to {
    opacity: 0
}

@keyframes burning-banner-mini-border-flicker {
    0%,
    to {
        box-shadow: none
    }
    50% {
        box-shadow: inset 0 0 0 1px var(--color-danger-da900)
    }
}

.bets-game {
    gap: var(--table-row-spacing);
    font: var(--font-table-text);
    cursor: pointer;
    grid-template-columns: max-content auto;
    align-items: center;
    display: inline-grid;
    position: relative;
    overflow: hidden
}

.bets-game:hover {
    color: var(--color-pr500)
}

.bets-game__media {
    border-radius: var(--border-radius-xs);
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden
}

.mobile .bets-game__media {
    border-radius: var(--border-radius-m);
    width: 48px;
    height: 48px
}

.bets-game__media img,
.bets-game__media video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: opacity .2s
}

.bets-game__media img[preloading=true],
.bets-game__media video[preloading=true] {
    opacity: .25
}

.bets-game__loader {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0
}

.bets-game__content {
    gap: var(--spacing-4xs);
    grid-template-rows: auto;
    display: grid
}

.bets-game__content-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bet-multiplier-cell__container {
    align-items: center;
    display: flex
}

.bets-payout {
    width: 100%;
    font: var(--font-table-text)
}

.bets-payout-green {
    color: var(--color-text-success)
}

.mobile .bets-payout-green {
    font: var(--font-body-bold-xs);
    text-align: right
}

.bets-payout .m-currency-converted {
    text-align: right
}

.bets-payout .m-currency-converted-hidden {
    right: 0;
    left: unset
}

.bets-payout .m-currency-converted-primary {
    justify-content: flex-end
}

.bets-player {
    gap: var(--table-row-spacing);
    align-items: center;
    display: flex;
    overflow: hidden
}

.bets-player--clickable {
    cursor: pointer
}

.bets-player__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.bet-stake-cell__container {
    align-items: center;
    display: flex
}

.bets-small-payout {
    gap: var(--spacing-3xs);
    width: 100%;
    margin-right: var(--spacing-xs);
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: relative
}

.bets-small-payout-top {
    gap: var(--spacing-4xs);
    display: flex
}

.bets-small-payout .m-currency-converted {
    text-align: right
}

.bets-table-row {
    --bet-row-background: var(--color-dark-grey-0);
    cursor: pointer;
    background: var(--bet-row-background);
    border-radius: var(--border-radius-m);
    grid-auto-flow: column;
    width: 100%;
    display: grid
}

.bets-table-row--odd {
    --bet-row-background: var(--color-table-fill-row-background-sf2)
}

.bets-table-row--mobile {
    height: 48px;
    margin-bottom: var(--spacing-xs);
    --bet-row-background: var(--color-background-surface-1)
}

.bets-table-cell {
    padding: var(--table-row-expand);
    font: var(--font-table-text);
    color: var(--color-table-fill-row-text);
    white-space: nowrap;
    align-items: center;
    display: flex;
    overflow: hidden
}

.bets-table-cell:not(.bets-table-cell--mobile)>* {
    height: 18px;
    line-height: 18px
}

.bets-table-cell--mobile {
    padding: 0
}

.bets-table-cell .m-currency-converted {
    pointer-events: none
}

.bets-table-live {
    --row-height: 42px;
    width: 100%;
    position: relative;
    overflow: hidden
}

.mobile .bets-table-live {
    --row-height: 48px
}

.bets-table-live__container {
    width: 100%;
    margin-top: calc(0px - var(--row-height));
    overflow-anchor: none;
    position: relative
}

.slide-list-move,
.slide-list-enter-active,
.slide-list-leave-active {
    transition: all .4s ease-out
}

.slide-list-leave-active {
    position: absolute
}

.recent-big-wins-section {
    overflow: hidden
}

.recent-big-wins-section--no-wrapper {
    margin-bottom: var(--gap-m)
}

.mobile .recent-big-wins-section--no-wrapper {
    padding: 0 var(--section-padding-m)
}

.item-slide-left-leave-active,
.item-slide-right-leave-active {
    z-index: 1;
    transition: all var(--duration)ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.item-slide-left-enter-active,
.item-slide-right-enter-active {
    transition: opacity var(--duration)ease-in;
    opacity: 1
}

.item-slide-left-enter-from,
.item-slide-right-enter-from {
    opacity: 0
}

.item-slide-left-enter-active>div:not(:first-child) {
    visibility: hidden
}

.item-slide-left-leave-to {
    transform: translate(calc(100%/var(--perRow) + 16px/var(--perRow)))
}

.item-slide-right-enter-active>div:not(:last-child) {
    visibility: hidden
}

.item-slide-right-leave-to {
    transform: translate(calc(-100%/var(--perRow) - 16px/var(--perRow)))
}

.recent-big-wins-slider {
    position: relative;
    overflow: hidden
}

.recent-big-wins-slider__container {
    height: 84px
}

.recent-big-wins-slider__cards {
    grid-template-columns: repeat(var(--perRowDefault), 1fr);
    grid-gap: 16px;
    margin-top: 0;
    display: grid;
    overflow: hidden
}

@media (max-width:1100px) {
    .recent-big-wins-slider__cards {
        grid-template-columns: repeat(var(--perRowMiddle), 1fr)
    }
}

@media (max-width:960px) {
    .recent-big-wins-slider__cards {
        grid-template-columns: repeat(var(--perRowMin), 1fr)
    }
}

.recent-big-wins-header {
    margin-bottom: var(--gap-s)
}

.recent-big-wins-scroller {
    position: relative
}

.recent-big-wins-scroller__header {
    margin-bottom: var(--gap-xs)
}

.recent-big-wins-scroller__container {
    height: 88px
}

.recent-big-wins-scroller__cards {
    scroll-snap-type: x mandatory;
    display: flex
}

.recent-big-wins-scroller__card {
    scroll-snap-align: start;
    min-width: var(--card-width) !important
}

.recent-big-wins-scroller__card:not(:last-child) {
    margin-right: var(--card-gap)
}

.item-slide-leave-active {
    z-index: 1;
    transition: all var(--duration)ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.item-slide-enter-active {
    transition: opacity var(--duration)ease-in;
    opacity: 1
}

.item-slide-enter-from {
    opacity: 0
}

.item-slide-leave-to {
    transform: translate(calc(var(--card-width) + var(--card-gap)))
}

.item-slide-enter-active>div:not(:first-child) {
    visibility: hidden
}

.recent-big-wins-card {
    border-radius: var(--card-border-radius-m);
    background-color: var(--color-dark-grey-1);
    cursor: pointer;
    min-width: 200px;
    height: 84px;
    display: flex
}

.recent-big-wins-card__info {
    padding: var(--spacing-xs);
    gap: var(--spacing-3xs);
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.recent-big-wins-card__game-icon,
.recent-big-wins-card__game-video {
    border-radius: var(--card-border-radius-m);
    flex-shrink: 0;
    align-items: center;
    width: 84px;
    height: 84px;
    display: flex;
    overflow: hidden
}

.recent-big-wins-card__game-icon img,
.recent-big-wins-card__game-video img {
    width: 100%
}

.recent-big-wins-card__game-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.recent-big-wins-card__player-info {
    white-space: nowrap;
    align-items: center;
    gap: var(--spacing-3xs);
    display: flex
}

.recent-big-wins-card__player-avatar {
    z-index: 0;
    --m-avatar-rank-icon-offset-x: -20% !important;
    --m-avatar-rank-icon-offset-y: -20% !important
}

.recent-big-wins-card__player-nickname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.recent-big-wins-card__win-amount {
    white-space: nowrap;
    margin-top: auto;
    overflow: hidden
}

.recent-big-wins-card__win-amount .m-currency-converted {
    pointer-events: none
}

.m-button-nav {
    cursor: pointer;
    padding: var(--m-button-nav-padding);
    background: var(--m-button-nav-background);
    border-radius: var(--m-button-nav-border-radius);
    box-shadow: inset 0 0 0 var(--m-button-nav-border-width)var(--m-button-nav-border-color);
    border: none;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all .15s ease-in-out;
    display: flex
}

.m-button-nav.m-gradient-border {
    --gradient-width: var(--m-button-nav-border-width);
    --gradient-color: var(--m-button-nav-border-color)
}

.m-button-nav .m-icon {
    width: var(--m-button-nav-icon-size);
    height: var(--m-button-nav-icon-size);
    color: var(--m-button-nav-icon-color);
    flex: 1;
    transition: color .15s ease-in-out
}

.m-button-nav--3xs {
    --m-button-nav-padding: var(--button-navigation-expand-3xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-3xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-3xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-3xs, 0)
}

.m-button-nav--2xs {
    --m-button-nav-padding: var(--button-navigation-expand-2xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-2xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-2xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-2xs, 0)
}

.m-button-nav--xs {
    --m-button-nav-padding: var(--button-navigation-expand-xs, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-xs, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-xs, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-xs, 0)
}

.m-button-nav--s {
    --m-button-nav-padding: var(--button-navigation-expand-s, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-s, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-s, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-s, 0)
}

.m-button-nav--m {
    --m-button-nav-padding: var(--button-navigation-expand-m, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-m, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-m, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-m, 0)
}

.m-button-nav--l {
    --m-button-nav-padding: var(--button-navigation-expand-l, 12px);
    --m-button-nav-icon-size: var(--button-navigation-icon-size-l, 20px);
    --m-button-nav-border-radius: var(--button-navigation-border-radius-l, 22px);
    --m-button-nav-border-width: var(--button-navigation-border-size-l, 0)
}

.m-button-nav--secondary {
    --m-button-nav-background: var(--color-button-navigation-secondary-background);
    --m-button-nav-background-disabled: var(--color-button-navigation-secondary-background-disabled);
    --m-button-nav-icon-color: var(--color-button-navigation-secondary-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-navigation-secondary-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-navigation-secondary-icon-disabled);
    --m-button-nav-border-color: var(--color-button-navigation-secondary-border);
    --m-button-nav-border-color-pressed: var(--color-button-navigation-secondary-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-navigation-secondary-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-secondary-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-secondary-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-secondary-l-background-image)
}

.m-button-nav--primary {
    --m-button-nav-background: var(--color-button-fill-primary-background);
    --m-button-nav-background-pressed: var(--color-button-fill-primary-background-active);
    --m-button-nav-background-disabled: var(--color-button-fill-primary-background-disabled);
    --m-button-nav-icon-color: var(--color-button-fill-primary-icon-container-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-fill-primary-icon-container-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-fill-primary-icon-container-icon-disabled);
    --m-button-nav-border-color: var(--color-button-fill-primary-border);
    --m-button-nav-border-color-pressed: var(--color-button-fill-primary-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-fill-primary-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-primary-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-primary-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-primary-l-background-image)
}

.m-button-nav--vip {
    --m-button-nav-background: var(--color-button-fill-vip-background);
    --m-button-nav-background-pressed: var(--color-button-fill-vip-background-active);
    --m-button-nav-background-disabled: var(--color-button-fill-vip-background-disabled);
    --m-button-nav-icon-color: var(--color-button-fill-vip-icon-container-icon);
    --m-button-nav-icon-color-pressed: var(--color-button-fill-vip-icon-container-icon-active);
    --m-button-nav-icon-color-disabled: var(--color-button-fill-vip-icon-container-icon-disabled);
    --m-button-nav-border-color: var(--color-button-fill-vip-border);
    --m-button-nav-border-color-pressed: var(--color-button-fill-vip-border-active);
    --m-button-nav-border-color-disabled: var(--color-button-fill-vip-border-disabled);
    --m-button-nav-background-image-s: var(--wow-button-navigation-vip-s-background-image);
    --m-button-nav-background-image-m: var(--wow-button-navigation-vip-m-background-image);
    --m-button-nav-background-image-l: var(--wow-button-navigation-vip-l-background-image)
}

.m-button-nav:not(:disabled):hover,
.m-button-nav:not(:disabled):focus-visible {
    filter: brightness(120%)
}

.m-button-nav:not(:disabled):active {
    filter: brightness(80%)
}

.m-button-nav .m-preloader {
    position: absolute
}

.m-button-nav--loading {
    pointer-events: none
}

.m-button-nav--loading .m-preloader {
    color: var(--m-button-nav-icon-color)
}

.m-button-nav--loading .m-preloader~* {
    opacity: 0;
    transform: scale(.5)
}

.m-button-nav .m-loader-fade-enter-active,
.m-button-nav .m-loader-fade-leave-active {
    transition: opacity .2s ease-in-out
}

.m-button-nav .m-loader-fade-enter-from,
.m-button-nav .m-loader-fade-leave-to {
    opacity: 0
}

.m-button-nav:disabled {
    --m-button-nav-background: var(--m-button-nav-background-disabled);
    --m-button-nav-icon-color: var(--m-button-nav-icon-color-disabled);
    --m-button-nav-border-color: var(--m-button-nav-border-color-disabled);
    cursor: not-allowed
}

.m-button-nav.m-button-nav--wow:not(:disabled) {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s,
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m,
.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--l {
    --m-button-nav-background: transparent;
    --m-button-nav-border-width: 0;
    --m-button-nav-border-radius: 0
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--s {
    background-image: var(--m-button-nav-background-image-s)
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--m {
    background-image: var(--m-button-nav-background-image-m)
}

.m-button-nav.m-button-nav--wow:not(:disabled).m-button-nav--l {
    background-image: var(--m-button-nav-background-image-l)
}

.m-preloader {
    color: var(--color-text-secondary);
    animation: 1s linear infinite preloader
}

@keyframes preloader {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.mini-banner {
    cursor: pointer;
    background-color: var(--color-background-surface-1);
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.mini-banner__image {
    position: absolute;
    left: 0;
    right: 0
}

.mobile .mini-banner {
    padding: 12px 16px
}

.mini-banner--without-text {
    flex-flow: row-reverse
}

.mini-banner__text {
    z-index: 2;
    color: var(--color-white)
}

.mobile .mini-banner__text-subtitle {
    margin-top: -1px
}

.mini-banner__button {
    z-index: 2
}

.lobby-banner {
    --gradient-color: #80462d;
    --gradient-color-2: #ffea81;
    aspect-ratio: 2;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.lobby-banner--vip {
    background: linear-gradient(var(--color-background-page), var(--color-background-page))padding-box, linear-gradient(260.92deg, var(--gradient-color)15.61%, var(--gradient-color-2)73.28%, var(--gradient-color)94.48%)border-box;
    border: 2px solid #0000
}

.lobby-banner--vip .lobby-banner__text>* {
    background: linear-gradient(260.15deg, var(--gradient-color-2)22.88%, var(--gradient-color)122.42%);
    -webkit-text-fill-color: #0000;
    background-clip: text
}

.lobby-banner__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.lobby-banner__content {
    z-index: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    padding: 12px;
    display: flex;
    position: relative
}

.lobby-banner__text {
    max-width: 50%;
    color: var(--color-banner-text)
}

.lobby-banner__text>* {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.mobile .lobby-banner__text>:nth-child(2) {
    -webkit-line-clamp: 1
}

.mobile .lobby-banners {
    padding: 0
}

.desktop .lobby-banners__banner {
    padding: 0 4px
}

.lobby-banners .m-slider__scroll-box {
    --scroll-padding: var(--section-padding-l);
    gap: calc(var(--scroll-padding)/2);
    padding: 0 var(--scroll-padding);
    scroll-padding: var(--scroll-padding)
}

.desktop .lobby-banners .m-slider__scroll-box {
    --scroll-padding: 0
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.mobile .games-section {
    padding: 0
}

.mobile .games-section .game-category__header {
    padding: 0 var(--sectionPadding)
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.games-section__container {
    position: relative
}

.games-section__container--highlight {
    --top-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-1)64%, var(--color-gradient-accent-2)100%);
    --original-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-7)64%, var(--color-gradient-accent-6)100%);
    --games-section-gradient: none;
    padding: var(--spacing-l);
    background: var(--games-section-gradient);
    border-radius: var(--border-radius-2xl)
}

.mobile .games-section__container--highlight {
    padding: var(--spacing-s)0;
    border-radius: var(--border-radius-xl)
}

.games-section__custom-icon {
    width: var(--title-block-icon-container-icon-size-desktop);
    height: var(--title-block-icon-container-icon-size-desktop)
}

.bets-filters.m-tabs {
    border-bottom: none
}

.bets-filters.m-tabs .m-tabs-item {
    flex: none
}

.bets-type-switch {
    min-width: 288px
}

.bets-type-switch-small {
    width: 100%
}

.bets-header {
    border-bottom: 1px solid var(--color-dark-grey-2);
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
    display: flex
}

@media (min-width:768px) {
    .bets-header {
        margin-bottom: 16px
    }
}

.bets-header-small {
    flex-direction: column-reverse
}

.bets-table-live {
    min-height: 300px
}

.bets-table {
    min-height: 400px;
    animation: .6s ease-in fade
}

.bets-table .m-currency-converted {
    min-width: initial !important
}

.bets-table__no-data {
    font: var(--font-body-regular-s);
    color: var(--color-mid-grey-5);
    padding: 8px 16px
}

.bets-body {
    background-color: var(--base-background);
    min-width: 100%;
    overflow-x: auto
}

.bets-body--shown {
    min-height: 400px
}

.bets-spinner-box {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 422px;
    display: flex
}

.mobile .bets-spinner-box {
    min-height: 540px
}

@media (min-width:768px) {
    .bets-table-wrapper .bets-table-row,
    .bets-table-wrapper .bets-table-header {
        grid-template-columns: 150px 98px repeat(auto-fit, minmax(98px, 1fr))
    }
}

@media (min-width:960px) {
    .bets-table-wrapper .bets-table-row,
    .bets-table-wrapper .bets-table-header {
        grid-template-columns: 280px 200px repeat(auto-fit, minmax(90px, 1fr))
    }
}

.bets-table-wrapper__small .bets-table-row,
.bets-table-wrapper__small .bets-table-header {
    grid-template-columns: minmax(60%, 1fr) minmax(110px, max-content)
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.player-count-indicator[data-v-315e0ae9] {
    align-items: center;
    gap: var(--spacing-3xs);
    width: 100%;
    display: flex
}

.player-count-indicator__icon[data-v-315e0ae9] {
    --indicator-low: var(--color-text-success);
    --indicator-medium: var(--color-text-attention);
    --indicator-color: none;
    width: 20px;
    height: 20px;
    position: relative
}

.player-count-indicator__icon-outer[data-v-315e0ae9],
.player-count-indicator__icon-inner[data-v-315e0ae9] {
    background: var(--indicator-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.player-count-indicator__icon-outer[data-v-315e0ae9] {
    opacity: .14;
    width: 16px;
    height: 16px
}

.player-count-indicator__icon-inner[data-v-315e0ae9] {
    width: 6px;
    height: 6px
}

.player-count-indicator__text[data-v-315e0ae9] {
    gap: var(--spacing-4xs);
    display: flex
}

.player-count-indicator__text-inner[data-v-315e0ae9] {
    line-height: 1
}

.player-count-indicator__plug[data-v-315e0ae9] {
    height: 20px
}

.mobile .games-section {
    padding: 0
}

.mobile .games-section .game-category__header {
    padding: 0 var(--sectionPadding)
}

.games-section__item-body {
    gap: var(--spacing-2xs);
    flex-direction: column;
    display: flex
}

.games-section__container {
    position: relative
}

.games-section__container--highlight {
    --top-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-1)64%, var(--color-gradient-accent-2)100%);
    --original-games-gradient: linear-gradient(180deg, transparent 0%, var(--color-gradient-accent-7)64%, var(--color-gradient-accent-6)100%);
    --games-section-gradient: none;
    padding: var(--spacing-l);
    background: var(--games-section-gradient);
    border-radius: var(--border-radius-2xl)
}

.mobile .games-section__container--highlight {
    padding: var(--spacing-s)0;
    border-radius: var(--border-radius-xl)
}

.games-section__custom-icon {
    width: var(--title-block-icon-container-icon-size-desktop);
    height: var(--title-block-icon-container-icon-size-desktop)
}

.game-category[data-variant="1"] {
    gap: var(--spacing-m, 16px);
    flex-direction: column;
    display: flex;
    position: relative
}

.mobile .game-category[data-variant="1"] .game-category__header {
    padding: 0 var(--sectionPadding)
}

.game-category[data-variant="1"] .game-category__header.game-category__header--vip .m-title__text {
    color: var(--color-vip-1)
}

.game-category[data-variant="1"] .game-category__header.game-category__header--vip .m-title__prepend {
    gap: var(--title-block-horizontal-spacing-desktop)
}

.mobile .game-category[data-variant="1"] .game-category__header.game-category__header--vip .m-title__prepend {
    gap: var(--title-block-horizontal-spacing-mobile)
}

.mobile .game-category[data-variant="1"] {
    gap: var(--spacing-xs, 8px)
}

.game-category[data-variant="1"] .game-category__icon {
    width: var(--title-block-icon-container-icon-size-desktop, 32px);
    height: var(--title-block-icon-container-icon-size-desktop, 32px);
    color: var(--color-title-basic-icon-container-icon)
}

.game-category[data-variant="1"] .game-category__tabs {
    padding: 0 var(--sectionPadding)
}

.game-category[data-variant="1"] .game-category__navigation--top {
    align-items: center;
    gap: var(--buttons-group-spacing-m, 8px);
    display: flex
}

.game-category[data-variant="1"] .game-category__navigation--middle {
    z-index: 2;
    pointer-events: none;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.game-category[data-variant="1"] .game-category__navigation--middle>* {
    pointer-events: auto
}

.game-category[data-variant="1"] .m-category-scroll__content {
    margin: 0
}

.lobby-banner-picture {
    width: 100%;
    height: 100%
}

.lobby-banner-picture picture {
    width: 100%;
    height: 100%;
    display: block
}

.lobby-banner-picture img {
    width: 100%;
    height: 100%;
    aspect-ratio: var(--aspect-ratio);
    object-fit: cover;
    object-position: right;
    opacity: 0
}

.lobby-banner-picture--with-transition img {
    transition: opacity .3s
}

.lobby-banner-picture--loaded img {
    opacity: 1
}

.burning-banner-content {
    z-index: 3;
    gap: var(--spacing-l);
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.tablet .burning-banner-content,
.desktop .burning-banner-content {
    max-width: 480px;
    margin: 0 auto
}

.burning-banner-content__texts {
    gap: var(--spacing-xs);
    display: grid
}

.burning-banner-content__title {
    flex-direction: column;
    display: flex
}

.burning-banner-content__timer {
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-l);
    flex-direction: column;
    align-items: center;
    display: flex
}

.tablet .burning-banner-content__timer,
.desktop .burning-banner-content__timer {
    margin-bottom: var(--spacing-m)
}

.burning-banner-content__footer {
    z-index: 3;
    gap: var(--spacing-2xl);
    flex-direction: column;
    justify-content: center;
    display: flex
}

.burning-banner-full-size {
    z-index: 1;
    width: 100%;
    min-height: 0;
    padding: var(--spacing-m)var(--spacing-l);
    background: var(--color-background-page);
    border-radius: var(--card-border-radius-m);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.tablet .burning-banner-full-size,
.desktop .burning-banner-full-size {
    min-height: 468px;
    padding: var(--spacing-xl)var(--spacing-l);
    border-radius: var(--border-radius-2xl);
    align-items: center;
    display: flex
}

.tablet .burning-banner-full-size:before,
.desktop .burning-banner-full-size:before {
    z-index: -2;
    content: "";
    background: no-repeat var(--background-image);
    border-radius: inherit;
    opacity: .8;
    background-size: cover;
    position: absolute;
    inset: 0
}

.burning-banner-full-size__background {
    z-index: -1;
    border-radius: inherit;
    position: absolute;
    inset: 0
}

.burning-banner-full-size__background--default {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-success-su700)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-full-size__background--middle {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-warning-wa600)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-full-size__background--raw,
.burning-banner-full-size__background--fire,
.burning-banner-full-size__background--expired {
    background: radial-gradient(100% 100% at 50% 0%, var(--color-danger-da800)0%, var(--color-transparent-dg0-dgz000)100%)
}

.burning-banner-full-size__border {
    --box-shadow-color: var(--color-background-transparent-1);
    z-index: 10;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--box-shadow-color);
    position: absolute;
    inset: 0
}

.burning-banner-full-size__border--default {
    --box-shadow-color: var(--color-success-su800)
}

.burning-banner-full-size__border--middle {
    --box-shadow-color: var(--color-warning-wa700)
}

.burning-banner-full-size__border--raw {
    animation: 4s ease-in-out infinite burning-banner-border-flicker
}

.burning-banner-full-size__border--raw,
.burning-banner-full-size__border--fire,
.burning-banner-full-size__border--expired {
    --box-shadow-color: var(--color-danger-da900)
}

.burning-banner-full-size__video-wrapper {
    z-index: 3;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.burning-banner-full-size__video {
    object-fit: cover;
    opacity: .25;
    width: 100%;
    height: 100%
}

.burning-banner-full-gradient-fade-enter-active,
.burning-banner-full-gradient-fade-leave-active {
    transition: opacity .5s ease-in-out
}

.burning-banner-full-gradient-fade-enter-from,
.burning-banner-full-gradient-fade-leave-to {
    opacity: 0
}

.burning-banner-full-gradient-fade-leave-active {
    z-index: -1;
    position: absolute;
    inset: 0
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .4s ease-in-out
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.burning-banner-full-size-wrapper {
    display: grid;
    overflow: hidden
}

.burning-banner-full-size-wrapper.burning-banner-hide-enter-active,
.burning-banner-full-size-wrapper.burning-banner-hide-leave-active {
    transition: grid-template-rows 1.5s
}

.burning-banner-full-size-wrapper.burning-banner-hide-enter-from,
.burning-banner-full-size-wrapper.burning-banner-hide-leave-to {
    grid-template-rows: 0fr
}

.burning-banner-full-size-wrapper.burning-banner-hide-enter-to,
.burning-banner-full-size-wrapper.burning-banner-hide-leave-from {
    grid-template-rows: 1fr
}

.burning-banner-full-size-wrapper.burning-banner-hide-enter-active .burning-banner-full-size,
.burning-banner-full-size-wrapper.burning-banner-hide-leave-active .burning-banner-full-size {
    transition: padding-block 1.5s, min-height 1.5s
}

.burning-banner-full-size-wrapper.burning-banner-hide-enter-from .burning-banner-full-size,
.burning-banner-full-size-wrapper.burning-banner-hide-leave-to .burning-banner-full-size {
    min-height: 0;
    padding-block: 0
}

@keyframes burning-banner-border-flicker {
    0%,
    to {
        box-shadow: none
    }
    50% {
        box-shadow: inset 0 0 0 1px var(--color-danger-da900)
    }
}

@supports (content-visibility:auto) {
    .game-category {
        content-visibility: auto;
        contain-intrinsic-size: auto 400px
    }
}

.payment-card {
    background: var(--color-dark-grey-1);
    border-radius: var(--border-radius-l);
    justify-content: center;
    align-items: center;
    height: 95px;
    display: flex
}

.payment-card--mobile {
    height: 70px
}

.payment-card__img {
    max-width: 65%;
    height: 100%;
    max-height: 60px
}

.lobby {
    flex-direction: column;
    gap: 32px;
    padding-top: 16px;
    display: flex
}

.mobile .lobby {
    gap: 16px;
    padding-top: 6px
}

.live-chat-button {
    transition: all .2s;
    transform: scale(1)
}

#chat-widget-minimized {
    display: none !important
}

.action-buttons {
    align-items: flex-end;
    gap: var(--buttons-group-spacing-m, 8px);
    margin: 0 var(--spacing-m, 16px)var(--spacing-m, 16px)0;
    flex-direction: column;
    align-self: flex-end;
    display: flex
}

.tab-bar-item {
    --icon-color: var(--color-navbar-icon-container-icon);
    --text-color: var(--color-navbar-text);
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-3xs);
    white-space: nowrap;
    flex-direction: column;
    width: 48px;
    display: flex
}

.tab-bar-item--active {
    --icon-color: var(--color-navbar-icon-container-icon-active);
    --text-color: var(--color-navbar-text-active)
}

.tab-bar-item--vip {
    --icon-color: var(--color-text-vip);
    --text-color: var(--color-text-vip)
}

.tab-bar-item__icon {
    color: var(--icon-color)
}

.tab-bar-item__text {
    color: var(--text-color)
}

.tab-bar-item__button {
    margin-top: calc(var(--text-s44)*-.5)
}

.tab-bar-item__secondary,
.tab-bar-item__main {
    position: relative
}

.tab-bar-item__secondary,
.tab-bar-item__icon {
    width: var(--text-s24);
    height: var(--text-s24)
}

.tab-bar {
    border-radius: var(--border-radius-xl)var(--border-radius-xl)0 0;
    border-top: 1px solid var(--color-background-surface-2);
    background: var(--color-menu-bottom-background);
    width: 100%;
    padding: var(--margin-xs)var(--margin-m)calc(env(safe-area-inset-bottom) + var(--margin-xs));
    justify-content: space-between;
    display: flex
}

.bottom-overlays {
    z-index: 104;
    pointer-events: none;
    flex-direction: column;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.bottom-overlays>* {
    pointer-events: auto
}

.bottom-overlays__content {
    pointer-events: none
}

.bottom-overlays__content>* {
    pointer-events: auto
}

.bottom-overlays__tabbar {
    position: relative
}

.bottom-overlays__tabbar--bottom {
    position: absolute;
    bottom: 0
}
:root{--duration:.25s;--title-page-left-expand-desktop:0px;--color-badge-success-border:#4caf50;}

:root{--wow-footer-bg-webp:none;--font-countdown-description-xxs:10px;--color-tag-ghost-background:transparent;}

:root{
--app-height:0;
--aspect-ratio:initial;
--background-image:transparent;
--badge-icon-container-expand-l:0;
--badge-icon-container-expand-m:0;
--badge-icon-container-expand-s:0;
--badge-icon-container-expand-xs:0;
--bp-l:initial;
--bp-m:initial;
--bp-s:initial;
--bp-xl:initial;
--bp-xl-2:initial;
--bp-xs:initial;
--bp-xxl:initial;
--bp-xxs:initial;
--bp-xxxl:initial;
--bp-xxxl-plus:initial;
--button-icon-container-expand-l:0;
--button-icon-container-expand-m:0;
--button-icon-container-expand-s:0;
--card-gap:0;
--card-width:0;
--color-accordion-border:transparent;
--color-accordion-header-border:transparent;
--color-accordion-header-border-active:transparent;
--color-accordion-header-border-hover:transparent;
--color-avatar-rakeback-border:transparent;
--color-badge-danger-border:transparent;
--color-badge-dark-border:transparent;
--color-badge-info-border:transparent;
--color-badge-jackpot-border:transparent;
--color-badge-minor-border:transparent;
--color-badge-primary-border:transparent;
--color-badge-secondary-border:transparent;
--color-badge-transparent-border:transparent;
--color-badge-vip-border:transparent;
--color-badge-warning-border:transparent;
--color-big-win-pink:transparent;
--color-button-fill-danger-border:transparent;
--color-button-fill-danger-border-active:transparent;
--color-button-fill-danger-icon-container-background:transparent;
--color-button-fill-danger-icon-container-border:transparent;
--color-button-fill-danger-icon-container-border-active:transparent;
--color-button-fill-danger-icon-container-icon-active:transparent;
--color-button-fill-danger-text-active:transparent;
--color-button-fill-primary-border:transparent;
--color-button-fill-primary-border-active:transparent;
--color-button-fill-primary-border-disabled:transparent;
--color-button-fill-primary-icon-container-background:transparent;
--color-button-fill-primary-icon-container-border:transparent;
--color-button-fill-primary-icon-container-border-active:transparent;
--color-button-fill-primary-icon-container-icon-active:transparent;
--color-button-fill-primary-text-active:transparent;
--color-button-fill-secondary-border:transparent;
--color-button-fill-secondary-border-active:transparent;
--color-button-fill-secondary-border-disabled:transparent;
--color-button-fill-secondary-icon-container-background-disabled:transparent;
--color-button-fill-secondary-icon-container-border:transparent;
--color-button-fill-secondary-icon-container-border-active:transparent;
--color-button-fill-secondary-icon-container-border-disabled:transparent;
--color-button-fill-secondary-icon-container-icon-active:transparent;
--color-button-fill-secondary-text-active:transparent;
--color-button-fill-vip-border:transparent;
--color-button-fill-vip-border-active:transparent;
--color-button-fill-vip-border-disabled:transparent;
--color-button-fill-vip-icon-container-background:transparent;
--color-button-fill-vip-icon-container-border:transparent;
--color-button-fill-vip-icon-container-border-active:transparent;
--color-button-fill-vip-icon-container-icon-active:transparent;
--color-button-fill-vip-text-active:transparent;
--color-button-link-primary-text-active:transparent;
--color-button-link-primary-text-hover:transparent;
--color-button-link-secondary-text-active:transparent;
--color-button-link-secondary-text-hover:transparent;
--color-button-navigation-secondary-border:transparent;
--color-button-navigation-secondary-border-active:transparent;
--color-button-navigation-secondary-border-disabled:transparent;
--color-button-navigation-secondary-icon-active:transparent;
--color-button-social-border-disabled:transparent;
--color-button-social-icon-container-border:transparent;
--color-button-social-icon-container-border-disabled:transparent;
--color-button-store-basic-border:transparent;
--color-button-store-basic-border-active:transparent;
--color-button-store-basic-description-active:transparent;
--color-button-store-basic-icon-active:transparent;
--color-button-store-basic-text-active:transparent;
--color-countdown-border:transparent;
--color-counter-danger-border:transparent;
--color-counter-info-border:transparent;
--color-counter-light-border:transparent;
--color-counter-minor-border:transparent;
--color-counter-primary-border:transparent;
--color-counter-secondary-border:transparent;
--color-counter-success-border:transparent;
--color-counter-transparent-border:transparent;
--color-counter-vip-border:transparent;
--color-counter-warning-border:transparent;
--color-dropdown-basic-border:transparent;
--color-game-card-border:transparent;
--color-message-attention-border:transparent;
--color-message-basic-border:transparent;
--color-message-danger-border:transparent;
--color-message-info-border:transparent;
--color-message-primary-border:transparent;
--color-message-success-border:transparent;
--color-message-warning-border:transparent;
--color-notification-border:transparent;
--color-sidebar-card-mini-border:transparent;
--color-sidebar-card-mini-border-hover:transparent;
--color-sidebar-card-widget-border:transparent;
--color-sidebar-card-widget-border-hover:transparent;
--color-sidebar-list-header-border:transparent;
--color-tab-primary-border-active:transparent;
--color-tabs-group-fill-info-border:transparent;
--color-tabs-group-fill-primary-border:transparent;
--color-tabs-group-fill-secondary-border:transparent;
--color-tag-background:transparent;
--color-tag-fill-border:transparent;
--color-tag-ghost-border:transparent;
--color-tag-ghost-secondary-background:transparent;
--color-tag-ghost-secondary-border:transparent;
--color-tag-outline-background:transparent;
--color-title-basic-background:transparent;
--color-title-basic-border:transparent;
--countdown-container-spacing-3xs:initial;
--countdown-container-spacing-s:initial;
--countdown-container-spacing-xs:initial;
--countdown-container-spacing-xxs:initial;
--countdown-item-border-radius-3xs:0;
--countdown-item-border-radius-s:0;
--countdown-item-border-radius-xs:0;
--countdown-item-border-radius-xxs:0;
--countdown-item-border-size-3xs:0;
--countdown-item-border-size-s:0;
--countdown-item-border-size-xs:0;
--countdown-item-border-size-xxs:0;
--counter-expand-xs:0;
--dropdown-row-icon-container-expand-m:0;
--dropdown-row-icon-container-expand-s:0;
--field-vertical-text-expand:0;
--font-badge-text-l-ls:normal;
--font-badge-text-m-ls:normal;
--font-badge-text-s-ls:normal;
--font-badge-text-xs-ls:normal;
--font-button-text-l-ls:normal;
--font-button-text-l-transform:initial;
--font-button-text-m-ls:normal;
--font-button-text-m-transform:initial;
--font-button-text-s-ls:normal;
--font-button-text-s-transform:initial;
--font-countdown-description-3xs:initial;
--font-countdown-description-s:initial;
--font-countdown-description-xs:initial;
--font-counter-text-l-ls:normal;
--font-counter-text-m-ls:normal;
--font-counter-text-s-ls:normal;
--font-counter-text-xl-ls:normal;
--font-counter-text-xs:initial;
--font-counter-text-xs-ls:normal;
--font-dropdown-text-ls:normal;
--font-dropdown-text-transform:initial;
--font-letter-spacing-game-card-game-text:normal;
--font-message-text-l-ls:normal;
--font-message-text-l-transform:initial;
--font-message-text-m-ls:normal;
--font-message-text-m-transform:initial;
--font-message-text-s-ls:normal;
--font-message-text-s-transform:initial;
--font-title-page-description-desktop:initial;
--font-title-page-description-mobile:initial;
--game-footer-bg:transparent;
--games-recommendation-per-row:initial;
--gradient-white-40-bottom:initial;
--image-url:none;
--imitated-scrollbar-width:0;
--info-icon-background-placeholder:transparent;
--input-border-fixed-width:0;
--input-icon-container-expand-l:0;
--input-icon-container-expand-m:0;
--input-icon-container-expand-s:0;
--input-text-container-vertical-spacing-m:initial;
--input-text-container-vertical-spacing-s:initial;
--inputCount:initial;
--items-num:initial;
--line-size-l:0;
--m-app-height:0;
--m-form-validation-outline:initial;
--m-notification-progress-bar-radius:initial;
--max-slide-width:0;
--message-icon-container-expand-l:0;
--message-icon-container-expand-m:0;
--message-icon-container-expand-s:0;
--message-text-container-expand-l:0;
--message-text-container-expand-s:0;
--message-text-container-spacing-s:initial;
--modal-border-color:transparent;
--perRow:initial;
--perRowDefault:initial;
--perRowMiddle:initial;
--perRowMin:initial;
--rowsCount:initial;
--slides-l:initial;
--slides-m:initial;
--slides-s:initial;
--slides-xl:initial;
--slides-xl-2:initial;
--slides-xs:initial;
--slides-xxl:initial;
--slides-xxs:initial;
--slides-xxxl:initial;
--slides-xxxl-plus:initial;
--tab-icon-container-expand-l:0;
--tab-icon-container-expand-m:0;
--tab-icon-container-expand-s:0;
--tabbar-b-offset:initial;
--tabs-group-expand-l:0;
--tabs-group-expand-m:0;
--tabs-group-expand-s:0;
--tabs-group-underline-expand-m:0;
--tag-icon-container-expand-m:0;
--tag-icon-container-expand-s:0;
--text:initial;
--title-basic-icon-container-icon-color:transparent;
--title-block-border-radius-bottom-left-desktop:0;
--title-block-border-radius-bottom-left-mobile:0;
--title-block-border-radius-bottom-right-desktop:0;
--title-block-border-radius-bottom-right-mobile:0;
--title-block-border-radius-top-left-desktop:0;
--title-block-border-radius-top-left-mobile:0;
--title-block-border-radius-top-right-desktop:0;
--title-block-border-radius-top-right-mobile:0;
--title-block-bottom-expand-desktop:0;
--title-block-bottom-expand-mobile:0;
--title-block-content-left-expand-desktop:0;
--title-block-content-left-expand-mobile:0;
--title-block-content-right-expand-desktop:0;
--title-block-content-right-expand-mobile:0;
--title-block-content-top-expand-desktop:0;
--title-block-content-top-expand-mobile:0;
--title-block-icon-container-expand-desktop:0;
--title-block-icon-container-expand-mobile:0;
--title-block-left-expand-desktop:0;
--title-block-left-expand-mobile:0;
--title-block-right-expand-desktop:0;
--title-block-right-expand-mobile:0;
--title-block-text-container-left-expand-desktop:0;
--title-block-text-container-left-expand-mobile:0;
--title-block-text-container-right-expand-desktop:0;
--title-block-text-container-right-expand-mobile:0;
--title-block-text-container-top-expand-desktop:0;
--title-block-text-container-top-expand-mobile:0;
--title-block-top-expand-desktop:0;
--title-block-top-expand-mobile:0;
--title-card-border-radius-bottom-left-desktop:0;
--title-card-border-radius-bottom-left-mobile:0;
--title-card-border-radius-bottom-right-desktop:0;
--title-card-border-radius-bottom-right-mobile:0;
--title-card-border-radius-top-left-desktop:0;
--title-card-border-radius-top-left-mobile:0;
--title-card-border-radius-top-right-desktop:0;
--title-card-border-radius-top-right-mobile:0;
--title-card-bottom-expand-desktop:0;
--title-card-bottom-expand-mobile:0;
--title-card-content-left-expand-desktop:0;
--title-card-content-left-expand-mobile:0;
--title-card-content-right-expand-desktop:0;
--title-card-content-right-expand-mobile:0;
--title-card-content-top-expand-desktop:0;
--title-card-content-top-expand-mobile:0;
--title-card-icon-container-expand-desktop:0;
--title-card-icon-container-expand-mobile:0;
--title-card-left-expand-desktop:0;
--title-card-left-expand-mobile:0;
--title-card-right-expand-desktop:0;
--title-card-right-expand-mobile:0;
--title-card-text-container-left-expand-desktop:0;
--title-card-text-container-left-expand-mobile:0;
--title-card-text-container-right-expand-desktop:0;
--title-card-text-container-right-expand-mobile:0;
--title-card-text-container-spacing-desktop:initial;
--title-card-text-container-spacing-mobile:initial;
--title-card-text-container-top-expand-desktop:0;
--title-card-text-container-top-expand-mobile:0;
--title-card-top-expand-desktop:0;
--title-card-top-expand-mobile:0;
--title-card-vertical-spacing-desktop:initial;
--title-page-border-radius-bottom-left-desktop:0;
--title-page-border-radius-bottom-left-mobile:0;
--title-page-border-radius-bottom-right-desktop:0;
--title-page-border-radius-bottom-right-mobile:0;
--title-page-border-radius-top-left-desktop:0;
--title-page-border-radius-top-left-mobile:0;
--title-page-border-radius-top-right-desktop:0;
--title-page-border-radius-top-right-mobile:0;
--title-page-bottom-expand-desktop:0;
--title-page-bottom-expand-mobile:0;
--title-page-content-left-expand-desktop:0;
--title-page-content-left-expand-mobile:0;
--title-page-content-right-expand-desktop:0;
--title-page-content-right-expand-mobile:0;
--title-page-content-top-expand-desktop:0;
--title-page-content-top-expand-mobile:0;
--title-page-icon-container-expand-desktop:0;
--title-page-icon-container-expand-mobile:0;
--title-page-left-expand-mobile:0;
--title-page-right-expand-desktop:0;
--title-page-right-expand-mobile:0;
--title-page-text-container-left-expand-desktop:0;
--title-page-text-container-left-expand-mobile:0;
--title-page-text-container-right-expand-desktop:0;
--title-page-text-container-right-expand-mobile:0;
--title-page-text-container-spacing-desktop:initial;
--title-page-text-container-spacing-mobile:initial;
--title-page-text-container-top-expand-desktop:0;
--title-page-text-container-top-expand-mobile:0;
--title-page-top-expand-desktop:0;
--title-page-top-expand-mobile:0;
--title-page-vertical-spacing-desktop:initial;
--vip-image:none;
--wow-button-base-danger-l-border-image:none;
--wow-button-base-danger-l-sprite:initial;
--wow-button-base-danger-m-border-image:none;
--wow-button-base-danger-m-sprite:initial;
--wow-button-base-danger-s-border-image:none;
--wow-button-base-danger-s-sprite:initial;
--wow-button-base-primary-l-border-image:none;
--wow-button-base-primary-l-sprite:initial;
--wow-button-base-primary-m-border-image:none;
--wow-button-base-primary-m-sprite:initial;
--wow-button-base-primary-s-border-image:none;
--wow-button-base-primary-s-sprite:initial;
--wow-button-base-secondary-l-border-image:none;
--wow-button-base-secondary-l-sprite:initial;
--wow-button-base-secondary-m-border-image:none;
--wow-button-base-secondary-m-sprite:initial;
--wow-button-base-secondary-s-border-image:none;
--wow-button-base-secondary-s-sprite:initial;
--wow-button-base-vip-l-border-image:none;
--wow-button-base-vip-l-sprite:initial;
--wow-button-base-vip-m-border-image:none;
--wow-button-base-vip-m-sprite:initial;
--wow-button-base-vip-s-border-image:none;
--wow-button-base-vip-s-sprite:initial;
--wow-button-border-image-mask:none;
--wow-button-navigation-primary-l-background-image:transparent;
--wow-button-navigation-primary-m-background-image:transparent;
--wow-button-navigation-primary-s-background-image:transparent;
--wow-button-navigation-secondary-l-background-image:transparent;
--wow-button-navigation-secondary-m-background-image:transparent;
--wow-button-navigation-secondary-s-background-image:transparent;
--wow-button-navigation-vip-l-background-image:transparent;
--wow-button-navigation-vip-m-background-image:transparent;
--wow-button-navigation-vip-s-background-image:transparent;
--wow-button-overlay-repeat:initial;
--wow-button-primary-border-image:none;
--wow-button-primary-sprite:initial;
--wow-button-text-color:transparent;
--wow-button-text-shadow:none;
--wow-button-underlay-image:none;
--wow-game-card-border-image:none;
--wow-game-card-sprite:initial;
--wow-header-overlay-image:none;
--wow-input-basic-sprite:initial;
--wow-modal-default-border-image:none;
--wow-modal-default-border-image-repeat:none;
--wow-modal-default-offset-horizontal:initial;
--wow-modal-default-offset-vertical:initial;
--wow-modal-default-overlay-image:none;
--wow-modal-default-overlay-image-position:none;
--wow-modal-default-overlay-image-size:0;
--wow-modal-default-sprite:initial;
--wow-segment-control-primary-sprite:initial;
--wow-segment-control-secondary-sprite:initial;
}