/*
 * Layer order. Later names win. Unlayered CSS still beats every layer.
 * Tokens and rules below live in `base` so `@layer theme` at the end can override them.
 */
@layer base, theme;

@layer base {
  :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: #fff;
    --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 color-mix(in srgb, #fff 8%, #0000);
    --modal-search_select-border-color-focused: var(--search-focus-border-color);
    --modal-search_select-border-radius: 12px;
    --modal-search_select-box-shadow-focused: var(--box-shadow);
    --modal-search_select-dropdown-bg: var(--background-block-element);
    --modal-search_select-dropdown-item-active-background: var(--background-gradient-element-hover);
    --modal-search_select-dropdown-item-active-content-color: var(--accent-color-title);
    --modal-search_select-dropdown-item-content-color: var(--color-text);
    --modal-search_select-dropdown-item-gap: 4px;
    --modal-search_select-dropdown-item-hover-background: var(--background-gradient-element-hover);
    --modal-search_select-dropdown-item-hover-content-color: var(--accent-color-title);
    --modal-search_select-dropdown-item-selected-background: var(--background-block-row);
    --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);

    --auth-forms__input-anticon: #fff;
    --auth-forms__input-anticon-hover: var(--accent-color);
    --profile-form_user_svg-color: var(--accent-color);
    --menu-border-right: 1px solid rgb(64 64 64);
    --menu-bottom-opened-block-padding: 10px 10px 0;
  }

  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);
      }
    }
  }
  .footer {
    background-image: url('/uploads/footer-bg.webp') !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    width: 100%;
  }
  :root {
    --btn--sign_up__bg: linear-gradient(135deg, #08ed93 0%, #00bfa5 50%, #087f8c 100%);
    --btn--sign_up__bg-hover: linear-gradient(135deg, #36ffb0 0%, #00e0bd 50%, #0aa4b5 100%);
  }
  .btn--sign_up {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: none;
    border-radius: 8px;
    padding: 0px !important;
  }
  .btn--sign_up::before {
    content: '';
    position: absolute;
    inset: -50%;
    z-index: -1;
    background: conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 285deg,
      rgba(255, 255, 255, 0.3) 305deg,
      #ffffff 315deg,
      rgba(255, 255, 255, 0.8) 325deg,
      transparent 345deg,
      transparent 360deg
    );
    animation: border-shine 2s linear infinite;
  }
  .btn--sign_up span {
    margin: 2px;
    padding: 8px 22px;
    background: var(--btn--sign_up__bg);
    border-radius: 10px;
  }
  .btn--sign_up span:hover {
    background: var(--btn--sign_up__bg-hover);
  }

  @keyframes border-shine {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
}
.footer {
    background-image: url(/uploads/footer-bg.webp) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    height: 80px;
    width: 100%;
}
:root {
--btn--sign_up__bg: linear-gradient(135deg, #08ed93 0%, #00bfa5 50%, #087f8c 100%);
--btn--sign_up__bg-hover: linear-gradient(135deg, #36ffb0 0%, #00e0bd 50%, #0aa4b5 100%);
} 
.btn--sign_up {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: none;
    border-radius: 8px;
  padding: 0px !important;
}
.btn--sign_up::before {
    content: "";
    position: absolute;
    inset: -50%;
    z-index: -1;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 285deg,
        rgba(255, 255, 255, 0.3) 305deg,
        #ffffff 315deg,
        rgba(255, 255, 255, 0.8) 325deg,
        transparent 345deg,
        transparent 360deg
    );
    animation: border-shine 2s linear infinite;
}
.btn--sign_up span {
    margin: 2px;
    padding: 8px 22px;
    background: var(--btn--sign_up__bg);
    border-radius: 10px;
}
.btn--sign_up span:hover {
    background: var(--btn--sign_up__bg-hover);
}

@keyframes border-shine {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 993px) {
    #banner .container {
        padding:0;
        margin:0;
    }
}
.alerts_menu-mobile{
border-top: 1px solid #04c06f;

}
.menu-alerts {
  background: #061013 !important;
}