/**
 * Do not edit directly
 * Generated on Thu, 30 May 2024 08:32:10 GMT
 */

 :root {
  --typography-caption-extrasmall-font-weight: 400;
  --typography-caption-extrasmall-line-height: 14px;
  --typography-caption-extrasmall-font-size: 10px;
  --typography-caption-extrasmall-letter-spacing: 0;
  --typography-caption-extrasmall-paragraph-spacing: 0;
  --typography-caption-extrasmall-paragraph-indent: 0;
  --typography-caption-extrasmall-strong-font-weight: 700;
  --typography-caption-extrasmall-strong-line-height: 14px;
  --typography-caption-extrasmall-strong-font-size: 10px;
  --typography-caption-extrasmall-strong-letter-spacing: 0;
  --typography-caption-extrasmall-strong-paragraph-spacing: 0;
  --typography-caption-extrasmall-strong-paragraph-indent: 0;
  --typography-caption-extrasmall-stronger-font-weight: 700;
  --typography-caption-extrasmall-stronger-line-height: 14px;
  --typography-caption-extrasmall-stronger-font-size: 10px;
  --typography-caption-extrasmall-stronger-letter-spacing: 0;
  --typography-caption-extrasmall-stronger-paragraph-spacing: 0;
  --typography-caption-extrasmall-stronger-paragraph-indent: 0;
  --typography-caption-small-font-weight: 400;
  --typography-caption-small-line-height: 18px;
  --typography-caption-small-font-size: 12px;
  --typography-caption-small-letter-spacing: 0;
  --typography-caption-small-paragraph-spacing: 0;
  --typography-caption-small-paragraph-indent: 0;
  --typography-caption-small-desktop-font-weight: 400;
  --typography-caption-small-desktop-line-height: 16px;
  --typography-caption-small-desktop-font-size: 13px;
  --typography-caption-small-desktop-letter-spacing: 0;
  --typography-caption-small-desktop-paragraph-spacing: 0;
  --typography-caption-small-desktop-paragraph-indent: 0;
  --typography-caption-small-app-font-weight: 400;
  --typography-caption-small-app-line-height: 18px;
  --typography-caption-small-app-font-size: 12px;
  --typography-caption-small-app-letter-spacing: 0;
  --typography-caption-small-app-paragraph-spacing: 0;
  --typography-caption-small-app-paragraph-indent: 0;
  --typography-caption-small-strong-font-weight: 700;
  --typography-caption-small-strong-line-height: 18px;
  --typography-caption-small-strong-font-size: 12px;
  --typography-caption-small-strong-letter-spacing: 0;
  --typography-caption-small-strong-paragraph-spacing: 0;
  --typography-caption-small-strong-paragraph-indent: 0;
  --typography-caption-small-stronger-font-weight: 700;
  --typography-caption-small-stronger-line-height: 18px;
  --typography-caption-small-stronger-font-size: 12px;
  --typography-caption-small-stronger-letter-spacing: 0;
  --typography-caption-small-stronger-paragraph-spacing: 0;
  --typography-caption-small-stronger-paragraph-indent: 0;
  --typography-body-1-font-weight: 400;
  --typography-body-1-line-height: 22px;
  --typography-body-1-font-size: 14px;
  --typography-body-1-letter-spacing: 0;
  --typography-body-1-paragraph-spacing: 0;
  --typography-body-1-paragraph-indent: 0;
  --typography-body-1-cross-font-weight: 400;
  --typography-body-1-cross-line-height: 22px;
  --typography-body-1-cross-font-size: 14px;
  --typography-body-1-cross-letter-spacing: 0;
  --typography-body-1-cross-paragraph-spacing: 0;
  --typography-body-1-cross-paragraph-indent: 0;
  --typography-body-1-cross-text-decoration: line-through;
  --typography-body-1-stronger-font-weight: 700;
  --typography-body-1-stronger-line-height: 22px;
  --typography-body-1-stronger-font-size: 14px;
  --typography-body-1-stronger-letter-spacing: 0;
  --typography-body-1-stronger-paragraph-spacing: 0;
  --typography-body-1-stronger-paragraph-indent: 0;
  --typography-body-1-strong-font-weight: 700;
  --typography-body-1-strong-line-height: 22px;
  --typography-body-1-strong-font-size: 14px;
  --typography-body-1-strong-letter-spacing: 0;
  --typography-body-1-strong-paragraph-spacing: 0;
  --typography-body-1-strong-paragraph-indent: 0;
  --typography-body-1-strong-cross-font-weight: 700;
  --typography-body-1-strong-cross-line-height: 22px;
  --typography-body-1-strong-cross-font-size: 14px;
  --typography-body-1-strong-cross-letter-spacing: 0;
  --typography-body-1-strong-cross-paragraph-spacing: 0;
  --typography-body-1-strong-cross-paragraph-indent: 0;
  --typography-body-1-strong-cross-text-decoration: line-through;
  --typography-button-text-sm-font-weight: 700;
  --typography-button-text-sm-line-height: 16px;
  --typography-button-text-sm-font-size: 12px;
  --typography-button-text-sm-letter-spacing: 0;
  --typography-button-text-sm-paragraph-spacing: 0;
  --typography-button-text-sm-paragraph-indent: 0;
  --typography-button-text-sm-text-case: uppercase;
  --typography-button-text-ml-font-weight: 700;
  --typography-button-text-ml-line-height: 16px;
  --typography-button-text-ml-font-size: 14px;
  --typography-button-text-ml-letter-spacing: 0;
  --typography-button-text-ml-paragraph-spacing: 0;
  --typography-button-text-ml-paragraph-indent: 0;
  --typography-button-text-ml-text-case: uppercase;
  --typography-link-s-font-weight: 400;
  --typography-link-s-line-height: 18px;
  --typography-link-s-font-size: 12px;
  --typography-link-s-letter-spacing: 0;
  --typography-link-s-paragraph-spacing: 0;
  --typography-link-s-paragraph-indent: 0;
  --typography-link-s-text-decoration: underline;
  --typography-link-s-hover-font-weight: 400;
  --typography-link-s-hover-line-height: 18px;
  --typography-link-s-hover-font-size: 12px;
  --typography-link-s-hover-letter-spacing: 0;
  --typography-link-s-hover-paragraph-spacing: 0;
  --typography-link-s-hover-paragraph-indent: 0;
  --typography-link-m-font-weight: 400;
  --typography-link-m-line-height: 22px;
  --typography-link-m-font-size: 14px;
  --typography-link-m-letter-spacing: 0;
  --typography-link-m-paragraph-spacing: 0;
  --typography-link-m-paragraph-indent: 0;
  --typography-link-m-text-decoration: underline;
  --typography-link-m-hover-font-weight: 400;
  --typography-link-m-hover-line-height: 22px;
  --typography-link-m-hover-font-size: 14px;
  --typography-link-m-hover-letter-spacing: 0;
  --typography-link-m-hover-paragraph-spacing: 0;
  --typography-link-m-hover-paragraph-indent: 0;
  --typography-button-text-app-font-weight: 700;
  --typography-button-text-app-line-height: 14px;
  --typography-button-text-app-font-size: 12px;
  --typography-button-text-app-letter-spacing: 0;
  --typography-button-text-app-paragraph-spacing: 0;
  --typography-button-text-app-paragraph-indent: 0;
  --typography-button-text-app-text-case: capitalize;
  --typography-button-text-lg-font-weight: 700;
  --typography-button-text-lg-line-height: 24px;
  --typography-button-text-lg-font-size: 16px;
  --typography-button-text-lg-letter-spacing: 0;
  --typography-button-text-lg-paragraph-spacing: 0;
  --typography-button-text-lg-paragraph-indent: 0;
  --typography-button-text-lg-text-case: uppercase;
  --typography-title-small-font-weight: 400;
  --typography-title-small-line-height: 24px;
  --typography-title-small-font-size: 16px;
  --typography-title-small-letter-spacing: 0;
  --typography-title-small-paragraph-spacing: 0;
  --typography-title-small-paragraph-indent: 0;
  --typography-title-small-strong-font-weight: 700;
  --typography-title-small-strong-line-height: 24px;
  --typography-title-small-strong-font-size: 16px;
  --typography-title-small-strong-letter-spacing: 0;
  --typography-title-small-strong-paragraph-spacing: 0;
  --typography-title-small-strong-paragraph-indent: 0;
  --typography-title-tab-font-weight: 700;
  --typography-title-tab-line-height: 22px;
  --typography-title-tab-font-size: 14px;
  --typography-title-tab-letter-spacing: 0;
  --typography-title-tab-paragraph-spacing: 0;
  --typography-title-tab-paragraph-indent: 0;
  --typography-title-tab-text-case: uppercase;
  --typography-title-small-stronger-font-weight: 700;
  --typography-title-small-stronger-line-height: 24px;
  --typography-title-small-stronger-font-size: 16px;
  --typography-title-small-stronger-letter-spacing: 0;
  --typography-title-small-stronger-paragraph-spacing: 0;
  --typography-title-small-stronger-paragraph-indent: 0;
  --typography-title-1-strong-font-weight: 700;
  --typography-title-1-strong-line-height: 32px;
  --typography-title-1-strong-font-size: 24px;
  --typography-title-1-strong-letter-spacing: 0;
  --typography-title-1-strong-paragraph-spacing: 0;
  --typography-title-1-strong-paragraph-indent: 0;
  --typography-title-1-stronger-font-weight: 700;
  --typography-title-1-stronger-line-height: 32px;
  --typography-title-1-stronger-font-size: 24px;
  --typography-title-1-stronger-letter-spacing: 0;
  --typography-title-1-stronger-paragraph-spacing: 0;
  --typography-title-1-stronger-paragraph-indent: 0;
  --typography-title-2-strong-font-weight: 700;
  --typography-title-2-strong-line-height: 26px;
  --typography-title-2-strong-font-size: 20px;
  --typography-title-2-strong-letter-spacing: 0;
  --typography-title-2-strong-paragraph-spacing: 0;
  --typography-title-2-strong-paragraph-indent: 0;
  --typography-title-1-font-weight: 700;
  --typography-title-1-line-height: 32px;
  --typography-title-1-font-size: 24px;
  --typography-title-1-letter-spacing: 0;
  --typography-title-1-paragraph-spacing: 0;
  --typography-title-1-paragraph-indent: 0;
  --typography-title-1-light-font-weight: 400;
  --typography-title-1-light-line-height: 32px;
  --typography-title-1-light-font-size: 24px;
  --typography-title-1-light-letter-spacing: 0;
  --typography-title-1-light-paragraph-spacing: 0;
  --typography-title-1-light-paragraph-indent: 0;
  --typography-menu-desktop-font-weight: 700;
  --typography-menu-desktop-line-height: 32px;
  --typography-menu-desktop-font-size: 24px;
  --typography-menu-desktop-letter-spacing: 0;
  --typography-menu-desktop-paragraph-spacing: 0;
  --typography-menu-desktop-paragraph-indent: 0;
  --typography-display-font-weight: 700;
  --typography-display-line-height: 32px;
  --typography-display-font-size: 26px;
  --typography-display-letter-spacing: 0;
  --typography-display-paragraph-spacing: 0;
  --typography-display-paragraph-indent: 0;
  --typography-title-2-font-weight: 700;
  --typography-title-2-line-height: 26px;
  --typography-title-2-font-size: 20px;
  --typography-title-2-letter-spacing: 0;
  --typography-title-2-paragraph-spacing: 0;
  --typography-title-2-paragraph-indent: 0;
  --typography-title-3-font-weight: 700;
  --typography-title-3-line-height: 28px;
  --typography-title-3-font-size: 22px;
  --typography-title-3-letter-spacing: 0;
  --typography-title-3-paragraph-spacing: 0;
  --typography-title-3-paragraph-indent: 0;
  --typography-title-2-light-font-weight: 400;
  --typography-title-2-light-line-height: 26px;
  --typography-title-2-light-font-size: 20px;
  --typography-title-2-light-letter-spacing: 0;
  --typography-title-2-light-paragraph-spacing: 0;
  --typography-title-2-light-paragraph-indent: 0;
  --typography-title-block-font-weight: 700;
  --typography-title-block-line-height: 24px;
  --typography-title-block-font-size: 18px;
  --typography-title-block-letter-spacing: 0;
  --typography-title-block-paragraph-spacing: 0;
  --typography-title-block-paragraph-indent: 0;
  --typography-notification-bubble-font-weight: 400;
  --typography-notification-bubble-line-height: 12px;
  --typography-notification-bubble-font-size: 9px;
  --typography-notification-bubble-letter-spacing: 0;
  --typography-notification-bubble-paragraph-spacing: 0;
  --typography-notification-bubble-paragraph-indent: 0;
  --shadow-tapbar: 0 -4px 8px 0 #2727271a, inset 0 0.5px 1px 0 rgba(255,255,255,0.2); /* Shadow for sticky bar, modal for download app */
  --shadow-checkbox-radio: inset 0 4px 4px rgba(0,0,0,0.6); /* inner shadow for checkbox and radio */
  --shadow-tab: 0 0 3px #fff; /* For tabs */
  --shadow-tab-content: 0 0 4px #FFF602; /* For tabs */
  --shadow-card: 0 8px 16px 0 rgba(25, 30, 45, 0.60); /* General shadow for cards, 1click */
  --shadow-card-additional: inset 0 1px 1px 0 #2C3887, 0 4px 8px 0 rgba(12, 19, 38, 0.40); /* use for cards/popups inner shadow + dropshadow,  */
  --shadow-card-additional-3: inset 0 1px 2px 0 rgba(51, 65, 159, 0.60), 0 4px 8px 0 rgba(13,22,46,0.4), inset -28px 28px 28px 0 rgba(255, 255, 255, 0.03); /* use for achivements cards   */
  --shadow-card-additional-2: 0 8px 16px 0 rgba(25, 30, 45, 0.60); /* use for cards/popups dropshadow */
  --shadow-top: 0 4px 24px 0 rgba(0, 0, 0, 0.20); /* Shadow for drop downs, modals,notifications */
  --shadow-button: 0 2px 0 0 rgba(0,0,0,0.1); /* Shadow for primary button */
  --shadow-button-disabled: 0 0 0 0 rgba(0,0,0,0); /* Shadow for disabled button */
  --shadow-button-content-1: 0 1px 0 rgba(0,0,0,0.25); /* Shadow for primary button text */
  --shadow-thumb-content: 0 1px 0 0 rgba(0,0,0,0.25); /* Shadow for thumb text */
  --shadow-shine-accent: 0 0 4px 0 #fff, 0 0 8px 0 #fff; /* Drop shadow for hover on message in header desktop */
  --shadow-accent: 0 0 4px #fff; /* accent blur menu items desktop */
  --shadow-button-content-ghost: 0 0 0 0 rgba(0,0,0,0); /* Shadow for tertiary/ghost button text */
  --shadow-text-4: 0 1px 2px 0 rgba(0,0,0,0.6); /* Shadow for button text */
  --shadow-tips: 0 1px 2px 0 #26262666; /* Shadow for small elements on top of components,labels, small game thumbs */
  --shadow-cashbox: 0 8px 16px 0 rgba(30, 26, 26, 0.20); /* shadow for payment cards in cashbox */
  --shadow-win-ticket: 0 2px 4px 0 linear-gradient(99deg, #F5AD27 -229.36%, #CE7813 329.36%); /* Shadow for win ticket in lottery */
  --shadow-header: 0 0 0 0 #2626264d; /* Shadow for header */
  --shadow-header-additional: 0 6px 12px 0 rgba(0, 0, 0, 0.40); /* Shadow for header desktop */
  --shadow-nav: 0 -4px 8px 0 #2727271a; /* Shadow for sticky bar */
  --shadow-special-blocks-timer-bottom: 0 1px 0 0 rgba(255, 255, 255, 0.10); /* use for bottom shadow in timer */
  --shadow-special-blocks-jackpot-wrap: 0 0 16px 0 #006CFF, 0 0 16px 0 #006CFF; /* Shadow for Jackpot widget container */
  --shadow-special-blocks-jackpot-amount: 0 4px 18px rgba(0, 101, 255, 0.62), 0 6px 18px rgba(0, 101, 255, 0.50), 0 6px 18px rgba(0, 101, 255, 0.40), 0 6px 18px rgba(0, 101, 255, 0.32);
  --shadow-special-blocks-jackpot-line: 0 0 12px 0 #FFF600;
  --shadow-special-blocks-wheel-widget-bg: 0 0 16px 0 rgba(172,38,255,0.4);
  --shadow-special-blocks-wheel-widget-text: 0 0 4px #fff;
  --shadow-special-blocks-timer-numbers: 0 -1px 0 #1D1F24; /* use as shadow for numbers in timer  */
  --shadow-special-blocks-jackpot-title: 0 -4px 16px rgba(255, 246, 0, 0.40), 0 -1px 8px rgba(255, 246, 0, 0.40), 0 -1px 6px rgba(255, 246, 0, 0.40);
  --shadow-special-blocks-main-banner-title: 0 2px 2px #00106d, 0 -2px 2px #00106d, -2px 0 2px #00106d, 2px 0 2px #00106d;
  --shadow-special-blocks-jackpot-title-additional: 0 -1px 16px rgba(255, 246, 0, 0.40); /* for animation state */
  --shadow-special-blocks-wheel-main: 0 0 36px #8DFCFD; /* use as wheel shaddow under main border */
  --shadow-special-blocks-wheel-additional: 0 0 8px 0 #FFFFFF; /* use as wheel shaddow under main border */
  --shadow-special-blocks-wheel-bottom-block: inset 0 1px 1px 0 #6f6fa6, 0 4px 8px 0 rgba(6,29,74,0.4); /* bottom block under wheel */
  --shadow-special-blocks-card: inset -28px 28px 28px 0 rgba(255, 255, 255, 0.03), inset 28px -28px 28px 0 rgba(194, 194, 194, 0.03); /* use as inner shaddow on cards - referrals, achivements */
  --shadow-special-blocks-referral: 0 4px 4px 0 rgba(184, 97, 215, 0.25); /* use as dropshadow card for big numbers in referral program */
  --border-button-primary: 2px solid #FE0909; /* Button border default */
  --border-button-secondary: 2px solid #043CCF; /* Button border default */
  --border-button-tertiary: 2px solid #ffffff; /* Button border default */
  --border-button-hover: 2px solid #FFF; /* Button border hover */
  --border-button-primary-pressed: 2px solid #FD0808; /* Button border pressed */
  --border-button-secondary-pressed: 2px solid #043CCF; /* Button border pressed */
  --border-button-tertiary-pressed: 2px solid #fff; /* Button border pressed */
  --border-tab: 2px solid transparent; /* border on tabs */
  --border-ghost: 2px solid #FFF602; /* border on light bg */
  --border-ghost-1: 2px solid #ffffff; /* results widget in tournament */
  --border-ghost-3: 1px solid rgba(255, 255, 255, 0.16); /* use in lootboxes border on picture */
  --border-ghost-4: 1px solid rgba(255, 255, 255, 0.16); /* use in cashbox border on groups icons */
  --border-chips-default: 1px solid rgba(5, 11, 26, 0.16); /* use in calendar filter for chips */
  --border-chips-active: 1px solid #C9D5FF; /* use in calendar filter for active chips state */
  --border-ghost-5: 1px solid #0A0E29; /* use for game card border in statistic page/hall of fame */
  --border-ghost-6: 1px solid #0A0E29; /* use for border in timer */
  --border-ghost-2: 2px solid #C9C9C9; /* use for counter border in main menu badges */
  --border-button-disabled: 2px solid transparent; /* Button border disabled */
  --border-button-disabled-additional: 2px solid transparent; /* Button border for primarry disabled state */
  --border-input: 1px solid rgb(90% 90% 90% / 0); /* Input border */
  --border-nav: 1px solid rgba(255, 255, 255, 0.1); /* border for show more wiget on main page */
  --border-right-menu: 1px solid rgba(0,0,0,0.6); /* Border for gamepage right menu */
  --border-popup: 1px solid rgba(255,255,255,0.15); /* use for stroke for popup bg */
  --border-wheel-denomination: 1px solid linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%);; /* use as border for denomination widget */
  --border-achivements: 1px solid linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%);; /* use as border for achivments widget in desktop profile  */
  --border-achivements-1: 1px solid #3B2F86; /* use as border for achivments activity card */
  --border-achivements-2: 1px solid #1F3189; /* use as border for achivments win card */
  --border-achivements-3: 1px solid rgba(255, 255, 255, 0.40); /* use as border in popup prize sector */
  --border-nav-active: 1px solid #FFF602;
  --border-input-focus: 1px solid #FFF602; /* Border for focused input */
  --border-input-hover: 1px solid #FFF602; /* Border for hover input */
  --border-input-disabled: 1px solid rgb(100% 100% 100% / 0.4);
  --border-input-error: 1px solid #CF0000;
  --border-input-warning: 1px solid #FDBB2C;
  --border-input-default: 1px solid transparent; /* use for light theme inputs */
  --border-special-blocks-jackpot-border: 2px solid #D2E5FF; /* Border for Jackpot widget */
  --border-special-blocks-wheel-widget-bg: 1px solid rgba(175,94,255,0.6); /* Border for wheel widget bg */
  --border-special-blocks-referral-card: 1px solid rgba(71, 255, 185, 0.10); /* Border for card 1,2,3 in referral conditions */
  --border-special-blocks-referral-card-line: 1px solid linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.78%, rgba(255, 255, 255, 0.00) 100%); /* lines inside referral link card  */
  --base-spacing-smallest: 2px;
  --base-spacing-xxs: 4px;
  --base-spacing-xs: 8px;
  --base-spacing-sm: 12px;
  --base-spacing-m: 16px;
  --base-spacing-l: 24px;
  --base-spacing-xl: 32px;
  --base-spacing-s: 10px;
  --base-spacing-xxl: 48px;
  --base-spacing-xxxl: 64px;
  --radius-card: 10px; /* Radius for cards amd widgets */
  --radius-game-item: 4px; /* Radius for thumbs */
  --radius-game-item-label: 2px; /* Radius for labels on thumbs */
  --radius-navbar: 8px; /* use for navbar on main page */
  --radius-prize: 4px; /* use for prize item in tournament/lotery page  */
  --radius-button: 8px; /* Radius for buttons */
  --radius-game-counter: 18px; /* Radius for counter */
  --radius-tap-bar: 2px; /* Radius for tapbar */
  --radius-tap-bar-button: 8px; /* Radius for tap bar button */
  --radius-popup: 8px;
  --radius-tooltips-notifications: 8px; /* Border radius for tooltips ans notifications */
  --radius-status-item: 8px; /* use for player status item in tournament page */
  --radius-no-radius: 0; /* No radius */
  --radius-input-base: 8px; /* Use for inputs, dropdowns bg */
  --radius-game-item-mini: 4px; /* Radius for smallest game items */
  --radius-input-custom1: 8px 8px 8px 8px; /* Use for error field */
  --radius-input-zero: 0px; /* Radius for select (0) */
  --radius-small-tips: 2px; /* Radius for small elements and widgets, notification in menu item */
  --radius-large-tips: 100px; /* use for elements with large radius ( button in footer, gold tickets in lottery) */
  --radius-live-lottery-tips: 12px; /* use for small tips on final lottery  */
  --radius-special-blocks-jackpot-radius: 4px; /* Radius for jackpot widget */
  --bg-primary: #11163C; /* first level bg */
  --bg-secondary: #16225D; /* bg for element above primary bg ( tournament/lottery tabs) */
  --bg-tertiary: #0A0E29; /* bg for element above primary/secondary bg (winning now zone, game empty thumb, player status) */
  --bg-other-404: linear-gradient(180deg, #282570 0%, #040927 99.97%); /* Bg for empty error pages */
  --bg-other-status-bg: rgba(151, 159, 215, 0.10); /* bg for status tournament inside rules of tournament/lottery */
  --bg-other-cashbox-bonus: linear-gradient(118deg, #464BBB 18.04%, #1C2976 82.33%); /* for cashbox bonus popup */
  --bg-other-cashbox-bonus-content: #ffffff; /* for cashbox bonus popup content */
  --bg-other-cashbox-bonus-content-opacity: rgba(255, 255, 255, 0.60); /* for cashbox bonus popup content */
  --bg-other-promo: linear-gradient(130deg, #463782 0%, #121746 100%); /* Main banner background */
  --bg-other-win-card: linear-gradient(101deg, rgba(43, 95, 172, 0.60) 5.63%, rgba(23, 31, 103, 0.60) 92.98%); /* Background color for card winners now */
  --bg-other-tooltip: #FFF; /* Use for tooltip background */
  --bg-other-footer: #0F0E26; /* Background color for footer */
  --bg-other-1click: #0A0E29; /* Background color for outside 1click zone  */
  --bg-other-accent-on-light: #C9D5FF; /* use as accent on light bg - filter in cashdesk */
  --bg-other-sidebar-desktop: linear-gradient(180deg, #25317C 0%, #2D3A84 100%); /* color for desktop sidebar */
  --bg-other-hover-on-light: rgba(5, 11, 26, 0.06); /* use for hover state in calendar, cashbox filter */
  --bg-other-cashbox: rgba(0, 0, 0, 0.16); /* use for transaction with bg */
  --bg-other-cashbox-additional: rgba(0, 0, 0, 0.32); /* use for transaction with bg (detailed) */
  --bg-other-strip: rgba(210, 229, 255, 0.04); /* use for bg under girls */
  --bg-other-strip-bg: linear-gradient(0deg, #1c212e, rgba(18,72,72,0) 50%); /* Global background for strip banners */
  --bg-other-sidebar-game: rgba(22, 34, 66, 0.40); /* Bg for sidebar on gamepage (desktop) */
  --bg-other-welcome-3: #555EDE;
  --bg-other-win-card-wrap: #111B4F; /* bg for row of winners vidgets */
  --bg-other-welcome: linear-gradient(134deg, #444DDA 6.39%, #4A52C8 47.59%, #2E34CC 93.16%); /* use as bg for welcome popup */
  --bg-other-welcome-2: #525BD6; /* use as bg for welcome popup timer widget */
  --bg-other-lootboxes-cell-selected: linear-gradient(180deg, rgba(255, 246, 2, 0.00) 53.95%, rgba(255, 246, 2, 0.20) 68.4%, rgba(255, 246, 2, 0.40) 81.71%, #FFF602 100%); /* bg.other.lootboxes-cof-selected */
  --bg-other-categories-nav: #1C212E; /* Baground foe categories on desktop */
  --bg-other-strip-popup: rgba(0,0,0, 0.5); /* Bg for background popup on strip desktop */
  --bg-other-banner-title: rgba(84,64,127,0.3); /* Bg under title on banner */
  --bg-other-tab-inactive: #0A0E29; /* Inactive tabs in profile popup */
  --bg-gradient: linear-gradient(0deg, rgba(23, 34, 96, 0.00) 0%, #16225F 64.41%); /* Gradient for bg */
  --bg-additional: #1A2252; /* use for messages, shop, faq cards */
  --bg-top-surface: #ffffff; /* bg for menu, bottom sheets,dropdown */
  --bg-popup: linear-gradient(180deg, #1F2D7C 0%, #10123F 100%); /* use for popups bg */
  --bg-technical: linear-gradient(162deg, #464BBB 10.93%, #2A2D62 86.59%); /* for set by admin (card of collection,deals, tournament, lottery,news) */
  --bg-widget-disabled: linear-gradient(114deg, #26256D 23.29%, #0D113B 98.01%); /* for past tournament,lottery */
  --bg-widget-default: linear-gradient(180deg, #4932D3 0%, #1E2A90 100%); /* for tournament on main page, news, lottery */
  --bg-overlay-1: rgba(163, 175, 255, 0.10); /* for static table headet */
  --bg-overlay-2: rgb(100% 100% 100% / 0.06); /* social icons bg */
  --bg-overlay-3: rgb(76.1% 76.9% 79.6% / 0.1); /* for bullets bg in text, bg under number bullets in tournaments/lottery winners list, bg under prizes in prize tab in tournaments/lottery */
  --bg-overlay-4: rgba(5, 11, 26, 0.16); /* use for bg in cashbox transaction */
  --bg-overlay-5: rgba(5, 11, 26, 0.32); /* use for bg in cashbox transaction */
  --bg-overlay-ghost-1: rgba(0, 0, 0, 0.20); /* use for results inner tournament card */
  --bg-overlay-ghost-2: rgb(0% 0% 0% / 0.8); /* Use for underlay of elements on top (star, counter) ingame back button bg, overlay under popups desktop/modals mobile */
  --bg-overlay-right-menu: rgba(14, 26, 57, 0.60); /* Use for game page background on right filter sidebar (under icons) */
  --bg-overlay-light-1: rgb(82.4% 89.8% 100% / 0.1); /* use for bg under status in menu top part */
  --bg-overlay-light-2: #01050b; /* use for progress bar bg  */
  --bg-overlay-gamepage: rgb(0% 0% 0% / 0.8); /* Background above game image */
  --bg-overlay-sidebar-gamepage: linear-gradient(180deg, rgba(22, 27, 38, 0.00) 0%, rgba(22, 27, 38, 0.95) 63.16%, #161B26 100%); /* use for gradient over picture on right tournament panel */
  --bg-overlay-gradient-1: linear-gradient(0deg, rgba(37, 48, 64, 0.00) 0.39%, rgba(37, 45, 64, 0.56) 20.35%, rgba(37, 45, 64, 0.78) 39.31%, #252D40 99.61%); /* use for menu banner overlay gradient under title */
  --bg-overlay-gradient-2: linear-gradient(0deg, rgba(25, 38, 114, 0.00) 0%, rgba(25, 38, 114, 0.47) 62.72%, #192672 100%); /* use as overlay on messages picture, news cards picture */
  --bg-overlay-gradient-3: linear-gradient(180deg, rgba(12, 19, 55, 0.00) 0%, #0C1337 61.63%, #0C1337 100%); /* use under link in messages  [based on primary bg] */
  --bg-overlay-gradient-4: linear-gradient(180deg, #A58600 0%, #EEC101 73.50%); /* use for coin in lootboxes */
  --bg-overlay-gradient-5: linear-gradient(180deg, rgba(22, 33, 93, 0.00) 0%, #16215D 100%); /* use under title in news card on inner page  [based on secondary bg] */
  --bg-overlay-gradient-6: linear-gradient(180deg, rgba(26, 34, 82, 0.00) 0%, #1A2252 100%); /* use under links on messeges/cards  [based on additional bg] */
  --bg-overlay-gradient-7: linear-gradient(270deg, #DBE5FF 0%, rgba(219, 229, 255, 0.00) 100%); /* fade on pregame popup  [based on base accent light] */
  --bg-overlay-gradient-8: linear-gradient(180deg, rgba(16, 18, 63, 0.00) 0%, rgba(16, 18, 63, 0.76) 41.15%, #10123F 100%); /* use on bottom of popups [based on nav.tab.stop ] */
  --bg-overlay-gradient-welcome: linear-gradient(180deg, rgba(99, 103, 161, 0.00) 0%, #6367A1 60.74%, #6367A1 100%); /* use for overlay under button in welcome popup */
  --bg-overlay-gradient-footer: linear-gradient(90deg, rgba(15, 14, 38, 0.00) 0%, #0F0E26 100%); /* use as overlay on footer */
  --bg-overlay-gradient-strip: linear-gradient(180deg, rgba(17, 22, 60, 0.00) 0%, rgba(17, 22, 60, 0.2) 100%); /* strip bg card  [based on primary bg] */
  --bg-blur: 18px; /* use for bg blue in categories/ strip service */
  --bg-info-blur: 8px; /* use for bg under small information (tournament/lotteries) */
  --bg-elements-blur: 24px; /* use for circle elements on primary bg */
  --bg-radial: radial-gradient(50% 50% at 50% 50%, #241198 0%, rgba(69, 83, 214, 0.00) 100%);
  --bg-radial-shop: radial-gradient(50% 50% at 50% 50%, #FF0606 0%, #FF9797 0%, rgba(255, 61, 61, 0.00) 100%, rgba(255, 61, 61, 0.00) 100%);
  --bg-radial-additional: #1D51C9; /* use for elipse bg on desktop homepage */
  --bg-blur-achivments: 18px; /* use for bottom block in profile  */
  --bg-widget-bonus: linear-gradient(100deg, #3042AE 8.94%, #151A98 89.73%); /* use as bg for welcome bonus */
  --bg-widget-bonus-additional: rgb(0% 0% 0% / 0.08); /* use as bg for welcome bonus success item */
  --nav-tab-start: #1F2D7B; /* gradient on top for popups */
  --nav-tab-stop: #10123F; /* gradient on bottom for popups */
  --base-light: #ffffff; /* Lighttest (white) */
  --base-accent-primary: #FFF602; /* Background for accent elements */
  --base-accent-secondary: #FCFF71; /* Background for tertiary elements */
  --base-accent-tertiary: #ffc94d; /* Background for tertiary elements */
  --base-dark: #050B1A; /* Darkest (black) */
  --base-success: #00CD15; /* Indication of success transactions */
  --base-surface: #11163C; /* main color for brand bgs */
  --base-error: #CF0000; /* Indication of unsuccess transactions */
  --base-warning: #FDBB2C; /* Indication of warning */
  --base-gold: linear-gradient(99deg, #F5AD27 -229.36%, #CE7813 329.36%); /* Color for winners lottery tickets */
  --base-silver: #DADFEC; /* Color for winners */
  --base-bronze: #FFB053; /* Color for winners */
  --base-primary: #ffffff; /* for text,icons */
  --base-accent-light: #DBE5FF; /* Color for app button and bg under games in bottom sheet */
  --live-lottery-live-tip: #CF0404; /* Bg for live icon */
  --live-lottery-card-bg: linear-gradient(175deg, #3338A6 4%, #192484 30%, #0B1B53 75%, #192A87 100%); /* Bg for card */
  --live-lottery-live-tip-text: #fff; /* text for live icon */
  --live-lottery-timer-bg: linear-gradient(180deg, rgba(108, 119, 216, 0.81) 0%, rgba(92, 107, 187, 0.78) 31.25%, rgba(68, 91, 174, 0.85) 63.54%, rgba(83, 82, 160, 0.63) 100%); /* bg for timer */
  --live-lottery-empty-ball: linear-gradient(180deg, rgba(78, 76, 157, 0.40) 0%, rgba(120, 119, 187, 0.34) 76.5%, rgba(129, 116, 206, 0.40) 100%); /* bg for empty ball */
  --live-lottery-place-label-text: #000; /* text on place label */
  --live-lottery-place-label-bg: linear-gradient(180deg, #FFFA8E 0%, #E8E024 40%, #D3C223 100%); /* bg on place label */
  --navbar-bg-main: rgba(30,89,169,0.2); /* Use for tapbar on mainpage, strip */
  --navbar-bg-button: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* use for buttton color on main tapbar */
  --navbar-bg-button-icon: #fff; /* Color of icon on big button in tapbar */
  --navbar-menu-item-active: #fff; /* color of active item (icon+text) */
  --button-bg-primary: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* Background for primary buttons */
  --button-bg-primary-hover: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* Background for primary buttons hover */
  --button-bg-primary-pressed: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* Background for primary pressed */
  --button-bg-primary-disabled: rgba(255,255,255,0.2); /* Background for primary buttons disabled */
  --button-bg-primary-disabled-additional: rgba(77,77,77,0.4); /* Background for primary disabled button for lighgt bg */
  --button-bg-secondary: linear-gradient(180deg, #043CCF 0%, #365DDE 49.99%, #1435A7 50%, #11218B 100%); /* Background for secondary buttons */
  --button-bg-secondary-hover: linear-gradient(180deg, #043CCF 0%, #365DDE 49.99%, #1435A7 50%, #11218B 100%); /* Background for secondary buttons hover */
  --button-bg-secondary-pressed: linear-gradient(180deg, #043CCF 0%, #365DDE 49.99%, #1435A7 50%, #11218B 100%); /* Background for secondary buttons pressed */
  --button-bg-secondary-disabled: rgba(255,255,255,0.2); /* Background for secondary buttons disabled */
  --button-bg-app-default: #DBE5FF; /* Background for bottom part and button in pregame modal */
  --button-bg-app-hover: #f2fcff; /* Background for hovered button in pregame modal */
  --button-bg-app-pressed: #cde0e6; /* Background for pressed button in pregame modal */
  --button-bg-ghost: #ffffff00; /* Background for ghost button */
  --button-border-primary: #FE0909; /* border color for buttons default */
  --button-border-button-hover: #FFF; /* border color for buttons hover */
  --button-border-primary-pressed: #FD0808; /* border color for buttons pressed */
  --button-border-button-disabled: transparent; /* border color for buttons disabled */
  --button-border-secondary: #043CCF; /* border color for buttons secondary */
  --button-border-secondary-pressed: #043CCF; /* border color for buttons secondary pressed */
  --button-border-tertiary: #ffffff; /* border color for buttons default */
  --button-border-tertiary-hover: #fff; /* border color for buttons hover */
  --button-border-tertiary-pressed: #fff; /* border color for buttons pressed */
  --button-border-ghost: #fff; /* border color for ghost buttons (use in menu) */
  --button-border-ghost-hover: #fff; /* border color for ghost buttons hover state (use in menu) */
  --button-border-ghost-pressed: #fff; /* border color for ghost buttons pressed state (use in menu) */
  --button-content-primary: #ffffff; /* Text color on primary button */
  --button-content-secondary: #fff; /* Text color on secondary button */
  --button-content-light-bg: #2D5EDF; /* Text color for buttons on light bg (notification) */
  --button-content-light-bg-hover: #FFF602; /* Text color for buttons on light bg (notification) */
  --button-content-light-bg-pressed: #FFF602; /* Text color for buttons on light bg (notification) */
  --button-content-tertiary: #ffffff; /* color on tertiary buttons */
  --button-content-tertiary-hover: #FFF602; /* color on tertiary buttons hover */
  --button-content-tertiary-pressed: #FFF602; /* color on tertiary buttons hover */
  --button-content-ghost: #fff; /* color on ghost buttons */
  --button-content-ghost-hover: #fff600; /* color on ghost buttons hover */
  --button-content-ghost-pressed: #FFF602; /* color on ghost buttons hover */
  --button-content-primary-disabled: rgba(255,255,255,0.7); /* Text color on primary disabled button */
  --button-content-secondary-disabled: #ffffff80; /* Text color on secondary disabled button */
  --button-content-tertiary-disabled: rgba(255,255,255,0.4); /* Text color on tertiary disabled button */
  --button-content-ghost-disabled: rgba(255,255,255,0.4); /* Text color on ghost disabled button */
  --small-elements-game-logo-bg-default: linear-gradient(0deg, #1E2A90 0%, rgba(30, 42, 144, 0.60) 66.67%, rgba(30, 42, 144, 0.00) 100%); /* Background for provider logo on game thumb */
  --small-elements-game-logo-bg-tournament: linear-gradient(0deg, #9F8600 0%, rgba(159, 134, 0, 0.60) 66.67%, rgba(159, 134, 0, 0.00) 100%); /* Background for provider logo on game thumb */
  --small-elements-game-thumb-default: linear-gradient(180deg, #4C72D7 0%, #1E2A90 75%); /* Background for thumb */
  --small-elements-game-thumb-default-desktop: linear-gradient(180deg, #E1E7FF 0%, rgba(6, 16, 54, 0.57) 75%, #050D29 100%); /* Background for thumb desktop */
  --small-elements-game-thumb-tournament: linear-gradient(180deg, #E3C662 0%, #9F8600 75%); /* Background for thumb */
  --small-elements-game-label-thumb-new: linear-gradient(180deg, #4C71D7 0%, #122795 100%); /* Color for label thumb */
  --small-elements-game-label-thumb-top: linear-gradient(180deg, #F44 0%, #CB0404 100%); /* Color for label thumb */
  --small-elements-game-counter-color: rgb(90.2% 90.4% 91%); /* Color of counter on header of game block??? */
  --small-elements-game-label-thumb-text: #ffffff; /* Color for label thumb */
  --small-elements-scrollbar-dark: rgb(1.96% 4.31% 10.2% / 0.2); /* for scrollbar on light bg (dropdown) */
  --small-elements-scrollbar-light: rgb(100% 100% 100% / 0.1); /* for dark bg (regular popups) */
  --small-elements-scrollbar-primary: rgb(72.9% 73.7% 76.1% / 0.2); /* base on primary color (change in themes) */
  --small-elements-separator-primary: rgba(89, 93, 133, 0.20); /* border color for separating groups of table rows/colums,footer  */
  --small-elements-separator-border: rgba(255,255,255,1); /* border frame on main page */
  --small-elements-separator-item: rgb(1.96% 4.31% 10.2% / 0.05); /* for line separator in dropdown/menu */
  --small-elements-separator-tertiary: rgb(100% 100% 100% / 0.05); /* separator for dark bg (mob dropdown providers) */
  --small-elements-separator-secondary: rgba(7, 10, 30, 0.70); /* use in mob registation tabs */
  --small-elements-progress-large: linear-gradient(180deg, #3075FF 0%, #0046D1 100%); /* Color of progress for strip, gamepage(desktop) */
  --small-elements-proggress-bar: linear-gradient(180deg, #3075FF 0%, #0046D1 100%);
  --small-elements-bullet: #ffffff;
  --small-elements-fade-tertiary: linear-gradient(270deg, #0A0E29 0%, rgba(10, 14, 41, 0.00) 100%); /* Fade on tertiary backgrounds */
  --small-elements-sign: #FFF602; /* star on game thumb */
  --small-elements-badge-1: #CF0404; /* use for badge in main tapbar */
  --small-elements-badge-2: #CF0404; /* use for badges in navbar, menu top part , lottery tickets sale,check box */
  --small-elements-footer-navdots: rgba(255,255,255,0.6); /* navigation for crypto slider */
  --small-elements-footer-bg-social: #161436; /* for social icons bg */
  --small-elements-footer-bg-payments: rgba(255, 255, 255, 0.08); /* for payments bg */
  --small-elements-footer-dropdown: rgb(100% 100% 100% / 0.1); /* Background for payment dropdown element */
  --small-elements-label-new-1: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* use for label new in menu item */
  --small-elements-label-new-1-text: #ffffff; /* use for text of label new in menu item */
  --small-elements-label-new-2: linear-gradient(342deg, #5A5A5A 0%, #FFF 100%); /* use for label new in menu item */
  --small-elements-check-box-accent: #DBE5FF; /* use for check box border */
  --small-elements-check-box-fill: #00437B; /* radio-button/check-box in lottery/shop cards desktop */
  --small-elements-check-box-default: #0B63AD; /* use for border in default state */
  --small-elements-desktop-tournament-counter: linear-gradient(180deg, #FE0909 0%, #E75959 49.99%, #CF0404 50%, #B10000 100%); /* Color of counter for desktop tournament widget */
  --small-elements-desktop-wheel-counter-win: linear-gradient(180deg, #190000 0%, #F00 75%); /* Color of counter for desktop whell widget */
  --small-elements-desktop-wheel-counter: linear-gradient(180deg, #6409CC 0%, #A759FF 75%); /* Color of counter for desktop wheel widget */
  --small-elements-desktop-wheel-block-bg: linear-gradient(180deg, #1c2e8d 0%, rgba(49, 58, 108, 0.00) 100%); /* Color desktop bg wheel widget */
  --small-elements-desktop-wheel-block-bg-border: rgba(175,94,255,0.6); /* Color desktop border wheel widget */
  --small-elements-desktop-tournament-counter-bg: #0A0E29; /* bg for tournament counter on desktop widget */
  --small-elements-desktop-wheel-widget-text: #ffffff; /* text color on wheel widget */
  --small-elements-desktop-wheel-widget-text-light: rgba(117,147,255,0.5); /* light on text on wheel widget */
  --small-elements-label-success: rgba(0, 205, 21, 0.40); /* use for success label in cashbox transactions */
  --small-elements-label-deny: rgba(207, 4, 4, 0.50); /* use for deny label in cashbox transactions */
  --small-elements-timer-top: linear-gradient(180deg, #FFF 0%, #000 100%); /* use for timer bg top part */
  --small-elements-up-button-accent: #216BFF; /* Accent icon and border on floating button */
  --small-elements-up-button-hover-bg: linear-gradient(180deg, #83ADFF 23.44%, #3075FF 100%); /* Bg on hover on floating button */
  --small-elements-up-button-bg: #151436; /* Bg on default on floating button */
  --small-elements-up-button-border: rgba(33, 107, 255, 0.16); /* border on default on floating button */
  --small-elements-up-button-hover-icon: #050B1A; /* Bg on hover on floating button */
  --small-elements-tournament-active-tab-content: #FFF602; /* color of text and icon on active tab */
  --small-elements-slider: rgba(255,255,255,0.4);
  --small-elements-slider-curret: #fff; /* use for slider curret in mob main page */
  --icon-secondary: #050B1A; /* menu, bottom sheet */
  --icon-primary: #ffffff; /* use for categories */
  --icon-tertiary: rgb(1.96% 4.31% 10.2% / 0.8); /* icons in inputs (registration, profile) */
  --icon-accent: #FFF602; /* Use for active icons */
  --icon-accent-additional: #FFF602; /* use for icons in categories mob  */
  --icon-alternative: #FFF602; /* use for icons in lists (different from accent icons) */
  --icon-success: #00CD15; /* Success icon */
  --icon-warning: #FDBB2C; /* Color of warning icon */
  --icon-error: #CF0000; /* Color for error icon */
  --icon-ghost-3: #ffffff; /* For light icons on color background or picture- footer app buttons, icons on menu top part,header.collection cards, tournament/lottery inner card, messages picture */
  --icon-ghost-1: #c0c7da; /* for main icons in navbar */
  --icon-ghost-2: #404040; /* use for icon button on navbar */
  --icon-prize-1: #C5AD17; /* [delete?] */
  --icon-prize-2: #DADFEC; /* [delete?] */
  --icon-prize-3: #FFB053; /* [delete?] */
  --icon-prize-4: linear-gradient(180deg, #C26BA5 0%, #A05487 100%); /* [delete?] */
  --icon-prize-5: #c8d7e3; /* [delete?] */
  --input-border-default: rgb(90% 90% 90% / 0); /* Border color for default inputs */
  --input-border-focus: #FFF602; /* Color border for focused input */
  --input-border-disabled: rgb(100% 100% 100% / 0.4); /* Color border for disabled input */
  --input-border-error: #CF0000; /* Color border for error input */
  --input-border-warning: #FDBB2C; /* Color border for warning input */
  --input-bg-default: #ffffff; /* Default backgrounds for inputs */
  --input-bg-error: #CF0000; /* Background for error inputs */
  --input-bg-warning: #FDBB2C; /* Background for warning inputs */
  --input-bg-disabled: transparent; /* Backgrounds for disabled inputs */
  --input-bg-confirmed: transparent; /* Backgrounds for confirmed inputs */
  --input-bg-accent: rgb(97.3% 97.3% 97.6%); /* Accent background for input */
  --input-bg-hover: rgb(100% 100% 100%); /* Hover background for input */
  --input-text-label: rgb(11.8% 13.9% 19.2%); /* Label color */
  --input-text-value-main: #050B1A; /* Input value text color */
  --input-text-warning-text: #050B1A; /* Input warning text color */
  --input-text-value-submain: rgb(51% 52.2% 55.1%); /* Input value text color */
  --input-text-accent: #FFF602; /* Use for active select text */
  --input-text-error: #ffffff; /* use for text in error field hint */
  --input-text-disabled-value: rgba(186, 188, 194, 0.90); /* use for text in disabled field  */
  --input-text-disabled-label: rgba(186, 188, 194, 0.80); /* use for text in confirmed field hint */
  --border-width-nav: 1px; /* Border width for provider and category navigation */
  --border-width-button: 2px; /* Border width for buttons */
  --border-width-input: 1px; /* Border width for inputs */
  --border-width-separate-line: 1px; /* Border width for lines */
  --border-width-thumb: 2px;
  --min-width-game-item-block: 122px;
  --min-width-button: 64px;
  --min-width-tooltip: 144px; /* use for tooltips  */
  --width-nav: 48px; /* use for top navbar items */
  --width-tap-button: 48px; /* use for bottom tapbar main button */
  --width-logo-mobile: 75px; /* use for mobile logo width  */
  --width-logo-desktop: 114px; /* use for desktop logo width  */
  --height-tap-button-copy: 48px; /* use for bottom tapbar main button */
  --height-nav: 48px; /* use for top navbar items */
  --height-logo-mobile: 32px; /* use for mobile logo height  */
  --height-logo-desktop: 76px; /* use for desktop logo height  */
  --min-height-game-item-block: 122px;
  --font-family-main: 'PT Sans Caption';
  --font-family-accent: 'PT Sans Caption';
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-case-capitalize: capitalize; /* for buttons */
  --text-decoration-none: none;
  --text-decoration-underline: underline;
  --text-decoration-line-through: line-through;
  --paragraph-indent-first-stroke-default: 0px;
  --special-blocks-jackpot-border: #D2E5FF; /* Border-color for jackpot widgets */
  --special-blocks-achivements-border-1: #3B2F86; /* border for activity card */
  --special-blocks-achivements-element: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 1.3%, rgba(255, 255, 255, 0.20) 51.43%, rgba(255, 255, 255, 0.00) 99%); /* fill for line in first screen */
  --special-blocks-achivements-gradient: linear-gradient(89deg, rgba(23, 33, 87, 0.70) 1.23%, rgba(23, 33, 87, 0.00) 98.88%); /* for empty cards zone */
  --special-blocks-achivements-gradient-1: linear-gradient(89deg, rgba(23, 35, 99, 0.87) 0.81%, rgba(27, 41, 112, 0.87) 63.22%, rgba(23, 33, 87, 0.00) 99.19%);; /* for empty cards zone / desktop */
  --special-blocks-achivements-border-2: #1F3189; /* border for win card */
  --special-blocks-achivements-card-1: rgba(0, 27, 165, 0.20); /* card in progress bg in main screen */
  --special-blocks-achivements-card-2: rgba(83, 70, 236, 0.20); /* card last bg in main screen */
  --special-blocks-achivements-card-3: rgba(30, 44, 115, 0.20); /* card first deposit bg in main screen */
  --special-blocks-achivements-card-4: rgba(45, 124, 231, 0.08); /* achivements card */
  --special-blocks-jackpot-border-2: rgba(178,172,0,0.2); /* Border-color for jaclpot amount */
  --special-blocks-jackpot-widget-bg: linear-gradient(180deg, rgba(60, 86, 125, 0.20) 0%, rgba(28, 33, 46, 0.20) 100%); /* Background for jackpot widget */
  --special-blocks-jackpot-title-font-weight: 700;
  --special-blocks-jackpot-title-line-height: 50px;
  --special-blocks-jackpot-title-font-size: 60px;
  --special-blocks-jackpot-title-letter-spacing: -1.8px;
  --special-blocks-jackpot-title-paragraph-spacing: 0;
  --special-blocks-jackpot-title-paragraph-indent: 0;
  --special-blocks-jackpot-title-text-case: uppercase;
  --special-blocks-live-lottery-numbers-font-weight: 700;
  --special-blocks-live-lottery-numbers-line-height: 18px;
  --special-blocks-live-lottery-numbers-font-size: 18px;
  --special-blocks-live-lottery-numbers-letter-spacing: 0;
  --special-blocks-live-lottery-numbers-paragraph-spacing: 0;
  --special-blocks-live-lottery-numbers-paragraph-indent: 0;
  --special-blocks-wheel-widget-text-font-weight: 700;
  --special-blocks-wheel-widget-text-line-height: 32px;
  --special-blocks-wheel-widget-text-font-size: 32px;
  --special-blocks-wheel-widget-text-letter-spacing: 0.06em;
  --special-blocks-wheel-widget-text-paragraph-spacing: 0;
  --special-blocks-wheel-widget-text-paragraph-indent: 0;
  --special-blocks-wheel-widget-text-text-case: uppercase;
  --special-blocks-wheel-widget-text-font-style: italic;
  --special-blocks-x-status-font-weight: 700;
  --special-blocks-x-status-line-height: 16px;
  --special-blocks-x-status-font-size: 13px;
  --special-blocks-x-status-letter-spacing: 0;
  --special-blocks-x-status-paragraph-spacing: 0;
  --special-blocks-x-status-paragraph-indent: 0;
  --special-blocks-jackpot-amount-font-weight: 700;
  --special-blocks-jackpot-amount-line-height: 64px;
  --special-blocks-jackpot-amount-font-size: 52px;
  --special-blocks-jackpot-amount-letter-spacing: -0.05em;
  --special-blocks-jackpot-amount-paragraph-spacing: 0;
  --special-blocks-jackpot-amount-paragraph-indent: 0;
  --special-blocks-jackpot-line: radial-gradient(50% 50% at 50% 50%, #FFF600 0%, rgba(255, 246, 0, 0.39) 100%); /* Color for jackpot widget separate line */
  --special-blocks-jackpot-amount-desktop-font-weight: 700;
  --special-blocks-jackpot-amount-desktop-line-height: 44px;
  --special-blocks-jackpot-amount-desktop-font-size: 38px;
  --special-blocks-jackpot-amount-desktop-letter-spacing: 0;
  --special-blocks-jackpot-amount-desktop-paragraph-spacing: 0;
  --special-blocks-jackpot-amount-desktop-paragraph-indent: 0;
  --special-blocks-jackpot-amount-desktop-light-font-weight: 700;
  --special-blocks-jackpot-amount-desktop-light-line-height: 44px;
  --special-blocks-jackpot-amount-desktop-light-font-size: 38px;
  --special-blocks-jackpot-amount-desktop-light-letter-spacing: 0;
  --special-blocks-jackpot-amount-desktop-light-paragraph-spacing: 0;
  --special-blocks-jackpot-amount-desktop-light-paragraph-indent: 0;
  --special-blocks-404-500-large-font-weight: 700;
  --special-blocks-404-500-large-line-height: 250px;
  --special-blocks-404-500-large-font-size: 280px;
  --special-blocks-404-500-large-letter-spacing: 0;
  --special-blocks-404-500-large-paragraph-spacing: 0;
  --special-blocks-404-500-large-paragraph-indent: 0;
  --special-blocks-404-500-small-font-weight: 700;
  --special-blocks-404-500-small-line-height: 140px;
  --special-blocks-404-500-small-font-size: 160px;
  --special-blocks-404-500-small-letter-spacing: 0;
  --special-blocks-404-500-small-paragraph-spacing: 0;
  --special-blocks-404-500-small-paragraph-indent: 0;
  --special-blocks-referral-number-font-weight: 700;
  --special-blocks-referral-number-line-height: 60px;
  --special-blocks-referral-number-font-size: 52px;
  --special-blocks-referral-number-letter-spacing: 0;
  --special-blocks-referral-number-paragraph-spacing: 0;
  --special-blocks-referral-number-paragraph-indent: 0;
  --special-blocks-dropdown-custom: #313D81; /* For bg on filter dropdown and language dropdown */
  --special-blocks-dropdown-custom-fade: linear-gradient(180deg, rgba(49, 61, 129, 0.00) 0%, #313D81 100%); /* For bg on filter dropdown and language dropdown */
  --special-blocks-referral-number: transparent; /* use for numbers gradient in conditions */
  --special-blocks-dropdown-content: #ffffff; /* Color of text and icons for custom dropdown */
  --special-blocks-title-jackpot: linear-gradient(11deg, #DBB800 30%, #FFF600 65%);
  --special-blocks-amount-jackpot: linear-gradient(180deg, #BCDAF6 0%, #FFF 100%);
  --special-blocks-verification-title-font-weight: 700;
  --special-blocks-verification-title-line-height: 20px;
  --special-blocks-verification-title-font-size: 11px;
  --special-blocks-verification-title-letter-spacing: 0;
  --special-blocks-verification-title-paragraph-spacing: 0;
  --special-blocks-verification-title-text-case: uppercase;
  --special-blocks-verification-title-paragraph-indent: 0;
  --special-blocks-verification-card-num-font-weight: 700;
  --special-blocks-verification-card-num-line-height: 8px;
  --special-blocks-verification-card-num-font-size: 6px;
  --special-blocks-verification-card-num-letter-spacing: 0;
  --special-blocks-verification-card-num-paragraph-spacing: 0;
  --special-blocks-verification-card-num-text-case: uppercase;
  --special-blocks-verification-card-num-paragraph-indent: 0;
  --special-blocks-verification-card-text-font-weight: 400;
  --special-blocks-verification-card-text-line-height: 6px;
  --special-blocks-verification-card-text-font-size: 4px;
  --special-blocks-verification-card-text-letter-spacing: 0;
  --special-blocks-verification-card-text-paragraph-spacing: 0;
  --special-blocks-verification-card-text-paragraph-indent: 0;
  --special-blocks-verification-passport-text-font-weight: 400;
  --special-blocks-verification-passport-text-line-height: 7px;
  --special-blocks-verification-passport-text-font-size: 6px;
  --special-blocks-verification-passport-text-letter-spacing: 0;
  --special-blocks-verification-passport-text-paragraph-spacing: 0;
  --special-blocks-verification-passport-text-paragraph-indent: 0;
  --filed-spacing-left: 16px;
  --filed-spacing-right: 16px;
  --filed-spacing-top-main: 12px; /* use for field with label only */
  --filed-spacing-top-submain: 4px; /* use for field with value */
  --filed-spacing-bottom-main: 12px; /* use for fields with label only */
  --filed-spacing-bottom-submain: 8px; /* use for fields with value */
  --categories-bg-main: rgba(144, 161, 252, 0.20); /* use for game catwgories bg */
  --categories-border-main: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 94.57%); /* use for navbar border */
  --header-bg-balance: rgba(255, 255, 255, 0.06); /* use for bg under balance amount */
  --header-bg-main: linear-gradient(180deg, #131C4F 0%, rgba(19, 28, 79, 0.67) 28.65%, rgba(19, 28, 79, 0.52) 53.65%, rgba(19, 28, 79, 0.22) 76.04%, rgba(19, 28, 79, 0.06) 89.06%, rgba(19, 28, 79, 0.00) 100%);
  --header-bg-sticky: linear-gradient(180deg, #131C4F 0%, rgba(19, 28, 79, 0.67) 28.65%, rgba(19, 28, 79, 0.52) 53.65%, rgba(19, 28, 79, 0.22) 76.04%, rgba(19, 28, 79, 0.06) 89.06%, rgba(19, 28, 79, 0.00) 100%);
  --header-bg-top-desktop: #10123F; /* bg header on top for desktop */
  --header-bg-bottom-desktop: linear-gradient(180deg, #10123F 0%, rgba(16, 18, 63, 0.00) 100%); /* bg header on bottom menu for desktop */
  --text-light: #ffffff; /* use for crypto in footer, banners titles/cards titles, tournament/lottery tapbar, for titles in messages ( on picture) */
  --text-accent-additional: #FFF602; /* use for accent text in welcome popup */
  --text-primary: #ffffff; /* for titles on images and cards (tournament,lottery,news) */
  --text-secondary: #050B1A; /* use for menu items text, 1click text, footer all button */
  --text-tertiary: rgb(1.96% 4.31% 10.2% / 0.8); /* (delete?) */
  --text-content: #c2c4cb; /* use for large text blocks  (delete?) Maybe for small items with darker background?(labels, crypto on footer) */
  --text-link: #fff; /* also use for win tickets in lottery results */
  --text-link-alternative: #373ECE; /* use for links on lighter bg (notifications), game page */
  --text-accent: #FFF602;
  --text-error: #CF0000;
  --text-success: #00CD15;
  --text-warning: #FDBB2C;
  --text-prize-1: #DFC628; /* use for 1 prize in tournament/lottery winners list [delete?] */
  --text-prize-2: #DADFEC; /* use for 2 prize in tournament/lottery winners list [delete?] */
  --text-prize-3: #FFB053; /* use for 3 prize in tournament/lottery winners list [delete?] */
  --text-opacity-1: rgb(100% 100% 100% / 0.8); /* footer seo header text,  */
  --text-opacity-2: rgb(100% 100% 100% / 0.6); /* footer seo text, prize in tournament/lottery list */
  --text-opacity-3: rgb(100% 100% 100% / 0.5);
  --text-opacity-4: rgb(100% 100% 100% / 0.9);
  --text-opacity-light-1: rgb(100% 100% 100% / 0.6); /* use for crypto in footer, for small caption under title on color background(progress-desktop) */
  --text-opacity-light-2: rgb(100% 100% 100% / 0.8); /* use for time in messages, secondary small titles on cards and tables on color backgrounds */
  --text-title-main: rgba(255, 255, 255, 0.99); /* for main headers */
  --text-title-accent: #FFF602;
  --text-title-title-winner: #ffffff; /* Title for winner card on a main page */
  --menu-bg-main: linear-gradient(180deg, #020532 0%, #181B49 100%);
  --menu-bg-item-default: #020532; /* bg for menu  (delete?) */
  --menu-bg-item-hover: rgb(1.96% 4.31% 10.2% / 0.1);
  --menu-bg-item-active: rgba(255,255,255,0.04);
  --menu-bg-banner: linear-gradient(180deg, #201F3B 0%, #353877 100%); /* use for banner bg for unlogged  */
  --menu-bg-notification: linear-gradient(180deg, #043CCF 0%, #345BDD 47.92%, #1434A5 50.52%, #112590 100%);; /* use for special notification in menu items */
  --menu-bg-info: #10175E; /* use as bg in menu info zone */
  --menu-item-active-content: #FFF602; /* Color of icon and text inside active item menu */
  --menu-subitem: #92BBDE; /* Menu sub item/ icon color */
  --max-width-288: 288px;
  --max-width-368: 368px;
  --max-width-tooltip: 256px; /* use for tooltips */
  --betting-surface: #150f3d;
  --betting-card: #1f1a4d;
  --betting-green: #00CD15;
  --betting-red: #CF0000;
  --betting-temp: #FCFF71;
  --betting-separator-primary: #2f2a60;
  --betting-secondary: rgba(239,237,255,0.1); /* cashout bg/  */
  --betting-hover-card: rgb(19.2% 17.4% 35.8%);
  --betting-select-card: #3425d8;
  --betting-success-transparent: rgb(0% 80.4% 8.24% / 0.1);
  --betting-warning-transparent: rgb(99.2% 73.3% 17.3% / 0.1);
  --tab-active-tab: 8px; /* Tab news, shop */
  --tab-bg: 8px; /* bg all tabs */
  --tab-bg-all: #0A0E29;
  --tab-stroke: rgba(44, 56, 135, 0.6);
  --wheel-text-1: #ffffff; /* use for rules text and denomination text */
  --wheel-text-2: rgba(11,13,36,0.9); /* use for text in notification and popup */
  --wheel-text-3: #FFFDFD; /* use for text in denomination default buttons */
  --wheel-text-4: #fff; /* use for text in denomination active buttons */
  --wheel-text-sector-1: #ffff;
  --wheel-text-sector-2: #171819;
  --wheel-bg-1: #ffffff; /* use as bg for popups and notification */
  --wheel-bg-2: linear-gradient(102deg, rgba(255, 255, 255, 0.05) 1.68%, rgba(255, 255, 255, 0.01) 100%); /* use for denomination widget bg */
  --wheel-bg-3: rgb(100% 100% 100% / 0.1); /* use for switcher default bg */
  --wheel-bg-4: #2D5EDF; /* use for switcher active bg */
  --wheel-bg-sector-2: #EAB007; /* use for sectors bg (type1) - start */
  --wheel-bg-sector-2-additional: #ECB70B; /* use for sectors bg (type1) - stop */
  --wheel-bg-sector-3: #0FAFDD; /* use for sectors bg (type3) - win sector - start */
  --wheel-bg-sector-1: #6108CB; /* use for sectors bg (type1) - start  */
  --wheel-bg-sector-1-additional: #6B0CD0; /* use for sectors bg (type1) - stop */
  --wheel-bg-dots: #464BBC; /* use for dots shine under wheel border */
  --wheel-bg-radial: radial-gradient(47.49% 47.49% at 50% 52.51%, rgba(76, 17, 79, 0.50) 0%, rgba(248, 103, 255, 0.00) 100%); /* use for bg elipse on main bg under wheel */
  --wheel-bg-main: linear-gradient(180deg, #4F1250 0%, #1C1038 100%); /* use as bg on wheel popup */
  --wheel-bg-lines: transparent; /* use as bg for lines under wheel */
  --wheel-bg-sector-3-additional: #26329C; /* use for sectors bg (type3) - win sector - stop */
  --wheel-bg-border-sector: #C9D2FF; /* use for borders in sectors */
  --wheel-switcher: rgb(100% 100% 100%); /* use for switcher icons */
  --wheel-icons-0: #ffffff; /* use for navigation icons */
  --wheel-icons-1: linear-gradient(160deg, #4B8FF6 8.49%, #277AF7 91.51%); /* use for icon respin in popup */
  --wheel-icons-2: #2579F7; /* use for present icon in popup */
  --wheel-icons-2-additional: #1E63CA; /* use for present icon in popup */
  --wheel-loader-shaddow: rgb(0% 0% 0% / 0.1);
  --wheel-tip-hover: rgba(232, 238, 255, 0.08); /* use as bg for denominations bet item hover state */
  --wheel-tip-active: #fff; /* use as bg for denominations bet item active state */
  --wheel-tip-inactive: rgba(232, 238, 255, 0.08); /* use as bg for denominations bet item active state */
  --wheel-picker-bg-main: transparent; /* use as main bg on picker */
  --wheel-picker-bg-main-2-additional: transparent; /* use as bg for bigger circle */
  --wheel-picker-bg-shaddow: transparent; /* use for shaddow over picker */
  --wheel-picker-bg-main-2: transparent; /* use as bg for circle */
  --wheel-button-bg-2: transparent; /* use for shaddow under play triangle */
  --wheel-button-play: transparent; /* play triangle */
  --wheel-button-bg-1: transparent; /* use for bg on play button */
  --wheel-button-bg-border-1: transparent; /* use as border for play button */
  --wheel-border-main: transparent;
  --wheel-border-main-additional: transparent;
  --wheel-border-bottom: #9341F0; /* use as bg under wheel main border */
  --text-wrap-padding-fix: 0px;
  --header-position-top: 4px; /* desktop header position 1096 */
  --header-position-left: -4px; /* desktop header position 1096 */
}