html,
body {
--ion-color-primary: #3880ff;
--ion-color-primary-rgb: 56, 128, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #3171e0;
--ion-color-primary-tint: #4c8dff;
--ion-color-secondary: #3dc2ff;
--ion-color-secondary-rgb: 61, 194, 255;
--ion-color-secondary-contrast: #ffffff;
--ion-color-secondary-contrast-rgb: 255, 255, 255;
--ion-color-secondary-shade: #36abe0;
--ion-color-secondary-tint: #50c8ff;
--ion-color-tertiary: #5260ff;
--ion-color-tertiary-rgb: 82, 96, 255;
--ion-color-tertiary-contrast: #ffffff;
--ion-color-tertiary-contrast-rgb: 255, 255, 255;
--ion-color-tertiary-shade: #4854e0;
--ion-color-tertiary-tint: #6370ff;
--ion-color-success: #2dd36f;
--ion-color-success-rgb: 45, 211, 111;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255, 255, 255;
--ion-color-success-shade: #28ba62;
--ion-color-success-tint: #42d77d;
--ion-color-warning: #ffc409;
--ion-color-warning-rgb: 255, 196, 9;
--ion-color-warning-contrast: #000000;
--ion-color-warning-contrast-rgb: 0, 0, 0;
--ion-color-warning-shade: #e0ac08;
--ion-color-warning-tint: #ffca22;
--ion-color-danger: #eb445a;
--ion-color-danger-rgb: 235, 68, 90;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
--ion-color-danger-shade: #cf3c4f;
--ion-color-danger-tint: #ed576b;
--ion-color-dark: #222428;
--ion-color-dark-rgb: 34, 36, 40;
--ion-color-dark-contrast: #ffffff;
--ion-color-dark-contrast-rgb: 255, 255, 255;
--ion-color-dark-shade: #1e2023;
--ion-color-dark-tint: #383a3e;
--ion-color-medium: #92949c;
--ion-color-medium-rgb: 146, 148, 156;
--ion-color-medium-contrast: #ffffff;
--ion-color-medium-contrast-rgb: 255, 255, 255;
--ion-color-medium-shade: #808289;
--ion-color-medium-tint: #9d9fa6;
--ion-color-light: #f4f5f8;
--ion-color-light-rgb: 244, 245, 248;
--ion-color-light-contrast: #000000;
--ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9;
--ion-background-color: #090f1f;
--ion-background-color-rgb: 0, 0, 0;
--ion-text-color: #ffffff;
--ion-text-color-rgb: 255, 255, 255;
--ion-color-step-50: #0d0d0d;
--ion-color-step-100: #1a1a1a;
--ion-color-step-150: #262626;
--ion-color-step-200: #333333;
--ion-color-step-250: #404040;
--ion-color-step-300: #4d4d4d;
--ion-color-step-350: #595959;
--ion-color-step-400: #666666;
--ion-color-step-450: #737373;
--ion-color-step-500: #808080;
--ion-color-step-550: #8c8c8c;
--ion-color-step-600: #999999;
--ion-color-step-650: #a6a6a6;
--ion-color-step-700: #b3b3b3;
--ion-color-step-750: #bfbfbf;
--ion-color-step-800: #cccccc;
--ion-color-step-850: #d9d9d9;
--ion-color-step-900: #e6e6e6;
--ion-color-step-950: #f2f2f2;
--ion-item-background: #090f1f;
--ion-tab-bar-background: #101629;
--ion-card-background: #1c1c1d;
--color-primary-800: #1680dc;
--ion-toolbar-background: var(--ion-color-step-150);
--ion-toolbar-border-color: var(--ion-color-step-250);
--color-focus: #0167ca;
--color-text-100: #fff;
--color-bg-200: #1a223a;
--line-color: #1a223a;
--color-bg-400: #101629;
--color-card-bg-200: #182434;
--color-card-bg-300: #090f1f;
--color-button-bg-update: #fba531;
--color-segment-md: #566488;
--color-segment-md-indicator: #38a8fa;
--rounded-small: 0.3125rem;
--rounded-button-tab: 0.5rem;
--rounded-segment: 0.75rem;
--rounded-card-game: 0.75rem;
--color-border: #292d36;
--color-bg-tab-on: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
--color-bg-segment-ios: linear-gradient(0deg, #1c2334, #141b2a);
--color-bg-segment-ios-indicator: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
--color-checkbox-bg: linear-gradient(0deg, #0167ca 0%, #38a8fa 100%);
--font-size-24: 1.5rem;
--font-size-20: 1.25rem;
--font-size-18: 1.125rem;
--font-size-16: 1rem;
--font-size-14: 0.875rem;
--font-size-12: 0.75rem;
--font-size-10: 0.625rem;
--font-size-8: 0.5rem;
--color-currency: #fba531;
--color-bar-bg: #090f1f;
--color-bg-toast: var(--ion-color-dark);
--color-bg-mask-black: rgba(0, 0, 0, 0.8);
--ep-accent-blue: rgb(92, 130, 245);
--ep-accent-red: rgb(230, 64, 33);
--ep-accent-orange: rgb(252, 151, 76);
--ep-accent-green: rgb(83, 193, 84);
--ep-accent-yellow: rgb(245, 200, 76);
--ep-neutral-white-white-100: rgb(255, 255, 255);
--ep-neutral-white-white-90: rgba(255, 255, 255, 0.9);
--ep-neutral-white-white-80: rgba(255, 255, 255, 0.8);
--ep-neutral-white-white-70: rgba(255, 255, 255, 0.7);
--ep-neutral-white-white-60: rgba(255, 255, 255, 0.6);
--ep-neutral-white-white-50: rgba(255, 255, 255, 0.5);
--ep-neutral-white-white-40: rgba(255, 255, 255, 0.4);
--ep-neutral-white-white-30: rgba(255, 255, 255, 0.3);
--ep-neutral-white-white-20: rgba(255, 255, 255, 0.2);
--ep-neutral-white-white-10: rgba(255, 255, 255, 0.1);
--ep-neutral-black-black-100: rgb(0, 0, 0);
--ep-neutral-black-black-90: rgba(0, 0, 0, 0.9);
--ep-neutral-black-black-80: rgba(0, 0, 0, 0.8);
--ep-neutral-black-black-70: rgba(0, 0, 0, 0.7);
--ep-neutral-black-black-60: rgba(0, 0, 0, 0.6);
--ep-neutral-black-black-50: rgba(0, 0, 0, 0.5);
--ep-neutral-black-black-40: rgba(0, 0, 0, 0.4);
--ep-neutral-black-black-30: rgba(0, 0, 0, 0.3);
--ep-neutral-black-black-20: rgba(0, 0, 0, 0.2);
--ep-neutral-black-black-10: rgba(0, 0, 0, 0.1);
--ep-values-2: 0.125rem;
--ep-values-4: 0.25rem;
--ep-values-6: 0.375rem;
--ep-values-8: 0.5rem;
--ep-values-10: 0.625rem;
--ep-values-12: 0.75rem;
--ep-values-14: 0.875rem;
--ep-values-16: 1rem;
--ep-values-18: 1.125rem;
--ep-values-20: 1.25rem;
--ep-values-24: 1.5rem;
--ep-values-32: 2rem;
--ep-values-36: 2.25rem;
--ep-values-70: 4.375rem;
--ep-values-200: 200;
--ep-values-400: 400;
--ep-values-600: 600;
--ep-values-700: 700;
--ep-values-900: 900;
--ep-values-infinity: 9999px;
--ep-primary-primary-900: rgb(0, 20, 20);
--ep-primary-primary-800: rgb(1, 53, 52);
--ep-primary-primary-700: rgb(2, 74, 73);
--ep-primary-primary-600: rgb(3, 97, 95);
--ep-primary-primary-500: rgb(13, 176, 174);
--ep-primary-primary-400: rgb(17, 207, 205);
--ep-primary-primary-300: rgb(22, 243, 240);
--ep-primary-primary-200: rgb(21, 244, 240);
--ep-primary-primary-100: rgb(175, 255, 253);
--ep-primary-primary-Opacity: rgba(5, 122, 120, 0.4);
--ep-secondary-secondary-900: rgb(47, 45, 14);
--ep-secondary-secondary-800: rgb(76, 73, 27);
--ep-secondary-secondary-700: rgb(106, 102, 41);
--ep-secondary-secondary-600: rgb(136, 131, 55);
--ep-secondary-secondary-500: rgb(166, 160, 68);
--ep-secondary-secondary-400: rgb(194, 184, 81);
--ep-secondary-secondary-300: rgb(221, 213, 93);
--ep-secondary-secondary-200: rgb(243, 235, 103);
--ep-secondary-secondary-100: rgb(251, 242, 107);
--ep-secondary-secondary-Opacity: rgba(166, 160, 68, 0.4);
--ep-tertiary-tertiary-900: rgb(7, 71, 115);
--ep-tertiary-tertiary-800: rgb(1, 86, 139);
--ep-tertiary-tertiary-700: rgb(0, 100, 154);
--ep-tertiary-tertiary-600: rgb(0, 127, 209);
--ep-tertiary-tertiary-500: rgb(12, 168, 252);
--ep-tertiary-tertiary-400: rgb(46, 185, 255);
--ep-tertiary-tertiary-300: rgb(119, 208, 255);
--ep-tertiary-tertiary-200: rgb(183, 228, 255);
--ep-tertiary-tertiary-100: rgb(222, 241, 255);
--ep-tertiary-tertiary-Opacity: rgba(12, 168, 252, 0.4);
--ep-inverse-inverse-900: rgb(47, 32, 14);
--ep-inverse-inverse-800: rgb(76, 73, 27);
--ep-inverse-inverse-700: rgb(106, 102, 41);
--ep-inverse-inverse-600: rgb(136, 131, 55);
--ep-inverse-inverse-500: rgb(165, 160, 69);
--ep-inverse-inverse-400: rgb(194, 184, 82);
--ep-inverse-inverse-300: rgb(220, 213, 94);
--ep-inverse-inverse-200: rgb(250, 242, 108);
--ep-inverse-inverse-100: rgb(242, 248, 104);
--ep-inverse-inverse-Opacity: rgba(165, 160, 69, 0.4);
--ep-neutral-gray-gray-L01: rgb(0, 33, 33);
--ep-neutral-gray-gray-L02: rgb(0, 53, 52);
--ep-neutral-gray-gray-L03: rgb(2, 74, 73);
--ep-neutral-gray-gray-L04: rgb(0, 86, 85);
--ep-neutral-gray-gray-L05: rgb(0, 97, 95);
--ep-neutral-gray-gray-L06: rgb(0, 108, 107);
--ep-neutral-gray-gray-L07: rgb(0, 177, 174);
--ep-neutral-gray-gray-L08: rgb(0, 157, 205);
--ep-neutral-gray-gray-L09: rgb(0, 244, 240);
--ep-neutral-gray-gray-L10: rgb(174, 255, 253);
--ep-neutral-transparent: rgba(255, 255, 255, 0);
--ep-color-background-neutral: rgba(9, 30, 66, 0.06);
--ep-neutral-white-60: rgba(255, 255, 255, 0.6);
--ep-neutral-white-40: rgba(255, 255, 255, 0.4);
--ep-neutral-white-20: rgba(255, 255, 255, 0.2);
--ep-accent-colors-blue: rgb(92, 130, 245);
--ep-accent-colors-red: rgb(230, 64, 33);
--ep-accent-colors-orange: rgb(252, 151, 76);
--ep-accent-colors-green: rgb(83, 193, 84);
--ep-accent-colors-yellow: rgb(245, 200, 76);
--ep-default-font-family: 'Prompt', -apple-system, 'Roboto', sans-serif;
--ep-font-family: 'Prompt', -apple-system, 'Roboto', sans-serif;
--ep-border-radius-surface-default: var(--ep-values-6);
--ep-font-size-xs: var(--ep-values-10);
--ep-font-size-s: var(--ep-values-12);
--ep-font-size-m: var(--ep-values-14);
--ep-font-size-l: var(--ep-values-16);
--ep-font-size-xl: var(--ep-values-18);
--ep-font-size-xxl: var(--ep-values-24);
--ep-font-size-xxxl: var(--ep-values-36);
--ep-font-size-xxxxl: var(--ep-values-70);
--ep-font-weight-light: var(--ep-values-200);
--ep-font-weight-regular: var(--ep-values-400);
--ep-font-weight-medium: var(--ep-values-600);
--ep-font-weight-bold: var(--ep-values-700);
--ep-border-radius-xs: var(--ep-values-2);
--ep-border-radius-s: var(--ep-values-4);
--ep-border-radius-m: var(--ep-values-6);
--ep-border-radius-l: var(--ep-values-8);
--ep-border-radius-xl: var(--ep-values-10);
--ep-border-radius-surface-small: var(--ep-values-12);
--ep-border-radius-surface-large: var(--ep-values-20);
--ep-border-radius-infinity: var(--ep-values-infinity);
--ep-color-background-fill-body-default: var(--ep-neutral-gray-gray-L02);
--ep-color-background-fill-surface-raised-L1: var(--ep-neutral-gray-gray-L03);
--ep-color-background-fill-surface-raised-L2: var(--ep-neutral-gray-gray-L04);
--ep-color-background-fill-surface-lowered: var(--ep-neutral-gray-gray-L01);
--ep-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L03);
--ep-color-background-fill-top-nav-secondary: var(--ep-neutral-gray-gray-L03);
--ep-color-background-fill-foot-bar: var(--ep-neutral-gray-gray-L02);
--ep-color-background-fill-active-primary: var(--ep-primary-primary-500);
--ep-color-background-fill-active-active: var(--ep-primary-primary-600);
--ep-color-background-fill-active-disabled: var(--ep-primary-primary-900);
--ep-color-background-fill-tips: var(--ep-primary-primary-500);
--ep-color-background-fill-glow-primary-opacity-40: var(--ep-primary-primary-Opacity);
--ep-color-background-fill-glow-primary-opacity-100: var(--ep-primary-primary-500);
--ep-color-background-fill-glow-secondary-opacity-40: var(--ep-inverse-inverse-Opacity);
--ep-color-background-fill-glow-secondary-opacity-100: var(--ep-inverse-inverse-500);
--ep-color-background-fill-gradients-primary-a: var(--ep-primary-primary-700);
--ep-color-background-fill-gradients-primary-b: var(--ep-primary-primary-500);
--ep-color-background-fill-gradients-secondary-a: var(--ep-neutral-gray-gray-L04);
--ep-color-background-fill-gradients-secondary-b: var(--ep-primary-primary-900);
--ep-color-background-fill-gradients-tertiary-a: var(--ep-primary-primary-600);
--ep-color-background-fill-gradients-tertiary-b: var(--ep-inverse-inverse-500);
--ep-color-background-fill-gradients-tertiary-weak-a: var(--ep-neutral-gray-gray-L02);
--ep-color-background-fill-gradients-tertiary-weak-b: var(--ep-neutral-gray-gray-L05);
--ep-color-border-default: var(--ep-neutral-gray-gray-L05);
--ep-color-border-brand: var(--ep-primary-primary-500);
--ep-color-border-selected: var(--ep-primary-primary-500);
--ep-color-border-danger: var(--ep-accent-red);
--ep-color-border-warning: var(--ep-accent-orange);
--ep-color-border-success: var(--ep-accent-green);
--ep-color-border-highlight: var(--ep-accent-yellow);
--ep-color-border-highlight-white: var(--ep-neutral-white-white-100);
--ep-color-text-brand-primary: var(--ep-primary-primary-500);
--ep-color-text-selected: var(--ep-primary-primary-500);
--ep-color-text-default: var(--ep-neutral-white-white-100);
--ep-color-text-weak: var(--ep-neutral-white-white-60);
--ep-color-text-weaker: var(--ep-neutral-white-white-40);
--ep-color-text-weakest: var(--ep-neutral-white-white-20);
--ep-color-text-inverse: var(--ep-neutral-white-white-100);
--ep-color-text-inverse-disabled: var(--ep-neutral-white-white-40);
--ep-color-text-danger: var(--ep-accent-red);
--ep-color-text-warning: var(--ep-accent-orange);
--ep-color-text-success: var(--ep-accent-green);
--ep-color-text-info: var(--ep-accent-blue);
--ep-color-text-highlight: var(--ep-accent-yellow);
--ep-color-text-highlight-white: var(--ep-neutral-white-white-100);
--ep-color-text-highlight-white-weak: var(--ep-neutral-white-white-60);
--ep-color-text-highlight-white-weaker: var(--ep-neutral-white-white-40);
--ep-color-text-highlight-white-weakest: var(--ep-neutral-white-white-20);
--ep-color-text-navigation-default: var(--ep-neutral-white-white-40);
--ep-color-text-navigation-selected: var(--ep-neutral-white-white-100);
--ep-color-icon-brand-primary: var(--ep-primary-primary-500);
--ep-color-icon-brand-secondary: var(--ep-inverse-inverse-500);
--ep-color-icon-selected: var(--ep-primary-primary-500);
--ep-color-icon-default: var(--ep-neutral-white-white-100);
--ep-color-icon-weaker: var(--ep-neutral-white-white-40);
--ep-color-icon-inverse: var(--ep-neutral-white-white-100);
--ep-color-icon-inverse-disabled: var(--ep-neutral-white-white-40);
--ep-color-icon-tips: var(--ep-accent-red);
--ep-color-icon-danger: var(--ep-accent-red);
--ep-color-icon-warning: var(--ep-accent-orange);
--ep-color-icon-success: var(--ep-accent-green);
--ep-color-icon-info: var(--ep-accent-blue);
--ep-color-icon-highlight: var(--ep-accent-yellow);
--ep-color-icon-highlight-white: var(--ep-neutral-white-white-100);
--ep-color-icon-navigation-default: var(--ep-neutral-white-white-40);
--ep-color-icon-navigation-selected: var(--ep-primary-primary-500);
--ep-color-btn-level-1-bg: var(--ep-neutral-transparent);
--ep-color-btn-level-1-text: var(--ep-neutral-transparent);
--ep-color-btn-level-1-border: var(--ep-neutral-transparent);
--ep-color-btn-level-2-bg: var(--ep-dynamic-primary);
--ep-color-btn-level-2-text: var(--ep-color-text-inverse);
--ep-color-btn-level-2-border: var(--ep-neutral-transparent);
--ep-color-btn-level-3-bg: var(--ep-dynamic-tertiary);
--ep-color-btn-level-3-text: var(--ep-color-text-inverse);
--ep-color-btn-level-3-border: var(--ep-neutral-transparent);
--ep-color-btn-level-4-bg: var(--ep-neutral-transparent);
--ep-color-btn-level-4-text: var(--ep-neutral-transparent);
--ep-color-btn-level-4-border: var(--ep-neutral-transparent);
--ep-dynamic-primary: linear-gradient(
90deg,
var(--ep-color-background-fill-gradients-primary-a) -18%,
var(--ep-color-background-fill-gradients-primary-b) 122%
);
--ep-dynamic-secondary: linear-gradient(
90deg,
var(--ep-color-background-fill-gradients-secondary-a) 0%,
var(--ep-color-background-fill-gradients-secondary-b) 124%
);
--ep-dynamic-tertiary: linear-gradient(
90deg,
var(--ep-color-background-fill-gradients-tertiary-a) -18%,
var(--ep-color-background-fill-gradients-tertiary-b) 122%
);
--ep-dynamic-tertiary-weak: linear-gradient(
90deg,
var(--ep-color-background-fill-gradients-tertiary-weak-a) 0%,
var(--ep-color-background-fill-gradients-tertiary-weak-b) 124%
);
--ion-font-family: var(--ep-font-family);
--ion-background-color: var(--ep-color-background-fill-body-default);
--theme-right-menu-bg: var(--ep-color-background-fill-surface-raised-L2);
--theme-color-background-fill-top-nav-primary: var(--ep-neutral-gray-gray-L02);
--theme-checkbox-background: #eaedf6;
--ep-color-text-inverse-weaker: var(--ep-neutral-black-black-50);
--theme-withdraw-censor-gradient-start: #76d7ff;
--theme-withdraw-censor-gradient-end: #c190ff;
--theme-tabbar-background-color: var(--ep-color-background-fill-surface-raised-L2);
--theme-great-deals-recharge-bonus-content-background-color: linear-gradient(
0deg,
var(--ep-color-background-fill-gradients-secondary-a) 60.44%,
var(--ep-color-background-fill-gradients-secondary-b) 100%
);
--theme-recharge-bonus-pay-type-item-seleted-background-color: var(--ep-dynamic-secondary);
--theme-recharge-bonus-pay-type-item-seleted-border-color: var(--ep-color-border-default);
--theme-recharge-bonus-background-subtitle-frame-background-color: var(
--ep-color-background-fill-gradients-tertiary-weak-b
);
--theme-recharge-bonus-pay-type-item-seleted-text-color: var(--ep-color-text-inverse);
}
@media (max-width: 768px) {
html,
body {
--theme-html-body-color: var(--theme-tabbar-background-color, var(--ep-color-background-fill-surface-raised-L2));
}
}
html,
body {
--UI-FG: var(--theme-html-body-color, var(--ep-color-background-fill-surface-raised-L2));
--UI-FG-0: var(--theme-html-body-color, var(--ep-color-background-fill-surface-raised-L2));
background: var(--theme-html-body-color, var(--ep-color-background-fill-surface-raised-L2)) !important;
--theme-surface-color: var(--theme-html-body-color, var(--ep-color-background-fill-surface-raised-L2));
}