/* 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: #2b2b2b;
  --brand-base-night-80: #262626;
  --brand-base-night-90: #212121;
  --brand-base-night-100: #171717;
  --brand-primary-80: #8dd3f1;
  --brand-primary-90: #60c2eb;
  --brand-primary-100: #34b1e6;
  --brand-primary-alpha-24: #34b1e63d;
  --brand-secondary-80: #dfc07c;
  --brand-secondary-90: #d7b05b;
  --brand-secondary-100: #c49633;
  --brand-secondary-alpha-24: #c496333d;
  --brand-base-day-70: #2b2b2b;
  --brand-base-day-80: #262626;
  --brand-base-day-90: #212121;
  --brand-base-day-100: #171717;
  --brand-base-aditional-shade-100: linear-gradient(0deg, #171717 0%, #2A2A28 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-button-primary: var(--neutral-night-inverted-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-day-normal-100);
  --content-button-deposit-wallet-default: var(--neutral-day-normal-100);
  --content-button-withdraw-default: var(--neutral-night-normal-100);
  --content-button-verify-default: var(--neutral-day-normal-100);
  --content-button-registration-default: var(--neutral-day-normal-100);
  --content-button-login-default: var(--neutral-night-normal-100);
  --content-button-negative: var(--neutral-night-normal-100);
  --content-button-float: var(--neutral-night-inverted-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-button-inverted-float: 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-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-day-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-warning: var(--neutral-night-normal-100);
  --content-badge-error: var(--neutral-night-normal-100);
  --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-lable-card-game-primary: var(--neutral-night-normal-100);
  --content-sidebar-page-item-default: var(--neutral-night-normal-100);
  --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);
  --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-close-registration-default: inherit;
  --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-night-6);
  --background-input-inverted-hover: var(--alpha-night-8);
  --background-input-inverted-focussed: var(--alpha-night-4);
  --background-input-inverted-disabled: var(--alpha-night-2);
  --background-input-inverted-filled: var(--alpha-night-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-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-70);
  --background-card-provider-hover: var(--brand-base-night-70);
  --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-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-90);
  --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-70);
  --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-dropdown-group-primary: var(--brand-base-night-70);
  --background-dropdown-group-inverted-primary-copy: var(--alpha-night-4);
  --background-select-dropdown-group-primary: var(--brand-base-night-70);
  --background-creeping-line-card-default: var(--brand-base-night-90);
  --background-creeping-line-card-hover: var(--brand-base-night-80);
  --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-night-90);
  --background-navigation-bar-modal-primary: var(--brand-base-night-70);
  --background-navigation-bar-modal-inverted-primary: var(--brand-base-day-70);
  --background-modal-shadow-primary: linear-gradient(0deg, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 1) 100%);
  --background-system-success-copy: var(--success-90);
  --background-system-warning-copy: 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-overlay-primary: rgba(18,19,22,0.92);
  --background-table-primary: var(--brand-base-night-80);
  --background-table-inverted-primary: var(--brand-base-day-80);
  --background-tabs-group-default: var(--alpha-night-4);
  --background-tabs-group-inverted-default: var(--alpha-day-4);
  --background-card-notification-default: var(--alpha-night-4);
  --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-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-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(--neutral-day-inverted-100);
  --background-dropdown-header-inverted-hover: var(--neutral-day-inverted-80);
  --background-dropdown-header-inverted-pressed: var(--neutral-day-inverted-90);
  --background-dropdown-header-inverted-active: var(--neutral-day-inverted-100);
  --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(--neutral-day-inverted-100);
  --background-dropdown-body-item-inverted-hover: var(--neutral-day-inverted-80);
  --background-dropdown-body-item-inverted-pressed: var(--neutral-day-inverted-90);
  --background-dropdown-body-item-inverted-active: var(--neutral-day-inverted-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-night-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%);
  --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);
  --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-night-8);
  --stroke-input-inverted-hover: var(--alpha-night-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-night-8);
  --stroke-input-inverted-disabled: var(--alpha-night-2);
  --stroke-button-default: var(--alpha-night-4);
  --stroke-button-hover: var(--alpha-night-8);
  --stroke-button-disabled: var(--alpha-night-0);
  --stroke-button-pressed: var(--alpha-night-8);
  --stroke-button-inverted-default: var(--alpha-day-4);
  --stroke-button-inverted-hover: var(--alpha-day-8);
  --stroke-button-inverted-disabled: var(--alpha-day-0);
  --stroke-button-inverted-pressed: var(--alpha-day-8);
  --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-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: var(--alpha-day-4);
  --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-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-tabs-group-default: var(--alpha-night-4);
  --stroke-tabs-group-inverted-default: var(--alpha-day-4);
  --stroke-card-notification-default: var(--alpha-night-4);
  --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-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-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);
  --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);
  --select_lg: var(--lg);
  --registrationTextMargin: unset;
}

/* 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;
        --headerContentHeight: 64px;
    }
}