/* Colors */

:root {
    --neutral-night-normal-60: #5a697c;
    --neutral-night-normal-70: #718298;
    --neutral-night-normal-80: #929fb0;
    --neutral-night-normal-90: #c5cbd3;
    --neutral-night-normal-100: #edeff2;
    --neutral-night-inverted-60: #5E6C85;
    --neutral-night-inverted-70: #5e6c85;
    --neutral-night-inverted-80: #42526f;
    --neutral-night-inverted-90: #253859;
    --neutral-night-inverted-100: #071837;
    --neutral-day-normal-60: #7a869a;
    --neutral-day-normal-70: #5e6c84;
    --neutral-day-normal-80: #42526e;
    --neutral-day-normal-90: #253858;
    --neutral-day-normal-100: #071836;
    --neutral-day-inverted-60: #5a697c;
    --neutral-day-inverted-70: #253859;
    --neutral-day-inverted-80: #929fb0;
    --neutral-day-inverted-90: #5e6c85;
    --neutral-day-inverted-100: #e1e4ea;
    --alpha-night-0: #eef0f400;
    --alpha-night-2: #eef0f405;
    --alpha-night-4: #eef0f40a;
    --alpha-night-6: #eef0f40f;
    --alpha-night-8: #eef0f414;
    --alpha-night-24: #eef0f43d;
    --alpha-night-32: #eef0f452;
    --alpha-night-48: #eef0f47a;
    --alpha-night-60: #eef0f499;
    --alpha-night-72: #eef0f4b8;
    --alpha-day-0: #;
    --alpha-day-2: rgba(41,48,66,0.03);
    --alpha-day-4: rgba(41,48,66,0.04);
    --alpha-day-6: rgba(41,48,66,0.05);
    --alpha-day-8: rgba(41,48,66,0.08);
    --alpha-day-24: rgba(41,48,66,0.24);
    --alpha-day-32: rgba(41,48,66,0.32);
    --alpha-day-48: #;
    --alpha-day-60: rgba(0,0,0,0.6);
    --alpha-day-72: rgba(0,0,0,0.72);
    --success-20: #b1e2c2;
    --success-80: #2db45b;
    --success-90: #09b343;
    --success-100: #089136;
    --success-alpha-24: #0891363d;
    --error-20: #f1dfda;
    --error-80: #e96c46;
    --error-90: #e85b30;
    --error-100: #e5491a;
    --error-alpha-24: #e5491a3d;
    --warning-10: #f8f4ed;
    --warning-80: #f29a0d;
    --warning-90: #f4a425;
    --warning-100: #f29a0d;
    --warning-alpha-24: #f29a0d3d;
    --gradient-green: linear-gradient(135deg, #007318 0%, #1DC757 48%, #007318 100% );
    --gradient-orange: linear-gradient(135deg, #FF5C00 0%, #FFAB2E 48%, #FF5C00 100%);
    --gradient-red: linear-gradient(135deg, #C72B00 0%, #FC6F44 48%, #C72B00 100%);
    --brand-base-night-70: #3e3833;
    --brand-base-night-80: #302B27;
    --brand-base-night-90: #27221E;
    --brand-base-night-100: #1E1A17;
    --brand-primary-80: #FF4A4A;
    --brand-primary-90: #FF0909;
    --brand-primary-100: #BB1111;
    --brand-primary-alpha-24: rgba(187,17,17,0.24);
    --brand-secondary-80: #F5B476;
    --brand-secondary-90: #F29945;
    --brand-secondary-100: #EA7910;
    --brand-secondary-alpha-24: rgba(234,121,16,0.24);
    --brand-base-day-70: #b7bdc2;
    --brand-base-day-80: #c8ccd0;
    --brand-base-day-90: #dbdee1;
    --brand-base-day-100: #f2f3f4;
    --brand-base-aditional-shade-100: linear-gradient(0deg, #27292F 0%, #26282D 100%);
}

:root {
    --content-primary: var(--neutral-night-normal-100);
    --content-secondary: var(--neutral-night-normal-90);
    --content-tertiary: var(--neutral-night-normal-80);
    --content-quaternary: var(--neutral-night-normal-60);
    --content-disabled: var(--alpha-night-32);
    --content-warning: var(--warning-100);
    --content-success: var(--success-90);
    --content-error: var(--error-100);
    --content-accent-1-primary: var(--brand-primary-100);
    --content-accent-1-secondary: var(--brand-primary-90);
    --content-accent-1-tertiary: var(--brand-primary-80);
    --content-accent-1-quaternary: var(--brand-primary-alpha-24);
    --content-inverted-primary: var(--neutral-night-inverted-100);
    --content-inverted-secondary: var(--neutral-night-inverted-90);
    --content-inverted-tertiary: var(--neutral-night-inverted-80);
    --content-inverted-quaternary: var(--neutral-night-inverted-60);
    --content-inverted-disabled: var(--alpha-day-32);
    --content-inverted-warning: var(--warning-100);
    --content-inverted-success: var(--success-90);
    --content-inverted-error: var(--error-100);
    --content-inverted-accent-1-primary: var(--brand-primary-100);
    --content-inverted-accent-1-secondary: var(--brand-primary-90);
    --content-inverted-accent-1-tertiary: var(--brand-primary-80);
    --content-inverted-accent-1-quaternary: var(--brand-primary-alpha-24);
    --content-card-category-title: var(--neutral-night-normal-100);
    --content-card-category-subtitle: var(--neutral-night-normal-80);
    --content-card-category-inverted-title: var(--neutral-night-inverted-100);
    --content-card-category-inverted-subtitle: var(--neutral-night-inverted-80);
    --content-button-primary: var(--neutral-night-normal-100);
    --content-button-secondary: var(--neutral-night-normal-100);
    --content-button-neutral: var(--neutral-night-normal-100);
    --content-button-no-background: var(--neutral-night-normal-100);
    --content-button-deposit-header-default: var(--neutral-night-normal-100);
    --content-button-deposit-wallet-default: var(--neutral-night-normal-100);
    --content-button-withdraw-default: var(--neutral-night-normal-100);
    --content-button-verify-default: var(--neutral-night-normal-100);
    --content-button-registration-default: var(--neutral-night-normal-100);
    --content-button-login-default: var(--neutral-night-normal-100);
    --content-button-negative: var(--neutral-night-normal-100);
    --content-button-inverted-primary: var(--neutral-night-normal-100);
    --content-button-inverted-secondary: var(--neutral-night-normal-100);
    --content-button-inverted-neutral: var(--neutral-night-inverted-100);
    --content-button-inverted-no-background: var(--neutral-night-inverted-100);
    --content-button-inverted-deposit-header-default: var(--neutral-night-normal-100);
    --content-button-inverted-deposit-wallet-default: var(--neutral-night-normal-100);
    --content-button-inverted-withdraw-default: var(--neutral-night-inverted-100);
    --content-button-inverted-verify-default: var(--neutral-night-normal-100);
    --content-button-inverted-registration-default: var(--neutral-night-normal-100);
    --content-button-inverted-login-default: var(--neutral-night-inverted-100);
    --content-button-inverted-negative: var(--neutral-night-normal-100);
    --content-tab-default: var(--neutral-night-normal-80);
    --content-tab-hover: var(--neutral-night-normal-80);
    --content-tab-active: var(--neutral-night-normal-100);
    --content-tab-inverted-hover: var(--neutral-night-inverted-80);
    --content-tab-inverted-active: var(--neutral-night-inverted-100);
    --content-tab-inverted-default: var(--neutral-night-inverted-80);
    --content-chips-default: var(--neutral-night-normal-80);
    --content-chips-hover: var(--neutral-night-normal-80);
    --content-chips-active: var(--neutral-night-normal-100);
    --content-chips-disabled: var(--neutral-night-normal-80);
    --content-menu-item-default: var(--neutral-night-normal-80);
    --content-menu-item-hover: var(--neutral-night-normal-100);
    --content-menu-item-pressed: var(--neutral-night-normal-100);
    --content-menu-item-active: var(--neutral-night-normal-100);
    --content-menu-item-inverted-default: var(--neutral-night-inverted-80);
    --content-menu-item-inverted-hover: var(--neutral-night-inverted-100);
    --content-menu-item-inverted-pressed: var(--neutral-night-inverted-100);
    --content-menu-item-inverted-active: var(--neutral-night-inverted-100);
    --content-dropdown-header-default: var(--neutral-night-normal-80);
    --content-dropdown-header-hover: var(--neutral-night-normal-100);
    --content-dropdown-header-pressed: var(--neutral-night-normal-100);
    --content-dropdown-header-active: var(--neutral-night-normal-100);
    --content-dropdown-header-inverted-default: var(--neutral-night-inverted-80);
    --content-dropdown-header-inverted-hover: var(--neutral-night-inverted-100);
    --content-dropdown-header-inverted-pressed: var(--neutral-night-inverted-100);
    --content-dropdown-header-inverted-active: var(--neutral-night-inverted-100);
    --content-dropdown-body-item-default: var(--neutral-night-normal-80);
    --content-dropdown-body-item-hover: var(--neutral-night-normal-80);
    --content-dropdown-body-item-pressed: var(--neutral-night-normal-100);
    --content-dropdown-body-item-active: var(--neutral-night-normal-100);
    --content-dropdown-body-item-inverted-default: var(--neutral-night-inverted-80);
    --content-dropdown-body-item-inverted-hover: var(--neutral-night-inverted-80);
    --content-dropdown-body-item-inverted-pressed: var(--neutral-night-inverted-100);
    --content-dropdown-body-item-inverted-active: var(--neutral-night-inverted-100);
    --content-lable-card-game-primary: var(--neutral-night-normal-100);
    --content-card-game-primary: var(--neutral-night-normal-100);
    --content-card-game-secondary: var(--neutral-night-normal-60);
    --content-card-game-inverted-primary: var(--neutral-night-inverted-100);
    --content-card-game-inverted-secondary: var(--neutral-night-inverted-100);
    --content-badge-primary: var(--neutral-night-normal-100);
    --content-badge-secondary: var(--neutral-night-normal-100);
    --content-badge-neutral: var(--neutral-night-normal-100);
    --content-badge-no-background: var(--neutral-night-normal-100);
    --content-badge-success: var(--neutral-night-normal-100);
    --content-badge-no-background-success: var(--content-success);
    --content-badge-warning: var(--neutral-night-normal-100);
    --content-badge-no-background-warning: var(--content-warning);
    --content-badge-error: var(--neutral-night-normal-100);
    --content-badge-no-background-error: var(--content-error);
    --content-navigation-bar-primary: var(--neutral-night-normal-100);
    --content-navigation-bar-inverted-primary: var(--neutral-night-inverted-100);
    --content-accordion-item-title-default: var(--neutral-night-normal-90);
    --content-accordion-item-title-hover: var(--neutral-night-normal-100);
    --content-accordion-item-title-pressed: var(--neutral-night-normal-100);
    --content-accordion-item-title-active: var(--neutral-night-normal-100);
    --content-accordion-item-description: var(--neutral-night-normal-80);
    --content-accordion-item-inverted-title-default: var(--neutral-night-inverted-90);
    --content-accordion-item-inverted-title-hover: var(--neutral-night-inverted-100);
    --content-accordion-item-inverted-title-pressed: var(--neutral-night-inverted-100);
    --content-accordion-item-inverted-title-active: var(--neutral-night-inverted-100);
    --content-accordion-item-inverted-description: var(--neutral-night-inverted-80);
    --content-card-provider-default: var(--neutral-night-normal-80);
    --content-card-provider-hover: var(--neutral-night-normal-80);
    --content-card-provider-pressed: var(--neutral-night-normal-80);
    --content-card-tournament-primary: var(--neutral-night-normal-100);
    --content-timer-date-primary: var(--neutral-night-normal-100);
    --content-timer-date-secondary: var(--neutral-night-normal-90);
    --content-vidget-tournament-secondary: var(--neutral-night-normal-90);
    --content-vidget-tournament-accent: var(--warning-100);
    --content-theme-default: var(--neutral-night-normal-100);
    --content-sidebar-page-item-default: var(--neutral-night-normal-100);
    --content-header-nav-item-default: var(--neutral-night-normal-80);
    --content-header-nav-item-hover: var(--neutral-night-normal-100);
    --content-header-nav-item-active: var(--brand-secondary-100);
    --content-header-nav-item-inverted-default: var(--neutral-night-normal-80);
    --content-header-nav-item-inverted-hover: var(--neutral-night-normal-100);
    --content-header-nav-item-inverted-active: var(--brand-secondary-100);
    --background-button-primary-default: var(--brand-primary-100);
    --background-button-primary-hover: var(--brand-primary-80);
    --background-button-primary-pressed: var(--brand-primary-90);
    --background-button-primary-disabled: var(--brand-primary-alpha-24);
    --background-button-secondary-default: var(--brand-secondary-100);
    --background-button-secondary-hover: var(--brand-secondary-80);
    --background-button-secondary-pressed: var(--brand-secondary-90);
    --background-button-secondary-disabled: var(--brand-secondary-alpha-24);
    --background-button-neutral-default: var(--alpha-night-6);
    --background-button-neutral-hover: var(--alpha-night-24);
    --background-button-neutral-pressed: var(--alpha-night-6);
    --background-button-neutral-disabled: var(--alpha-night-2);
    --background-button-no-background-default: var(--alpha-night-0);
    --background-button-no-background-hover: var(--alpha-night-24);
    --background-button-no-background-pressed: var(--alpha-night-6);
    --background-button-no-background-disabled: var(--alpha-night-0);
    --background-button-deposit-header-default: var(--brand-primary-100);
    --background-button-deposit-header-hover: var(--brand-primary-80);
    --background-button-deposit-header-pressed: var(--brand-primary-90);
    --background-button-deposit-header-disabled: var(--brand-primary-alpha-24);
    --background-button-withdraw-default: var(--alpha-night-6);
    --background-button-withdraw-hover: var(--alpha-night-24);
    --background-button-withdraw-pressed: var(--alpha-night-6);
    --background-button-withdraw-disabled: var(--alpha-night-2);
    --background-button-verify-default: var(--brand-primary-100);
    --background-button-verify-hover: var(--brand-primary-80);
    --background-button-verify-pressed: var(--brand-primary-90);
    --background-button-verify-disabled: var(--brand-primary-alpha-24);
    --background-button-registration-default: var(--brand-primary-100);
    --background-button-registration-hover: var(--brand-primary-80);
    --background-button-registration-pressed: var(--brand-primary-90);
    --background-button-registration-disabled: var(--brand-primary-alpha-24);
    --background-button-login-default: var(--alpha-night-6);
    --background-button-login-hover: var(--alpha-night-24);
    --background-button-login-pressed: var(--alpha-night-6);
    --background-button-login-disabled: var(--alpha-night-2);
    --background-button-deposit-wallet-default: var(--brand-primary-100);
    --background-button-deposit-wallet-hover: var(--brand-primary-80);
    --background-button-deposit-wallet-pressed: var(--brand-primary-90);
    --background-button-deposit-wallet-disabled: var(--brand-primary-alpha-24);
    --background-button-float-default: var(--brand-primary-100);
    --background-button-negative-default: var(--error-100);
    --background-button-negative-hover: var(--error-80);
    --background-button-negative-pressed: var(--error-90);
    --background-button-negative-disabled: var(--error-alpha-24);
    --background-button-inverted-primary-default: var(--brand-primary-100);
    --background-button-inverted-primary-hover: var(--brand-primary-80);
    --background-button-inverted-primary-pressed: var(--brand-primary-90);
    --background-button-inverted-primary-disabled: var(--brand-primary-alpha-24);
    --background-button-inverted-secondary-default: var(--brand-secondary-100);
    --background-button-inverted-secondary-hover: var(--brand-secondary-80);
    --background-button-inverted-secondary-pressed: var(--brand-secondary-90);
    --background-button-inverted-secondary-disabled: var(--brand-secondary-alpha-24);
    --background-button-inverted-neutral-default: var(--alpha-day-6);
    --background-button-inverted-neutral-hover: var(--alpha-day-24);
    --background-button-inverted-neutral-pressed: var(--alpha-day-6);
    --background-button-inverted-neutral-disabled: var(--alpha-day-2);
    --background-button-inverted-no-background-default: var(--alpha-day-0);
    --background-button-inverted-no-background-hover: var(--alpha-day-24);
    --background-button-inverted-no-background-pressed: var(--alpha-day-6);
    --background-button-inverted-no-background-disabled: var(--alpha-day-0);
    --background-button-inverted-deposit-header-default: var(--brand-primary-100);
    --background-button-inverted-deposit-header-hover: var(--brand-primary-80);
    --background-button-inverted-deposit-header-pressed: var(--brand-primary-90);
    --background-button-inverted-deposit-header-disabled: var(--brand-primary-alpha-24);
    --background-button-inverted-withdraw-default: var(--alpha-day-6);
    --background-button-inverted-withdraw-hover: var(--alpha-day-24);
    --background-button-inverted-withdraw-pressed: var(--alpha-day-6);
    --background-button-inverted-withdraw-disabled: var(--alpha-day-2);
    --background-button-inverted-verify-default: var(--brand-primary-100);
    --background-button-inverted-verify-hover: var(--brand-primary-80);
    --background-button-inverted-verify-pressed: var(--brand-primary-90);
    --background-button-inverted-verify-disabled: var(--brand-primary-alpha-24);
    --background-button-inverted-registration-default: var(--brand-primary-100);
    --background-button-inverted-registration-hover: var(--brand-primary-80);
    --background-button-inverted-registration-pressed: var(--brand-primary-90);
    --background-button-inverted-registration-disabled: var(--brand-primary-alpha-24);
    --background-button-inverted-login-default: var(--alpha-day-6);
    --background-button-inverted-login-hover: var(--alpha-day-24);
    --background-button-inverted-login-pressed: var(--alpha-day-6);
    --background-button-inverted-login-disabled: var(--alpha-day-2);
    --background-button-inverted-deposit-wallet-default: var(--brand-primary-100);
    --background-button-inverted-deposit-wallet-hover: var(--brand-primary-80);
    --background-button-inverted-deposit-wallet-pressed: var(--brand-primary-90);
    --background-button-inverted-deposit-wallet-disabled: var(--brand-primary-alpha-24);
    --background-button-inverted-float-default: var(--brand-primary-100);
    --background-button-inverted-negative-default: var(--error-100);
    --background-button-inverted-negative-hover: var(--error-80);
    --background-button-inverted-negative-pressed: var(--error-90);
    --background-button-inverted-negative-disabled: var(--error-alpha-24);
    --background-surface-stage-1: var(--brand-base-night-100);
    --background-surface-stage-2: var(--brand-base-night-90);
    --background-surface-stage-3: var(--brand-base-night-80);
    --background-surface-stage-4: var(--brand-base-night-70);
    --background-surface-alpha-stage-1: var(--alpha-night-2);
    --background-surface-alpha-stage-2: var(--alpha-night-4);
    --background-surface-alpha-stage-3: var(--alpha-night-6);
    --background-surface-alpha-stage-4: var(--alpha-night-8);
    --background-surface-alpha-stage-0: var(--alpha-night-0);
    --background-surface-inverted-stage-1: var(--brand-base-day-100);
    --background-surface-inverted-stage-2: var(--brand-base-day-90);
    --background-surface-inverted-stage-3: var(--brand-base-day-80);
    --background-surface-inverted-stage-4: var(--brand-base-day-70);
    --background-surface-inverted-alpha-stage-1: var(--alpha-day-2);
    --background-surface-inverted-alpha-stage-2: var(--alpha-day-4);
    --background-surface-inverted-alpha-stage-3: var(--alpha-day-6);
    --background-surface-inverted-alpha-stage-4: var(--alpha-day-8);
    --background-surface-inverted-alpha-stage-0: var(--alpha-day-0);
    --background-input-default: var(--alpha-night-6);
    --background-input-hover: var(--alpha-night-8);
    --background-input-focussed: var(--alpha-night-4);
    --background-input-disabled: var(--alpha-night-2);
    --background-input-filled: var(--alpha-night-6);
    --background-input-inverted-default: var(--alpha-day-6);
    --background-input-inverted-hover: var(--alpha-day-8);
    --background-input-inverted-focussed: var(--alpha-day-4);
    --background-input-inverted-disabled: var(--alpha-day-2);
    --background-input-inverted-filled: var(--alpha-day-6);
    --background-checkbox-default: var(--alpha-night-8);
    --background-checkbox-hover: var(--alpha-night-24);
    --background-checkbox-disabled: var(--alpha-night-6);
    --background-tab-default: var(--alpha-night-0);
    --background-tab-hover: var(--alpha-night-24);
    --background-tab-active: var(--brand-secondary-100);
    --background-tab-inverted-default: var(--alpha-day-0);
    --background-tab-inverted-hover: var(--alpha-day-24);
    --background-tab-inverted-active: var(--brand-secondary-100);
    --background-tabs-group-default: var(--alpha-night-4);
    --background-tabs-group-inverted-default: var(--alpha-day-4);
    --background-dropdown-header-default: var(--alpha-night-0);
    --background-dropdown-header-hover: var(--alpha-night-24);
    --background-dropdown-header-pressed: var(--alpha-night-6);
    --background-dropdown-header-active: var(--alpha-night-0);
    --background-dropdown-header-inverted-default: var(--alpha-day-0);
    --background-dropdown-header-inverted-hover: var(--alpha-day-24);
    --background-dropdown-header-inverted-pressed: var(--alpha-day-6);
    --background-dropdown-header-inverted-active: var(--alpha-day-0);
    --background-dropdown-body-item-default: var(--alpha-night-0);
    --background-dropdown-body-item-hover: var(--alpha-night-24);
    --background-dropdown-body-item-pressed: var(--alpha-night-6);
    --background-dropdown-body-item-active: var(--alpha-night-24);
    --background-dropdown-body-item-inverted-default: var(--alpha-day-0);
    --background-dropdown-body-item-inverted-hover: var(--alpha-day-24);
    --background-dropdown-body-item-inverted-pressed: var(--alpha-day-6);
    --background-dropdown-body-item-inverted-active: var(--alpha-day-24);
    --background-chips-default: var(--alpha-night-8);
    --background-chips-hover: var(--alpha-night-24);
    --background-chips-active: var(--brand-secondary-100);
    --background-chips-disabled: var(--alpha-night-2);
    --background-menu-item-no-background-default: var(--alpha-night-0);
    --background-menu-item-no-background-hover: var(--alpha-night-24);
    --background-menu-item-no-background-pressed: var(--alpha-night-6);
    --background-menu-item-no-background-active: var(--alpha-night-4);
    --background-menu-item-neutral-default: var(--alpha-night-4);
    --background-menu-item-neutral-hover: var(--alpha-night-24);
    --background-menu-item-neutral-pressed: var(--alpha-night-6);
    --background-menu-item-neutral-active: var(--alpha-night-24);
    --background-menu-item-inverted-no-background-default: var(--alpha-day-0);
    --background-menu-item-inverted-no-background-hover: var(--alpha-day-24);
    --background-menu-item-inverted-no-background-pressed: var(--alpha-day-6);
    --background-menu-item-inverted-no-background-active: var(--alpha-day-24);
    --background-menu-item-inverted-neutral-default: var(--alpha-day-4);
    --background-menu-item-inverted-neutral-hover: var(--alpha-day-24);
    --background-menu-item-inverted-neutral-pressed: var(--alpha-day-6);
    --background-menu-item-inverted-neutral-active: var(--alpha-day-24);
    --background-badge-primary: var(--brand-primary-100);
    --background-badge-secondary: var(--brand-secondary-100);
    --background-badge-neutral: var(--alpha-night-6);
    --background-badge-no-background: var(--alpha-night-0);
    --background-badge-success: var(--success-100);
    --background-badge-warning: var(--warning-100);
    --background-badge-error: var(--error-100);
    --background-card-category-default: var(--alpha-night-8);
    --background-card-category-hover: var(--alpha-night-24);
    --background-card-provider-default: var(--brand-base-night-90);
    --background-card-provider-hover: var(--brand-base-night-80);
    --background-card-provider-pressed: var(--brand-base-night-70);
    --background-card-bonus-primary: var(--brand-base-night-80);
    --background-card-bonus-secondary: var(--alpha-night-4);
    --background-card-notification-default: var(--alpha-night-4);
    --background-help-center-primary: var(--alpha-night-4);
    --background-help-center-inverted-primary: var(--alpha-day-4);
    --background-lable-card-game-new: linear-gradient(135deg, #007318 0%, #1dc757 48%, #007318 100% );
    --background-lable-card-game-exclusive: linear-gradient(135deg, #ff5c00 0%, #ffab2e 48%, #ff5c00 100%);
    --background-lable-card-game-hot: linear-gradient(135deg, #c72b00 0%, #fc6f44 48%, #c72b00 100%);
    --background-lable-card-game-black: #040404;
    --background-overlay-card-game-primary: rgba(14,25,53,0.48);
    --background-header-primary: var(--brand-base-night-90);
    --background-header-inverted-primary: var(--brand-base-day-90);
    --background-footer-primary: var(--brand-base-night-80);
    --background-footer-inverted-primary: var(--brand-base-day-90);
    --background-alert-primary: var(--brand-base-night-70);
    --background-alert-inverted-primary: var(--brand-base-day-100);
    --background-modal-primary: var(--brand-base-night-70);
    --background-modal-inverted-primary: var(--brand-base-day-70);
    --background-sidebar-primary: var(--brand-base-night-90);
    --background-sidebar-inverted-primary: var(--brand-base-day-90);
    --background-table-primary: var(--brand-base-night-80);
    --background-table-inverted-primary: var(--brand-base-day-80);
    --background-dropdown-group-primary: var(--alpha-night-4);
    --background-dropdown-group-inverted-primary: var(--alpha-day-4);
    --background-select-dropdown-group-primary: var(--brand-base-night-80);
    --background-creeping-line-card-default: var(--alpha-night-8);
    --background-creeping-line-card-hover: var(--alpha-night-24);
    --background-backlight-primary: var(--brand-base-aditional-shade-100);
    --background-navigation-bar-primary: var(--brand-base-night-90);
    --background-navigation-bar-inverted-primary: var(--brand-base-day-90);
    --background-navigation-bar-modal-primary: var(--brand-base-night-70);
    --background-navigation-bar-modal-inverted-primary: var(--brand-base-day-90);
    --background-modal-shadow-primary: linear-gradient(0deg, rgba(25, 32, 42, 0) 0%, rgba(49, 42, 38, 1) 100%);
    --background-system-success: var(--success-90);
    --background-system-warning: var(--warning-90);
    --background-system-error: var(--error-90);
    --background-biathlon-default: var(--alpha-night-8);
    --background-biathlon-active: var(--neutral-night-normal-100);
    --background-switcher-circle-default: var(--neutral-night-normal-70);
    --background-switcher-circle-active: var(--neutral-night-normal-100);
    --background-switcher-lowerground-default: var(--alpha-night-8);
    --background-switcher-lowerground-active: var(--success-90);
    --background-date-picker-primary: var(--brand-base-night-80);
    --background-featured-icon-primary: var(--neutral-night-normal-100);
    --background-overlay-primary: rgba(18,19,22,0.92);
    --background-accordion-item-default: var(--alpha-night-4);
    --background-accordion-item-hover: var(--alpha-night-8);
    --background-accordion-item-pressed: var(--alpha-night-6);
    --background-accordion-item-active: var(--alpha-night-6);
    --background-accordion-item-inverted-default: var(--alpha-day-4);
    --background-accordion-item-inverted-hover: var(--alpha-day-8);
    --background-accordion-item-inverted-pressed: var(--alpha-day-6);
    --background-accordion-item-inverted-active: var(--alpha-day-6);
    --background-select-head-default: var(--alpha-night-6);
    --background-select-head-hover: var(--alpha-night-8);
    --background-select-head-focussed: var(--alpha-night-4);
    --background-select-head-filled: var(--alpha-night-6);
    --background-select-head-disabled: var(--alpha-night-2);
    --background-card-article-primary: var(--brand-base-night-80);
    --background-creeping-line-primary: var(--alpha-night-4);
    --background-creeping-line-inverted-primary: var(--alpha-day-4);
    --background-header-cards-primary: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    --background-timer-date-primary: var(--alpha-night-8);
    --background-vidget-tournament-primary: var(--alpha-day-8);
    --background-card-tournament-overlay-primary: linear-gradient(-160deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    --background-table-row-primary-default: var(--alpha-night-4);
    --background-table-row-primary-default-hover: var(--alpha-night-8);
    --background-table-row-primary-default-active: var(--alpha-night-24);
    --background-progress-bar-progress-container: var(--alpha-night-4);
    --background-progress-bar-progress-line: var(--brand-primary-100);
    --background-progress-bar-inverted-progress-container: var(--alpha-day-4);
    --background-progress-bar-inverted-progress-line: var(--brand-primary-100);
    --background-tab-bar-mobile-primary: var(--brand-base-night-100);
    --background-tab-bar-mobile-inverted-primary: var(--brand-base-day-100);
    --background-wallet-primary: var(--brand-base-night-70);
    --background-wallet-inverted-primary: var(--brand-base-day-70);
    --background-card-platform-info-default: var(--alpha-night-8);
    --background-theme-default: var(--brand-base-night-90);
    --background-card-page-overlay-primary: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    --stroke-input-default: var(--alpha-night-8);
    --stroke-input-hover: var(--alpha-night-24);
    --stroke-input-focussed: var(--brand-secondary-80);
    --stroke-input-success: var(--success-100);
    --stroke-input-warning: var(--warning-100);
    --stroke-input-error: var(--error-100);
    --stroke-input-filled: var(--alpha-night-8);
    --stroke-input-disabled: var(--alpha-night-2);
    --stroke-input-inverted-default: var(--alpha-day-8);
    --stroke-input-inverted-hover: var(--alpha-day-24);
    --stroke-input-inverted-focussed: var(--brand-secondary-80);
    --stroke-input-inverted-success: var(--success-100);
    --stroke-input-inverted-warning: var(--warning-100);
    --stroke-input-inverted-error: var(--error-100);
    --stroke-input-inverted-filled: var(--alpha-day-8);
    --stroke-input-inverted-disabled: var(--alpha-day-2);
    --stroke-button-default: var(--alpha-night-4);
    --stroke-button-hover: var(--alpha-night-4);
    --stroke-button-pressed: var(--alpha-night-4);
    --stroke-button-disabled: var(--alpha-night-0);
    --stroke-button-inverted-default: var(--alpha-day-4);
    --stroke-button-inverted-hover: var(--alpha-day-8);
    --stroke-button-inverted-pressed: var(--alpha-day-8);
    --stroke-button-inverted-disabled: var(--alpha-day-0);
    --stroke-checkbox-default: var(--alpha-night-8);
    --stroke-checkbox-hover: var(--alpha-night-24);
    --stroke-checkbox-disabled: var(--alpha-night-0);
    --stroke-surface-stage-1: var(--alpha-night-4);
    --stroke-surface-stage-2: var(--alpha-night-4);
    --stroke-surface-stage-3: var(--alpha-night-4);
    --stroke-surface-stage-4: var(--alpha-night-8);
    --stroke-surface-inverted-stage-1: var(--alpha-day-4);
    --stroke-surface-inverted-stage-2: var(--alpha-day-4);
    --stroke-surface-inverted-stage-3: var(--alpha-day-4);
    --stroke-surface-inverted-stage-4: var(--alpha-day-8);
    --stroke-tab-default: var(--alpha-night-0);
    --stroke-tab-hover: var(--alpha-night-8);
    --stroke-tab-active: var(--alpha-night-4);
    --stroke-tab-inverted-default: var(--alpha-day-0);
    --stroke-tab-inverted-hover: var(--alpha-day-8);
    --stroke-tab-inverted-active: var(--alpha-day-4);
    --stroke-tabs-group-default: var(--alpha-night-4);
    --stroke-tabs-group-inverted-default: var(--alpha-day-4);
    --stroke-dropdown-header-default: var(--alpha-night-0);
    --stroke-dropdown-header-hover: var(--alpha-night-0);
    --stroke-dropdown-header-pressed: var(--alpha-night-0);
    --stroke-dropdown-header-active: var(--alpha-night-8);
    --stroke-dropdown-header-inverted-default: var(--alpha-day-0);
    --stroke-dropdown-header-inverted-hover: var(--alpha-day-0);
    --stroke-dropdown-header-inverted-pressed: var(--alpha-day-0);
    --stroke-dropdown-header-inverted-active: var(--alpha-day-8);
    --stroke-chips-default: var(--alpha-night-4);
    --stroke-chips-hover: var(--alpha-night-8);
    --stroke-chips-active: var(--alpha-night-4);
    --stroke-chips-disabled: var(--alpha-night-0);
    --stroke-modal-primary: var(--alpha-night-4);
    --stroke-modal-inverted-primary: var(--alpha-day-4);
    --stroke-sidebar-primary: var(--alpha-night-4);
    --stroke-sidebar-inverted-primary: var(--alpha-day-4);
    --stroke-header-primary: var(--alpha-night-4);
    --stroke-header-inverted-primary: var(--alpha-day-4);
    --stroke-table-primary: var(--alpha-night-4);
    --stroke-table-inverted-primary: var(--alpha-day-4);
    --stroke-select-dropdown-group-primary: #272b33;
    --stroke-navigation-bar-primary: var(--alpha-night-4);
    --stroke-navigation-bar-modal-primary: var(--alpha-night-4);
    --stroke-card-bonus-default: var(--alpha-night-4);
    --stroke-card-notification-default: var(--alpha-night-4);
    --stroke-lable-card-game-new: var(--success-90);
    --stroke-lable-card-game-exclusive: var(--warning-90);
    --stroke-lable-card-game-hot: var(--error-90);
    --stroke-lable-card-game-black: var(--alpha-night-4);
    --stroke-date-picker-primary: var(--brand-base-night-70);
    --stroke-accordion-item-default: var(--alpha-night-4);
    --stroke-accordion-item-hover: var(--alpha-night-8);
    --stroke-accordion-item-pressed: var(--alpha-night-4);
    --stroke-accordion-item-active: var(--alpha-night-4);
    --stroke-accordion-item-inverted-default: var(--alpha-day-4);
    --stroke-accordion-item-inverted-hover: var(--alpha-day-8);
    --stroke-accordion-item-inverted-pressed: var(--alpha-day-4);
    --stroke-accordion-item-inverted-active: var(--alpha-day-4);
    --stroke-alert-primary: var(--alpha-night-8);
    --stroke-alert-inverted-primary: var(--alpha-day-8);
    --stroke-select-head-default: var(--alpha-night-8);
    --stroke-select-head-hover: var(--alpha-night-24);
    --stroke-select-head-focussed: var(--brand-secondary-80);
    --stroke-select-head-filled: var(--alpha-night-8);
    --stroke-select-head-disabled: var(--alpha-night-2);
    --stroke-card-provider-default: var(--alpha-night-4);
    --stroke-card-provider-hover: var(--alpha-night-4);
    --stroke-card-provider-pressed: var(--alpha-night-4);
    --stroke-card-game-default: var(--alpha-night-2);
    --stroke-card-game-hover: var(--alpha-night-2);
    --stroke-card-article-primary: var(--alpha-night-4);
    --stroke-creeping-line-primary: var(--alpha-night-4);
    --stroke-creeping-line-inverted-primary: var(--alpha-day-4);
    --stroke-timer-date-primary: var(--alpha-night-4);
    --stroke-vidget-tournament-primary: var(--alpha-night-4);
    --stroke-card-tournament-primary: var(--alpha-night-4);
    --stroke-tab-bar-mobile-primary: var(--alpha-night-8);
    --stroke-tab-bar-mobile-inverted-primary: var(--alpha-day-8);
    --stroke-wallet-primary: var(--alpha-night-4);
    --stroke-wallet-inverted-primary: var(--alpha-day-4);
    --stroke-card-page-primary: var(--alpha-night-4);
    --xs: 4;
    --sm: 6;
    --md: 8;
    --lg: 10;
    --xl: 12;
    --xxl: 16;
    --button_sm: var(--sm);
    --button_md: var(--md);
    --button_lg: var(--lg);
    --input_lg: var(--lg);
    --select_lg: var(--lg);
    --search_md: var(--md);
    --search_lg: var(--lg);
    --tab_md: var(--md);
    --chips_md: var(--md);
    --badge_card_game_xs: var(--xs);
    --banner_md: var(--md);
    --card_game_md: var(--md);
    --timer_xs: var(--xs);
    --vidget_tournament_md: var(--md);
    --card_tournament_xxl: var(--xxl);
    --card_category_md: var(--md);
    --card_provider_md: var(--md);
    --card_platform_md: var(--md);
    --placeholder_card_game_md: var(--md);
    --creeping_line_card_md: var(--md);
    --payment_item_md: var(--md);
    --line_payments_footer_md: var(--md);
    --help_center_md: var(--md);
    --menu_item_md: var(--md);
    --alert_md: var(--md);
    --accordion_md: var(--md);
    --row_leaderboard_md: var(--md);
    --select_head_lg: var(--lg);
    --card_page_md: var(--md);
    --wallet_xl: var(--xl);
    --popup_xxl: var(--xxl);
    --modal_xxl: var(--xxl);
    --card_notification_xl: var(--xl);
    --card_article_xl: var(--xl);
}

/* Variables */

:root {
    --headerHeight: 48px;
    --headerContentHeight: 48px;
    --tabBarHeight: 60px;
    --pageNavHeight: 64px;
    --contentMaxWidth: 1280px;
    --sidebarWidth: 240px;
    --sidebarMaxHeight: 568px;
    --pageDesktopWidth-tablet: min(880px, calc(100vw - var(--sidebarWidth) - 32px));
    --pageDesktopWidth-s-laptop: min(880px, calc(100vw - var(--sidebarWidth) - 80px));
    --pageDesktopWidth-s-desktop: min(1120px, calc(100vw - var(--sidebarWidth)));
    --pageDesktopWidth-desktop: min(1200px, calc(100vw - var(--sidebarWidth)));
    --primary-font-family: Inter;
    --headerIndex: 999;
    --sidebarIndex: 800;
    --game-card-aspect-ratio: 1 / 1.33;
    --gameFrameFooterHeight: 62px;
    --gameFrameTopSpace: 178px;

    --aspect-ratio: calc(16 / 9);
    --aspect-ratio-spribe: calc(13 / 8);
    --aspect-ratio-banner-image-desktop: calc(18.7 / 10);
    --aspect-ratio-banner-image-tablet: calc(18.7 / 10);
    --aspect-ratio-banner-image-mobile: calc(18.7 / 10);
    --spribe-frame-height: 800px;
    --registrationTextMargin: unset;

    --otp-width: 100%;

    --profileLayoutDesktopWidth: 968px;

    --game-cards-line-desktop: 7;
    --game-cards-line-laptop: 6;
    --game-cards-line-tablet: 5;
    --game-cards-line-h-mobile: 4;
    --game-cards-line-l-mobile: 3;

    --toastIndex: 1100;
}

@media screen and (min-width: 768px) {
    :root {
        --headerHeight: 64px;
    }
}