[data-theme="DarkEmber"] {
  --color-z-primary: #12131a; /* Default theme */
  --color-z-secondary: #1b1c26;
  --color-z-third: #262836;
  --color-z-fourth: #161722;
  --color-z-fifth: #3e1a08;
  --color-z-sixth: #262836;
  --color-z-seventh: #1e193d;
  --color-z-eighth: #ea5d0b;
  --color-z-nineth: #212330;
  --color-z-tenth: #f7921d;
  --color-z-t-primary: #fff;
  --color-z-t-secondary: #fff;
  --color-z-b-primary: #000;
  --color-z-b-secondary: #ffffff0d;
  --color-z-none-select: #a4a4a8;
  --color-z-footer: #667085;
  --color-z-left-btn: #ea5d0b;
  --color-z-right-btn: #9f420c;
  --color-z-left-btn-secondary: var(--color-z-left-btn);
  --color-z-right-btn-secondary: var(--color-z-left-btn);
  --color-z-position: var(--color-z-left-btn);
  --color-z-to: #ea5d0b;
  --color-z-left-btn-hover: var(--color-z-left-btn);
  --color-z-right-btn-hover: var(--color-z-left-btn);
  --color-z-h-left-btn: #ea5d0b;
  --color-z-h-right-btn: #12131a;
  --color-z-horizontal-rule: #37394a;
  --color-z-table: #1f212d;
  --color-z-table-secondary: #1f212d;
  --color-z-require: #ea1818;
  --color-z-validate: #ff4b59;
  --color-z-bg-process: #ffc7001f;
  --color-z-bg-complete: #70c9001f;
  --color-z-bg-cancel: #ff7a001f;
  --color-z-bg-fail: #ff4b591f;
  --color-z-bg-secondary: var(--color-z-secondary);
  --color-z-text-process: #ffc700;
  --color-z-text-complete: #70c900;
  --color-z-text-cancel: #ff7a00;
  --color-z-text-fail: #ff4b59;
  --color-z-daily-finish: #27272a80;
  --color-z-prize-pool: #362a65;
  --color-z-quest-left-btn: #680349;
  --color-z-quest-right-btn: #ac0779;
  --color-z-reward-left-btn: #8c4d09;
  --color-z-reward-right-btn: #f78d1c;
  --color-z-promotion-left-btn: #090135;
  --color-z-promotion-right-btn: #482ed3;
  --color-z-member-level-left-btn: #012b11;
  --color-z-member-level-right-btn: #25a957;
  --color-z-affiliate-left-btn: #011735;
  --color-z-affiliate-right-btn: #1361c9;
  --color-z-free2play-left-btn: #3c096c;
  --color-z-free2play-right-btn: #7b2cbf;
  /* --color-z-affiliate-left-nav-btn: #37177e;
    --color-z-affiliate-right-nav-btn: #2d1466; */
  --color-z-t-gamecard: #1c1d26;
  --color-z-b-gamecard: #171820;
  --color-z-svg-primary: #fff;
  --color-z-svg-secondary: #fff;
  --color-z-svg-third: var(--color-z-none-select);
  --color-z-svg-fourth: #fff;
  --color-z-inherit: inherit;
  --color-z-b-menu: #2951c0;
  --color-z-modal: var(--color-z-secondary);
  --color-z-fade: var(--color-z-secondary);
  --color-z-bottom-menu-first: #ea5d0b;
  --color-z-bottom-menu-second: #12131a;
  --color-z-bullet-uncheck: #b0c4ff;
  --color-z-bullet-checked: var(--color-z-left-btn);
  --color-z-line: #37394a;
  --color-z-promotion-badge-1: #73f7ff;
  --color-z-promotion-badge-2: #acf162;
  --color-z-promotion-badge-3: #fff95e;
  --color-z-promotion-badge-4: #ffaafc;
  --color-z-promotion-badge-5: #ff9573;
  --color-z-loading: #ffb606;
  --color-z-t-active: #fff;
  --color-z-clr-primary: var(--color-z-left-btn);
  --color-z-clr-secondary-z: var(--color-z-none-select);
  --color-z-clr-third: var(--color-z-left-btn);
  --color-z-clr-white: #ffffff;
  --color-z-text-t-gradient: var(--color-z-left-btn);
  --color-z-link: #e4a308;
  --color-z-h-datepicker: var(--color-z-left-btn);
  --color-z-datepicker-left: var(--color-z-left-btn);
  --color-z-datepicker-right: #225bc4;
  --color-z-t-tab-active-left: #ffffff;
  --color-z-t-tab-active-right: #ffffff;
  --color-z-tab-content-left: #fff;
  --color-z-tab-content-right: #fff;
  --color-reward-public: #262836;
  --color-search-bg: var(--color-z-third);
  --color-search-active-left: var(--color-z-eighth);
  --color-search-active-right: var(--color-z-eighth);

  --color-arrow-down-menu-icon: #fff;

  --bg-z-promotion-gradient: linear-gradient(111deg, #ea5d0b 0%, #12131a 100%);
  --bg-z-chevron-down: url("/assets/icons/home-page/chevron-down.svg");
  /* --bg-z-checkmark: url('/assets/icons/register-modal/sign-up/checkmark.svg'); */
  /* --bg-z-success: url('/assets/icons/register-modal/sign-up/success_status.svg'); */
  /* --bg-z-error: url('/assets/icons/register-modal/sign-up/error_status.svg'); */
  /* --bg-z-info: url('/assets/icons/register-modal/sign-up/info_status.svg'); */
  --bg-z-promotion-bonus: url("/assets/icons/promotion-page/bonus.svg");
  --bg-z-concept: url("/assets/images/reward/studio-background-concept.svg");
  --bg-z-green-collect: url("/assets/icons/reward/exchange-money/button.svg");
  --bg-z-coin: url("/assets/icons/member-level/coin-background.svg");
  --bg-z-header-reward-sm: url("/assets/icons/reward/bg-header-sm.svg");
  --bg-z-header-reward-md: url("/assets/icons/reward/bg-header-md.svg");
  --bg-z-reward-decoration-sm: url("/assets/icons/reward/bg-decoration-sm.svg");
  --bg-z-reward-decoration-md: url("/assets/icons/reward/bg-decoration-redblack-md.svg");
  --bg-z-header-quest-sm: url("/assets/images/quest/header-sm.svg");
  --bg-z-header-quest-md: url("/assets/images/quest/header-md.svg");
  --bg-z-game-providers: url("/assets/images/bg-game-providers.svg");
}
.cur-point.bg-secondary {
  border: 1px solid #ea5d0b !important;
}

.border-reward-public-2 {
  border-color: #37394a !important;
}
.text-gradient-no-hover {
  color: var(--color-z-left-btn) !important;
}

.title-modal.bg-third {
  background-color: var(--color-z-fourth) !important;
}

.quest-card.bg-gradient-active {
  background: linear-gradient(111deg, #ea5d0b 0%, #12131a 100%) !important;
}
.quest-tab {
  color: #fff !important;
}

.bg-gradient-to-br.from-h-left-btn.to-h-right-btn.bg-table-secondary,
.router-link-active .side-bar-menu,
.bg-gradient-action-menu:hover,
.tap-dialy-active,
.bg-gradient-to-r.from-h-left-btn.to-h-right-btn {
  background: var(--no-24-gradients, linear-gradient(111deg, #ea5d0b 0%, #12131a 100%)) !important;
}

.bg-third.calendar-custom-class,
.dp__instance_calendar .--dp-background-color {
  background: var(--color-z-third) !important;
}

.coupon-code-border.bg-third,
.coupon-code.bg-third {
  background: var(--color-z-sixth);
}

.bg-secondary.quest-progress {
  background-color: var(--color-z-fourth);
}

.dp__theme_dark {
  --dp-background-color: var(--color-z-third) !important;
}

.fill-t-active {
  fill: var(--color-z-eighth) !important;
}

.fill-t-primary {
  fill: var(--color-z-eighth) !important;
}

.change-p {
  color: var(--color-z-text-process) !important;
}

.quest-game-list.bg-gradient-active {
  font-weight: bold !important;
}

.reward-pb {
  background: var(--color-z-primary) !important;
}

.reward-pb-mask {
  background: var(--color-z-third) !important;
}