/* stylelint-disable rule-empty-line-before */
/* stylelint-disable string-quotes */
/* stylelint-disable declaration-block-trailing-semicolon */

:root {
  /* Accent — Starsbit mint */
  --accent-color: #01c06f;
  --accent-color-hover: #08ed93;
  --accent-color-text-hover: #061013;
  --accent-color-title: #fff;

  /* Alert */
  --alert-bg: #fc1010;

  /* Text */
  --color-text: #bad2cd;
  --dimmed-color: #748e88;

  /* Page: solid surfaces */
  --background-block: linear-gradient(180deg, #061013 0%, #152a2d 100%);
  --background-block-element: #152a2d;
  --background-block-element-hover: #1c3a3e;
  --background-block-row: #082023;
  --background-block-row-hover: #1c3a3e;
  --background-card: #061013d9;
  --background-element: #1c3a3e;
  --background-element-block: #152a2de6;
  --background-general: #061013;
  --background-general-layout: #061013;
  --background-menu-pill: #071f21;

  /* Page blocks: dark teal surfaces (mint stays on accent, not on cards) */
  --background-gradient-block: linear-gradient(180deg, #152a2d 0%, #0a1a1c 100%);
  --background-gradient-container: linear-gradient(180deg, #1c3a3e 0%, #152a2d 100%);
  --background-gradient-element: #1c3a3e;
  --background-gradient-element-hover: #3b5e63;

  /* Border and shadow */
  --border-color: #1c3a3e;
  --border-color-secondary: #748e88;
  --border-color-primary: #3e6062;
  --border-color-hover: var(--accent-color);
  --box-shadow: 0px 16px 40px 0px #00000026;
  --box-shadow-inset: 0px 2px 8px 0px #0000009e inset;
  --mask-bg: linear-gradient(180deg, #0a1c20cc 0%, #0a1c2000 100%);

  /* Font */
  --root--font-family: 'Inter', sans-serif;
  --root--font-family-secondary: 'Montserrat', sans-serif;
  --root--font-family-tertiary: 'Urbane Rounded', sans-serif;

  /* Document */
  --body--background: var(--background-general);
  --page-color-text: var(--color-text);
  --root--background: var(--background-general);

  /* Preloader */
  --preloader-bg: var(--background-general);
  --preloader-bg-logo: url('/logo_preloader.webp') no-repeat center / contain;
  --preloader-bg-logo-height: 60px;
  --preloader-bg-logo-width: 180px;
  --preloader-bg-spinner: url('/uploads/preloader/preloader.webp?v=d586bdee11ad') no-repeat center/cover;
  --preloader-content-bg: rgba(0, 0, 0, 1);
  --root-spinner-bg: var(--background-gradient-container);
  --root-spinner-color: var(--accent-color);
  --menu-preloader-action-border: var(--accent-color);

  /* Skeleton */
  --skeleton-base-color: linear-gradient(158.14deg, #1a1a1a 0%, rgba(26, 26, 26, 0) 50%, #1a1a1a 100%);
  --skeleton-bg: var(--background-gradient-block);
  --skeleton-highlight-color: linear-gradient(158.14deg, #1a1a1a 0%, rgba(26, 26, 26, 0) 50%, #1a1a1a 100%);
  --skeleton-image-color: var(--accent-color);

  /* Scrollbar */
  --scrollbar-thumb-bg: var(--accent-color);
  --view_scrollbar-thumb-bg: #437864;

  /* Header */
  --header-bonuses-box-placeholder-bg: var(--accent-color);
  --header-notification-badge_bg: var(--alert-bg);
  --header-notification-badge_color: var(--color-text);
  --header-types-btn__menu__rect: var(--btn--menu__color);
  --header_background: #061013;

  /* App header mobile menu */
  --app-header-mobile-menu-group-label-color: var(--dimmed-color);
  --app-header-mobile-menu-panel-bg: var(--background-box);
  --app-header-mobile-menu-panel-border: var(--border-color);
  --app-header-mobile-menu-panel-border-top: var(--border-color);
  --app-header-mobile-menu-panel-fg: var(--color-text);
  --app-header-mobile-menu-panel-shadow: var(--box-shadow);

  /* * Menu */
  --menu-scrollbar-thumb: rgba(255, 255, 255, 0.25);

  --menu-width: 288px;
  --menu-width--large: 288px;

  --menu-bg: #071f21;
  --menu-bg--side: #071f21;
  --menu-close: rgb(255 255 255);
  --menu-dropdown__arrow-bg: transparent;
  --menu-dropdown__arrow: #fff;
  --menu-dropdown__arrow-hover: #fff;
  --menu-custom-timer-menu-bg: #152a2d;
  --menu-roulette-bg: #152a2d;
  --menu-custom-timer-menu-border: 1px solid color-mix(in srgb, #fff 8%, #0000);
  --menu-roulette-border-bg: color-mix(in srgb, #fff 8%, #0000);
  --menu-roulette-border-width: 1px;
  --menu-slideup__subheader-padding: 0.4375em 0.75em;
  --menu-slideup__item-padding: 12px 4px;
  --menu-slideup__subheader-margin: 4px 0;
  --menu-custom-timer-menu-border-radius: 10px;
  --menu-roulette-image-error-border-radius: 10px;
  --menu-slideup-border-radius_search: 10px;
  --menu-custom-content-gap: 4px;
  /* Collapsed slide-up tiles only. Unset keeps SCSS defaults (links 40×34, subheader/timer/roulette stretch). */
  --menu-slideup__close-item-width: 40px;
  --menu-slideup__close-item-height: 34px;
  --menu-slideup__item-padding-close: 0.4375em 0.75em;
  --menu-slideup__subheader-color: #fff;
  --menu-slideup__subheader-color: #fff;
  --menu-dropdown__title: #fff;
  /* --menu-dropdown__border: #b5b5b540; */

  --menu-dropdown_heading__bg: transparent;

  /* 0.3125em 0.3125em 0.3125em 0.625em */
  --menu-dropdown_heading__padding: 14px;
  --menu-default__item-padding: 14px;
  /* 0 0 0.3125em; */
  --menu-dropdown_heading__margin: 0 0 0;

  /* -0.375em; */
  --menu-dropdown_heading__after_bottom: 0;

  --menu-side_close_dropdown_head_bg: #193236;
  /* --menu-side_close_dropdown_head_border: #b5b5b5; */
  --menu-roulette-bg-close: #193236;
  --menu-slideup__item-icon-height_close: 46px;
  --menu-side_header__bg: #071f21;

  --menu-link-color: #ababab;
  --menu-link-color-active: #01c06f;
  --menu-link-color-active-bg: #152a2d;
  /* block = visible */
  --menu-link-before-visible: none;
  --menu-link-color-before: #fff;
  --menu-link-color-before-active: #fff;
  --menu-items-bg: #152a2d;
  --menu-items-bg-hover: #193236;

  --menu-alerts-bg: var(--background-gradient-block);
  /* linear-gradient(90deg, #212676 0%, #5a1b69 90%); */
  --menu-alerts-color: #fff;
  --menu-alerts-icon-center-color: var(--menu-alerts-color);
  --menu-alerts-icon-center-color-hover: var(--accent-color);
  --menu-alerts-icon-center-color-active: var(--accent-color);

  /* SlideUp Menu */
  --menu-slideup__columns-count: 2;
  --menu-slideup__columns-count_pc: 2;
  /* --menu-slideup--providers__columns-count: 4;
  --menu-slideup--providers__columns-count_pc: 4;
  --menu-slideup--tags__columns-count: 4;
  --menu-slideup--tags__columns-count_pc: 4;
  --menu-slideup__item-border-width: 0;
  --menu-slideup__block-gap: 1px;
  --menu-slideup__block-row-gap: 8px;
  --menu-slideup__item-icon-width: 92px;
  --menu-slideup__item-icon-height: 114px;
  --menu-slideup__extra-item-icon-width: 68px;
  --menu-slideup__extra-item-icon-height: 68px;
  --menu-slideup__item-bg: transparent; */
  --menu-slideup__item-bg: transparent;
  --menu-slideup__item-color-active: #01c06f;
  --menu-slideup__item-color-hover: #01c06f;
  --menu-slideup__item-border-width: 1px;
  --menu-slideup__item-bg-active: #152a2d;
  --menu-slideup__item-bg-hover: transparent;
  --menu-slideup__item-border-color: color-mix(in srgb, #fff 8%, #0000);
  --menu-slideup__item-color: #fff;
  --menu_bottom_title-color: #fff;
  --menu-default-border-radius_search: 4px;
  --menu-default__item-border-radius: 4px;

  --menu-dropdown_height-min: 46px;
  --menu-dropdown_height-max: none;

  --menu-dropdown__title-border: 1px solid color-mix(in srgb, #fff 8%, #0000);
  --menu-items-border: 1px solid color-mix(in srgb, #fff 8%, #0000);
  --menu-items-border-active: 1px solid var(--accent-color);
  --menu-items-border-hover: 1px solid var(--accent-color);

  /* Search: default, hover, focus */
  --search-bg: var(--background-element);
  --search-border-color: color-mix(in srgb, #fff 8%, #0000);
  --search-border-radius: 12px;
  --search-box-shadow: none;
  --search-clear-color: var(--accent-color);
  --search-color: var(--color-text);
  --search-default_color: var(--search-color);
  --search-icon-color: var(--color-text);
  --search-placeholder-color: var(--dimmed-color);
  --search-focus-bg: var(--background-element);
  --search-focus-border-color: var(--accent-color);
  --search-focus-clear-color: var(--accent-color);
  --search-focus-color: var(--color-text);
  --search-focus-icon-color: var(--color-text);
  --search-focus-placeholder-color: var(--dimmed-color);
  --search-hover-bg: var(--background-element);
  --search-hover-border-color: var(--accent-color);
  --search-hover-clear-color: var(--accent-color);
  --search-hover-color: var(--color-text);
  --search-hover-icon-color: var(--color-text);
  --search-hover-placeholder-color: var(--dimmed-color);

  /* Nav games */
  --nav-games__bg: transparent;
  --nav-games__bg-container: var(--background-block);
  --nav-games__padding: 0.625em 0;
  --nav-games__padding-container: 0.625em;
  --nav-games__border: 1px solid var(--border-color);
  --nav-games__border-radius: 12px;
  --nav-games__margin: 0.625em 0 0;
  --nav-games__bg--mobile: transparent;
  --nav-games__slider-item-active-color: var(--accent-color);
  --nav-games__slider-item-active-color-svg: var(--accent-color);
  --nav-games__slider-item-bg: var(--background-gradient-block);
  /* Stuck backdrop: dense under the bar, fades out below into the lobby */
  --nav-games-stuck-backdrop: linear-gradient(180deg, #061013 0%, #061013f2 22%, #0a1a1ccc 48%, #152a2d73 72%, #152a2d00 100%);
  /*
   * Nav-games Search — same as global --search-* by default.
   * Override any of these to restyle only NavigationGames search.
   */
  --nav-games-search-bg: var(--search-bg);
  --nav-games-search-border-color: var(--search-border-color);
  --nav-games-search-border-radius: var(--search-border-radius);
  --nav-games-search-box-shadow: var(--search-box-shadow);
  --nav-games-search-input: var(--search-color);
  --nav-games-search-input-placeholder: var(--search-placeholder-color);
  --nav-games-search-icon-color: var(--search-icon-color);
  --nav-games-search-clear-color: var(--search-clear-color);
  --nav-games-search-hover-bg: var(--search-hover-bg);
  --nav-games-search-hover-border-color: var(--search-hover-border-color);
  --nav-games-search-focus-bg: var(--search-focus-bg);
  --nav-games-search-focus-border-color: var(--search-focus-border-color);

  /* Marquee */
  --marquee-bg: var(--background-block);
  --marquee-color: var(--accent-color);
  --marquee-margin: 0.5em 0 0;
  --marquee-border: 1px solid var(--border-color);
  --marquee-border-radius: 6px;
  --marquee-min-height: 30px;

  /* Buttons */
  --btn--back-history__color: var(--color-text);
  --btn--back-history__color-hover: var(--accent-color);
  --btn--banner-button__bg: var(--accent-color);
  --btn--banner-button__bg-hover: var(--accent-color-hover);
  --btn--banner-button__border-hover-real: 1px solid var(--accent-color-hover);
  --btn--banner-button__border-real: 1px solid var(--accent-color);
  --btn--banner-button__border-hover-real: 1px solid #437864;
  --btn--banner-button__color: var(--color-text);
  --btn--banner-button__color-hover: var(--accent-color-text-hover);
  --btn--banner-button__radius: 12px;
  --btn--bonuses_activation-bg: var(--background-gradient-element);
  --btn--bonuses_activation-color: var(--accent-color);
  --btn--bonuses_info-bg: var(--accent-color);
  --btn--bonuses_info-color: var(--accent-color-text-hover);
  --btn--bonuses_play-bg: var(--accent-color);
  --btn--bonuses_play-color: var(--accent-color-text-hover);
  --btn--games-wallet__bg: transparent;
  --btn--games-wallet__bg-hover: transparent;
  --btn--games-wallet__border-hover-real: 1px solid var(--accent-color);
  --btn--games-wallet__border-real: 1px solid var(--accent-color);
  --btn--games-wallet__color: var(--color-text);
  --btn--games-wallet__color-hover: var(--accent-color);
  --btn--menu__bg: transparent;
  --btn--menu__bg-hover: transparent;
  --btn--menu__color: var(--accent-color);
  --btn--menu__color-hover: var(--accent-color-hover);
  --btn--menu__padding: 0;
  --btn--menu__padding-hover: 0;
  --btn--nav-games-provider__bg: transparent;
  --btn--nav-games-provider__bg-hover: transparent;
  --btn--nav-games-tags__bg: transparent;
  --btn--nav-games-tags__bg-hover: transparent;
  --btn--scroll-top__bg: var(--background-element);
  --btn--scroll-top__color: var(--accent-color);
  --btn--show-more__bg: var(--background-block-row);
  --btn--show-more__bg-hover: var(--background-block-row-hover);
  --btn--show-more__color: var(--accent-color);
  --btn--show-more__color-hover: var(--color-text);
  --btn--show-more__radius: 12px;
  --btn--show-more__border-real: 1px solid #437864;
  --btn--show-more__border-hover-real: 1px solid #437864;
  --btn--back-history__radius: 12px;
  --btn--back-history__bg: var(--background-block-row);
  --btn--back-history__bg-hover: var(--background-block-row-hover);
  --btn--back-history__color: var(--accent-color);
  --btn--back-history__color-hover: var(--color-text);
  --btn--show-more__border-hover-real: 1px solid #437864;
  --btn--back-history__border-real: 1px solid #437864;
  --btn--back-history__border-hover-real: 1px solid #437864;
  --btn--sign_in__bg: transparent;
  --btn--sign_in__bg-hover: transparent;
  --btn--sign_in__border-hover-real: 1px solid var(--accent-color-hover);
  --btn--sign_in__border-real: 1px solid var(--accent-color);
  --btn--sign_in__color: var(--color-text);
  --btn--sign_in__color-hover: var(--accent-color-hover);
  --btn--sign_up__bg: var(--accent-color);
  --btn--sign_up__bg-hover: var(--accent-color-hover);
  --btn--sign_up__border-hover-real: 1px solid var(--accent-color-hover);
  --btn--sign_up__border-real: 1px solid var(--accent-color);
  --btn--sign_up__color: var(--accent-color-text-hover);
  --btn--sign_up__color-hover: var(--accent-color-text-hover);
  --button-type-success__bg: var(--accent-color);
  --button-type-success__color: var(--accent-color-text-hover);
  --btn--profile__bg: transparent;
  --btn--profile__bg-hover: transparent;
  --verify-docs-verify-btn-bg: var(--accent-color);
  --verify-docs-verify-btn-color: var(--accent-color-text-hover);
  --verify-docs-verify-btn-border-radius: 10px;
  --verification__button__send-color: var(--accent-color-text-hover);
  --verification__button__send-bg: var(--accent-color);

  /* Checkbox. Component override: set --checkbox-* on the block, or --custom-checkbox-wallet__* inside .custom-checkbox-wallet */
  --checkbox-bg: var(--background-element);
  --checkbox-border: var(--border-color);
  --checkbox-active-bg: var(--accent-color);
  --checkbox-active-border: var(--accent-color);
  --checkbox-check: var(--color-text);
  --checkbox-radius: 4px;
  --checkbox-size: 16px;
  --custom-checkbox-wallet__active-bg: var(--checkbox-active-bg);
  --custom-checkbox-wallet__active-border: var(--checkbox-active-border);
  --custom-checkbox-wallet__bg: var(--checkbox-bg);
  --custom-checkbox-wallet__border: var(--checkbox-border);
  --custom-checkbox-wallet__check: var(--checkbox-check);
  --games-wallet-background: var(--background-block);
  --games-wallet__checkbox__title: var(--color-text);
  --games-wallet__wallet-list__arrow-scroll-bg: var(--background-block-element);
  --games-wallet__wallet-list__arrow-scroll-color: var(--color-text);
  --games-wallet__wallet-list__item-data-bg: var(--accent-color);
  --games-wallet__wallet-list__item-def-data-bg: var(--background-gradient-element);
  --games-wallet__wallet-list__item-def-value-bg: var(--background-gradient-element);
  --games-wallet__wallet-list__item-hover: var(--background-gradient-element-hover);
  --games-wallet__wallet-list__item-select: var(--accent-color);
  --games-wallet__wallet-list__item-value: var(--color-text);
  --games-wallet__wallet-list__item-value-bg: var(--accent-color);
  --games-wallet__wallet-list__title: var(--color-text);
  --wallet-scrollbar-thumb-bg: #437864;

  /* Banner */
  --banner-border-style-border: 1px solid var(--accent-color);

  /* Slider */
  --slider-header-color: var(--accent-color-title);
  --slider-header-actions-gap: 8px;
  --slider-navigation-bg_in-header-hover: transparent;
  --slider-navigation-border-radius: 100px;
  --slider-navigation-color: var(--accent-color);
  --slider-navigation-color_in-header-hover: var(--color-text);
  --slider-navigation-icon-size: auto;
  --slider-navigation-size_in-header: auto;

  /* Game card */
  --game-card--img-bg: var(--background-gradient-element);
  --game-card--img-bg-loaded: var(--background-card);
  --game-card--info-bg: var(--background-gradient-element);
  --game-card--provider: var(--color-text);
  --game-card--tag-bg-default: var(--accent-color);
  --game-card--tag-color-default: var(--accent-color-text-hover);
  --game-card--title: var(--accent-color);
  --game-card_hover-color: var(--accent-color-hover);
  --game-card_hover-provider-color: var(--color-text);
  --game-card_preloader-color: var(--accent-color);
  --games-title-color: var(--accent-color-title);
  --game-card__provider-hover-color: var(--color-text);
  --provider-slider_last-slide-bg: var(--background-gradient-element);
  --slider-spin-color: var(--accent-color);
  --swiper-preloader-color: var(--accent-color);

  /* Providers list */
  --providers-list-item-bg: var(--background-block-element);
  --providers-list-item-border: 1px solid var(--border-color-primary);
  --providers-list-item-shadow: var(--box-shadow);
  --providers-list-item-text: var(--color-text);
  --providers-list-item-bg-hover: var(--background-block-element-hover);
  --providers-list-item-text-hover: var(--accent-color);

  /* Footer — solid page bg, then 130deg wash */
  --footer-show-more-bg: var(--background-gradient-element);
  --footer-show-more-color: var(--color-text);
  --footer-background-gradient: linear-gradient(130deg, #061012 0%, #061012 30%, #0a1a1c 60%, #152a2d 100%);
  --footer-background: var(--footer-background-gradient);
  --footer-divider-margin-top: 0;
  --footer-divider-border: 1px solid var(--border-color);
  --footer-gap: 10px;
  --footer-nav-item-color: var(--color-text);
  --footer-nav-item-color-active: var(--accent-color);
  --footer-nav-link-color: var(--color-text);
  --footer-nav-title-color: var(--dimmed-color);
  --footer-text-color-copyright: var(--color-text);

  /* Cookies and PWA */
  --cookies-bg: var(--background-block);
  --cookies-box-shadow: var(--box-shadow);
  --pwa__bg: var(--background-block);
  --pwa__color: var(--color-text);
  --pwa_close_bg: var(--background-gradient-element);
  --pwa_close_color: var(--accent-color);

  /* Modal */
  --modal__bg: var(--background-gradient-container);
  --modal__bg-mask: var(--mask-bg);
  --modal__bg-mask-filter: blur(6px);
  --modal__close: var(--accent-color);
  --modal__close-hover-bg: var(--accent-color-hover);
  --modal__close-hover-color: var(--accent-color-text-hover);
  --modal__shadow: var(--box-shadow);

  /* Modal search */
  --modal-search_select-dropdown-empty-image-color: var(--dimmed-color);
  --modal-search_select-dropdown-empty-image-color: var(--accent-color);
  --modal-search_select-height: 32px;
  --modal-search_select-bg: var(--background-element);
  --modal-search_select-border: 1px solid var(--border-color);
  --modal-search_select-border-color-focused: var(--border-color);
  --modal-search_select-border-radius: 12px;
  --modal-search_select-box-shadow-focused: var(--box-shadow);
  --modal-search_select-dropdown-bg: var(--background-element-block);
  --modal-search_select-dropdown-item-active-background: var(--background-gradient-element-hover);
  --modal-search_select-dropdown-item-active-content-color: var(--accent-color);
  --modal-search_select-dropdown-item-content-color: var(--border-color);
  --modal-search_select-dropdown-item-gap: 4px;
  --modal-search_select-dropdown-item-hover-background: var(--background-gradient-element);
  --modal-search_select-dropdown-item-hover-content-color: var(--accent-color);
  --modal-search_select-dropdown-item-selected-background: var(--background-gradient-element-hover);
  --modal-search_select-dropdown-item-selected-content-color: var(--accent-color);
  --modal-search_select-dropdown-shadow: var(--box-shadow);
  --modal-search_select-placeholder-color: var(--dimmed-color);
  --rc-virtual-list-scrollbar-bg: var(--accent-color);

  /* Bonuses */
  --bonuses-list__item-bg: var(--background-block);
  --bonuses-list__item-bonus-color: var(--accent-color);
  --bonuses-list__item-bonus_name-bg: var(--background-gradient-element);
  --bonuses-list__item-title-color: var(--color-text);
  --bonuses-promocode-bg: var(--background-block);
  --bonuses-promocode__btn-bg: var(--accent-color);
  --bonuses-promocode__btn-color: var(--accent-color-text-hover);
  --bonuses-promocode__input-bg: var(--background-element);
  --bonuses-promocode__input-box-shadow: inset 0 0 0 1px var(--border-color);
  --bonuses-promocode__input-color: var(--color-text);
  --bonuses-promocode__title-color: var(--accent-color-title);
  --bonuses-promocode-border: 1px solid var(--border-color);
  --bonuses-list__item-border: 1px solid var(--border-color);

  /* Bonuses Details */
  --bonuses-details-bg: var(--background-gradient-block);
  --bonuses-details-bg-after: var(--background-gradient-element);
  --bonuses-details-title-color: var(--accent-color-title);
  --bonuses-details-text-color: var(--color-text);
  --bonuses-details-heading-color: var(--accent-color-title);
  --bonuses-link-back__color: var(--accent-color);
  --bonuses-link-back__bg: var(--background-element-block);

  /* Language switcher */
  --button-language__menu-bg: var(--background-element-block);
  --button-language__menu-bg-hover: var(--background-element);
  --button-language__menu-border: 1px solid var(--border-color);
  --button-language__menu-border-hover: 1px solid var(--border-color);
  --button-language__menu-border-radius: 6px;
  --button-language__menu-color: var(--color-text);
  --button-language__menu__list-bg: var(--background-element-block);
  --button-language__menu__list-border: 1px solid var(--border-color);
  --button-language__menu__list-item-border: 1px solid var(--border-color);
  --button-language__menu__list-item-color: var(--color-text);

  /* Support */
  --alerts-support-chat-bg: var(--background-block-element);
  --support-component-bg: var(--background-block-element);

  /* Auth forms */
  --auth-forms-bg: var(--background-block-element);
  --auth-forms-error-field: var(--alert-bg);
  --auth-forms-title-color: var(--accent-color-title);
  --auth-forms__button-success-bg: var(--accent-color);
  --auth-forms__button-success-color: var(--accent-color-text-hover);
  --auth-forms__input-bg: #243f44;
  --auth-forms__input-bg-hover: #2a4a50;
  --auth-forms__input-border-color: var(--border-color-secondary);
  --auth-forms__input-border-color-hover: var(--accent-color);
  --auth-forms__input-border-radius: 12px;
  --auth-forms__input-color: var(--color-text);
  --auth-forms__input-color-hover: var(--color-text);
  --auth-forms__input-height: 40px;
  --auth-forms__input-label-color: var(--dimmed-color);
  --auth-forms__input-label-margin-bottom: 4px;
  --auth-forms__tab-nav-bg-1: #0f2225;
  --auth-forms__tab-nav-bg-2: #0f2225;
  --auth-forms__tab-nav-bg-3: #0f2225;
  --auth-forms__tab-nav-bg-4: #0f2225;
  --auth-forms__tab-nav-bg-5: #0f2225;
  --auth-forms__tab-nav-bg-active: var(--accent-color);
  --auth-forms__tab-nav-color-active: var(--accent-color-text-hover);
  --auth-forms__auth-input-phone-bg: var(--auth-forms__input-bg);
  --auth-forms__auth-input-phone-bg-btn-country: var(--auth-forms__input-bg);
  --react-international-phone-border-radius: 12px;
  --auth-forms__auth-input-phone-border-btn-country: var(--auth-forms__input-border-color);
  --auth-forms__auth-input-phone-selector-dropdown-bg: var(--background-element-block);
  --auth-forms__auth-input-phone-selector-dropdown-item-bg-focus: var(--background-gradient-element-hover);
  --react-international-phone-selected-dropdown-item-text-color: var(--accent-color);
  --react-international-phone-text-color: var(--color-text);
  --auth-forms__auth-input-phone-selector-dropdown-item-bg-hover: var(--background-gradient-element);
  --auth-forms__auth-input-phone-selector-dropdown-item-country-name-hover: var(--accent-color);
  --auth-forms__auth-input-phone-selector-dropdown-item-country-name: var(--color-text);
  --auth-forms__auth-input-phone-selector-dropdown-item-dial-code-focus: var(--dimmed-color);
  --auth-forms__select-show-search-dropdown_bg: var(--auth-forms__auth-input-phone-selector-dropdown-bg);
  --auth-forms__select-show-search-dropdown_border-radius: 6px;
  --auth-forms__select-show-search-dropdown_data-text: var(--color-text);
  --auth-forms__select-show-search-dropdown_svg-color: var(--dimmed-color);
  --auth-forms__select-show-search-dropdown_select-item-background: transparent;
  --auth-forms__select-show-search-dropdown_select-item-content-color: var(
    --auth-forms__auth-input-phone-selector-dropdown-item-country-name
  );
  --auth-forms__select-show-search-dropdown_select-item-hover-background: var(
    --auth-forms__auth-input-phone-selector-dropdown-item-bg-hover
  );
  --auth-forms__select-show-search-dropdown_select-item-content-hover-color: var(
    --auth-forms__auth-input-phone-selector-dropdown-item-country-name-hover
  );
  --auth-forms__select-show-search-dropdown_select-item-active-background: var(
    --auth-forms__auth-input-phone-selector-dropdown-item-bg-focus
  );
  --auth-forms__select-show-search-dropdown_select-item-content-active-color: var(
    --react-international-phone-selected-dropdown-item-text-color
  );
  --auth-forms__input-anticon: var(--color-text);
  --auth-forms__input-anticon-hover: var(--accent-color);
  --auth-forms__login-block-border_top: 1px solid #3b5e63;
  --auth-forms__login-block-color: var(--color-text);
  --auth-forms__login-block-text-color: var(--color-text);
  --auth-forms__button-forgot-color: var(--color-text);
  --auth-forms__reg-block-border_top: 1px solid #3b5e63;
  --auth-forms__reg-block-color: var(--color-text);
  --auth-forms-step-active-line-bg: var(--accent-color);

  /* Autofill: тот же вид, что у поля в фокусе */
  --webkit-autofill: var(--auth-forms__input-bg-hover);
  --webkit-autofill-border-color: var(--auth-forms__input-border-color-hover);
  --webkit-autofill-color: var(--auth-forms__input-color-hover);

  --iframe-error_border: 12px;
  --iframe-error_bg: var(--background-gradient-container);
  --iframe-nav__bg: var(--background-gradient-element);
  --btn--favorite__bg: transparent;
  --btn--favorite__bg-hover: transparent;
  --btn--full-screen__bg: transparent;
  --btn--full-screen__bg-hover: transparent;
  --btn--full-screen__padding: 0;
  --btn--full-screen__padding-hover: 0;
  --iframe-nav__title-color: var(--accent-color);
  --iframe-error_title-color: var(--accent-color);
  --btn--top-up-balance__bg: var(--accent-color);
  --btn--top-up-balance__bg-hover: var(--accent-color-hover);
  --btn--top-up-balance__color: var(--accent-color-text-hover);
  --btn--top-up-balance__color-hover: var(--color-text);
  --btn--top-up-balance__radius: 12px;

  --notification-page_wrapper-bg: var(--background-gradient-container);
  --notification-page_sidebar-border-right: 1px solid var(--border-color);
  --notification-page_wrapper-border-radius: 12px;
  --notification-page_wrapper-border: 1px solid var(--border-color);
  --notification-page_content-message-color: var(--color-text);
  --notification-page_content-message-hover-bg: var(--background-gradient-element);
  --notification-read: var(--accent-color);
  --notification-page_sidebar-text-color: var(--color-text);
  --notification-page_content-message-border-top: 1px solid var(--border-color);
  --notification-page_sidebar-count-color: var(--accent-color);
  --notification_page_pagination_color-active: var(--accent-color);
  --notification_page_pagination_item-color-active: var(--accent-color-text-hover);
  --notification_page_pagination_color-hover: var(--accent-color-hover);
  --notification_page_pagination_item-color-hover: var(--color-text);

  --nav-profile-item-active-color: var(--accent-color);
  --nav-profile-item-active-color-svg: var(--accent-color);
  --tabs__nav-link-color: var(--color-text);

  --nav-profile-item-bg-hover: var(--background-gradient-element);
  --tabs__nav-link-border: 1px solid var(--border-color);
  --nav-profile-item-border-radius: 12px;

  --profile-form__input-label-color: var(--dimmed-color);
  --profile-form__field-color: var(--color-text);
  --profile-form__field-bg: var(--background-element);
  --profile-form__input-border-color-hover: var(--accent-color);
  --profile-form__input-border-color: var(--border-color-secondary);
  --profile-form__field-bg: var(--background-element);
  --profile-form__auth-input-phone-selector-dropdown-bg: var(--background-element-block);
  --profile-form__auth-input-phone-selector-dropdown-item-bg: var(--background-gradient-element);
  --profile-form__auth-input-phone-selector-dropdown-item-country-name: var(--color-text);
  --profile-form__auth-input-phone-selector-dropdown-item-dial-code: var(--color-text);
  --profile-form__auth-input-phone-selector-dropdown-item-bg-hover: var(--background-gradient-element);
  --profile-form__auth-input-phone-selector-dropdown-item-bg-focus: var(--background-gradient-element-hover);
  --profile-form__auth-input-phone-selector-dropdown-item-country-name-focus: var(--accent-color);
  --profile-form__auth-input-phone-selector-dropdown-item-dial-code-focus: var(--dimmed-color);
  --profile-form__auth-input-phone-selector-dropdown-item-country-name-hover: var(--accent-color);
  --profile-form__auth-input-phone-selector-dropdown-item-dial-code-hover: var(--dimmed-color);
  --profile-form__input-height: 40px;
  --profile-form__button-success-profile-bg: var(--accent-color);
  --profile-form__button-success-color: var(--accent-color-text-hover);
  --profile-form__input-color-placeholder: var(--color-text);
  --profile-form__select-show-search-dropdown_bg: var(--background-element-block);
  --profile-form__select-show-search-dropdown_item-bg: var(--background-gradient-element);
  --profile-form__select-show-search-dropdown_select-item-background: var(--background-gradient-element);

  --profile-form__select-show-search-dropdown_select-item-content-color: var(--color-text);
  --profile-form__select-show-search-dropdown_select-item-hover-background: var(--background-gradient-element);
  --profile-form__select-show-search-dropdown_select-item-content-hover-color: var(--accent-color);
  --profile-form__select-show-search-dropdown_select-item-active-background: var(--background-gradient-element-hover);
  --profile-form__select-show-search-dropdown_select-item-content-active-color: var(--accent-color);
  --webkit-autofill_profile-form-bg: var(--background-element);
  --webkit-autofill_profile-form-color: var(--color-text);
  --verification-popup-bg: var(--mask-bg);
  --verification-bg: var(--background-block);
  --verification-shadow: var(--box-shadow);
  --bonuses-wheel-bg: var(--background-gradient-element);
  --bonuses-wheel-border-radius: 12px;
  --verification__content-title: var(--accent-color-title);
  --verification__content-text: var(--color-text);
  --verification__status-error-color: var(--alert-bg);
  --verification__status-resend-code-color: var(--accent-color);
  --verification__input-color: var(--color-text);
  --verification__input-bg: var(--background-element);
  --verification__input-border: 1px solid var(--border-color);
  --verification__input-border-active: 1px solid var(--accent-color);
  --verification__input-placeholder: var(--color-text);
  --verification__input-disable-color: var(--color-text);
  --verification__input-disable-border: 1px solid var(--accent-color);
  --verification__input-disable-bg: var(--background-element);
  --verification__input-disable-color-placeholder: var(--color-text);
  --verification__input-disable-placeholder: var(--color-text);
  --verification__input-disable-placeholder-color: var(--color-text);
  --verification__input-disable-placeholder-color-placeholder: var(--color-text);
  --copy-clipboard-button_bg: var(--background-gradient-element);
  --copy-clipboard-button_color: var(--accent-color);
  --copy-clipboard-button_message-bg: var(--background-element);
  --copy-clipboard-button_message-border: 1px solid var(--border-color);
  --copy-clipboard-button_message-text: var(--color-text);

  --tabs__info-balance-bg: var(--background-gradient-element);
  --tabs__info-balance-color: var(--color-text);
  --tabs__info-balance-active-color: var(--accent-color);
  --wallet-description-bg-1: var(--background-gradient-element);
  --wallet-description-bg-2: var(--background-gradient-element);
  --wallet-description-bg-3: var(--background-gradient-element);
  --wallet-description-bg-4: var(--background-gradient-element);
  --wallet-description-bg-5: var(--background-gradient-element);
  --wallet-description-bg-6: var(--background-gradient-element);
  --wallet-description-bg-7: var(--background-gradient-element);
  --wallet-description-bg-8: var(--background-gradient-element);
  --wallet-description-bg-9: var(--background-gradient-element);
  --wallet-description-bg-10: var(--background-gradient-element);

  --games-wallet_search-color: var(--color-text);
  --games-wallet_search-bg: var(--background-element);
  --games-wallet__errors-main-message-color: var(--accent-color);
  --errors-main_background: var(--background-gradient-block);
  --errors-main_border-radius: 16px;
  --tabs__info-form__field-bg: var(--background-element);
  --tabs__info-form__field-border: var(--border-color);
  --tabs__info-form__field-color: var(--color-text);
  --tabs__info-form__custom-select-options-bg: var(--background-element-block);
  --tabs__info-form__custom-select-options-color: var(--color-text);
  --tabs__info-form__custom-select-options-hover-bg: var(--background-gradient-element);
  --tabs__info-form__field-border-active: var(--accent-color);
  --tabs__info-form__custom-select-options-border: 1px solid var(--border-color);
  --wallet-type__bg: var(--background-gradient-element);
  --wallet-type__color: var(--color-text);
  --wallet-type__active-bg: var(--background-gradient-element-hover);
  --wallet-type__active-border: var(--accent-color);
  --wallet-type__active-color: var(--color-text);
  --wallet-type__border: var(--border-color);
  --wallet-type__button-bg: var(--background-gradient-element);
  --wallet-type__button-color: var(--color-text);
  --wallet-type__button-border: 1px solid var(--border-color);
  --wallet-type__button-bg-active: var(--background-gradient-element-hover);
  --wallet-type__button-border-active: 1px solid var(--accent-color);
  --wallet-type__button-color-active: var(--accent-color);
  --wallet-description-bg: var(--background-gradient-element);
  --wallet-make-bg: var(--background-gradient-block);
  --wallet-tab__nav-title-color: var(--color-text);
  --wallet-tab__make_btn-yes: var(--accent-color);
  --wallet-tab__make_btn-yes-text: var(--accent-color-text-hover);
  --wallet-tab__make_btn-no: var(--background-gradient-element);
  --wallet-tab__make_btn-no-text: var(--color-text);
  --wallet-make__link-color: var(--accent-color);
  --wallet-type__info-bg: var(--background-gradient-element);
  --wallet-type__info-title: var(--accent-color-title);
  --wallet-payment_input-bg: var(--background-element);
  --wallet-payment_input-color-placeholder: var(--color-text);
  --wallet-payment__select-show-search-dropdown_bg: var(--background-element-block);
  --wallet-payment_input-bg: var(--background-element);
  --wallet-payment_input-color: var(--color-text);
  --wallet-payment__select-show-search-dropdown_item-bg: var(--background-gradient-element);
  --wallet-payment__select-show-search-dropdown_select-item-background: var(--background-gradient-element);
  --wallet-payment__select-show-search-dropdown_select-item-content-color: var(--color-text);
  --wallet-payment__select-show-search-dropdown_select-item-hover-background: var(--background-gradient-element);
  --wallet-payment__select-show-search-dropdown_select-item-content-hover-color: var(--accent-color);
  --wallet-payment__select-show-search-dropdown_select-item-active-background: var(--background-gradient-element-hover);
  --wallet-payment__select-show-search-dropdown_select-item-content-active-color: var(--accent-color);
  --wallet-payment_input-bg-autofill: var(--background-element);
  --wallet-payment_input-autofill-color: var(--color-text);
  --wallet-payment_input-phone_dropdown-bg: var(--background-element-block);
  --wallet-payment_input-phone_dropdown-item-country-name: var(--color-text);
  --wallet-payment_toggle-radio-bg: var(--background-gradient-element);
  --wallet-payment_input-border-radius: 6px;
  --wallet-payment_label-color: var(--dimmed-color);
  --wallet-payment_input-phone_dropdown-item-bg: var(--background-block-element);
  --wallet-payment_input-border: 1px solid var(--border-color);
  --wallet-payment_input-border-hover: 1px solid var(--accent-color);
  --wallet-payment_input-border-active: 1px solid var(--accent-color);
  --withdraw-payments-info-bg: var(--background-gradient-element);
  --withdraw-payments-info-text-color: var(--color-text);
  --withdraw-payments-info-text-first-color: var(--accent-color);
  --button-type-all__bg: var(--accent-color);
  --button-type-all__color: var(--accent-color-text-hover);
  --wallet-type__info-text: var(--color-text);
  --wallet-type__info-text_available-withdraw: var(--accent-color);
  --wallet-payment_payments-info__success-bg: var(--background-gradient-element);
  --countdown__item-countdown-color-small: var(--dimmed-color);
  --countdown__item-countdown-color-time: var(--accent-color);
  --countdown__item-countdown-color-time-color: var(--accent-color);
  --countdown__item-countdown-color-time-bg: var(--background-element);
  --countdown__item-countdown-color-time-border-radius: 4px;
  --countdown__item-countdown-color-time-padding: 6px 12px;
  --bonuses-list__item-bonus-bg: var(--background-gradient-element);
  --information-content--content-color: var(--color-text);
  --information-content--background: var(--background-gradient-element);
  --history__type-btn-active-bg: var(--background-gradient-element-hover);
  --history__type-btn-active-border: var(--accent-color);

  --history__type-btn-active-text: var(--color-text);
  --history__type-btn-hover-bg: var(--background-gradient-element-hover);
  --history__type-btn-hover-border: var(--accent-color);
  --history__filters_bg: var(--background-gradient-element);
  --history__date-title-color: var(--color-text);
  --history__date-color: var(--color-text);
  --history__date__button-bg: var(--accent-color);
  --history__date__button-color: var(--accent-color-text-hover);
  --history__date__button-border: 1px solid var(--accent-color);
  --history__date__button-hover-bg: var(--accent-color-hover);
  --history__date__button-hover-color: var(--accent-color-text-hover);
  --history__date__button-hover-border: 1px solid var(--accent-color);
  --history__date-border: 1px solid var(--border-color);
  --history__date-name-text: var(--color-text);
  --history__table_bg: var(--background-element-block);
  --history_table-loader-bg: var(--background-element-block);

  --history__checkbox-text: var(--color-text);

  /* History table */
  --history_table-border-color: var(--border-color);
  --history_table-header-bg: var(--background-block-row);
  --history_table-header-text: var(--color-text);
  --history_table-header-hover-bg: color-mix(in srgb, var(--accent-color) 16%, var(--background-block-row));
  --history_table-sorter-color: var(--dimmed-color);
  --history_table-sorter-hover-color: var(--color-text);
  --history_table-sorter-active-color: var(--accent-color);
  --history_table-header-sort-bg: color-mix(in srgb, var(--accent-color) 16%, var(--background-block-row));
  --history_table-row-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);
  --history_table-text-color: var(--color-text);
  --history_table_bg: var(--background-element-block);
  --history_table-cell-before-bg: var(--border-color);
  --history_page_pagination_total-color: var(--color-text);
  --history_pagination_border-size: 0px;
  --history_pagination_color: var(--border-color);
  --history_page_pagination_border-radius: 6px;
  --history-page_size-item: 24px;
  --history_page_pagination_item-color: var(--color-text);
  --history_page_pagination_item-color-hover: var(--accent-color-text-hover);
  --history_page_pagination_color-hover: var(--accent-color);
  --history_page_pagination_item-color-active: var(--accent-color-text-hover);
  --history_page_pagination_color-active: var(--accent-color);

  /* Referral table */
  --refferal_box-wrapper_bg: var(--background-block);
  --refferal_ref-links-list-name-border-color: var(--border-color);
  --refferal_table-header-bg: var(--background-block-row);
  --refferal_table-header-text: var(--color-text);
  --refferal_table-header-hover-bg: color-mix(in srgb, var(--accent-color) 16%, var(--background-block-row));
  --refferal_table-sorter-color: var(--dimmed-color);
  --refferal_table-sorter-hover-color: var(--color-text);
  --refferal_table-sorter-active-color: var(--accent-color);
  --refferal_table-header-sort-bg: color-mix(in srgb, var(--accent-color) 16%, var(--background-block-row));
  --refferal_table-row-hover-bg: color-mix(in srgb, var(--accent-color) 10%, transparent);
  --refferal_table-row-active-bg: color-mix(in srgb, var(--accent-color) 16%, transparent);
  --refferal_table-row-active-border: var(--accent-color);
  --refferal_ref-links-list-link-text: var(--color-text);
  --refferal_ref-links-list-name-text: var(--color-text);
  --refferal_ref-links-list-link-bg: var(--background-element);
  --refferal_table-cell-before-bg: var(--border-color);
  --refferal_table-row-hover_links-list-link-bg: color-mix(in srgb, var(--accent-color) 16%, var(--background-block-row));
  --refferal_table-row-hover_links-list-link-text: var(--color-text);
  --refferal_table-row-active_links-list-link-bg: var(--accent-color);
  --refferal_table-row-active_links-list-link-text: var(--accent-color-text-hover);
  --refferal_ref-links-list-table-scrollbar-bg: var(--background-block-row);
  --refferal_ref-links-list-table-scrollbar-bg-thumb: #437864;
  --refferal_ref-links-list-table-scrollbar-bg-thumb-hover: var(--accent-color-hover);
  --table-scrollbar-bg-thumb: #437864;
  --table-row-active-bg: color-mix(in srgb, var(--accent-color) 16%, transparent);
  --table-row-active-border: var(--accent-color);
  --tabs__info-tabs__nav-link-color: var(--color-text);
  --tabs__info-tabs__nav-link-bg: var(--background-gradient-element);
  --tabs__info-tabs__nav-link-border: var(--border-color);
  --tabs__info-tabs__nav-link-active-color: var(--color-text);
  --tabs__info-tabs__nav-link-active-bg: var(--background-gradient-element-hover);
  --tabs__info-tabs__nav-link-active-border: var(--accent-color);
  --tabs__button-action-color: var(--color-text);
  --tabs__button-action-bg: var(--background-gradient-element);

  --refferal_user-block_bg: var(--background-gradient-block);
  --refferal_user-image_bg: var(--background-gradient-element);
  --refferal_user-block_shadow: var(--box-shadow);
  --refferal_user-data-bg: var(--background-gradient-element);
  --refferal_progress_trail_bg: #0a1a1c;
  --refferal_progress_bg: var(--accent-color);
  --progress-trail-bg: #0a1a1c;
  --progress-bg: var(--accent-color);
  --refferal_progress_text: var(--color-text);
  --refferal_user-data-bg: var(--background-gradient-element);
  --refferal_user-data-name-text: var(--color-text);
  --refferal_user-data-title-text: var(--color-text);
  --refferal_user-data-title-border-color: var(--accent-color);
  --refferal_user-data-value-text: var(--accent-color);
  --refferal_user-name-text: var(--dimmed-color);
  --refferal_user-rank-text: var(--color-text);
  --refferal_progress-label-text: var(--color-text);
  --refferal_user-action-block-title-text: var(--color-text);
  --refferal_user-action-block-title-border-color: var(--border-color);
  --refferal_user-action-block-name-text: var(--color-text);
  --refferal_user-get-bonus-bg: var(--accent-color);
  --refferal_user-get-bonus-color: var(--accent-color-text-hover);
  --refferal_user-ref-link-custom-bg: var(--background-gradient-element);
  --refferal_user-ref-link-custom-color: var(--accent-color);
  --refferal_user-recalc-referral-bg: var(--accent-color);
  --refferal_user-recalc-referral-color: var(--accent-color-text-hover);
  --refferal_ref-links-list-title-text: var(--color-text);
  --refferal_ref-links-list-title-border-color: var(--border-color);
  --refferal_ref-links-list-description-text: var(--color-text);
  --refferal_form-title-text: var(--color-text);
  --refferal_ref-links-list-title-border-color: var(--border-color);
  --refferal_form-input-color: var(--color-text);
  --refferal_form-input-bg: var(--background-element);
  --refferal_form-input-color-placeholder: var(--color-text);
  --refferal_user-action-block-btn-color: var(--accent-color-text-hover);
  --refferal_user-action-block-btn-bg: var(--accent-color);
  --refferal_lvl-list-title-text: var(--color-text);
  --refferal_lvl-list-title-border-color: var(--border-color);
  --refferal_lvl-list-bg: var(--background-gradient-element);
  --refferal_lvl-list-name-border-color: #3b5e63;
  --refferal_lvl-list-name-text: var(--color-text);
  --refferal_lvl-list-icon-color: var(--dimmed-color);
  --refferal_lvl-list-icon-bg: var(--background-gradient-element);
  --refferal_lvl-list-icon-border: var(--border-color);
  --refferal_lvl-list-icon-text: var(--color-text);
  --refferal_lvl-list-icon-text-color: var(--color-text);
  --refferal_lvl-list-icon-text-bg: var(--background-gradient-element);
  --refferal_lvl-list-icon-text-border: var(--border-color);
  --refferal_lvl-list-icon-text-color: var(--color-text);
  --refferal_lvl-list-icon-text-bg: var(--background-gradient-element);
  -refferal_lvl-list-current-level-badge-text: var(--accent-color-text-hover);
  --refferal_lvl-list-current-level-badge-bg: var(--accent-color);
  --refferal_lvl-list-percent-text: var(--accent-color);
  --refferal_lvl-list-description-text: var(--dimmed-color);
  --app-header-logo-fallback-color: var(--accent-color);

  --bonuses-list__item-bonus-bg_details: var(--background-gradient-element);
  --loyalty_user-block_bg: var(--background-gradient-block);
  --loyalty_user-name-text: var(--color-text);
  --loyalty_user-name-text: var(--dimmed-color);
  --loyalty_user-data_progress-text: var(--accent-color-text-hover);
  --loyalty_user-data_progress-bg: var(--accent-color);
  --loyalty_user-data_progress-trail-bg: var(--background-element);
  --loyalty_user-data_progress-label-text: var(--color-text);
  --loyalty_user-data_bg: var(--background-gradient-element);
  --loyalty_user-data-name-text: var(--color-text);
  --loyalty_user-data-value-text: var(--accent-color);
  --loyalty-level-item_current-level-border-color: var(--accent-color);
  --loyalty-level-item_bg: var(--background-gradient-element);
  --loyalty-level-item_border: 1px solid var(--border-color);
  --loyalty-level-item_icon-bg: var(--background-block-element);
  --loyalty-level-item_progress-trail-bg: var(--background-element);
  --loyalty-level-item_progress-bg: var(--accent-color);
  --loyalty_user-data-stars-text: var(--accent-color);
  --loyalty-level-item_stars-icon-color: var(--accent-color);
  --lobby-jackpots__general-shadow: var(--box-shadow);
  --lobby-jackpots__general-bg_image-desktop: var(--background-gradient-block);
  --lobby-jackpots__general-bg: var(--background-gradient-block);
  --lobby-jackpots__general-title-shadow: var(--accent-color);
  --lobby-jackpots__general-title: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-color-hover) 100%);
  --slider-header-icon-bg: var(--background-gradient-element);
  --lobby-jackpots__item-4-bg: var(--background-gradient-element);
  --lobby-jackpots__item-bg: var(--background-gradient-element);
  --lobby-jackpots__item-title-active: var(--accent-color-hover);
  --lobby-jackpots__item-value-active: var(--accent-color);
  --jackpots__jackpot_1-value-color: var(--accent-color);
  --jackpots__jackpot_1-name-color: var(--color-text);
  --jackpots__jackpot_2-value-color: var(--accent-color);
  --jackpots__jackpot_2-name-color: var(--color-text);
  --jackpots__jackpot_3-value-color: var(--accent-color);
  --jackpots__jackpot_3-name-color: var(--color-text);
  --jackpots__jackpot_4-value-color: var(--accent-color);
  --jackpots__jackpot_4-name-color: var(--color-text);
  --jackpots__jackpot_5-value-color: var(--accent-color);
  --jackpots__jackpot_5-name-color: var(--color-text);
  --jackpots__jackpot_6-value-color: var(--accent-color);
  --jackpots__jackpot_6-name-color: var(--color-text);
  --inpage-jackpots__general-value: var(--accent-color);
  --bonuses-list__item-bonus_name-color: var(--dimmed-color);
  --btn--bonuses_ready-bg: var(--accent-color);
  --btn--bonuses_ready-color: var(var(--accent-color-text-hover));
  --menu-alerts-item-bg: transparent;
  --menu-alerts-item-color: var(--color-text);
  --menu_bottom_title-color_mobile: var(--color-text);
  --menu_bottom_download_link-color: var(--accent-color);
  --menu_bottom_download_link-border: 1px solid var(--accent-color);
  --menu_bottom_download_link-bg: var(--background-element);
  --menu_bottom_title-border-hr: var(--border-color);
  --auth-forms__input-label-margin-bottom: 0 0 6px 4px;
  --grid_error-color: var(--dimmed-color);
  --modal-search_select-margin-bottom: 6px;
  --countdown__item-countdown-color-small-top: 4px;
  --tournaments_title__color: var(--accent-color-title);
  --tournaments_nav_item_active_bg: var(--background-gradient-element-hover);
  --tournaments_nav_item_active_color: var(--accent-color);
  --tournaments_nav_item_color: var(--color-text);
  --tournaments_nav_item_bg: var(--background-gradient-element);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-color: var(--webkit-autofill-border-color) !important;
  -webkit-text-fill-color: var(--webkit-autofill-color) !important;
  caret-color: var(--webkit-autofill-color);
  background-color: var(--webkit-autofill) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--webkit-autofill) inset !important;
  box-shadow: 0 0 0 1000px var(--webkit-autofill) inset !important;
  transition: background-color 99999s ease-out 0s;
}

/* Рамка и фон фокуса на обёртке, если класс поля не на самом input (пароль, телефон, suffix). */
:is(.ant-input-affix-wrapper, .auth-form_field-input, .react-international-phone-input-container):has(input:-webkit-autofill),
input.auth-form_field-input:-webkit-autofill {
  border-color: var(--webkit-autofill-border-color) !important;
  background-color: var(--webkit-autofill) !important;
  background: var(--webkit-autofill) !important;
}

.search:has(:-webkit-autofill) {
  background: var(--search-focus-bg) !important;
  border-color: var(--search-focus-border-color) !important;
}

.btn.types-btn {
  &.types-btn__sign_in,
  &.types-btn__sign_up,
  &.types-btn__games-wallet {
    border-style: solid !important;
  }
}

/* class="menu-button" висит на самом <svg>, не на обёртке */
.menu-button,
.a2hs-btn-close {
  color: inherit;

  rect,
  path {
    fill: currentColor;
  }
}

.btn.types-btn {
  border-radius: 12px !important;
}

.menu-alerts .item--signup,
.menu-alerts .item--deposit {
  svg circle {
    fill: var(--accent-color);
  }
  svg line {
    stroke: var(--color-text);
  }
}

.ant-spin {
  .ant-spin-dot-item {
    background: var(--accent-color) !important;
  }
}

.custom-spin .ant-spin-container {
  &:after {
    background: var(--background-gradient-block);
  }
}

.btn.btn--background.btn--nav-games-tags {
  margin-left: auto;
}

#boot-loader,
.loader {
  &:before {
    display: none;
  }

  &:after {
    filter: invert(53%) sepia(87%) saturate(2256%) hue-rotate(125deg) brightness(97%) contrast(99%);
  }
}

@media (max-width: 993px) {
  .header.header--stuck {
    background: linear-gradient(180deg, #061013 0%, #061012 100%);
  }

  .navigation-games.navigation-games--stuck {
    padding: 10px 0;
    transform: translateY(-1px);
    z-index: 120;
    isolation: isolate;

    &::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      /* Extend below the bar so the fade sits under the blocks / lobby */
      height: calc(100% + 3.25rem);
      border-radius: inherit;
      z-index: -1;
      pointer-events: none;
      background: var(--nav-games-stuck-backdrop);
    }
  }
}