@charset "UTF-8";
.realtime-message-toast[data-v-4a62a9ab] {
  box-sizing: border-box;
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  left: 50%;
  z-index: 10001;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 32px;
  gap: 10px;
  align-items: start;
  width: calc(100vw - 32px);
  max-width: 520px;
  padding: 14px;
  border: 1px solid rgba(193, 255, 17, 0.45);
  border-radius: 8px;
  background: #171b1b;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  color: #fff;
  font-family: Inter, sans-serif;
  letter-spacing: 0;
  transform: translateX(-50%);
}
.realtime-message-toast__icon[data-v-4a62a9ab] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #c1ff11;
  color: #111;
  font-size: 21px;
}
.realtime-message-toast__body[data-v-4a62a9ab] {
  min-width: 0;
}
.realtime-message-toast__body strong[data-v-4a62a9ab],
.realtime-message-toast__body p[data-v-4a62a9ab] {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
}
.realtime-message-toast__body strong[data-v-4a62a9ab] {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  -webkit-line-clamp: 2;
}
.realtime-message-toast__body p[data-v-4a62a9ab] {
  margin-top: 4px;
  color: #c5ced8;
  font-size: 13px;
  line-height: 18px;
  -webkit-line-clamp: 2;
}
.realtime-message-toast__detail[data-v-4a62a9ab] {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  min-height: 28px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #c1ff11;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.realtime-message-toast__close[data-v-4a62a9ab] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.realtime-message-enter-active[data-v-4a62a9ab],
.realtime-message-leave-active[data-v-4a62a9ab] {
  transition: opacity 180ms ease, transform 180ms ease;
}
.realtime-message-enter-from[data-v-4a62a9ab],
.realtime-message-leave-to[data-v-4a62a9ab] {
  opacity: 0;
  transform: translate(-50%, -16px);
}
@media (max-width: 480px) {
  .realtime-message-toast[data-v-4a62a9ab] {
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    width: calc(100vw - 20px);
    padding: 12px;
  }
}
.botton[data-v-32518060] {
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0 10px;
}
@media screen and (width >= 960px) {
  .defaultHoverStyle[data-v-32518060]:hover {
    background: var(--theme-primary-btn-hover) !important;
  }
  .yellowHoverStyle[data-v-32518060]:hover {
    background: var(--theme-btn-hover) !important;
  }
}
.google[data-v-7b226834] {
  padding: 0px 20px 30px 20px;
}
.google input[data-v-7b226834] {
  width: 100%;
  height: 46px;
  background-color: var(--themebox-bg);
  border: none;
  box-shadow: none;
  border-radius: 8px;
  padding: 10px 15px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  color: var(--theme-text-primary) !important;
}
.google input[data-v-7b226834]::-moz-placeholder {
  color: var(--theme-text-secondary);
  opacity: 1;
}
.google input[data-v-7b226834]::placeholder {
  color: var(--theme-text-secondary);
  opacity: 1;
}
.google .g-msg[data-v-7b226834] {
  text-align: center;
}
.google .g-msg img[data-v-7b226834] {
  width: 60px;
  height: 68.571px;
}
.google .g-msg .g-title[data-v-7b226834] {
  font-size: 16px;
  font-weight: 700;
  color: var(--theme-text-primary) !important;
  margin-top: 10px;
}
.google .g-msg .g-mast[data-v-7b226834] {
  font-size: 12px;
  font-weight: 400;
  color: var(--theme-text-primary) !important;
  margin-top: 10px;
}
.google .g-top[data-v-7b226834] {
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.google .g-top .g-close[data-v-7b226834] {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.google .g-desc[data-v-7b226834] {
  font-size: 12px;
  font-weight: 400;
  color: var(--theme-text-primary) !important;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
}
.google .g-desc .mb-input[data-v-7b226834] {
  position: absolute;
  top: 3px;
  opacity: 0.1;
  background-color: var(--theme-code-bg);
  caret-color: transparent;
}
.google .g-desc .code-box[data-v-7b226834] {
  display: flex;
  gap: 10px;
  margin-top: 40px;
}
.google .g-desc .code-item[data-v-7b226834] {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid var(--theme-echart-bg);
  background: var(--theme-code-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 32px;
  font-weight: 700;
  color: var(--theme-text-primary) !important;
}
.google .input-btn[data-v-7b226834] {
  margin-top: 20px;
}
.google .input-btn span[data-v-7b226834] {
  font-size: 16px;
  font-weight: 700;
  color: var(--theme-text-primary) !important;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"), url(/static/fonts/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"), url(/static/fonts/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"), url(/static/fonts/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"), url(/static/fonts/inter-greek-400-normal-q2sYcFCs.woff) format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"), url(/static/fonts/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"), url(/static/fonts/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"), url(/static/fonts/inter-latin-400-normal-CyCys3Eg.woff) format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --theme-page-bg: #f1f2f4;
  --theme-main-bg: #f1f2f4;
  --theme-header-bg: #fff;
  --theme-Withdrawal-Details-bg: #fff;
  --theme-container-bg: #161a2a;
  --theme-chart-container-bg: #161a2a;
  --theme-card-bg: #e5e7ec;
  --theme-check7-bg: #f1f2f4;
  --theme-sidebar-bg: #fff;
  --theme-sidebar-li-text: #010101;
  --theme-footer-bg: #f1f2f4;
  --theme-Text-color-3: #b4b5c5;
  --theme-undertint-bg: #0d1121;
  --theme-side-top-bg: #fff;
  --theme-lucky-bg: #e1fd57;
  --theme-lucky-url: "";
  --theme-google-bg: #fff;
  --theme-day-bg: #5788fd;
  --theme-text-primary: #010101;
  --theme-choice-unselected-text1: #010101;
  --theme-choice-unselected-text2: #010101;
  --theme-outer-bg: #292d42;
  --theme-text-white: #fff;
  --theme-text-secondary: #7a7d86;
  --theme-title-secondary: #7a7d86;
  --theme-text-agreement: #5788fd;
  --theme-text-muted: #b4b5c5;
  --theme-vip-img-bg: #b4b5c5;
  --theme-text-disabled: #dee2e6;
  --theme-primary: #5788fd;
  --theme-option-select-currency-hover-bg: #5788fd;
  --theme-option-select-currency-hover-text: #fff;
  --theme-choice-select-text: #5788fd;
  --theme-selected-tab-bg: #5788fd;
  --theme-choice-selected-tab-bg: #5788fd2d;
  --theme-choice-selected-action-tab-text: #fff;
  --theme-choice-nav-selected-action-tab-text: #fff;
  --theme-choice-selected-action-tab-bg: #5788fd;
  --theme-choice-nav-selected-action-tab-bg: #5788fd;
  --theme-option-selected-action-tab-bg: #5788fd;
  --theme-option-selected-action-tab-text: #fff;
  --theme-primary-hover: #4a7afc;
  --theme-choice-filter-itme-hover-bg: #4a7afc;
  --theme-choice-filter-itme-hover-text: #fff;
  --theme-primary-light: rgb(87 136 253 / 10%);
  --theme-primary-light02: rgb(87 136 253 / 20%);
  --theme-primary-light005: rgb(87 136 253 / 5%);
  --theme-success: #28a745;
  --theme-warning: #e1fd57;
  --theme-success-bg: #6f9ef7;
  --theme-success-text: #fff;
  --theme-info-bg: #6f9ef7;
  --theme-info-text: #fff;
  --theme-warning-bg: #eb8b4b;
  --theme-warning-text: #fff;
  --theme-error-bg: #f06040;
  --theme-error-text: #fff;
  --theme-accordion-text: #5788fd;
  --theme-error: #dc3545;
  --theme-Happy: #ff0303;
  --theme-info: #6f9ef7;
  --theme-supplier: #545aff;
  --theme-border-light: rgb(0 0 0 / 12.5%);
  --theme-border-normal: rgb(0 0 0 / 17.5%);
  --theme-border-strong: rgb(0 0 0 / 30%);
  --theme-shadow-light: rgb(0 0 0 / 7.5%);
  --theme-shadow-normal: rgb(0 0 0 / 15%);
  --theme-shadow-strong: rgb(0 0 0 / 30%);
  --themebox-bg: #141620;
  --theme-choice-bet-bg: #141620;
  --themebox-staking-bg: #fff;
  --theme-primary-borderTop: #4f7fff;
  --theme-primary-border: rgb(100 120 230 / 20%);
  --theme-num-bg: #1a1c27;
  --theme-linear-bg:
    linear-gradient(
      0deg,
      #000202 0%,
      rgb(0 0 0 / 0%) 100%);
  --theme-banner-bg:
    linear-gradient(
      
      0deg,
      #1a1b28 0%,
      rgb(28 32 54 / 80%) 60.98%,
      rgb(32 41 79 / 0%) 100% );
  --theme-supplier-bg: #272a37;
  --theme-login-btn: #272a37;
  --theme-vip-bg: #272a37;
  --theme-right-hover: rgb(32 41 79 / 80%);
  --theme-right-opacity: rgb(32 41 79 / 8%);
  --theme-right-bg: #2a2d3d;
  --theme-Record-sele-bg: #2a2d3d;
  --theme-right-btn-bg: #2a2d3d;
  --theme-title-all-color: #fff;
  --theme-nav-btn-bg: #2a2d3d;
  --theme-right-text: #1a1c27;
  --theme-tabs-hover: rgb(42 45 61 / 95%);
  --theme-tabs-shadow01: rgb(0 0 0 / 10%);
  --theme-tabs-shadow02: rgb(0 0 0 / 20%);
  --theme-tabs-shadow03: rgb(0 0 0 / 30%);
  --theme-tabs-shadow04: rgb(0 0 0 / 40%);
  --theme-tabs-shadow05: rgb(0 0 0 / 50%);
  --theme-tabs-shadow06: rgb(0 0 0 / 60%);
  --theme-tabs-shadow07: rgb(0 0 0 / 70%);
  --theme-tabs-shadow09: rgb(0 0 0 / 90%);
  --theme-tabs-shadow025: rgb(0 0 0 / 25%);
  --theme-tabs-shadow015: rgb(0 0 0 / 15%);
  --theme-tabs-shadow035: rgb(0 0 0 / 35%);
  --theme-tabs-shadow005: rgb(0 0 0 / 5%);
  --theme-indicator-shadow: rgb(45 58 143 / 25%);
  --theme-tabs-bg: gba(42, 45, 61, 0.7);
  --theme-btn-text: #0c3560;
  --theme-btn-hover: #ebff87;
  --theme-setting-hover: #2c3043;
  --theme-btnHover-text: #1a1d29;
  --theme-swiper-bg: #323738;
  --theme-side-bg: #323545;
  --theme-history-bg: #323545;
  --theme-echart-bg: #5a648c;
  --theme-circle-bg: #f24822;
  --theme-circle-num: #ed7b2f;
  --theme-parting-bg: #2b2e3c;
  --theme-timer-bg: #673949;
  --theme-partingHover-bg: #171a23;
  --theme-circle-shadow: rgb(218 16 50 / 50%);
  --theme-gameImage-bg: #282929;
  --theme-primary-bg: rgb(87 136 253 / 80%);
  --theme-border-03: rgb(255 255 255 / 30%);
  --theme-border-001: rgb(255 255 255 / 1%);
  --theme-border-02: rgb(255 255 255 / 20%);
  --theme-border-01: rgb(255 255 255 / 10%);
  --theme-border-05: rgb(255 255 255 / 50%);
  --theme-border-09: rgb(255 255 255 / 90%);
  --theme-border-08: rgb(255 255 255 / 80%);
  --theme-border-005: rgb(255 255 255 / 5%);
  --theme-search-hover: rgb(161 175 223 / 10%);
  --theme-search-border: #303749;
  --theme-search-bg: #0a081f;
  --theme-search-all-bg: #0a081f;
  --theme-none-bg: #1e2021;
  --theme-border-color: #eee;
  --theme-percentage-success: #48c03d;
  --theme-rewars-success: #72f238;
  --theme-check-bg: #007d6f;
  --theme-check: #202330;
  --theme-check-text: #007d6f;
  --theme-check-shabow: #ffd34c;
  --theme-check-border: #ffd14a;
  --theme-amount-text: #001011;
  --theme-percentage-error: #eb573e;
  --theme-bottom-bg:
    linear-gradient(
      to bottom right,
      #5788fd,
      #545aff);
  --theme-bottom-shadow: 0px -2px 0px 0px rgb(0 0 0 / 25%) inset;
  --theme-login-shadow: rgb(42 57 144 / 100%);
  --theme-bonus-bg: rgb(255 111 0 / 10%);
  --theme-browse-color: #7eb0fe;
  --theme-browse-icon-color: #b4b5c5;
  --theme-popover-color: #2b2d2d;
  --theme-pacman-bg:
    linear-gradient(
      135deg,
      #ffd700 0%,
      #ffa500 100%);
  --theme-pacman-shadow: rgb(255 215 0 / 30%);
  --theme-purse-bg: #ffcf53;
  --theme-pacman-shadow: rgb(255 215 0 / 30%);
  --theme-dropdown-color: #888;
  --theme-total-text: #7a7d86;
  --theme-card-text: #9acd32;
  --theme-card-hover: #7fb036;
  --theme-code-bg: #20294f;
  --theme-card-color: #000;
  --theme-register-bg: #1a1c1d;
  --theme-inviteItem-text: #232c49;
  --theme-invite-bg: #212944;
  --theme-invite-text: #75777f;
  --theme-invite-copy-text: #75777f;
  --theme-invite-max: #373b48;
  --theme-tabbox-bg: #141622;
  --theme-invite-linear:
    linear-gradient(
      21deg,
      #252f4f 52.1%,
      #4a64b4 100%);
  --theme-card-linear:
    linear-gradient(
      90deg,
      #545aff 0%,
      #5788fd 100%);
  --theme-btn-linear:
    linear-gradient(
      180deg,
      #5788fd 0%,
      #545aff 100%);
  --theme-profile-linear:
    linear-gradient(
      107deg,
      #293143 3.5%,
      #252730 76.12%,
      #20235b 97.1%);
  --theme-subject-text: #b2bfbf;
  --theme-subject-bg: #181919;
  --theme-no-color: #1f212c;
  --theme-no-color-bg: #1f212c;
  --theme-no-showtips: #000000c0;
  --theme-card-shadow03: rgb(154 205 50 / 30%);
  --theme-card-shadow04: rgb(154 205 50 / 40%);
  --theme-floating-shadow07: rgb(42 45 61 / 70%);
  --theme-floating-shadow095: rgb(42 45 61 / 95%);
  --theme-spinner-shadow02: rgb(100 120 230 / 20%);
  --theme-purse-shadow087: rgb(237 47 0 / 87%);
  --theme-current-shadow05: rgb(87 136 253 / 50%);
  --theme-tool-shadow02: rgb(84 90 255 / 20%);
  --theme-current-bg: rgb(18 8 16 / 0%);
  --theme-buttom-box-bg: #1f2330;
  --theme-Encryption-bg: #272a37;
  --theme-headr-border: rgb(0 0 0 / 35%);
  --theme-icon-bg: #272a37;
  --theme-select-bg: #272a37;
  --theme-Profile-Balance-bg: #272a37;
  --theme-cell-bg: #1f2330;
  --theme-footer-primary: #fff;
  --theme-lang-primary: #1f2330;
  --theme-login-bg: #181919;
  --theme-lang-text: #fff;
  --theme-Rewards-text: #fff;
  --theme-service-bg: #1f2330;
  --theme-swipe-text: #fff;
  --theme-dialog-bg: #2a2d3d;
  --theme-dialog-text: #fff;
  --theme-cart-text: #b4b5c5;
  --theme-cart-usd: #b4b5c5;
  --theme-cart-num-text: #fff;
  --theme-cart-btn-text: #010101;
  --theme-right-nav: #ffff;
  --theme-cart-btn: #b4b5c5;
  --theme-Forgot-bg: #b4b5c5;
  --theme-vip-img-text: #b4b5c5;
  --theme-nav-bg: #222532;
  --theme-nav-border: #5788fd;
  --theme-lucky-text: #5788fd;
  --theme-nav-active: transparent;
  --theme-rewars-text: #e1fd57;
  --theme-rewars-bg:
    linear-gradient(
      180deg,
      #58343d 0%,
      #222532 100%);
  --theme-rewars-bg2:
    linear-gradient(
      180deg,
      #253373 0%,
      #222532 100%);
  --theme-Novicetask-bg:
    linear-gradient(
      180deg,
      #253373 0%,
      #222532 100%);
  --theme-Dailytasks-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #26267a 100%);
  --theme-Check7th-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #25734d 100%);
  --theme-Dailyfirst-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #73542e 100%);
  --theme-Rebatereward-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #25607b 100%);
  --theme-Weeklytasks-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #712675 100%);
  --theme-LuckyWheel-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #72732d 100%);
  --theme-Redecode-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #7b3a50 100%);
  --theme-First-bg:
    linear-gradient(
      180deg,
      #62502f 0%,
      #222532 100%);
  --theme-Novicetask-edsc: #222532;
  --theme-Dailytasks-edsc: #222532;
  --theme-Check7th-edsc: #222532;
  --theme-Dailyfirst-edsc: #222532;
  --theme-Rebatereward-edsc: #222532;
  --theme-Weeklytasks-edsc: #222532;
  --theme-LuckyWheel-edsc: #222532;
  --theme-Redecode-edsc: #222532;
  --theme-Record-bg: #222532;
  --theme-data-bg: rgb(24 25 25);
  --theme-data-border: #4c4d4f;
  --theme-vipGrade0-bg:
    linear-gradient(
      180deg,
      #414141 0%,
      #222532 100%);
  --theme-vipGrade1-bg:
    linear-gradient(
      180deg,
      #484d59 0%,
      #222532 100%);
  --theme-vipGrade2-bg:
    linear-gradient(
      180deg,
      #5a3d27 0%,
      #222532 100%);
  --theme-vipGrade3-bg:
    linear-gradient(
      180deg,
      #3e235d 0%,
      #222532 100%);
  --theme-vipGrade4-bg:
    linear-gradient(
      180deg,
      #563919 0%,
      #222532 100%);
  --theme-vipGrade5-bg:
    linear-gradient(
      180deg,
      #3c4862 0%,
      #222532 100%);
  --theme-vipGrade6-bg:
    linear-gradient(
      180deg,
      #25376d 0%,
      #222532 100%);
  --theme-vipGrade7-bg:
    linear-gradient(
      180deg,
      #442b71 0%,
      #222532 100%);
  --theme-vipGrade8-bg:
    linear-gradient(
      180deg,
      #511d47 0%,
      #222532 100%);
  --theme-vipGrade9-bg:
    linear-gradient(
      180deg,
      #71461e 0%,
      #222532 100%);
  --theme-vipGrade10-bg:
    linear-gradient(
      180deg,
      #104d2a 0%,
      #222532 100%);
  --theme-bar-bg: rgb(26 27 40);
  --theme-unbtn-bg: #b4b5c5;
  --theme-Rebate1-bg:
    linear-gradient(
      180deg,
      #479 0%,
      #222532 100%);
  --theme-Rebate2-bg:
    linear-gradient(
      180deg,
      #b77eb8 0%,
      #222532 100%);
  --theme-Rebate3-bg:
    linear-gradient(
      180deg,
      #976eb3 0%,
      #222532 100%);
  --theme-Rebate4-bg:
    linear-gradient(
      180deg,
      #461fbd 0%,
      #222532 100%);
  --theme-Rebate5-bg:
    linear-gradient(
      180deg,
      #459cb6 0%,
      #222532 100%);
  --theme-Rebate6-bg:
    linear-gradient(
      180deg,
      #8f9fec 0%,
      #222532 100%);
  --theme-Rebate7-bg:
    linear-gradient(
      180deg,
      #1f748f 0%,
      #222532 100%);
  --theme-Rebate8-bg:
    linear-gradient(
      180deg,
      #0a4799 0%,
      #222532 100%);
  --theme-tabbar-text: #b4b5c5;
  --theme-tabbar-active-text: #fff;
  --theme-tabbar-active-bg: #1a1d29;
  --theme-browse-border: rgb(161 175 223);
  --theme-back-bg: rgb(255 255 255 / 10%);
  --theme-no-select-bg: #5063a9;
  --theme-footer-icon-bg: rgb(0 0 0 / 10%);
  --theme-progress-bg: rgb(255 255 255 / 30%);
  --theme-cookie-bg: #1e2024;
  --theme-grid-line: rgb(54 57 57 / 40%);
  --theme-chart-line1: #616363;
  --theme-chart-line2: #bbb5b5;
  --theme-chart-line-gradient-start: rgb(89 225 242 / 100%);
  --theme-chart-line-gradient-middle: rgb(123 106 244 / 100%);
  --theme-chart-line-gradient-end: rgb(80 96 247 / 100%);
  --theme-chart-fill-start-bg: rgb(89 225 242 / 50%);
  --theme-chart-fill-end-bg: rgb(115 99 231 / 5%);
  --theme-countdown-time-remaining: #e1fd57;
  --theme-countdown-time-remaining-bg: #5d3d3c;
  --theme-choice-buy-btn-bg:
    linear-gradient(
      180deg,
      #5788fd 0%,
      #545aff 100%);
  --theme-choice-buy-btn-text: #fff;
  --theme--wallet-input-bg: #141620;
  --theme--wallet-input-container: #222532;
  --theme--apy-text: #e1fd57;
  --theme--promotions-card-to-bottom-gradual-bg:
    linear-gradient(
      
      180deg,
      #1b5a7e 0%,
      #121820 100% );
  --theme--promotions-card-left-right-gradual-bg:
    linear-gradient(
      
      270deg,
      #121820 0%,
      #1b5a7e 100% );
  --theme-balance-text: rgb(255 255 255 / 50%);
}
[data-theme=green] {
  --theme-page-bg: #171b1b;
  --theme-main-bg: #171b1b;
  --theme-community-bg: #171b1b;
  --theme-header-bg: #252728;
  --theme-history-list-bg: #171b1b;
  --theme-Withdrawal-Details-bg: #171b1b;
  --theme-container-bg: #252728;
  --theme-chart-container-bg: #252728;
  --theme-card-bg: #252728;
  --theme-google-bg: #252728;
  --theme-dialog-bg: #252728;
  --theme-check7-bg: #767974;
  --theme-select-bg: #363e42;
  --theme-check7-center-bg: #434542;
  --theme-sidebar-bg: #252728;
  --theme-sidebar-li-text: #fff;
  --theme-undertint-bg: #171b1b;
  --theme-cell-bg: #252728;
  --theme-footer-bg: #171b1b;
  --theme-Profile-Balance-bg: #2e302e;
  --theme-lucky-bg: #2d3335;
  --theme-search-all-bg: #000;
  --theme-lucky-url: url(/static/img/luckywheel7-green-BsVJoGXu.png);
  --theme-lucky-url4: url(/static/img/luckywheel4-green-euqnlgsX.png);
  --theme-accordion-text: #c1ff11;
  --theme-swipe-text: #fff;
  --theme-text-primary: #fff;
  --theme-choice-unselected-text1: #fff;
  --theme-choice-unselected-text2: #b4b5c5;
  --theme-home-active-bg: #c1ff11;
  --theme-browse-border: #e4f7af;
  --theme-no-select-bg: #e4f7af;
  --theme-nav-bg: #252728;
  --theme-lang-primary: #363e42;
  --theme-service-bg: #363e42;
  --theme-home-active-text: #191b25;
  --theme-home-active-tap: #fff;
  --theme-vip-img-bg: #767974;
  --theme-outer-bg: #141622;
  --theme-unselected-gray-container-bg: #222a44;
  --theme-unselected-gray-container-bg: #1f2330;
  --theme-gray-container: #272a37;
  --theme-text-white: #fff;
  --theme-text-secondary: #aaada9;
  --theme-title-secondary: #aaada9;
  --theme-right-bg: #363e42;
  --theme-Record-sele-bg: #2e302e;
  --theme-text-muted: #949aaf;
  --theme-invite-bg: #202b14;
  --theme-text-disabled: #647b7b;
  --theme-primary: #5788fd;
  --theme-num-bg: #1a1c27;
  --theme-no-color-bg: #252728;
  --theme-primary-hover: #4a7afc;
  --theme-primary-light: rgb(87 136 253 / 10%);
  --theme-border-light: rgb(255 255 255 / 10%);
  --theme-border-strong: rgb(255 255 255 / 30%);
  --theme-border-normal: rgb(255 255 255 / 20%);
  --theme-shadow-light: rgb(0 0 0 / 10%);
  --theme-shadow-normal: rgb(0 0 0 / 20%);
  --theme-shadow-strong: rgb(0 0 0 / 40%);
  --theme-input-bg: #0a081f;
  --theme-input-color: #fff;
  --theme-button-bg: #222532;
  --theme-buttom-text: #764708;
  --theme-buttom-text-disabled: #e5e7ec;
  --theme-buttom-color: #fff;
  --theme--buttom-primary: #c1ff11;
  --theme-browse-bg:
    linear-gradient(
      90deg,
      #81a90e 0%,
      #3c5823 30%,
      #303730 100%);
  --theme-invite-linear:
    linear-gradient(
      21deg,
      #3c4f25 52.1%,
      #6eb44a 100%);
  --theme-browse-color: #c1ff11;
  --theme-browse-icon-color: #b5b3b1;
  --theme-vip-img-text: #c1ff11;
  --theme-Rebatereward-edsc: #434542;
  --themebox-bg: #2b351c;
  --theme-choice-bet-bg: #141620;
  --theme-recharge-code-bg: #171b1b;
  --theme-search-bg: #000;
  --themebox-staking-bg: #252728;
  --theme-buttom-box-bg: #c1ff11;
  --theme-Rewards-text: #aaada9;
  --theme-buttom-box-text: #1d171c;
  --theme-banner-title: #fff;
  --theme-tabbox-bg: #171b1b;
  --theme-icon-bg: #434542;
  --theme-tabbox-text: #b4b5c5;
  --theme-tabbox-active: #fff;
  --theme-tabbox-active-bg: #434542;
  --theme-tabbar-text: #b4b5c5;
  --theme-tabbar-active-text: #c1ff11;
  --theme-tabbar-active-bg: #434542;
  --theme-grid-line: rgb(54 57 57 / 40%);
  --theme-chart-line1: #616363;
  --theme-chart-line-gradient-start: rgb(191 219 10 / 100%);
  --theme-chart-line-gradient-middle: rgb(69 219 10 / 100%);
  --theme-chart-line-gradient-end: rgb(10 219 146 / 100%);
  --theme-chart-fill-start-bg: rgb(191 219 10 / 50%);
  --theme-chart-fill-end-bg: rgb(10 219 146 / 5%);
  --theme-inviteItem-text: #202b14;
  --theme-chart-line2: #bbb5b5;
  --theme-countdown-time-remaining: #c1ff11;
  --theme-partingHover-bg: #d3dbbd;
  --theme-countdown-time-remaining-bg: #272a37;
  --theme-nav-btn-bg: #2e302e;
  --theme-progress-bg: #fff;
  --theme-card-linear:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-primary-text: #464845;
  --theme-primary-btn-text: #464845;
  --theme-cart-btn-text: #464845;
  --theme-btnHover-text: #464845;
  --theme-primary-main-text: #c1ff11;
  --theme-primary-title-text: #c1ff11;
  --theme-progress-filling-bg: #c1ff11;
  --theme-bonus-bg: rgb(193 255 17 / 10%);
  --theme-Agreement-text: #c1ff11;
  --theme-day-bg: #c1ff11;
  --theme-text-agreement: #c1ff11;
  --theme-primary-bg-text: #c1ff11;
  --theme-tab-text: #c1ff11;
  --theme-profile-linear: #2e302e;
  --theme-yellow-btn-bg:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-primary-btn-hover:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-btn-hover:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-bottom-bg:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-bottom-shadow: 0px -2px 0px 0px rgb(0 0 0 / 25%) inset;
  --theme-purple-btn-bg: #fdaa10;
  --theme-purple-btn-hover: #ffbc3f;
  --theme-purple-btn-text: #fff;
  --theme-purple-blue-btn-bg: #fdaa10;
  --theme-purple-blue-btn-hover: #ffbc3f;
  --theme-purple-blue-btn-text: #fff;
  --theme-primary-Financial-text: #fdaa10;
  --theme-header-svg-text: #c1ff11;
  --theme-rewars-text: #c1ff11;
  --theme-nav-border: #c1ff11;
  --theme-primary-secondary-text: #c1ff11;
  --theme-right-btn-bg: #fff;
  --theme-code-url: url(data:image/png;base64,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);
  --theme-option-selected-action-tab-bg: #c1ff11;
  --theme-option-selected-action-tab-text: #464845;
  --theme-option-selected-unselected-tab-text: #fff;
  --theme-choice-selected-action-tab-text: #fff;
  --theme-choice-nav-selected-action-tab-text: #000;
  --theme-choice-selected-action-tab-bg: #c1ff11;
  --theme-choice-nav-selected-action-tab-bg: #c1ff11;
  --theme-choice-selected-tab-bg: #c1ff112d;
  --theme-choice-select-text: #464845;
  --theme-choice-buy-btn-bg:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-choice-buy-btn-text: #464845;
  --theme-primary-usd-bg: #2e302e;
  --theme-primary-code-mb: #1f212c;
  --theme-equipment-text: #c1ff11;
  --theme-check-shabow: #c1ff11;
  --theme-check-border: #c1ff11;
  --theme-active-check7-text: #1a1d29;
  --theme-option-select-currency-hover-bg: #c1ff11;
  --theme-option-select-currency-hover-text: #464845;
  --theme-choice-filter-itme-hover-bg: #c1ff11;
  --theme-choice-filter-itme-hover-text: #464845;
  --theme-right-hover: rgb(161 175 223 / 10%);
  --theme-home-default-bg: #363e42;
  --theme--apy-text: #c1ff11;
  --themesupplier-item-bg: #363e42;
  --theme-Encryption-bg: #363e42;
  --theme-border: #c1ff11;
  --theme--promotions-card-to-bottom-gradual-bg:
    linear-gradient(
      
      180deg,
      #445712 0%,
      #252728 100% );
  --theme--promotions-card-left-right-gradual-bg:
    linear-gradient(
      
      270deg,
      #252728 0%,
      #445712 100% );
  --theme-svg-bg: rgb(193 255 17 / 10%);
  --theme-login-bg:
    linear-gradient(
      90deg,
      #c1ff11 0%,
      #79c90a 100%);
  --theme-login-shadow: 0px -2px 0px 0px #278304 inset;
  --theme-register-bg: none;
  --theme-register-bottom-text: #c1ff11;
  --theme-register-border: 0.5px solid #c1ff11;
  --theme-register-shadow: none;
  --theme-register-btn-hove: #121820;
  --theme-login-tab-active-bg: #2e302e;
  --theme-login-border: 1px solid #c1ff11;
  --theme-login-tab-bg: #000;
  --theme-tag-bg: #1c1e22;
  --theme-tag-text: #aaada9;
  --theme-user-profile-border: rgb(193 255 17 / 49%);
  --theme-user-profile-gradient:
    linear-gradient(
      
      180deg,
      rgb(193 255 17 / 20%) 0%,
      rgb(94 153 0 / 20%) 100% );
  --theme-balance-text-active: #c1ff11;
}
:root {
  --van-overlay-background: rgb(0 0 0 / 40%);
  --van-popup-background: #181919;
  --van-dialog-background: #181919;
  --van-dialog-header-background: #222532;
  --van-dialog-header-color: #fff;
  --van-dialog-message-color: #fff;
  --van-dialog-confirm-button-text-color: #28ec8a;
  --van-button-default-color: #fff;
  --van-action-sheet-background: #2b2d2d;
  --van-action-sheet-item-color: #fff;
  --van-picker-background: #2b2d2d;
  --van-picker-title-color: #fff;
  --van-picker-confirm-action-color: #28ec8a;
  --van-picker-option-text-color: #b2bfbf;
  --van-picker-option-selected-text-color: #fff;
}
html {
  font-size: 16px;
  background-color: var(--theme-page-bg);
  color: #9ac1c1;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
.en {
  font-family: "Gabarito" !important;
}
.cn {
  font-family: "SourceHanSansHCCN" !important;
}
.text-browse-weight-en {
  font-weight: 500 !important;
}
.text-browse-weight-vn {
  font-weight: 500 !important;
}
.text-browse-weight-ko {
  font-weight: 500 !important;
}
.text-browse-weight-jp {
  font-weight: 500 !important;
}
.text-browse-weight-ind {
  font-weight: 500 !important;
}
.text-browse-weight-cn {
  font-weight: 600 !important;
}
.text-browse-weight-tw {
  font-weight: 600 !important;
}
.svg-img {
  width: 80px;
  height: 80px;
}
.van-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}
.van-popover__arrow {
  display: none !important;
}
.van-popover__content {
  background: #282929 !important;
}
.van-dialog {
  background-color: rgba(0, 0, 0, 0) !important;
}
.van-dialog__header,
.van-dialog__message {
  color: #fff !important;
}
.van-dialog__content {
  background-color: rgba(0, 0, 0, 0) !important;
}
.van-dialog__confirm {
  color: #28ec8a !important;
}
.van-button--default {
  color: var(--theme-primary-text) !important;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  border: none !important;
}
.van-action-sheet {
  background: var(--theme-card-bg) !important;
  color: var(--theme-text-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.van-picker {
  background: #2b2d2d !important;
  color: #fff !important;
}
.van-picker__title {
  color: #fff !important;
}
.van-picker__confirm {
  color: #28ec8a !important;
}
.van-picker__option {
  color: #b2bfbf !important;
}
.van-picker__option--selected {
  color: #fff !important;
}
.van-dropdown-menu {
  background-color: transparent !important;
  height: 40px !important;
}
.van-dropdown-menu__bar {
  background-color: #282929 !important;
  box-shadow: none !important;
}
.van-dropdown-menu__item {
  background-color: transparent !important;
}
.van-dropdown-menu__item--disabled {
  opacity: 0.6;
}
.van-dropdown-menu__title {
  color: #fff !important;
}
.van-dropdown-item__option {
  background-color: #181919 !important;
  color: #fff !important;
}
.van-dropdown-item__option--active {
  background-color: #2b2d2d !important;
  color: #28ec8a !important;
}
.van-dropdown-item__option--active .van-dropdown-item__icon {
  color: #28ec8a !important;
}
.van-dropdown-item__content {
  background-color: #282929 !important;
}
.van-calendar {
  background-color: #2b2d2d !important;
  color: #fff !important;
}
.van-calendar__header {
  background-color: #2b2d2d !important;
}
.van-calendar__header-title,
.van-calendar__header-subtitle {
  color: #fff !important;
}
.van-calendar__header-weekdays {
  color: #fff !important;
}
.van-calendar__month-title {
  color: #fff !important;
}
.van-calendar__day {
  color: #fff !important;
}
.van-calendar__day--disabled {
  color: #b2bfbf !important;
}
.van-calendar__popup {
  background-color: #181919 !important;
}
.van-calendar .van-button--default {
  color: var(--theme-primary-text) !important;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  border: none !important;
}
.van-popup {
  overflow-y: auto;
}
.van-dialog__header {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
  padding-top: 20px;
  padding-bottom: 10px;
}
.van-dialog__message {
  color: var(--theme-dialog-text) !important;
}
.van-dialog__content {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-hairline--top::after {
  border: none !important;
}
.van-dialog__footer {
  padding: 0 20px 20px !important;
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-button--default {
  height: 46px !important;
  border-radius: 8px;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.van-dialog--round-button .van-dialog__footer {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-dialog--round-button .van-button {
  background: var(--theme-bottom-bg);
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  color: var(--theme-primary-text) !important;
}
.right-all {
  box-sizing: border-box;
  display: flex;
  border-radius: 8px;
  align-items: center;
  background: var(--theme-right-bg);
  height: 30px;
  padding: 0 12px;
  color: var(--theme-title-all-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-left: 6px;
}
.right-all:hover {
  background: var(--theme-right-hover);
}
.right-slide {
  padding: 8px;
}
.right-slide .van-icon {
  color: #c1ff11;
  font-weight: bold;
}
.all-game {
  border-radius: 8px;
  background: #363e42;
  color: #fff;
}
.svg-icon {
  width: 20px;
  height: 20px;
  fill: currentcolor;
}
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
strong {
  font-weight: 700;
}
html {
  font-size: 16px;
  color: #222;
}
::-moz-selection {
  background-color: #b3d4fc;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  text-shadow: none;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: 5000s ease-in-out, color 5000s ease-in-out !important;
  transition: 5000s ease-in-out, color 5000s ease-in-out !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
body {
  padding-top: max(10px, env(safe-area-inset-top, 10px));
  font:
    1.2rem simhei,
    Arial,
    Helvetica,
    sans-serif;
  line-height: 1.5;
  height: 100%;
  background: var(--theme-page-bg);
  &::-webkit-scrollbar {
    display: none;
  }
}
a {
  text-decoration: none;
}
div {
  box-sizing: border-box;
  &::-webkit-scrollbar {
    display: none;
  }
}
a:hover,
a:active {
  color: #0ae;
  text-decoration: underline;
}
.cursor-p {
  cursor: pointer;
}
.cursor-not {
  cursor: not-allowed;
}
.d-flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.align-items-c {
  align-items: center;
}
.d-flex-c-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-flex-c-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-column {
  flex-direction: column;
}
.text-overflow-e1 {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-overflow-e2 {
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.van-floating-bubble {
  background: #20294f !important;
}
.van-dialog--round-button .van-button {
  border-radius: 8px;
}
.page-main {
  width: 100%;
  height: 100vh;
  background: var(--theme-main-bg);
}
.loading-box {
  padding: 10px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--theme-Text-color-3);
  font-size: 12px;
}
.yellowbutton {
  border-radius: 8px;
  background: var(--theme-yellow-btn-bg);
  box-shadow: 0 -2px 0 0 rgb(0 0 0 / 25%) inset;
  color: var(--theme-btnHover-text);
  cursor: pointer;
  &:hover {
    background: var(--theme-btn-hover);
    color: var(--theme-btnHover-text);
  }
}
.universalBtn1 {
  border-radius: 8px;
  color: var(--theme-primary-text);
  background: var(--theme-bottom-bg);
  box-shadow: 0 -2px 0 0 rgb(0 0 0 / 25%) inset;
  cursor: pointer;
  &:hover {
    background: var(--theme-primary-btn-hover);
  }
}
.blueButton {
  border-radius: 8px;
  background: var(--theme-card-linear);
  box-shadow: 0 -2px 0 0 rgb(0 0 0 / 25%) inset;
  cursor: pointer;
  &:hover {
    background: var(--theme-primary-btn-hover);
  }
}
.noButton {
  border-radius: 8px;
  background: #7a7d86;
  box-shadow: 0 -2px 0 0 rgb(0 0 0 / 25%) inset;
  color: #b4b5c5;
  pointer-events: none;
}
.no-data {
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tips-tit {
  height: 20px;
  align-items: center;
  font-size: 14px;
  color: var(--theme-lang-text);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.tips-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin-right: 5px;
}
.one {
  color: var(--theme-lang-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  p {
    color: var(--theme-lang-text) !important;
  }
}
.tips-footer {
  font-size: 14px;
  color: var(--theme-lang-text);
  margin: 20px auto;
  border-radius: 8px;
  background: var(--theme-nav-bg);
  padding: 20px;
}
@media screen and (width <= 680px) {
  .sidebar {
    width: 0 !important;
  }
  .layout-container {
    margin-top: 135.5px !important;
  }
  .box-content {
    margin-top: 0 !important;
  }
  .main-content {
    margin-left: 0 !important;
  }
  .min-width .browse-accordion-text {
    display: none !important;
  }
  .header-tabbar {
    display: block;
  }
  .pc-show {
    display: none;
  }
  .pc-hide {
    display: block;
  }
  .game-list-y {
  }
  .h5-hide {
    display: none !important;
  }
}
@media screen and (width >=680px) and (width <= 960px) {
  .sidebar {
    width: 240px !important;
  }
  .sidebar .browse-accordion-text {
    display: block !important;
  }
  .sidebar .van-icon-arrow {
    display: block !important;
  }
  .main-content {
    margin-left: 70px !important;
  }
  .min-width .browse-accordion-text {
    display: none !important;
  }
  .header-tabbar {
    display: none;
  }
  .pc-show {
    display: block !important;
  }
  .pc-hide {
    display: none !important;
  }
  .home-main {
    margin-top: 0 !important;
  }
  .home-main .right-tap {
    display: none;
  }
}
@media screen and (width >=960px) and (width <= 1288px) {
  .sidebar {
    width: 240px !important;
  }
  .sidebar .browse-accordion-text {
    display: block !important;
  }
  .sidebar .van-icon-arrow {
    display: block !important;
  }
  .min-width .browse-accordion-text {
    display: none !important;
  }
  .min-width .van-icon-arrow {
    display: none !important;
  }
  .header-tabbar {
    display: none;
  }
  .main-content {
  }
  .min-width {
    width: 70px !important;
  }
  .pc-show {
    display: block !important;
  }
  .pc-hide {
    display: none !important;
  }
  .home-main {
    margin-top: 0 !important;
  }
  .home-main .right-tap {
    display: none;
  }
}
@media screen and (width >= 1288px) {
  .sidebar {
    width: 240px !important;
  }
  .main-content {
  }
  .header-tabbar {
    display: none;
  }
  .pc-show {
    display: block !important;
  }
  .pc-hide {
    display: none !important;
  }
  .home-main {
    margin-top: 0 !important;
  }
  .home-main .right-tap {
    display: none;
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"), url(/static/fonts/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"), url(/static/fonts/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"), url(/static/fonts/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"), url(/static/fonts/inter-greek-400-normal-q2sYcFCs.woff) format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"), url(/static/fonts/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"), url(/static/fonts/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/fonts/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"), url(/static/fonts/inter-latin-400-normal-CyCys3Eg.woff) format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --theme-page-bg: #f1f2f4;
  --theme-main-bg: #f1f2f4;
  --theme-header-bg: #fff;
  --theme-Withdrawal-Details-bg: #fff;
  --theme-container-bg: #161a2a;
  --theme-chart-container-bg: #161a2a;
  --theme-card-bg: #e5e7ec;
  --theme-check7-bg: #f1f2f4;
  --theme-sidebar-bg: #fff;
  --theme-sidebar-li-text: #010101;
  --theme-footer-bg: #f1f2f4;
  --theme-Text-color-3: #b4b5c5;
  --theme-undertint-bg: #0d1121;
  --theme-side-top-bg: #fff;
  --theme-lucky-bg: #e1fd57;
  --theme-lucky-url: "";
  --theme-google-bg: #fff;
  --theme-day-bg: #5788fd;
  --theme-text-primary: #010101;
  --theme-choice-unselected-text1: #010101;
  --theme-choice-unselected-text2: #010101;
  --theme-outer-bg: #292d42;
  --theme-text-white: #fff;
  --theme-text-secondary: #7a7d86;
  --theme-title-secondary: #7a7d86;
  --theme-text-agreement: #5788fd;
  --theme-text-muted: #b4b5c5;
  --theme-vip-img-bg: #b4b5c5;
  --theme-text-disabled: #dee2e6;
  --theme-primary: #5788fd;
  --theme-option-select-currency-hover-bg: #5788fd;
  --theme-option-select-currency-hover-text: #fff;
  --theme-choice-select-text: #5788fd;
  --theme-selected-tab-bg: #5788fd;
  --theme-choice-selected-tab-bg: #5788fd2d;
  --theme-choice-selected-action-tab-text: #fff;
  --theme-choice-nav-selected-action-tab-text: #fff;
  --theme-choice-selected-action-tab-bg: #5788fd;
  --theme-choice-nav-selected-action-tab-bg: #5788fd;
  --theme-option-selected-action-tab-bg: #5788fd;
  --theme-option-selected-action-tab-text: #fff;
  --theme-primary-hover: #4a7afc;
  --theme-choice-filter-itme-hover-bg: #4a7afc;
  --theme-choice-filter-itme-hover-text: #fff;
  --theme-primary-light: rgb(87 136 253 / 10%);
  --theme-primary-light02: rgb(87 136 253 / 20%);
  --theme-primary-light005: rgb(87 136 253 / 5%);
  --theme-success: #28a745;
  --theme-warning: #e1fd57;
  --theme-success-bg: #6f9ef7;
  --theme-success-text: #fff;
  --theme-info-bg: #6f9ef7;
  --theme-info-text: #fff;
  --theme-warning-bg: #eb8b4b;
  --theme-warning-text: #fff;
  --theme-error-bg: #f06040;
  --theme-error-text: #fff;
  --theme-accordion-text: #5788fd;
  --theme-error: #dc3545;
  --theme-Happy: #ff0303;
  --theme-info: #6f9ef7;
  --theme-supplier: #545aff;
  --theme-border-light: rgb(0 0 0 / 12.5%);
  --theme-border-normal: rgb(0 0 0 / 17.5%);
  --theme-border-strong: rgb(0 0 0 / 30%);
  --theme-shadow-light: rgb(0 0 0 / 7.5%);
  --theme-shadow-normal: rgb(0 0 0 / 15%);
  --theme-shadow-strong: rgb(0 0 0 / 30%);
  --themebox-bg: #141620;
  --theme-choice-bet-bg: #141620;
  --themebox-staking-bg: #fff;
  --theme-primary-borderTop: #4f7fff;
  --theme-primary-border: rgb(100 120 230 / 20%);
  --theme-num-bg: #1a1c27;
  --theme-linear-bg:
    linear-gradient(
      0deg,
      #000202 0%,
      rgb(0 0 0 / 0%) 100%);
  --theme-banner-bg:
    linear-gradient(
      
      0deg,
      #1a1b28 0%,
      rgb(28 32 54 / 80%) 60.98%,
      rgb(32 41 79 / 0%) 100% );
  --theme-supplier-bg: #272a37;
  --theme-login-btn: #272a37;
  --theme-vip-bg: #272a37;
  --theme-right-hover: rgb(32 41 79 / 80%);
  --theme-right-opacity: rgb(32 41 79 / 8%);
  --theme-right-bg: #2a2d3d;
  --theme-Record-sele-bg: #2a2d3d;
  --theme-right-btn-bg: #2a2d3d;
  --theme-title-all-color: #fff;
  --theme-nav-btn-bg: #2a2d3d;
  --theme-right-text: #1a1c27;
  --theme-tabs-hover: rgb(42 45 61 / 95%);
  --theme-tabs-shadow01: rgb(0 0 0 / 10%);
  --theme-tabs-shadow02: rgb(0 0 0 / 20%);
  --theme-tabs-shadow03: rgb(0 0 0 / 30%);
  --theme-tabs-shadow04: rgb(0 0 0 / 40%);
  --theme-tabs-shadow05: rgb(0 0 0 / 50%);
  --theme-tabs-shadow06: rgb(0 0 0 / 60%);
  --theme-tabs-shadow07: rgb(0 0 0 / 70%);
  --theme-tabs-shadow09: rgb(0 0 0 / 90%);
  --theme-tabs-shadow025: rgb(0 0 0 / 25%);
  --theme-tabs-shadow015: rgb(0 0 0 / 15%);
  --theme-tabs-shadow035: rgb(0 0 0 / 35%);
  --theme-tabs-shadow005: rgb(0 0 0 / 5%);
  --theme-indicator-shadow: rgb(45 58 143 / 25%);
  --theme-tabs-bg: gba(42, 45, 61, 0.7);
  --theme-btn-text: #0c3560;
  --theme-btn-hover: #ebff87;
  --theme-setting-hover: #2c3043;
  --theme-btnHover-text: #1a1d29;
  --theme-swiper-bg: #323738;
  --theme-side-bg: #323545;
  --theme-history-bg: #323545;
  --theme-echart-bg: #5a648c;
  --theme-circle-bg: #f24822;
  --theme-circle-num: #ed7b2f;
  --theme-parting-bg: #2b2e3c;
  --theme-timer-bg: #673949;
  --theme-partingHover-bg: #171a23;
  --theme-circle-shadow: rgb(218 16 50 / 50%);
  --theme-gameImage-bg: #282929;
  --theme-primary-bg: rgb(87 136 253 / 80%);
  --theme-border-03: rgb(255 255 255 / 30%);
  --theme-border-001: rgb(255 255 255 / 1%);
  --theme-border-02: rgb(255 255 255 / 20%);
  --theme-border-01: rgb(255 255 255 / 10%);
  --theme-border-05: rgb(255 255 255 / 50%);
  --theme-border-09: rgb(255 255 255 / 90%);
  --theme-border-08: rgb(255 255 255 / 80%);
  --theme-border-005: rgb(255 255 255 / 5%);
  --theme-search-hover: rgb(161 175 223 / 10%);
  --theme-search-border: #303749;
  --theme-search-bg: #0a081f;
  --theme-search-all-bg: #0a081f;
  --theme-none-bg: #1e2021;
  --theme-border-color: #eee;
  --theme-percentage-success: #48c03d;
  --theme-rewars-success: #72f238;
  --theme-check-bg: #007d6f;
  --theme-check: #202330;
  --theme-check-text: #007d6f;
  --theme-check-shabow: #ffd34c;
  --theme-check-border: #ffd14a;
  --theme-amount-text: #001011;
  --theme-percentage-error: #eb573e;
  --theme-bottom-bg:
    linear-gradient(
      to bottom right,
      #5788fd,
      #545aff);
  --theme-bottom-shadow: 0px -2px 0px 0px rgb(0 0 0 / 25%) inset;
  --theme-login-shadow: rgb(42 57 144 / 100%);
  --theme-bonus-bg: rgb(255 111 0 / 10%);
  --theme-browse-color: #7eb0fe;
  --theme-browse-icon-color: #b4b5c5;
  --theme-popover-color: #2b2d2d;
  --theme-pacman-bg:
    linear-gradient(
      135deg,
      #ffd700 0%,
      #ffa500 100%);
  --theme-pacman-shadow: rgb(255 215 0 / 30%);
  --theme-purse-bg: #ffcf53;
  --theme-pacman-shadow: rgb(255 215 0 / 30%);
  --theme-dropdown-color: #888;
  --theme-total-text: #7a7d86;
  --theme-card-text: #9acd32;
  --theme-card-hover: #7fb036;
  --theme-code-bg: #20294f;
  --theme-card-color: #000;
  --theme-register-bg: #1a1c1d;
  --theme-inviteItem-text: #232c49;
  --theme-invite-bg: #212944;
  --theme-invite-text: #75777f;
  --theme-invite-copy-text: #75777f;
  --theme-invite-max: #373b48;
  --theme-tabbox-bg: #141622;
  --theme-invite-linear:
    linear-gradient(
      21deg,
      #252f4f 52.1%,
      #4a64b4 100%);
  --theme-card-linear:
    linear-gradient(
      90deg,
      #545aff 0%,
      #5788fd 100%);
  --theme-btn-linear:
    linear-gradient(
      180deg,
      #5788fd 0%,
      #545aff 100%);
  --theme-profile-linear:
    linear-gradient(
      107deg,
      #293143 3.5%,
      #252730 76.12%,
      #20235b 97.1%);
  --theme-subject-text: #b2bfbf;
  --theme-subject-bg: #181919;
  --theme-no-color: #1f212c;
  --theme-no-color-bg: #1f212c;
  --theme-no-showtips: #000000c0;
  --theme-card-shadow03: rgb(154 205 50 / 30%);
  --theme-card-shadow04: rgb(154 205 50 / 40%);
  --theme-floating-shadow07: rgb(42 45 61 / 70%);
  --theme-floating-shadow095: rgb(42 45 61 / 95%);
  --theme-spinner-shadow02: rgb(100 120 230 / 20%);
  --theme-purse-shadow087: rgb(237 47 0 / 87%);
  --theme-current-shadow05: rgb(87 136 253 / 50%);
  --theme-tool-shadow02: rgb(84 90 255 / 20%);
  --theme-current-bg: rgb(18 8 16 / 0%);
  --theme-buttom-box-bg: #1f2330;
  --theme-Encryption-bg: #272a37;
  --theme-headr-border: rgb(0 0 0 / 35%);
  --theme-icon-bg: #272a37;
  --theme-select-bg: #272a37;
  --theme-Profile-Balance-bg: #272a37;
  --theme-cell-bg: #1f2330;
  --theme-footer-primary: #fff;
  --theme-lang-primary: #1f2330;
  --theme-login-bg: #181919;
  --theme-lang-text: #fff;
  --theme-Rewards-text: #fff;
  --theme-service-bg: #1f2330;
  --theme-swipe-text: #fff;
  --theme-dialog-bg: #2a2d3d;
  --theme-dialog-text: #fff;
  --theme-cart-text: #b4b5c5;
  --theme-cart-usd: #b4b5c5;
  --theme-cart-num-text: #fff;
  --theme-cart-btn-text: #010101;
  --theme-right-nav: #ffff;
  --theme-cart-btn: #b4b5c5;
  --theme-Forgot-bg: #b4b5c5;
  --theme-vip-img-text: #b4b5c5;
  --theme-nav-bg: #222532;
  --theme-nav-border: #5788fd;
  --theme-lucky-text: #5788fd;
  --theme-nav-active: transparent;
  --theme-rewars-text: #e1fd57;
  --theme-rewars-bg:
    linear-gradient(
      180deg,
      #58343d 0%,
      #222532 100%);
  --theme-rewars-bg2:
    linear-gradient(
      180deg,
      #253373 0%,
      #222532 100%);
  --theme-Novicetask-bg:
    linear-gradient(
      180deg,
      #253373 0%,
      #222532 100%);
  --theme-Dailytasks-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #26267a 100%);
  --theme-Check7th-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #25734d 100%);
  --theme-Dailyfirst-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #73542e 100%);
  --theme-Rebatereward-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #25607b 100%);
  --theme-Weeklytasks-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #712675 100%);
  --theme-LuckyWheel-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #72732d 100%);
  --theme-Redecode-bg:
    linear-gradient(
      270deg,
      #222532 0%,
      #7b3a50 100%);
  --theme-First-bg:
    linear-gradient(
      180deg,
      #62502f 0%,
      #222532 100%);
  --theme-Novicetask-edsc: #222532;
  --theme-Dailytasks-edsc: #222532;
  --theme-Check7th-edsc: #222532;
  --theme-Dailyfirst-edsc: #222532;
  --theme-Rebatereward-edsc: #222532;
  --theme-Weeklytasks-edsc: #222532;
  --theme-LuckyWheel-edsc: #222532;
  --theme-Redecode-edsc: #222532;
  --theme-Record-bg: #222532;
  --theme-data-bg: rgb(24 25 25);
  --theme-data-border: #4c4d4f;
  --theme-vipGrade0-bg:
    linear-gradient(
      180deg,
      #414141 0%,
      #222532 100%);
  --theme-vipGrade1-bg:
    linear-gradient(
      180deg,
      #484d59 0%,
      #222532 100%);
  --theme-vipGrade2-bg:
    linear-gradient(
      180deg,
      #5a3d27 0%,
      #222532 100%);
  --theme-vipGrade3-bg:
    linear-gradient(
      180deg,
      #3e235d 0%,
      #222532 100%);
  --theme-vipGrade4-bg:
    linear-gradient(
      180deg,
      #563919 0%,
      #222532 100%);
  --theme-vipGrade5-bg:
    linear-gradient(
      180deg,
      #3c4862 0%,
      #222532 100%);
  --theme-vipGrade6-bg:
    linear-gradient(
      180deg,
      #25376d 0%,
      #222532 100%);
  --theme-vipGrade7-bg:
    linear-gradient(
      180deg,
      #442b71 0%,
      #222532 100%);
  --theme-vipGrade8-bg:
    linear-gradient(
      180deg,
      #511d47 0%,
      #222532 100%);
  --theme-vipGrade9-bg:
    linear-gradient(
      180deg,
      #71461e 0%,
      #222532 100%);
  --theme-vipGrade10-bg:
    linear-gradient(
      180deg,
      #104d2a 0%,
      #222532 100%);
  --theme-bar-bg: rgb(26 27 40);
  --theme-unbtn-bg: #b4b5c5;
  --theme-Rebate1-bg:
    linear-gradient(
      180deg,
      #479 0%,
      #222532 100%);
  --theme-Rebate2-bg:
    linear-gradient(
      180deg,
      #b77eb8 0%,
      #222532 100%);
  --theme-Rebate3-bg:
    linear-gradient(
      180deg,
      #976eb3 0%,
      #222532 100%);
  --theme-Rebate4-bg:
    linear-gradient(
      180deg,
      #461fbd 0%,
      #222532 100%);
  --theme-Rebate5-bg:
    linear-gradient(
      180deg,
      #459cb6 0%,
      #222532 100%);
  --theme-Rebate6-bg:
    linear-gradient(
      180deg,
      #8f9fec 0%,
      #222532 100%);
  --theme-Rebate7-bg:
    linear-gradient(
      180deg,
      #1f748f 0%,
      #222532 100%);
  --theme-Rebate8-bg:
    linear-gradient(
      180deg,
      #0a4799 0%,
      #222532 100%);
  --theme-tabbar-text: #b4b5c5;
  --theme-tabbar-active-text: #fff;
  --theme-tabbar-active-bg: #1a1d29;
  --theme-browse-border: rgb(161 175 223);
  --theme-back-bg: rgb(255 255 255 / 10%);
  --theme-no-select-bg: #5063a9;
  --theme-footer-icon-bg: rgb(0 0 0 / 10%);
  --theme-progress-bg: rgb(255 255 255 / 30%);
  --theme-cookie-bg: #1e2024;
  --theme-grid-line: rgb(54 57 57 / 40%);
  --theme-chart-line1: #616363;
  --theme-chart-line2: #bbb5b5;
  --theme-chart-line-gradient-start: rgb(89 225 242 / 100%);
  --theme-chart-line-gradient-middle: rgb(123 106 244 / 100%);
  --theme-chart-line-gradient-end: rgb(80 96 247 / 100%);
  --theme-chart-fill-start-bg: rgb(89 225 242 / 50%);
  --theme-chart-fill-end-bg: rgb(115 99 231 / 5%);
  --theme-countdown-time-remaining: #e1fd57;
  --theme-countdown-time-remaining-bg: #5d3d3c;
  --theme-choice-buy-btn-bg:
    linear-gradient(
      180deg,
      #5788fd 0%,
      #545aff 100%);
  --theme-choice-buy-btn-text: #fff;
  --theme--wallet-input-bg: #141620;
  --theme--wallet-input-container: #222532;
  --theme--apy-text: #e1fd57;
  --theme--promotions-card-to-bottom-gradual-bg:
    linear-gradient(
      
      180deg,
      #1b5a7e 0%,
      #121820 100% );
  --theme--promotions-card-left-right-gradual-bg:
    linear-gradient(
      
      270deg,
      #121820 0%,
      #1b5a7e 100% );
  --theme-balance-text: rgb(255 255 255 / 50%);
}
[data-theme=green] {
  --theme-page-bg: #171b1b;
  --theme-main-bg: #171b1b;
  --theme-community-bg: #171b1b;
  --theme-header-bg: #252728;
  --theme-history-list-bg: #171b1b;
  --theme-Withdrawal-Details-bg: #171b1b;
  --theme-container-bg: #252728;
  --theme-chart-container-bg: #252728;
  --theme-card-bg: #252728;
  --theme-google-bg: #252728;
  --theme-dialog-bg: #252728;
  --theme-check7-bg: #767974;
  --theme-select-bg: #363e42;
  --theme-check7-center-bg: #434542;
  --theme-sidebar-bg: #252728;
  --theme-sidebar-li-text: #fff;
  --theme-undertint-bg: #171b1b;
  --theme-cell-bg: #252728;
  --theme-footer-bg: #171b1b;
  --theme-Profile-Balance-bg: #2e302e;
  --theme-lucky-bg: #2d3335;
  --theme-search-all-bg: #000;
  --theme-lucky-url: url(/static/img/luckywheel7-green-BsVJoGXu.png);
  --theme-lucky-url4: url(/static/img/luckywheel4-green-euqnlgsX.png);
  --theme-accordion-text: #c1ff11;
  --theme-swipe-text: #fff;
  --theme-text-primary: #fff;
  --theme-choice-unselected-text1: #fff;
  --theme-choice-unselected-text2: #b4b5c5;
  --theme-home-active-bg: #c1ff11;
  --theme-browse-border: #e4f7af;
  --theme-no-select-bg: #e4f7af;
  --theme-nav-bg: #252728;
  --theme-lang-primary: #363e42;
  --theme-service-bg: #363e42;
  --theme-home-active-text: #191b25;
  --theme-home-active-tap: #fff;
  --theme-vip-img-bg: #767974;
  --theme-outer-bg: #141622;
  --theme-unselected-gray-container-bg: #222a44;
  --theme-unselected-gray-container-bg: #1f2330;
  --theme-gray-container: #272a37;
  --theme-text-white: #fff;
  --theme-text-secondary: #aaada9;
  --theme-title-secondary: #aaada9;
  --theme-right-bg: #363e42;
  --theme-Record-sele-bg: #2e302e;
  --theme-text-muted: #949aaf;
  --theme-invite-bg: #202b14;
  --theme-text-disabled: #647b7b;
  --theme-primary: #5788fd;
  --theme-num-bg: #1a1c27;
  --theme-no-color-bg: #252728;
  --theme-primary-hover: #4a7afc;
  --theme-primary-light: rgb(87 136 253 / 10%);
  --theme-border-light: rgb(255 255 255 / 10%);
  --theme-border-strong: rgb(255 255 255 / 30%);
  --theme-border-normal: rgb(255 255 255 / 20%);
  --theme-shadow-light: rgb(0 0 0 / 10%);
  --theme-shadow-normal: rgb(0 0 0 / 20%);
  --theme-shadow-strong: rgb(0 0 0 / 40%);
  --theme-input-bg: #0a081f;
  --theme-input-color: #fff;
  --theme-button-bg: #222532;
  --theme-buttom-text: #764708;
  --theme-buttom-text-disabled: #e5e7ec;
  --theme-buttom-color: #fff;
  --theme--buttom-primary: #c1ff11;
  --theme-browse-bg:
    linear-gradient(
      90deg,
      #81a90e 0%,
      #3c5823 30%,
      #303730 100%);
  --theme-invite-linear:
    linear-gradient(
      21deg,
      #3c4f25 52.1%,
      #6eb44a 100%);
  --theme-browse-color: #c1ff11;
  --theme-browse-icon-color: #b5b3b1;
  --theme-vip-img-text: #c1ff11;
  --theme-Rebatereward-edsc: #434542;
  --themebox-bg: #2b351c;
  --theme-choice-bet-bg: #141620;
  --theme-recharge-code-bg: #171b1b;
  --theme-search-bg: #000;
  --themebox-staking-bg: #252728;
  --theme-buttom-box-bg: #c1ff11;
  --theme-Rewards-text: #aaada9;
  --theme-buttom-box-text: #1d171c;
  --theme-banner-title: #fff;
  --theme-tabbox-bg: #171b1b;
  --theme-icon-bg: #434542;
  --theme-tabbox-text: #b4b5c5;
  --theme-tabbox-active: #fff;
  --theme-tabbox-active-bg: #434542;
  --theme-tabbar-text: #b4b5c5;
  --theme-tabbar-active-text: #c1ff11;
  --theme-tabbar-active-bg: #434542;
  --theme-grid-line: rgb(54 57 57 / 40%);
  --theme-chart-line1: #616363;
  --theme-chart-line-gradient-start: rgb(191 219 10 / 100%);
  --theme-chart-line-gradient-middle: rgb(69 219 10 / 100%);
  --theme-chart-line-gradient-end: rgb(10 219 146 / 100%);
  --theme-chart-fill-start-bg: rgb(191 219 10 / 50%);
  --theme-chart-fill-end-bg: rgb(10 219 146 / 5%);
  --theme-inviteItem-text: #202b14;
  --theme-chart-line2: #bbb5b5;
  --theme-countdown-time-remaining: #c1ff11;
  --theme-partingHover-bg: #d3dbbd;
  --theme-countdown-time-remaining-bg: #272a37;
  --theme-nav-btn-bg: #2e302e;
  --theme-progress-bg: #fff;
  --theme-card-linear:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-primary-text: #464845;
  --theme-primary-btn-text: #464845;
  --theme-cart-btn-text: #464845;
  --theme-btnHover-text: #464845;
  --theme-primary-main-text: #c1ff11;
  --theme-primary-title-text: #c1ff11;
  --theme-progress-filling-bg: #c1ff11;
  --theme-bonus-bg: rgb(193 255 17 / 10%);
  --theme-Agreement-text: #c1ff11;
  --theme-day-bg: #c1ff11;
  --theme-text-agreement: #c1ff11;
  --theme-primary-bg-text: #c1ff11;
  --theme-tab-text: #c1ff11;
  --theme-profile-linear: #2e302e;
  --theme-yellow-btn-bg:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-primary-btn-hover:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-btn-hover:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-bottom-bg:
    linear-gradient(
      90deg,
      #c0ff11 1.47%,
      #7ac90a 100%);
  --theme-bottom-shadow: 0px -2px 0px 0px rgb(0 0 0 / 25%) inset;
  --theme-purple-btn-bg: #fdaa10;
  --theme-purple-btn-hover: #ffbc3f;
  --theme-purple-btn-text: #fff;
  --theme-purple-blue-btn-bg: #fdaa10;
  --theme-purple-blue-btn-hover: #ffbc3f;
  --theme-purple-blue-btn-text: #fff;
  --theme-primary-Financial-text: #fdaa10;
  --theme-header-svg-text: #c1ff11;
  --theme-rewars-text: #c1ff11;
  --theme-nav-border: #c1ff11;
  --theme-primary-secondary-text: #c1ff11;
  --theme-right-btn-bg: #fff;
  --theme-code-url: url(data:image/png;base64,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);
  --theme-option-selected-action-tab-bg: #c1ff11;
  --theme-option-selected-action-tab-text: #464845;
  --theme-option-selected-unselected-tab-text: #fff;
  --theme-choice-selected-action-tab-text: #fff;
  --theme-choice-nav-selected-action-tab-text: #000;
  --theme-choice-selected-action-tab-bg: #c1ff11;
  --theme-choice-nav-selected-action-tab-bg: #c1ff11;
  --theme-choice-selected-tab-bg: #c1ff112d;
  --theme-choice-select-text: #464845;
  --theme-choice-buy-btn-bg:
    linear-gradient(
      270deg,
      #9ef31c 0%,
      #d3ff58 100%);
  --theme-choice-buy-btn-text: #464845;
  --theme-primary-usd-bg: #2e302e;
  --theme-primary-code-mb: #1f212c;
  --theme-equipment-text: #c1ff11;
  --theme-check-shabow: #c1ff11;
  --theme-check-border: #c1ff11;
  --theme-active-check7-text: #1a1d29;
  --theme-option-select-currency-hover-bg: #c1ff11;
  --theme-option-select-currency-hover-text: #464845;
  --theme-choice-filter-itme-hover-bg: #c1ff11;
  --theme-choice-filter-itme-hover-text: #464845;
  --theme-right-hover: rgb(161 175 223 / 10%);
  --theme-home-default-bg: #363e42;
  --theme--apy-text: #c1ff11;
  --themesupplier-item-bg: #363e42;
  --theme-Encryption-bg: #363e42;
  --theme-border: #c1ff11;
  --theme--promotions-card-to-bottom-gradual-bg:
    linear-gradient(
      
      180deg,
      #445712 0%,
      #252728 100% );
  --theme--promotions-card-left-right-gradual-bg:
    linear-gradient(
      
      270deg,
      #252728 0%,
      #445712 100% );
  --theme-svg-bg: rgb(193 255 17 / 10%);
  --theme-login-bg:
    linear-gradient(
      90deg,
      #c1ff11 0%,
      #79c90a 100%);
  --theme-login-shadow: 0px -2px 0px 0px #278304 inset;
  --theme-register-bg: none;
  --theme-register-bottom-text: #c1ff11;
  --theme-register-border: 0.5px solid #c1ff11;
  --theme-register-shadow: none;
  --theme-register-btn-hove: #121820;
  --theme-login-tab-active-bg: #2e302e;
  --theme-login-border: 1px solid #c1ff11;
  --theme-login-tab-bg: #000;
  --theme-tag-bg: #1c1e22;
  --theme-tag-text: #aaada9;
  --theme-user-profile-border: rgb(193 255 17 / 49%);
  --theme-user-profile-gradient:
    linear-gradient(
      
      180deg,
      rgb(193 255 17 / 20%) 0%,
      rgb(94 153 0 / 20%) 100% );
  --theme-balance-text-active: #c1ff11;
}
:root {
  --van-overlay-background: rgb(0 0 0 / 40%);
  --van-popup-background: #181919;
  --van-dialog-background: #181919;
  --van-dialog-header-background: #222532;
  --van-dialog-header-color: #fff;
  --van-dialog-message-color: #fff;
  --van-dialog-confirm-button-text-color: #28ec8a;
  --van-button-default-color: #fff;
  --van-action-sheet-background: #2b2d2d;
  --van-action-sheet-item-color: #fff;
  --van-picker-background: #2b2d2d;
  --van-picker-title-color: #fff;
  --van-picker-confirm-action-color: #28ec8a;
  --van-picker-option-text-color: #b2bfbf;
  --van-picker-option-selected-text-color: #fff;
}
html {
  font-size: 16px;
  background-color: var(--theme-page-bg);
  color: #9ac1c1;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
.en {
  font-family: "Gabarito" !important;
}
.cn {
  font-family: "SourceHanSansHCCN" !important;
}
.text-browse-weight-en {
  font-weight: 500 !important;
}
.text-browse-weight-vn {
  font-weight: 500 !important;
}
.text-browse-weight-ko {
  font-weight: 500 !important;
}
.text-browse-weight-jp {
  font-weight: 500 !important;
}
.text-browse-weight-ind {
  font-weight: 500 !important;
}
.text-browse-weight-cn {
  font-weight: 600 !important;
}
.text-browse-weight-tw {
  font-weight: 600 !important;
}
.svg-img {
  width: 80px;
  height: 80px;
}
.van-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}
.van-popover__arrow {
  display: none !important;
}
.van-popover__content {
  background: #282929 !important;
}
.van-dialog {
  background-color: rgba(0, 0, 0, 0) !important;
}
.van-dialog__header,
.van-dialog__message {
  color: #fff !important;
}
.van-dialog__content {
  background-color: rgba(0, 0, 0, 0) !important;
}
.van-dialog__confirm {
  color: #28ec8a !important;
}
.van-button--default {
  color: var(--theme-primary-text) !important;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  border: none !important;
}
.van-action-sheet {
  background: var(--theme-card-bg) !important;
  color: var(--theme-text-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.van-picker {
  background: #2b2d2d !important;
  color: #fff !important;
}
.van-picker__title {
  color: #fff !important;
}
.van-picker__confirm {
  color: #28ec8a !important;
}
.van-picker__option {
  color: #b2bfbf !important;
}
.van-picker__option--selected {
  color: #fff !important;
}
.van-dropdown-menu {
  background-color: transparent !important;
  height: 40px !important;
}
.van-dropdown-menu__bar {
  background-color: #282929 !important;
  box-shadow: none !important;
}
.van-dropdown-menu__item {
  background-color: transparent !important;
}
.van-dropdown-menu__item--disabled {
  opacity: 0.6;
}
.van-dropdown-menu__title {
  color: #fff !important;
}
.van-dropdown-item__option {
  background-color: #181919 !important;
  color: #fff !important;
}
.van-dropdown-item__option--active {
  background-color: #2b2d2d !important;
  color: #28ec8a !important;
}
.van-dropdown-item__option--active .van-dropdown-item__icon {
  color: #28ec8a !important;
}
.van-dropdown-item__content {
  background-color: #282929 !important;
}
.van-calendar {
  background-color: #2b2d2d !important;
  color: #fff !important;
}
.van-calendar__header {
  background-color: #2b2d2d !important;
}
.van-calendar__header-title,
.van-calendar__header-subtitle {
  color: #fff !important;
}
.van-calendar__header-weekdays {
  color: #fff !important;
}
.van-calendar__month-title {
  color: #fff !important;
}
.van-calendar__day {
  color: #fff !important;
}
.van-calendar__day--disabled {
  color: #b2bfbf !important;
}
.van-calendar__popup {
  background-color: #181919 !important;
}
.van-calendar .van-button--default {
  color: var(--theme-primary-text) !important;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  border: none !important;
}
.van-popup {
  overflow-y: auto;
}
.van-dialog__header {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
  padding-top: 20px;
  padding-bottom: 10px;
}
.van-dialog__message {
  color: var(--theme-dialog-text) !important;
}
.van-dialog__content {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-hairline--top::after {
  border: none !important;
}
.van-dialog__footer {
  padding: 0 20px 20px !important;
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-button--default {
  height: 46px !important;
  border-radius: 8px;
  background: var(--theme-bottom-bg) !important;
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
}
.van-dialog--round-button .van-dialog__footer {
  background: var(--theme-dialog-bg) !important;
  color: var(--theme-dialog-text) !important;
}
.van-dialog--round-button .van-button {
  background: var(--theme-bottom-bg);
  box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
  color: var(--theme-primary-text) !important;
}
.right-all {
  box-sizing: border-box;
  display: flex;
  border-radius: 8px;
  align-items: center;
  background: var(--theme-right-bg);
  height: 30px;
  padding: 0 12px;
  color: var(--theme-title-all-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-left: 6px;
}
.right-all:hover {
  background: var(--theme-right-hover);
}
.right-slide {
  padding: 8px;
}
.right-slide .van-icon {
  color: #c1ff11;
  font-weight: bold;
}
.all-game {
  border-radius: 8px;
  background: #363e42;
  color: #fff;
}
.notification[data-v-bf8e41e1] {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  min-width: 370px;
  padding: 16px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  background: var(--theme-info);
  transition: all 0.3s;
  z-index: 9999;
  display: flex;
  align-items: center;
}
.notification.top[data-v-bf8e41e1] {
  top: 16px;
}
.notification.center[data-v-bf8e41e1] {
  top: 50%;
  transform: translate(-50%, -50%);
}
.notification.bottom[data-v-bf8e41e1] {
  bottom: 16px;
}
.notification .message-container[data-v-bf8e41e1] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
}
.notification .message[data-v-bf8e41e1] {
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
  flex: 1;
}
.notification .detail-btn[data-v-bf8e41e1] {
  color: var(--theme-info-text);
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}
.notification .detail-btn[data-v-bf8e41e1]:hover {
  opacity: 0.8;
}
.notification .msg-icon[data-v-bf8e41e1] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.notification .close-btn[data-v-bf8e41e1] {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification .close-btn .close-icon[data-v-bf8e41e1] {
  width: 16px;
  height: 16px;
}
.notification .close-btn[data-v-bf8e41e1]:hover {
  opacity: 0.8;
}
.notification.msg[data-v-bf8e41e1] {
  background-color: var(--theme-info-bg);
  border: 1px solid var(--theme-info-bg);
  color: var(--theme-info-text);
}
.notification.info[data-v-bf8e41e1] {
  background-color: var(--theme-info-bg);
  border: 1px solid var(--theme-info-bg);
  color: var(--theme-info-text);
}
.notification.success[data-v-bf8e41e1] {
  background-color: var(--theme-success-bg);
  border: 1px solid var(--theme-success-bg);
  color: var(--theme-success-text);
}
.notification.warning[data-v-bf8e41e1] {
  background-color: var(--theme-warning-bg);
  border: 1px solid var(--theme-warning-bg);
  color: var(--theme-warning-text);
}
.notification.error[data-v-bf8e41e1] {
  background-color: var(--theme-error-bg);
  border: 1px solid var(--theme-error-bg);
  color: var(--theme-error-text);
}
.notification-fade-enter-active[data-v-bf8e41e1],
.notification-fade-leave-active[data-v-bf8e41e1] {
  transition: all 0.3s ease;
}
.notification-fade-enter-from[data-v-bf8e41e1],
.notification-fade-leave-to[data-v-bf8e41e1] {
  opacity: 0;
  transform: translateX(-50%) translateY(-20px);
}
.notification.center.notification-fade-enter-from[data-v-bf8e41e1],
.notification.center.notification-fade-leave-to[data-v-bf8e41e1] {
  transform: translate(-50%, calc(-50% - 20px));
}
.notification.bottom.notification-fade-enter-from[data-v-bf8e41e1],
.notification.bottom.notification-fade-leave-to[data-v-bf8e41e1] {
  transform: translateX(-50%) translateY(20px);
}