:root {
  /* RGB */
  --dark-blue-rgb: 26, 27, 33;
  --bright-green-rgb: 4, 178, 0;
  --light-green-rgb: 25, 201, 21;
  --dark-green-rgb: 23, 199, 19;
  --black-rgb: 21, 20, 29;
  --blue-rgb: 21, 129, 255;
  --shade-blue-rgb: 38, 41, 52;
  --light-blue-rgb: 0, 148, 255;
  --red-rgb: 235, 51, 35;
  --light-red-rgb: 255, 70, 54;
  --yellow-rgb: 255, 205, 0;
  --gunmetal-rgb: 45, 48, 59;
  --gunmetal-shade-rgb: 34, 37, 46;

  /*Base*/
  --white-rgb: 255, 255, 255;
  --total-black-rgb: 0, 0, 0;
  --light-gray-rgb: 222, 223, 228;
  --shade-gray-rgb: 53, 54, 59;
  --gray-rgb: 150, 152, 161;
  --dark-rgb: 21, 22, 25;
  --green-rgb: 4, 178, 0;

  /*Brand Colors */
  --dark-blue-color: rgb(var(--dark-blue-rgb));
  --light-blue-color: rgb(var(--light-blue-rgb));
  --shade-blue-color: rgb(var(--shade-blue-rgb));
  --light-green-color: rgb(var(--light-green-rgb));
  --bright-green-color: rgb(var(--bright-green-rgb));
  --blue-color: rgb(var(--blue-rgb));
  --black-color: rgb(var(--black-rgb));
  --red-color: rgb(var(--red-rgb));
  --light-red-color: rgb(var(--light-red-rgb));
  --yellow-color: rgb(var(--yellow-rgb));
  --gunmetal-color: rgb(var(--gunmetal-rgb));
  --gunmetal-shade-color: rgb(var(--gunmetal-shade-rgb));

  /*Base colors */
  --total-black-color: rgb(var(--total-black-rgb));
  --white-color: rgb(var(--white-rgb));
  --light-gray-color: rgb(var(--light-gray-rgb));
  --shade-gray-color: rgba(var(--shade-gray-rgb));
  --gray-color: rgb(var(--gray-rgb));
  --dark-color: rgb(var(--dark-rgb));
  --green-color: rgb(var(--green-rgb));

  /*Fonts*/
  --font-size: 16px;
  --line-height: 24px;
  --font-weight: 400;
  --font-more-weight: 600;
  --font-semi-bold: 600;
  --font-semi-bold-700: 700;
  --font-bold: 800;
  --font-extra-bold: 800;
  --font-family-primary: 'Inter', sans-serif;
  --font-family-secondary: 'Inter', sans-serif;
  --title-size: 18px;

  /*Design tokens start*/
  --brand-primary-color: var(--dark-blue-color);
  --brand-primary-color-rgb: var(--dark-blue-rgb);

  --brand-accent-color: var(--blue-color);
  --brand-accent-color-rgb: var(--blue-rgb);

  --brand-secondary-accent-color: var(--yellow-color);
  --brand-secondary-accent-color-rgb: var(--yellow-rgb);

  --brand-secondary-color: var(--bright-green-color);
  --brand-secondary-color-rgb: var(--bright-green-rgb);

  --brand-dark-color: var(--dark-color);
  --brand-dark-color-rgb: var(--dark-rgb);

  --brand-text-color: var(--white-color);
  --brand-icon-color: var(--white-color);

  --base-muted-color: var(--gray-color);
  --brand-border-radius-size: 8px;

  --brand-error-color: var(--red-color);
  --brand-success-color: var(--green-color);
  --brand-info-color: var(--yellow-color);
  --brand-warning-color: var(--blue-color);
  /*Design tokens end*/

  /* Header */
  --header-text-color: var(--brand-text-color);
  --header-text-weight: var(--font-semi-bold-700);
  --header-burger-background-color: var(--brand-accent-color);
  --header-burger-icon-color: var(--base-muted-color);
  --header-search-icon-color: var(--brand-accent-color);
  --header-border-color: none;
  --header-mobile-max-logo-width: 40px;
  --header-menu-text: none;
  --headline-title-line-height: 26px;
  --header-mobile-height-logo: 40px;

  /*Search*/
  --search-background-color: var(--brand-dark-color);
  --search-border-color: var(--shade-gray-color);
  --search-border-radius: var(--brand-border-radius-size);
  --search-text-color: var(--shade-gray-color);
  --search-icon-color: var(--base-muted-color);
  --search-border: 0px solid var(--brand-text-color);
  --search-padding: 0 16px 0 8px;
  --search-max-width: 254px;

  /*Links*/
  --link-hover-color: var(--light-blue-color);

  /*Tags*/
  --tag-background-color: var(--red-color);

  /*Layout*/
  --layout-header-color: var(--brand-primary-color);
  --layout-background-color: var(--brand-dark-color);
  --background-image-size: cover;
  --background-image-position: center;
  --background-image-reapeat: repeat;
  --layout-background-light: transparent;
  --layout-background-dark: var(--brand-dark-color);
  --layout-background-muted: rgba(var(--brand-primary-color-rgb), 1);
  --layout-modal-background-color: var(--brand-primary-color);
  --layout-fullscreen-background-color: var(--brand-dark-color);

  /*Article*/
  --article-background-color: var(--brand-dark-color);

  /*Game card*/
  --bonus-label-text-color: rgba(255, 243, 37, 1);
  --bonus-label-background-color: var(--brand-accent-color);
  --bonus-label-box-shadow: var(--banner-text-box-shadow);
  --game-card-flex-params: 0 0 calc(25% - 15px);
  --game-card-border-radius: 16px;

  --game-level-card-background-color: var(--brand-primary-color);
  --nx-level-card-background: var(--brand-primary-color);
  --game-level-card-text-color: var(--brand-text-color);
  --card-label-box-shadow: 0 0 0 1px rgba(26, 27, 33, 1);

  --card-background-color: var(--shade-blue-color);
  --nx-level-card-label-background-color: var(--shade-blue-color);

  /*Banners*/
  --banner-text-color: var(--brand-text-color);
  --banner-text-box-shadow: #000000 1px 0 10px;
  --banner-mobile-height: 300px;

  /*Bottom bar*/
  --bottom-bar-background-color: rgba(var(--brand-primary-color-rgb), 0.1);

  /*Modals*/
  --modal-backdrop-color: rgba(var(--black-rgb), 0.9);

  /*Section*/
  --section-background: rgba(var(--brand-primary-color-rgb), 0.8);
  --winners-section-background: var(--section-background);
  --section-paddings: 16px;
  --section-border-radius: 16px;
  --setting-section-background: rgba(var(--brand-primary-color-rgb), 1);
  --section-container-margin: 24px 0;
  --section-container-margin-v2: 32px 0;
  --section-container-mobile-margin: 32px 0;

  /*Switcher*/
  --switcher-background: var(--white-color);
  --switcher-border: var(--brand-primary-color);
  --switcher-circle-background: var(--brand-accent-color);
  --switcher-circle-checked-background: var(--white-color);
  --switcher-background-checked: var(--brand-accent-color);
  --brand-gradient: var(--section-background);

  /*Promo*/
  --promotion-background: var(--section-background);
  --promotion-special-background: var(--section-background);
  --promotion-title-color: var(--brand-text-color);
  --promotion-desc-color: var(--muted-text-color);
  --promotion-text-color: var(--text-color);
  --promotion-cta-block-container-background: rgb(34 37 46);

  --linear-gradient-1: linear-gradient(180deg, #151927 0%, #151619 100%);
  --linear-gradient-2: linear-gradient(
    180deg,
    #844081,
    #844081,
    #262934,
    #262934
  );
  --linear-gradient-3: linear-gradient(180deg, #381933 0%, #151619 100%);
  --linear-gradient-4: linear-gradient(180deg, #272215 0%, #151619 100%);
  --linear-gradient-5: linear-gradient(
    180deg,
    #836e22,
    #836e22,
    #262934,
    #262934
  );
  --linear-gradient-6: linear-gradient(
    150deg,
    #832722,
    #832722,
    #151619,
    #151619
  );
  --linear-gradient-7: linear-gradient(
    150deg,
    #ffcd00,
    #ffcd00,
    #151619,
    #151619
  );
  --linear-gradient-8: linear-gradient(
    180deg,
    #36ff32,
    #36ff32,
    #18c814,
    #18c814
  );
  --linear-gradient-9: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(21 22 25) 100%
  );
  --linear-gradient-10: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(21 22 25) 100%
  );

  --promocode-container-card-background: var(--linear-gradient-1);
  --cashback-container-card-wraper: var(--linear-gradient-2) border-box;
  --cashback-container-card-background: var(--linear-gradient-3);
  --personal-container-card-background: var(--linear-gradient-4);
  --personal-container-card-wraper: var(--linear-gradient-5) border-box;

  --promo-progress-container-card-background: var(--linear-gradient-1);
  --promo-progress-ternary-card-background: var(--linear-gradient-4);
  --promo-progress-ternary-card-wraper: var(--linear-gradient-6) border-box;
  --promo-progress-secret-card-background: var(--linear-gradient-4);
  --promo-progress-secret-card-wraper: var(--linear-gradient-7) border-box;
  --promo-progress-card-label-color: var(--brand-secondary-accent-color);

  /*Providers Block*/
  --providers-background: var(--promotion-background);
  --providers-list-opacity: 1;
  --providers-list-border-color: #262934;
  --providers-list-count-color: var(--blue-color);

  /*Service block*/
  --service-block-icon-background-color: var(--brand-accent-color);
  --service-block-icon-color: var(--brand-primary-color);

  /*Headline*/
  --headline-font-size: 24px;
  --headline-font-weight: 700;
  --headline-icon-background-color: var(--brand-accent-color);
  --header-icon-color: var(--brand-text-color);
  --header-height-size: 70px;
  --headline-title-color: var(--text-color);

  /*Dropdown menu*/
  --dropdown-background-color: rgb(34 37 46);
  --dropdown-text-color: var(--primary-text-color);
  --dropdown-menu-text-color: var(--secondary-text);
  --dropdown-text-weight: var(--font-semi-bold-700);
  --dropdown-menu-item-hover-color: var(--brand-primary-color);
  --dropdown-menu-item-title-hover-color: var(--white-color);
  --dropdown-menu-item-submenu-color: var(rgba(34, 37, 46, 1));
  --dropdown-button-box-shadow: 0 0 0 1px rgba(var(--light-gray-rgb), 0.1);
  --dropdown-button-box-shadow-hover: 0 0 0 1px
    rgba(var(--brand-accent-color-rgb), 1);
  --dropdown-arrow-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1L4 4L1 0.999999' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

  --deposit-btn-color: linear-gradient(90deg, #37ff32, #17c713);
  --deposit-button-background: var(--brand-secondary-color);
  --deposit-button-border: 1px solid #37ff32;

  /*Side menu*/
  --side-menu-background-color: var(--brand-dark-color);
  --side-menu-text-color: var(--primary-text-color);
  --side-menu-item-background-color: var(--brand-primary-color);
  --side-menu-notification-text-color: var(--brand-text-color);
  --side-menu-item-last-color: var(--brand-accent-color);
  --side-menu-item-last-color-hover: var(#fff);
  --side-menu-item-active-link: var(#fff);
  --sidebar-container-overflow-color: rgba(0, 0, 0, 0.26);

  /*User menu*/
  --user-menu-background-color: var(--brand-dark-color);
  --user-menu-text-color: var(--text-color);
  --user-menu-container-expanded-bacground-color: var(--brand-dark-color);
  --user-menu-document-bold-text-color: var(--white-color);
  --side-menu-game-background-color: var(--brand-dark-color);
  --side-menu-game-hover-color: var(--brand-accent-color);
  --side-menu-game-background-color: var(--brand-primary-color);

  /*Category bar*/
  --category-bar-height-size: 62px;
  --category-bar-width-size: 124px;
  --category-bar-icon-width: 24px;
  --category-bar-trigger-btns-width: var(--category-bar-height-size);
  --category-bar-btns-gap: 8px;
  --category-bar-active-background-color: var(--brand-accent-color);
  --category-bar-active-text-color: var(--brand-text-color);
  --category-bar-active-icon-color: var(--brand-text-color);

  --category-bar-background-color: var(--brand-primary-color);
  --category-bar-text-color: var(--brand-text-color);
  --category-bar-hover-text-color: var(--brand-accent-color);
  --category-bar-hover-border-color: var(--brand-accent-color);
  --category-bar-hover-background-color: var(--gunmetal-shade-color);
  --category-bar-icon-color: var(--muted-text-color);
  --category-bar-icon-hover-color: var(--brand-text-color);
  --category-bar-border-color: none;
  --category-bar-active-color: var(--brand-accent-color);
  --category-bar-active-text-color: var(--brand-text-color);
  --category-bar-active-border-radius: var(--border-radius-size);
  --category-bar-border-active-color: none;
  --category-bar-box-shadow-color: 0 0 0 1px var(--primary-color);
  --category-bar-box-shadow-hover-color: 0 0 0 1px
    var(--category-bar-hover-border) inset;

  /*Filters*/
  --filter-background-color: var(--category-bar-background-color);
  --filter-box-shadow-color: var(--brand-accent-color);
  --filter-icon-color: var(--brand-accent-color);
  --filter-icon-color-hover: var(--brand-accent-color);
  --filter-border-radius: var(--brand-border-radius-size);

  /*Buttons*/
  --play-button-background-color: var(--yellow-color);
  --play-button-wrapper-background-color: var(--brand-dark-color);

  --primary-button-color: var(--brand-secondary-color);
  --primary-button-before-background: linear-gradient(
      180deg,
      #36ff32,
      #36ff32,
      #18c814,
      #18c814
    )
    border-box;
  --primary-button-text-color: var(--brand-text-color);
  --primary-button-disabled-color: transparent;
  --primary-button-bg-hover-color: var(--light-green-color);

  --secondary-button-color: rgba(34, 37, 46, 1);
  --secondary-button-text-color: var(--brand-text-color);
  --secondary-button-bg-hover-color: var(--brand-accent-color);
  --secondary-button-text-hover-color: var(--brand-text-color);

  --outline-button-color: var(--brand-primary-color);
  --outline-button-border-color: var(--brand-accent-color-rgb);
  --outline-button-text-color: var(--brand-text-color);

  --tertiary-button-color: var(--red-color);
  --tertiary-button-text-color: var(--white-color);
  --tertiary-button-bg-hover-color: var(--light-red-color);
  --tertiary-button-text-hover-color: var(--brand-text-color);
  --tertiary-button-gradient: linear-gradient(
      180deg,
      #ffc896,
      #ffc896,
      #ff8540,
      #ff8540
    )
    border-box;

  --radio-button-checked-color: var(--brand-accent-color);
  --radio-button-not-checked-border-color: rgba(var(--white-rgb), 1);

  --link-button-color: var(--brand-accent-color);
  --link-button-text-color: var(--brand-text-color);
  --link-button-text-hover-color: var(--brand-text-color);

  --carousel-button-bg-color: var(--brand-accent-color);
  --carousel-button-disabled-color: var(--brand-dark-color);
  --carousel-button-hover-color: var(--light-blue-color);
  --carousel-round-button-color: var(--brand-accent-color);
  --carousel-button-disabled-opacity-value: 0.5;
  --carousel-dots-indecator: var(--white-color);
  --carousel-dots-indecator-active-background: var(--primary-color);
  --carousel-dots-indecator-background: #9698a1;
  --carousel-dots-indecator-active-border: 1px solid var(--white-color);
  --carousel-dots-indecator-border: 1px solid #9698a1;

  /*Back button*/
  --back-button-bg-color: var(--setting-section-background);
  --back-button-icon-color: var(--brand-text-color);
  --back-button-icon-hover: var(--brand-accent-color);

  /*Text*/
  --primary-text-color: var(--brand-text-color);
  --secondary-text-color: rgba(var(--light-gray-rgb), 0.6);
  --secondary-text-hover-color: rgba(var(--light-gray-rgb), 1);
  --muted-text-color: var(--base-muted-color);

  --divider-color: var(--gunmetal-color);
  --avatar-background-color: var(--brand-accent-color);

  /*Tables*/
  --table-active-text-color: var(--brand-dark-color);

  /*Box Shadows*/
  --base-box-shadow: 0 0 0 1px var(--shade-blue-color);
  --bottom-box-shadow: 0 1px 0 0 var(--shade-blue-color);
  --top-box-shadow: 0 -1px 0 0 var(--shade-blue-color);
  --box-shadow-primary-button: 0 0 0 1px var(--primary-button-color);
  --box-shadow-secondary-button: none;
  --box-shadow-secondary-button-hover: none;
  --box-shadow-button-hover: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-button-accent: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-button-outline: 0 0 0 1px
    rgba(var(--outline-button-border-color), 1);
  --box-shadow-button-outline-hover: 0 0 0 1px
    rgba(var(--brand-accent-color-rgb), 1);

  --box-shadow-round-button: 0 0 0 1px rgba(var(--brand-accent-color-rgb), 1);
  --box-shadow-radio-button-checked: 0 0 0 1px var(--brand-text-color);
  --box-shadow-radio-button-hover: 2px solid rgba(var(--white-rgb), 0.2);
  --box-shadow-card-overlay: inset 0 0 0 1px var(--brand-accent-color);
  --box-shadow-header-color: rgba(var(--shade-blue-rgb), 1);
  --box-shadow-input-focus: 0 0 0 1px var(--brand-primary-color);

  /*Inputs*/
  --input-background-color: var(--shade-blue-color);
  --input-background-panel-color: rgba(var(--dark-rgb), 1);
  --footer-input-background-color: var(--input-background-color);
  --input-disabled-background-color: rgba(var(--shade-gray-rgb), 0.1);
  --input-text-color: var(--light-gray-rgb);
  --input-label-color: var(--muted-text-color);

  /*Border Radius*/
  --border-radius-size: 8px;
  --border-radius-section: 8px;
  --border-radius-tab-size: 10px;
  --border-radius-service-block-size: 24px;
  --border-radius-modal-size: 16px;
  --border-radius-banner-size: 16px;
  --border-radius-button-size: var(--border-radius-size);

  /*Overlays and hovers*/
  --card-hover-color: rgba(var(--dark-rgb), 0.75);
  --card-hover-states-text-color: var(--muted-text-color);

  /*Icons*/
  --signup-icon-color: var(--brand-icon-color);
  --carousel-button-svg-color: var(--brand-icon-color);
  --carousel-button-round-svg-color: var(--brand-icon-color);
  --carousel-button-svg-disabled-color: var(--light-gray-color);
  --carousel-button-svg-hover-color: var(--brand-icon-color);

  /*Images*/
  --background-image: none;
  --footer-color: transparent;
  --footer-text-color: var(--brand-text-color);

  --wrapper-max-width-size: 1440px;
  --footer-max-width-size: var(--wrapper-max-width-size);
  --wrapper-container-padding: 0 16px;

  --tabs-font-size: var(--font-bold);
  --tabs-container-gap: 8px;
  --tabs-container-background: none;

  /*Panel layout*/
  /*Sidebar*/
  --sidebar-max-width: 250px;
  --sidebar-closed-width: 80px;
  --sidebar-background-color: var(--layout-header-color);
  --sidebar-text-color: var(--base-muted-color);
  --sidebar-border-color: rgba(var(--shade-blue-rgb));
  --sidebar-border-radius: var(--brand-border-radius-size);
  --sidebar-item-hover-color: var(--shade-blue-color);
  --sidebar-active-item-hover-color: var(--brand-text-color);
  --sidebar-active-item-color: var(--brand-accent-color);
  --sidebar-accented-item-hover-color: var(--light-blue-color);
  --sidebar-submenu-text-color: var(--brand-text-color);
  --sidebar-submenu-hover-text-color: var(--brand-accent-color);
  --sidebar-accented-item-border: linear-gradient(180deg, #36c3ff, #3b97ff);
  --sidebar-submenu-hover-color: transparent;
  --sidebar-submenu-background-color: rgba(34, 37, 46, 1);
  --side-menu-gradient: linear-gradient(
    180deg,
    rgba(26, 27, 33, 0) 0%,
    #1a1b21 100%
  );

  /*NX Components*/
  --action-card-background: var(--brand-primary-color);

  --notification-error-color: var(--red-color);
  --notification-success-color: var(--bright-green-color);
  --notification-pending-color: var(--yellow-color);

  --accented-button-background-color: var(--brand-accent-color);
  --accented-border: linear-gradient(180deg, #36c3ff, #36c3ff, #3b97ff, #3b97ff)
    border-box;
  --accented-mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);

  --loyalty-section-background-color: linear-gradient(
    180deg,
    #151927 0%,
    #151619 100%
  );
  --loyalty-progress-bg-color: var(--base-gray-color);
  --loyalty-text-color: var(--brand-secondary-accent-color);
  --loyalty-level-card-inactive-border: linear-gradient(
      180deg,
      transparent,
      transparent,
      #4d4e53,
      #4d4e53
    )
    border-box;

  --loyalty-level-card-inactive-background: linear-gradient(
    180deg,
    rgba(21, 22, 25, 0) 0%,
    #262934 100%
  );
  --loyalty-level-cards-detail-sub-title: rgba(55, 255, 50, 1);
  --loyalty-level-link-color: var(--brand-accent-color);

  --horizontal-scroll-background: var(--brand-primary-color);
  --horizontal-scroll-box-shadow: var(--base-box-shadow);

  --list-item-background: var(--brand-primary-color);
  --list-item-background-hover: var(--gunmetal-shade-color);
  --list-item-border: var(--base-box-shadow);
  --list-item-color: var(--muted-text-color);

  --amount-background: var(--gunmetal-shade-color);
  --amount-background-hover: var(--gunmetal-color);

  --game-card-overlay-background: var(--shade-blue-color);
  --game-card-background-color: var(--shade-blue-color);
  --game-card-hover-overlay: rgba(var(--dark-rgb), 0.75);

  --action-button-background: var(--shade-blue-color);
  --expandable-block-gradient: linear-gradient(
    180deg,
    rgba(21, 22, 25, 0) 0%,
    #151619 100%
  );

  --carousel-gradient-left: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(21 22 25) 100%
  );
  --carousel-gradient-right: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(21 22 25) 100%
  );

  --radio-button-checked-box-shadow: 0 0 0 1px var(--brand-primary-color);
  --checkbox-box-shadow: 0 0 0 1px var(--gunmetal-color);
  --checkbox-checked-color: var(--brand-accent-color);
  --checkbox-checked-box-shadow: 0 0 0 4px var(--gunmetal-color);
  --checkbox-block-background: var(--shade-blue-color);
  --checkbox-background-color: var(--brand-primary-color);

  /* Upload Form */
  --upload-form-area-bacground: var(--brand-dark-color);
  /* Upload Form  END*/

  /* Highlight cards */
  --card-text-wrap-option: wrap;
  /* Highlight cards END */

  /*Table*/
  --table-header-background: var(--shade-blue-color);
  --table-header-text-color: var(--white-color);
  --table-body-text-color: var(--muted-text-color);
  --table-body-background: var(--brand-primary-color);
  --table-body-background-odd: var(--brand-dark-color);
  --table-body-hover-background: var(--blue-color);
  --table-body-hover-text-color: var(--white-color);
  --table-body-hover-border-color: var(--brand-dark-color);

  --pagination-results-background: var(--shade-blue-color);
  --pagination-active-button-background: var(--brand-accent-color);
  --pagination-active-button-text: var(--white-color);

  /* Footer */
  --footer-external-link-color: var(--brand-accent-color);
  --footer-link-icon-background: var(--brand-accent-color);
  --footer-link-icon-background-wrapper: var(--accented-border);
  --footer-grid-columns-2xl: 5;
  --footer-grid-columns-lg: 5;
  --footer-grid-columns-sm: 2;
  /* Footer END */

  /*Live Chat*/
  --live-chat-background-color: var(--brand-secondary-accent-color);
  --live-chat-background-color-hover: rgb(251, 215, 2);
  /* Label */
  --label-text-color: var(--text-color);
  /* Label END */

  /* Mobile Menu */
  --mobile-menu-overlay-background: var(--sidebar-background-color);
  --mobile-menu-background: var(--sidebar-background-color);
  --mobile-menu-padding: 10px 16px 80px 16px;
  --mobile-menu-panel-height: 40px;
  --mobile-menu-panel-close-button: block;
  --mobile-menu-panel-item-margin: 10px 0;
  --mobile-menu-modal-padding: 10px;
  /* Mobile Menu END */

  /* Action Card */
  --action-card-subtitle: var(--brand-accent-color);

  /* Language Switcher */
  --panel-language-item: var(--shade-blue-color);

  /* Short Registration form */
  --switcher-border-color: var(--shade-blue-rgb);
  --switcher-login-icon: var(--shade-blue-rgb);
  --short-registration-condition-color: #9698a1;

  /* Hold card text color */
  --hold-card-text-color: var(--gray-rgb);

  /* Google button styling */
  --google-icon-bacground: #151619;

  /* Deposit */
  --payment-desc-border-color: rgba(255, 211, 3, 0.4);
  --payment-desc-text-color: rgba(255, 211, 3, 1);
  --payment-desc-icon: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00024 0.00390625C4.03084 0.00390625 0.00585938 4.02889 0.00585938 8.99829C0.00585938 13.9677 4.03084 17.9927 9.00024 17.9927C13.9696 17.9927 17.9946 13.9677 17.9946 8.99829C17.9946 4.02889 13.9696 0.00390625 9.00024 0.00390625ZM7.87594 14.6198V12.3712H10.1245V14.6198H7.87594ZM7.87594 3.3768V11.2469H10.1245V3.3768H7.87594Z' fill='%23FFD303'/%3E%3C/svg%3E%0A");

  /* Bonus Modal */
  --bonus-modal-accent-color: rgba(255, 136, 136, 1);

  --calendar-modal-background: var(--layout-background-color);
  --calendar-items-background: var(--game-level-card-background-color);
  --calendar-items-color: var(--game-level-card-text-color);

  --calendar-counter-container-bg: var(--category-bar-background);
  --calendar-day-counter-bg: var(--category-bar-background-color);
  --calendar-day-counter-active-bg: var(--category-bar-active-background-color);
  --calendar-day-counter-text: var(--category-bar-text);
  --calendar-day-counter-borders: var(--category-bar-hover-border);
  --calendar-day-counter-active-borders: var(--calendar-day-counter-borders);
  --calendar-money-color: var(--category-bar-hover-border);

  --calendar-promo-block-bg: linear-gradient(
    180.34deg,
    var(--layout-background-color) 23.74%,
    var(--category-bar-active-background-color) 99.77%
  );
  --calendar-promo-block-border: 0 0 0 4px var(--category-bar-hover-border);
  --calendar-checkbox-color: #06b500;
  --calendar-promo-block-day-border: none;
  --calendar-promo-block-color: var(--text-color);
  --calendar-promo-block-info-bg: var(--layout-background-color);
  --calendar-promo-block-info-fill: var(--category-bar-hover-border);

  --gradient-one: var(--calendar-items-background);
  --gradient-two: var(--calendar-items-background);
  --bar-down: #13661d;
  --bar-up: #50c250;

  --onboarding-nav-color: #d9d9d9;
  --onboarding-nav-select-color: var(--primary-button);

  --nice-button-bg: linear-gradient(145deg, #026800, #04b200);
  --nice-button-color: #fff;
  --nice-button-box-shadow: 5px 5px 10px #026800, -5px -5px 10px #04b200;

  --new-table-text: #fff;
  --new-table-text2: #fff;
  --new-table-background: var(--section-background);
  --new-table-tr-background: #252f45;
  --new-table-tr2-background: #2a334a;
  --new-table-tr-hover: #354260;
  --new-table-border-color: #3a475e;
  --new-table-head-background: linear-gradient(to bottom, #2e3c59, #252f45);
  --new-table-buttons-background: linear-gradient(145deg, #243451, #192233);

  --chat-input: var(--new-table-tr-hover);
  --chat-background: var(--new-table-background);
  --chat-background-text: var(--header-text);
  --chat-header: var(--new-table-head-background);
  --chat-item-radius: 4px;
  --chat-items: var(--new-table-tr-hover);
  --chat-items-hover: var(--new-table-tr-background);

  --travvel-banner-gradient: linear-gradient(#000, #000) padding-box,
    linear-gradient(145deg, #e1c384, #ffae24, #483015) border-box;
  --scrollbar-color: var(--chat-items);
  --scrollbar-color-hover: var(--chat-items-hover);
  --scrollbar-background: var(--layout-background-color);

  --footer-link-icon-background: var(--brand-accent-color);
  --footer-link-icon-background-wrapper: var(--accented-border);
  --footer-menu-text: var(--header-text);
  --accented-mask: linear-gradient(#fff 0 0) padding-box,
    linear-gradient(#fff 0 0);

  --payment-method-background: #1b2628;
  --payment-method-text: #fff;
  --payment-item-bg: #26373a;
  --payment-item-text: #ffffff;
  --payment-item-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);

  --game-sidebar-color: var(--section-background);

  --stats-bg-primary: #1f2937;
  --stats-bg-secondary: #374151;
  --stats-text-primary: #f9fafb;
  --stats-text-secondary: #d1d5db;

  --stas-progress-circle: var(--brand-secondary-color);
  --stas-progress-circle-bg: #4b5563;
  --stas-leaderbord-bd: var(--layout-modal-background);

  --table-border-radius: var(--section-border-radius);
  --table-item-border-radius: 0;

  --credentials-container-background: var(--layout-modal-background-color);
  --credentials-header-background: var(--section-background);
  --credentials-text-color: var(--primary-text-color);
  --credentials-secondary-text-color: var(--secondary-text-color);
  --credentials-action-background: var(--input-background-color);
  --credentials-action-hover-background: var(--secondary-button-color);
  --credentials-border-color: var(--dropdown-button-box-shadow);
  --credentials-success-background: var(--brand-accent-color);

}

@media (min-width: 768px) {
  *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #1a1b21;
  }

  *::-webkit-scrollbar {
    width: 8px;
    background-color: #1a1b21;
  }

  *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #2d303b;
  }
}

@media (max-width: 1240px) {
  :root {
    --wrapper-container-padding: 0 10px;
  }
}

@media (max-width: 768px) {
  body.gamePage main > footer {
    display: none;
  }
}