/* EXORIX — ZEXARA COLOR-ONLY PORT V244 */
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top
article:first-child > strong.zx-profit-usdt > span {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page {
  background:#101317 !important;
  background-image:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-title {
  background:linear-gradient(145deg,#1E242C,#151A20) !important;
  background-image:linear-gradient(145deg,#1E242C,#151A20) !important;
  border-color:rgba(212,175,55,.25) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important
}
html body:not(.admin-route) #root .stv1-page .stv1-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-title span {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-title button,
html body:not(.admin-route) #root .stv1-page .stv1-title > i {
  background:#242A33 !important;
  border-color:rgba(212,175,55,.25) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page :is(
  .stv1-new,
  .stv1-thread
) {
  background:linear-gradient(155deg,#1D222A,#15191F) !important;
  background-image:linear-gradient(155deg,#1D222A,#15191F) !important;
  border-color:rgba(212,175,55,.23) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.19) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-chat-icon {
  background:#252C35 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-new-head strong,
html body:not(.admin-route) #root .stv1-page .stv1-thread-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page :is(
  .stv1-new-head > div span,
  .stv1-new label > span,
  .stv1-thread-head span
) {
  color:#AEB6C2 !important;
  -webkit-text-fill-color:#AEB6C2 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-new :is(input,textarea),
html body:not(.admin-route) #root .stv1-page .stv1-reply textarea {
  background:#11161D !important;
  background-image:none !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .stv1-page :is(
  .stv1-new input,
  .stv1-new textarea,
  .stv1-reply textarea
)::placeholder {
  color:#808B9A !important;
  -webkit-text-fill-color:#808B9A !important
}
html body:not(.admin-route) #root .stv1-page :is(
  .stv1-new input,
  .stv1-new textarea,
  .stv1-reply textarea
):focus {
  border-color:rgba(212,175,55,.65) !important
}
html body:not(.admin-route) #root .stv1-page .stv1-send,
html body:not(.admin-route) #root .stv1-page .stv1-reply button {
  background:linear-gradient(135deg,#D4AF37,#A9842B) !important;
  color:#15181D !important;
  box-shadow:0 7px 18px rgba(212,175,55,.12) !important
}
html body:not(.admin-route) #root .stv1-page .stv1-send:disabled,
html body:not(.admin-route) #root .stv1-page .stv1-reply button:disabled {
  background:#252B33 !important;
  color:#89929F !important;
  -webkit-text-fill-color:#89929F !important;
  border-color:rgba(212,175,55,.12) !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .stv1-page .stv1-section-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-section-head span {
  color:#AEB6C2 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-section-head > b {
  background:#292F38 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page :is(.stv1-empty,.stv1-state) {
  background:#1D232B !important;
  background-image:none !important;
  color:#BFC7D2 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-empty > span {
  background:#292F38 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-empty strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-empty small {
  color:#AEB6C2 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-state.error {
  color:#E4BD68 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-ticket {
  background:#20262E !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-ticket-number {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-ticket-main small,
html body:not(.admin-route) #root .stv1-page .stv1-ticket-side small {
  color:#AEB6C2 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-ticket-unread {
  background:#D4AF37 !important;
  color:#15181D !important
}
html body:not(.admin-route) #root .stv1-page .stv1-thread-head {
  border-bottom-color:rgba(212,175,55,.14) !important
}
html body:not(.admin-route) #root .stv1-page .stv1-thread-head button {
  background:#252C35 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .stv1-page .stv1-messages article.user > div {
  background:#7B6327 !important;
  color:#FFFFFF !important
}
html body:not(.admin-route) #root .stv1-page .stv1-messages article.admin > div {
  background:#252C35 !important;
  color:#F5F1E9 !important;
  border-color:rgba(212,175,55,.17) !important
}
html body:not(.admin-route) #root .stv1-page .stv1-messages article small,
html body:not(.admin-route) #root .stv1-page .stv1-closed {
  color:#AEB6C2 !important
}
html body:not(.admin-route):has(.apv2-page),
html body:not(.admin-route):has(.apv2-page),
html body:not(.admin-route) #root:has(.apv2-page),
html body:not(.admin-route) #root .app:has(.apv2-page) {
  background:#101317 !important;
  background-image:none !important
}
html body:not(.admin-route) #root .apv2-page,
html body:not(.admin-route) #root .active-plans-page,
html body:not(.admin-route) #root .app:has(.apv2-page) .apv2-page {
  background:#101317 !important;
  background-image:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .apv2-page .apv2-primary,
html body:not(.admin-route) #root .apv2-page .apv2-primary.empty,
html body:not(.admin-route) #root .apv2-page .apv2-primary.active,
html body:not(.admin-route) #root .apv2-page .apv2-summary-card,
html body:not(.admin-route) #root .apv2-page .apv5-primary-card {
  background:linear-gradient(155deg,#20262E,#15191F) !important;
  background-image:linear-gradient(155deg,#20262E,#15191F) !important;
  color:#F5F1E9 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.25) !important
}
html body:not(.admin-route) #root .apv2-page .apv2-empty-icon,
html body:not(.admin-route) #root .apv2-page .apv5-empty-icon {
  background:#292F38 !important;
  background-image:none !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16) !important
}
html body:not(.admin-route) #root .apv2-page .apv2-empty-icon svg,
html body:not(.admin-route) #root .apv2-page .apv5-empty-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .apv2-page .apv2-empty-state h2,
html body:not(.admin-route) #root .apv2-page .apv5-empty-state > strong {
  color:#F7F3E9 !important;
  -webkit-text-fill-color:#F7F3E9 !important;
  text-shadow:none !important
}
html body:not(.admin-route) #root .apv2-page .apv2-empty-state p,
html body:not(.admin-route) #root .apv2-page .apv5-empty-state p {
  color:#B7BFCA !important;
  -webkit-text-fill-color:#B7BFCA !important
}
html body:not(.admin-route) #root .apv2-page .apv2-empty-state > button,
html body:not(.admin-route) #root .apv2-page .apv5-empty-state button {
  background:linear-gradient(145deg,#303741,#232932) !important;
  background-image:linear-gradient(145deg,#303741,#232932) !important;
  color:#E8CB79 !important;
  -webkit-text-fill-color:#E8CB79 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.20) !important
}
html body:not(.admin-route) #root .apv2-page :is(
  .apv3-plan-card,
  .apv2-purchase-card,
  .apv2-history-card
) {
  background:linear-gradient(155deg,#222831,#171C23) !important;
  background-image:linear-gradient(155deg,#222831,#171C23) !important;
  border-color:rgba(212,175,55,.21) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .apv2-page :is(
  .apv3-plan-name,
  .apv2-section-title
) {
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .apv2-page :is(
  .apv3-earned,
  .apv3-days-left,
  .apv3-plan-investment
) {
  border-color:rgba(212,175,55,.17) !important
}
html body:not(.admin-route) #root .app:has(.apv2-page) .bnv5,
html body:not(.admin-route) #root .app:has(.apv2-page) .bottom-nav {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .vip-page {
  background:#111419 !important;
  background-image:none !important;
  color:#F5F2EB !important
}
html body:not(.admin-route) #root .vip-page .v8-invest-wallet {
  background:linear-gradient(
    145deg,#252B34 0%,#171B22 100%
  ) !important;
  background-image:linear-gradient(
    145deg,#252B34 0%,#171B22 100%
  ) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
  color:#F8F5EF !important
}
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__icon {
  background:#303640 !important;
  background-image:none !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__icon svg {
  color:#D4AF37 !important;
  stroke:currentColor !important
}
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__copy,
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__copy span,
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__main span {
  color:#AEB6C2 !important;
  -webkit-text-fill-color:#AEB6C2 !important
}
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__copy strong,
html body:not(.admin-route) #root .vip-page .v8-invest-wallet__main strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route) #root .vip-page .v8-deposit-button {
  background:linear-gradient(145deg,#333A45,#242A33) !important;
  background-image:linear-gradient(145deg,#333A45,#242A33) !important;
  color:#F5E5B1 !important;
  -webkit-text-fill-color:#F5E5B1 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important
}
html body:not(.admin-route) #root .vip-page .vip-section-head span {
  color:#BCA46B !important;
  -webkit-text-fill-color:#BCA46B !important
}
html body:not(.admin-route) #root .vip-page .vip-section-head strong,
html body:not(.admin-route) #root .vip-page .vip-section-head h1,
html body:not(.admin-route) #root .vip-page .vip-section-head h2 {
  color:#F7F3EA !important;
  -webkit-text-fill-color:#F7F3EA !important;
  text-shadow:none !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-card {
  background:linear-gradient(
    160deg,#252B33 0%,#191E25 58%,#14181E 100%
  ) !important;
  background-image:linear-gradient(
    160deg,#252B33 0%,#191E25 58%,#14181E 100%
  ) !important;
  color:#F5F2EB !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-identity__icon {
  background:#303741 !important;
  background-image:none !important;
  color:#D8BC70 !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-eyebrow,
html body:not(.admin-route) #root .vip-page .v6-plan-rank {
  color:#BBAA83 !important;
  -webkit-text-fill-color:#BBAA83 !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-identity__copy strong,
html body:not(.admin-route) #root .vip-page .v6-plan-identity__copy h2 {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-status {
  background:rgba(212,175,55,.09) !important;
  background-image:none !important;
  color:#E2C778 !important;
  -webkit-text-fill-color:#E2C778 !important
}
html body:not(.admin-route) #root .vip-page .vip-html-chart,
html body:not(.admin-route) #root .vip-page .v6-plan-hero {
  background:linear-gradient(
    155deg,#161D26,#11171F
  ) !important;
  background-image:linear-gradient(
    155deg,#161D26,#11171F
  ) !important;
  border-color:rgba(212,175,55,.22) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-details,
html body:not(.admin-route) #root .vip-page .v6-plan-finance,
html body:not(.admin-route) #root .vip-page .v6-performance {
  color:#E9EDF2 !important;
  border-color:rgba(212,175,55,.18) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-details__divider {
  border-color:rgba(212,175,55,.20) !important;
  background:rgba(212,175,55,.20) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-chips > *,
html body:not(.admin-route) #root .vip-page .v6-performance__primary {
  border-color:rgba(212,175,55,.26) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-cta {
  background:linear-gradient(145deg,#D9BC6D,#B99540) !important;
  background-image:linear-gradient(145deg,#D9BC6D,#B99540) !important;
  color:#181A1D !important;
  box-shadow:0 9px 20px rgba(0,0,0,.17) !important
}
html body:not(.admin-route) #root .vip-page .v6-plan-cta__text,
html body:not(.admin-route) #root .vip-page .v6-plan-cta__icon,
html body:not(.admin-route) #root .vip-page .v6-plan-cta__arrow {
  color:#181A1D !important;
  -webkit-text-fill-color:#181A1D !important
}
body:not(.admin-route) #zexara-manual-request-v2 .zm-message.error {
  color: #ffa4a4
}
body:not(.admin-route) #zexara-manual-request-v2 .zm-message.success {
  color: #a2e8b8
}
html body:not(.admin-route) #root .app .bnv5 {
  background:transparent !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-shell {
  background:#111A1D !important;
  background-image:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.34) !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-item {
  background:transparent !important;
  box-shadow:none !important;
  color:#737D7D !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-item.active {
  color:#D4AF37 !important;
  background:transparent !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-icon {
  background:none !important;
  color:inherit !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-icon::after,
html body:not(.admin-route) #root .app .bnv5 .bnv5-center-icon::after {
  background:currentColor !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-label {
  color:inherit !important;
  text-shadow:none !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-center {
  background:#303028 !important;
  background-image:none !important;
  color:#F3D784 !important;
  box-shadow:
    0 0 0 5px #0C1517,
    0 0 0 6px rgba(212,175,55,.35) !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-center.active {
  border-color:#D4AF37 !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-center-icon {
  color:#F3D784 !important;
  background:none !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .app .bnv5 .bnv5-center-label {
  color:#F3D784 !important;
  text-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article {
  background:#1B2027 !important;
  background-color:#1B2027 !important;
  background-image:none !important;

  box-shadow:
    0 5px 15px rgba(0,0,0,.18) !important;

  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article
> div:first-child > strong {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article
> div:first-child > span {
  color:#AFB6C0 !important;
  -webkit-text-fill-color:#AFB6C0 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article
> div:nth-child(2) > b {
  color:#E4C878 !important;
  -webkit-text-fill-color:#E4C878 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article
> div:nth-child(2) > small {
  color:#AEB5C0 !important;
  -webkit-text-fill-color:#AEB5C0 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-list > article
> svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) .v9-profile-page {
  background: #101318 !important;
  color: #F5F2EA !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-hero {
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(211,165,72,.14),
      transparent 52%
    ),
    linear-gradient(
      145deg,
      #252C35,
      #171C23 75%,
      #11151B
    ) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.24) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-hero__decor {
  border-color: rgba(218,176,89,.14) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-mini-brand strong {
  color: #FFFFFF !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-mini-brand small {
  color: #D6B46D !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-card {
  background:
    linear-gradient(
      160deg,
      #252B34,
      #1A2028
    ) !important;
  box-shadow:
    0 15px 35px rgba(0,0,0,.25) !important;
  color: #F6F4EF !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-card h2 {
  color: #F8F5EF !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-username,
html body:not(.admin-route) .v9-profile-page
.v9-profile-member {
  color: #ABB2BE !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-avatar {
  background: #171D25 !important;
  color: #EBC57A !important;
  border-color:
    rgba(219,181,101,.55) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-id {
  background: #151B22 !important;
  color: #E5C17A !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-close {
  background: #303640 !important;
  color: #F2D18A !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-close svg {
  color: inherit !important;
  stroke: currentColor !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat {
  background:
    linear-gradient(
      155deg,
      #242B34,
      #1A2028
    ) !important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.17) !important;
  color: #F3F0E8 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat > strong {
  color: #EFC97D !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat > span {
  color: #AAB3C0 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.deposit,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.withdraw,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.profit,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.invest,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.plans,
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon.team {
  background: #303640 !important;
  color: #E5BB65 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-stat__icon svg {
  color: #E5BB65 !important;
  stroke: currentColor !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-payout {
  background: #222933 !important;
  color: #F3EFE8 !important;
  box-shadow:
    0 6px 17px rgba(0,0,0,.16) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-payout__icon {
  background: #303741 !important;
  color: #E5BC68 !important;
  border-color:
    rgba(213,170,82,.25) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-payout__copy,
html body:not(.admin-route) .v9-profile-page
.v9-profile-payout__copy strong {
  color: #F3F0E8 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-payout__copy small {
  color: #AAB3C0 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-account {
  background: #202731 !important;
  box-shadow:
    0 6px 17px rgba(0,0,0,.16) !important;
  color: #F0EEE9 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-account > *,
html body:not(.admin-route) .v9-profile-page
.v9-profile-account strong,
html body:not(.admin-route) .v9-profile-page
.v9-profile-account b {
  color: #EDE6D8 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-account small {
  color: #AAB3C0 !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-account > * + * {
  border-top-color:
    rgba(211,175,97,.12) !important
}
html body:not(.admin-route) .v9-profile-page
.v9-profile-status {
  background: #26312D !important;
  border-color:
    rgba(68,183,125,.24) !important
}
html body:not(.admin-route) .v9-profile-page input,
html body:not(.admin-route) .v9-profile-page select,
html body:not(.admin-route) .v9-profile-page textarea {
  background: #161C23 !important;
  color: #F2EEE5 !important;
  border-color:
    rgba(213,170,82,.25) !important
}
html body:not(.admin-route) .v9-profile-page
input::placeholder,
html body:not(.admin-route) .v9-profile-page
textarea::placeholder {
  color: #8994A3 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-card {
  color: #F3F4F6 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-card h2 {
  color: #FFFFFF !important;
  text-shadow: none !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-username {
  color: #D4DAE3 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-id {
  background: #151A21 !important;
  color: #F3D18B !important;
  border-color: rgba(226,181,92,.38) !important;
  text-shadow: none !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-id * {
  color: #F3D18B !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-member {
  color: #C6CFDA !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-member
:not(.v9-profile-member__dot) {
  color: #D5DBE4 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-member__dot {
  background: #DBAF59 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-stat > strong {
  color: #F5CA78 !important;
  text-shadow: none !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-stat > span {
  color: #D1D9E3 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-payout {
  color: #F2F4F7 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-payout__copy small {
  color: #BFC9D6 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-payout__copy strong {
  color: #F4F5F7 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-payout > svg,
html body:not(.admin-route) .v9-profile-page .v9-profile-payout > :last-child svg {
  color: #D6B36E !important;
  stroke: currentColor !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-account {
  color: #F0F3F7 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-account small {
  color: #CBD3DD !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-account strong,
html body:not(.admin-route) .v9-profile-page .v9-profile-account b {
  color: #F2F4F6 !important
}
html body:not(.admin-route) .v9-profile-page .v9-profile-status {
  color: #D5F5DF !important
}
html body:not(.admin-route) #root .notifications-page {
  background: #101318 !important;
  color: #F4F1E9 !important
}
html body:not(.admin-route) #root .notifications-page .ntv5-page-heading {
  background:
    linear-gradient(145deg, #252C35, #1A2028) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22) !important
}
html body:not(.admin-route) #root .notifications-page .ntv5-heading-copy,
html body:not(.admin-route) #root .notifications-page .ntv5-heading-copy h1,
html body:not(.admin-route) #root .notifications-page .ntv5-heading-copy strong {
  color: #F6F3ED !important
}
html body:not(.admin-route) #root .notifications-page .ntv5-heading-copy small,
html body:not(.admin-route) #root .notifications-page .notifications-kicker {
  color: #D9B977 !important
}
html body:not(.admin-route) #root .notifications-page .ntv5-back,
html body:not(.admin-route) #root .notifications-page .ntv5-heading-icon,
html body:not(.admin-route) #root .notifications-page .notifications-back,
html body:not(.admin-route) #root .notifications-page .notifications-head-icon {
  background: #303640 !important;
  color: #F0C779 !important;
  box-shadow: none !important
}
html body:not(.admin-route) #root .notifications-page .ntv5-back svg,
html body:not(.admin-route) #root .notifications-page .ntv5-heading-icon svg {
  color: #F0C779 !important;
  stroke: currentColor !important
}
html body:not(.admin-route) #root .notifications-page .notifications-list {
  background:
    linear-gradient(155deg, #202630, #191F27) !important;
  box-shadow: 0 9px 25px rgba(0,0,0,.18) !important;
  color: #F3F0EA !important
}
html body:not(.admin-route) #root .notifications-page .notifications-list-head,
html body:not(.admin-route) #root .notifications-page .notifications-list-title,
html body:not(.admin-route) #root .notifications-page .notifications-list-title strong {
  color: #F7F4EF !important
}
html body:not(.admin-route) #root .notifications-page .notifications-list-title svg,
html body:not(.admin-route) #root .notifications-page .notifications-list-head svg {
  color: #E7BC69 !important;
  stroke: currentColor !important
}
html body:not(.admin-route) #root .notifications-page .notifications-unread-count {
  background: #41321C !important;
  color: #F5CF83 !important;
  box-shadow: none !important
}
html body:not(.admin-route) #root .notifications-page .notifications-mark-all {
  background: #303640 !important;
  color: #F1CE88 !important;
  box-shadow: none !important
}
html body:not(.admin-route) #root .notifications-page .notify-card,
html body:not(.admin-route) #root .notifications-page .notify-card:first-of-type,
html body:not(.admin-route) #root .notifications-page .notify-card.unread,
html body:not(.admin-route) #root .notifications-page .notify-card:not(.unread) {
  background:
    linear-gradient(150deg, #292F39, #20262F) !important;
  box-shadow: 0 5px 15px rgba(0,0,0,.14) !important;
  color: #F4F1EB !important
}
html body:not(.admin-route) #root .notifications-page .notify-card.unread {
  border-color: rgba(235,191,104,.48) !important
}
html body:not(.admin-route) #root .notifications-page .notify-icon {
  background: #343A43 !important;
  color: #EBC273 !important;
  box-shadow: none !important
}
html body:not(.admin-route) #root .notifications-page .notify-icon svg {
  color: #EBC273 !important;
  stroke: currentColor !important
}
html body:not(.admin-route) #root .notifications-page .notify-topline h3 {
  color: #FFFFFF !important
}
html body:not(.admin-route) #root .notifications-page .notify-content p {
  color: #CFD5DF !important
}
html body:not(.admin-route) #root .notifications-page .notify-meta {
  color: #D5DCE4 !important
}
html body:not(.admin-route) #root .notifications-page .notify-time,
html body:not(.admin-route) #root .notifications-page .notify-unread-label {
  background: #333A43 !important;
  color: #F1D08D !important
}
html body:not(.admin-route) #root .notifications-page .notify-date {
  color: #C5CEDA !important
}
html body:not(.admin-route) #root .notifications-page .notify-dot {
  background: #E9BE6B !important;
  box-shadow: 0 0 8px rgba(233,190,107,.28) !important
}
html body:not(.admin-route) #root .notifications-page .notifications-state {
  color: #CFD7DF !important
}
html body:not(.admin-route) #root .notifications-page .notifications-state.error {
  color: #F0C477 !important
}
html body:not(.admin-route):has(.notifications-page),
html body:not(.admin-route):has(.notifications-page),
html body:not(.admin-route) #root:has(.notifications-page),
html body:not(.admin-route) #root .app:has(.notifications-page) {
  background: #101318 !important;
  background-image: none !important;
  background-color: #101318 !important
}
html body:not(.admin-route) #root .app:has(.notifications-page)
main.notifications-page {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important
}
html body:not(.admin-route) .tv4-page .tv4-level-summary article {
  background:#20252D !important;
  background-color:#20252D !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.23) !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) .tv4-page .tv4-level-summary article span,
html body:not(.admin-route) .tv4-page .tv4-level-summary article small,
html body:not(.admin-route) .tv4-page .tv4-level-summary article p {
  color:#B9C2CF !important;
  -webkit-text-fill-color:#B9C2CF !important
}
html body:not(.admin-route) .tv4-page .tv4-level-summary article strong {
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important
}
html body:not(.admin-route) .tv4-page .tv4-level-summary article b {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.tv4-page .tv4-referrals
.arx-team-deposit-summary
.arx-team-deposit-level {
  background:#20252D !important;
  background-color:#20252D !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.25) !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.tv4-page .tv4-referrals
.arx-team-deposit-summary
.arx-team-deposit-level > strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.tv4-page .tv4-referrals
.arx-team-deposit-summary
.arx-team-deposit-level > span,
html body:not(.admin-route) #root
.tv4-page .tv4-referrals
.arx-team-deposit-summary
.arx-team-deposit-level > small {
  color:#B8C0CC !important;
  -webkit-text-fill-color:#B8C0CC !important
}
html body:not(.admin-route) #root
.tv4-page .tv4-referrals
.arx-team-deposit-summary
.arx-team-deposit-level > b {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 {
  background:
    radial-gradient(140px 80px at 10% 0%, rgba(212,175,55,.10), transparent 65%),
    radial-gradient(220px 130px at 100% 0%, rgba(255,214,120,.10), transparent 58%),
    linear-gradient(180deg, #111720 0%, #0D131B 58%, #0A1017 100%) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.34),
    0 0 0 1px rgba(212,175,55,.06),
    inset 0 1px 0 rgba(255,255,255,.04) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4::before {
  background:
    radial-gradient(circle,
      rgba(212,175,55,.18) 0%,
      rgba(212,175,55,.10) 28%,
      rgba(212,175,55,.03) 52%,
      transparent 72%) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4::after {
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.06) 46%,
    rgba(255,236,177,.15) 52%,
    rgba(255,255,255,.05) 58%,
    transparent 100%
  ) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-head::after {
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(212,175,55,.08) 10%,
    rgba(212,175,55,.30) 50%,
    rgba(212,175,55,.08) 90%,
    transparent 100%
  ) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-chart,
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-widget,
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-widget-inner {
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,.010) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-chart::before {
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,225,135,.40),
    transparent
  ) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 small,
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 .zxgl-v4-sub {
  color:#B8C2CF !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 strong,
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 .zxgl-v4-title {
  color:#FFF6D7 !important;
  text-shadow:0 1px 10px rgba(212,175,55,.08) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 .zxgl-v4-badge,
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4 .zxgl-v4-chip {
  background:linear-gradient(180deg, rgba(212,175,55,.18), rgba(212,175,55,.10)) !important;
  color:#F4D98A !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 16px rgba(0,0,0,.18) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-head {
  background:
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.012)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.15) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-badge {
  background:
    radial-gradient(circle at 30% 25%, rgba(255,236,177,.22), transparent 45%),
    linear-gradient(180deg, #3A2E15 0%, #2A2417 55%, #1A1812 100%) !important;
  color:#F2D27A !important;
  text-shadow:0 1px 10px rgba(212,175,55,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 18px rgba(0,0,0,.22),
    0 0 18px rgba(212,175,55,.12) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-title {
  color:#FFF2C9 !important;
  text-shadow:0 1px 12px rgba(212,175,55,.10) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-sub {
  color:#B7C0CB !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-sub::before {
  background:linear-gradient(90deg, rgba(212,175,55,.55), rgba(212,175,55,.08)) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-chip {
  background:
    radial-gradient(circle at 20% 20%, rgba(255,236,177,.16), transparent 42%),
    linear-gradient(180deg, #3A2F18 0%, #2B2418 58%, #1F1A13 100%) !important;
  color:#F2D27A !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 18px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.02) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-chip::after {
  background:linear-gradient(90deg, transparent, rgba(255,232,168,.42), transparent) !important
}
html body:not(.admin-route) #root .vd2-dashboard .zxgl-v4-chip:hover {
  border-color:rgba(232,199,116,.42) !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu {
  background:
    linear-gradient(155deg,#242B33,#171D24 75%)
    !important;
  background-color:#171D24 !important;
  background-image:linear-gradient(
    155deg,#242B33,#171D24 75%
  ) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.48),
    0 0 18px rgba(212,175,55,.09),
    inset 0 1px 0 rgba(255,255,255,.06)
    !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button {
  background:#242B33 !important;
  background-image:none !important;
  color:#E8E5DF !important;
  -webkit-text-fill-color:#E8E5DF !important;
  box-shadow:none !important;
  text-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button span {
  color:#E6C36A !important;
  -webkit-text-fill-color:#E6C36A !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button strong {
  color:#F2F0E9 !important;
  -webkit-text-fill-color:#F2F0E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button i {
  color:#F1D27C !important;
  -webkit-text-fill-color:#F1D27C !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button.active {
  background:
    linear-gradient(135deg,#40351E,#292719)
    !important;
  border-color:rgba(232,194,103,.65) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 13px rgba(212,175,55,.13)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button.active strong {
  color:#F6D98D !important;
  -webkit-text-fill-color:#F6D98D !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button:hover {
  background:#323A43 !important;
  border-color:rgba(212,175,55,.44) !important
}
html body:not(.admin-route):not(.admin-route) #root
.duh-language-wrap .duh-language-menu button.active:hover {
  background:#40351E !important
}
html body:not(.admin-route):not(.admin-route) #root
.wv4-security {
  background:linear-gradient(
    145deg,
    #242B33 0%,
    #1B222A 55%,
    #171D24 100%
  ) !important;
  background-color:#1B222A !important;
  border-color:rgba(212,175,55,.30) !important;
  color:#F5F1E9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 5px 18px rgba(0,0,0,.15),
    0 0 12px rgba(212,175,55,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.wv4-security > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.wv4-security > div > strong {
  color:#F7F2E8 !important;
  -webkit-text-fill-color:#F7F2E8 !important;
  text-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.wv4-security > div > span {
  color:#B9C4D0 !important;
  -webkit-text-fill-color:#B9C4D0 !important;
  text-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-section-head strong {
  color:#F5E8BC !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-section-head small {
  color:#AEB4C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-section-head button {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-links-head strong {
  color:#F5E8BC !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-links-head small {
  color:#AEB4C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-link b,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-link > small {
  color:#D9DDE5 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .glt-header h2 {
  color:#F5E8BC !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .glt-kicker,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .glt-header p {
  color:#AEB4C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .glt-all {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .glt-status {
  background:#1C2027 !important;
  color:#C9CED8 !important;
  border-color:rgba(212,175,55,.20) !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet {
  background:
    linear-gradient(180deg, rgba(22,24,29,.98) 0%, rgba(14,16,20,.98) 100%) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:#F5F1E6 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet-top article {
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet-label {
  color:#8E96A3 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet-top strong {
  color:#FFF8E7 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet-top small {
  color:#97A0AC !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-wallet-divider {
  background:rgba(212,175,55,.12) !important;
  border-color:rgba(212,175,55,.12) !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button {
  background:linear-gradient(180deg, #232730 0%, #1A1E25 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 16px rgba(0,0,0,.18) !important;
  color:#E8D7A0 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button b {
  color:#F2F4F7 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button:hover,
html body:not(.admin-route):not(.admin-route) #root .vd2-dashboard .vd2-quick-actions button:active {
  background:linear-gradient(180deg, #2A2F39 0%, #20242C 100%) !important;
  border-color:rgba(212,175,55,.18) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-wallet-divider {
  background:rgba(232,203,117,.38) !important;
  border-color:rgba(232,203,117,.38) !important;
  box-shadow:0 0 8px rgba(232,203,117,.10) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  border-top-color:#E8CB75 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
.vd2-wallet-label {
  color:#7ED9A5 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
strong {
  color:#7ED9A5 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
small {
  color:#7ED9A5 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-actions button
:is(span, i):has(> svg) {
  background:#17191D !important;
  background-image:none !important;
  border-color:rgba(232,203,117,.18) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-actions button
:is(span, i):has(> svg) svg {
  color:#E8CB75 !important;
  stroke:#E8CB75 !important;
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button {
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  background:#17191D !important;
  background-image:none !important;
  border-color:rgba(232,203,117,.18) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(212,175,55,.05)
    !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  background:none !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top .vd2-wallet-label {
  color:#B8B5AD !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > strong {
  color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > small {
  color:#B8B5AD !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions {
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#E9FFF3 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  background:#D4AF37 !important;
  box-shadow:0 0 8px rgba(212,175,55,.15) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:#090A0C !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.25) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .zx-wallet-label {
  color:#B8B5AD !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .zx-wallet-label svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > strong {
  color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child > small {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > strong {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest > small {
  color:#B8B5AD !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:hover,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button:active {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after {
  background:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button b {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
.zx-wallet-label {
  color:#B8B5AD !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child
> small {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet {
  background:
    radial-gradient(
      circle at 0 0,
      rgba(212,175,55,.055),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article {
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-label {
  color:#AEB4C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top article:first-child strong {
  color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest strong {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-top small {
  color:#8F98A7 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .vd2-wallet-label,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-invest .vd2-wallet-label * {
  color:#AEB4C0 !important;
  stroke:#AEB4C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet-divider {
  background:rgba(212,175,55,.26) !important;
  border-color:rgba(212,175,55,.26) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-quick-actions {
  border-top-color:rgba(212,175,55,.20) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span {
  background:#1B2027 !important;
  box-shadow:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span svg,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions b {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button > span::after,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet .vd2-quick-actions button::after {
  background:#D4AF37 !important;
  border-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span svg {
  color:#F5F1E9 !important;
  stroke:#F5F1E9 !important;
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-wallet
.vd2-quick-actions button > span::after {
  background:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel {
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(212,175,55,.075),
      transparent 48%
    ),
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;

  border-color:rgba(212,175,55,.18) !important;

  box-shadow:
    0 18px 38px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;

  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-title,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-title h2 {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-hourly strong {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-hourly {
  color:#B8BDC6 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
button svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
button {
  background:
    linear-gradient(
      180deg,
      #242932,
      #1B2027
    ) !important;

  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel {
  background:#171B21 !important;
  background-image:
    radial-gradient(
      circle at 95% 8%,
      rgba(212,175,55,.045),
      transparent 48%
    ),
    linear-gradient(180deg,#171B21,#15181D)
    !important;
  border-color:rgba(212,175,55,.20) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::before,
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::after {
  background-color:transparent !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.12) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-chart,.vd2-chart-area) {
  background-color:#14191F !important;
  border-color:rgba(212,175,55,.14) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-title,.vd2-plan-title h2) {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-hourly,.vd2-plan-hourly strong) {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel button {
  background:linear-gradient(180deg,#242932,#1B2027)
    !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel button svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel {
  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(212,175,55,.055),
      transparent 44%
    ),
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  border-color:rgba(212,175,55,.20) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel::before {
  background:
    linear-gradient(
      135deg,
      rgba(212,175,55,.035),
      transparent 45%
    ) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-glow {
  background:
    radial-gradient(
      circle,
      rgba(212,175,55,.075),
      rgba(212,175,55,0) 70%
    ) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) {
  background:rgba(36,41,50,.88) !important;
  border-color:rgba(212,175,55,.20) !important;
  color:#D9DBDF !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
.vd2-plan-hourly {
  background:rgba(212,175,55,.045) !important;
  border-color:rgba(212,175,55,.16) !important
}
html body:not(.admin-route):not(.admin-route) #root
.vd2-dashboard .vd2-featured-plan--carousel
:is(.vd2-plan-chart,.vd2-chart-area) {
  background-color:#14191F !important;
  border-color:rgba(212,175,55,.14) !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel {
  background:#171B21 !important;
  background-image:
    linear-gradient(
      180deg,
      #171B21 0%,
      #15181D 100%
    ) !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel::before {
  background:linear-gradient(
    135deg,
    rgba(212,175,55,.045),
    transparent 48%
  ) !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-glow {
  background:radial-gradient(
    circle,
    rgba(212,175,55,.08),
    transparent 70%
  ) !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-chart {
  background:#14191F !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.16) !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-chart svg {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
:is(.vd2-ai-badge,.vd2-plan-duration) {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#E5E0D5 !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-hourly {
  background:rgba(212,175,55,.045) !important;
  border-color:rgba(212,175,55,.17) !important
}
html body:not(.admin-route) #root
.vd2-featured-plan.vd2-featured-plan--carousel
.vd2-plan-bottom > button {
  background:linear-gradient(
    180deg,
    #242932,
    #1B2027
  ) !important;
  border-color:rgba(212,175,55,.25) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .vd2-dashboard
.vd2-plan-carousel-dots button.active {
  background:#D4AF37 !important;
  background-image:none !important
}
html body:not(.admin-route) #root .dv4-page {
  color:#F5F1E9 !important;
  background-color:#101114 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus {
  background:linear-gradient(
    160deg,#171B21,#15181D
  ) !important;
  border-color:rgba(212,175,55,.22) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus::before {
  border-color:rgba(212,175,55,.13) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-icon {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-copy span {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-copy strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
:is(.dv4-bonus-percent,.dv4-bonus-countdown) {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-button {
  background:#242932 !important;
  border-color:rgba(212,175,55,.26) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-auto {
  background:linear-gradient(
    180deg,#171B21,#15181D
  ) !important;
  border-color:rgba(212,175,55,.20) !important;
  box-shadow:
    0 16px 35px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.025) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-section-icon {
  background:#242932 !important;
  color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page .dv4-section-title span {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-section-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-live-badge {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-live-badge i {
  background:#D4AF37 !important;
  box-shadow:0 0 7px rgba(212,175,55,.35) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.13) !important;
  box-shadow:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token.active {
  background:linear-gradient(
    180deg,#282A28,#202329
  ) !important;
  border-color:rgba(212,175,55,.70) !important;
  box-shadow:
    inset 0 0 0 1px rgba(212,175,55,.10)
    !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token strong,
html body:not(.admin-route) #root .dv4-page .dv4-token b {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token > small {
  color:#ADB4BF !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token-icon {
  background:rgba(212,175,55,.035) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-token-check {
  background:#D4AF37 !important;
  color:#171B21 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-wallet-balance {
  background:#14181E !important;
  border-color:rgba(212,175,55,.16) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-wallet-balance span {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-wallet-balance strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-wallet-network {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address-head span,
html body:not(.admin-route) #root .dv4-page .dv4-address-box span {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address-head strong,
html body:not(.admin-route) #root .dv4-page .dv4-address-box strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address-box {
  background:#101419 !important;
  border-color:rgba(212,175,55,.16) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address-box > button {
  background:#242932 !important;
  border-color:rgba(212,175,55,.26) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-address-box > button.copied {
  color:#6FE0A4 !important;
  border-color:rgba(111,224,164,.28) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-secure {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-address-state {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-guide {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-guide-title,
html body:not(.admin-route) #root .dv4-page .dv4-guide-title * {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-guide-icon {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-guide
:is(h3,h4,strong,b) {
  color:#E9D29B !important;
  -webkit-text-fill-color:#E9D29B !important
}
html body:not(.admin-route) #root .dv4-page .dv4-guide
:is(p,small,li,span) {
  color:#B8BDC6 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-warning {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.28) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-warning-icon {
  background:#242932 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-warning
:is(h3,h4,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-warning
:is(p,small,span) {
  color:#B8BDC6 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history {
  background:#171B21 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history-head,
html body:not(.admin-route) #root .dv4-page .dv4-history-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history-head small {
  color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history-empty {
  background:transparent !important;
  color:#B8BDC6 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history-empty
:is(p,span,small) {
  color:#B8BDC6 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-history-list {
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered {
  background:
    linear-gradient(180deg,#171B21 0%,#15181D 100%)
    !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
:is(h2,h3,h4,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
:is(p,small) {
  color:#AEB4C0 !important;
  -webkit-text-fill-color:#AEB4C0 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack > section.arx-deposit-tiered
.arx-tier-max {
  background:#242932 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.28) !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-warning .dv4-warning-icon {
  background:#242932 !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-warning .dv4-warning-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-warning :is(strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-empty {
  background:transparent !important;
  color:#B8BDC6 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-empty svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-empty strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-history .dv4-history-empty span {
  color:#AEB4C0 !important;
  -webkit-text-fill-color:#AEB4C0 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered .arx-tier-row {
  background:#242932 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.23) !important;
  color:#F5F1E9 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered .arx-tier-row :is(strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-icon,
  .arx-bonus-icon,
  [class*="bonus-icon"]
) {
  background:#242932 !important;
  border-color:rgba(212,175,55,.24) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-icon,
  .arx-bonus-icon,
  [class*="bonus-icon"]
) svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  .arx-tier-max,
  [class*="tier-percent"],
  [class*="tier-rate"],
  [class*="tier-badge"],
  [class*="bonus-pill"]
) {
  background:#1B2027 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-hero-stack > section.arx-deposit-tiered :is(
  [class*="tier-row"],
  [class*="tier-item"],
  [class*="bonus-row"]
):has([class*="top-tier"]) {
  border-color:rgba(212,175,55,.65) !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(span,strong,b,small,p,div) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root
.dv4-page .dv4-hero-stack
section.arx-deposit-tiered
.arx-tier-row:last-of-type
> :nth-child(2) small {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus, section.arx-deposit-tiered) {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(212,175,55,.08), rgba(212,175,55,0) 38%),
    linear-gradient(165deg, #171B21 0%, #14181E 58%, #12161B 100%) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03) !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus, section.arx-deposit-tiered)::after {
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,0) 34%)
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-copy span {
  color:#AEB6C1 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-copy strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-icon {
  background:
    linear-gradient(160deg, #252C35, #1C222A) !important;
  color:#D4AF37 !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04) !important
}
html body:not(.admin-route) #root .dv4-page .dv4-bonus-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus-percent,.arx-tier-max,.dv4-bonus-countdown) {
  background:
    linear-gradient(180deg,#242932,#1E242C) !important;
  color:#D4AF37 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.14) !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row {
  background:
    linear-gradient(180deg, rgba(38,44,54,.94), rgba(30,35,43,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 22px rgba(0,0,0,.12) !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row:hover,
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row:active {
  border-color:rgba(212,175,55,.24) !important;
  background:
    linear-gradient(180deg, rgba(42,48,58,.98), rgba(33,38,46,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.18) !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row strong,
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row b {
  color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row span {
  color:#D7DCE4 !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row small,
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row em {
  color:#AEB6C1 !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row svg,
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row i {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row [class*="bonus"],
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row [class*="percent"] {
  background:
    linear-gradient(180deg,#20262E,#1A1F26) !important;
  color:#D4AF37 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important
}
html body:not(.admin-route) #root .dv4-page section.arx-deposit-tiered .arx-tier-row:last-child {
  border-color:rgba(212,175,55,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.18),
    0 0 0 1px rgba(212,175,55,.04) !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button) {
  background:
    linear-gradient(90deg, #303A46 0%, #232A33 100%) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04) !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button):hover,
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button):active {
  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05) !important
}
html body:not(.admin-route) #root .dv4-page :is(.dv4-bonus-button, section.arx-deposit-tiered .dv4-bonus-button)::after {
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.08), rgba(255,255,255,0))
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  border-color:rgba(212,175,55,.15) !important;
  background:linear-gradient(
    160deg,#252B33,#20252D
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  background:#1A2027 !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child
:is(span,i) {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  background:transparent !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:last-child {
  border-color:rgba(212,175,55,.32) !important
}
@media (hover:hover) {
  html body:not(.admin-route) #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    border-color:rgba(212,175,55,.38) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 8px 20px rgba(0,0,0,.12)
      !important
  }
}
html body:not(.admin-route) #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {

  background:
    radial-gradient(
      ellipse at 95% 0%,
      rgba(212,175,55,.075),
      transparent 43%
    ),
    linear-gradient(
      155deg,
      #191D23,
      #12161B
    ) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04)
    !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered::before {
  background:linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,.85),
    transparent
  );
  box-shadow:0 0 12px rgba(212,175,55,.28)
}
html body:not(.admin-route) #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered::after {
  background:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {

  background:
    linear-gradient(
      160deg,
      #22272F,
      #1B2027
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  background:#151A20 !important;
  color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child
:is(span,i,svg) {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  background:transparent !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {

  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(strong,b,span) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2)
:is(small,em) {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {

  background:rgba(212,175,55,.065) !important;
  background-image:none !important;

  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row:last-child {
  border-color:rgba(212,175,55,.29) !important;
  background:
    linear-gradient(160deg,#272A2C,#20242A)
    !important
}
@media (hover:hover) {
  html body:not(.admin-route) #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    border-color:rgba(212,175,55,.32) !important;
    background:#292E36 !important
  }
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered {
  background:
    radial-gradient(
      ellipse at 95% 0%,
      rgba(212,175,55,.065),
      transparent 43%
    ),
    linear-gradient(155deg,#191D23,#12161B)
    !important;
  border-color:rgba(212,175,55,.27) !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {

  background:
    linear-gradient(
      110deg,
      #242A32 0%,
      #20252C 55%,
      #1B2027 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child {
  background:
    linear-gradient(145deg,#2C2A24,#1B2027)
    !important;
  color:#D4AF37 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :first-child::before {
  color:#E5C76E
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :nth-child(2) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > :last-child {
  background:#1A2027 !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:last-child {
  border-color:rgba(212,175,55,.33)
    !important;
  background:
    linear-gradient(110deg,#2B2B29,#20252C)
    !important
}
@media (hover:hover) {
  html body:not(.admin-route) #root .dv4-page
  section.arx-deposit-tiered
  .arx-tier-row:hover {
    border-color:rgba(212,175,55,.4)
      !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 7px 20px rgba(0,0,0,.18),
      0 0 14px rgba(212,175,55,.055)
      !important
  }
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row:active {
  border-color:rgba(212,175,55,.4)
    !important
}
html body:not(.admin-route) #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {
  background:
    radial-gradient(circle at 100% 0%,
      rgba(212,175,55,.065),transparent 40%),
    linear-gradient(155deg,#191D23,#12161B)
    !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.23),
    inset 0 1px rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-toggle {
  background:transparent !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon {
  background:#242932 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-title small {
  color:#C1A968 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-max {
  background:#22272E !important;
  background-image:none !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  background:linear-gradient(
    110deg,#252B33,#1C2128
  ) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)
    !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-coin {
  background:#181D23 !important;
  box-shadow:none !important;
  color:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-coin svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-range {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-rate {
  background:#181E25 !important;
  background-image:none !important;
  color:#E4C56C !important;
  -webkit-text-fill-color:#E4C56C !important;
  box-shadow:none !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-row:last-child {
  border-color:rgba(212,175,55,.34) !important;
  background:linear-gradient(
    110deg,#2A2B2A,#20242A
  ) !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered .arx-tier-note {
  color:#B8BDC6 !important
}
@media (hover:hover) {
  html body:not(.admin-route) #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row:hover {
    border-color:rgba(212,175,55,.40) !important;
    box-shadow:
      0 5px 14px rgba(0,0,0,.14),
      0 0 10px rgba(212,175,55,.045)
      !important
  }
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > .arx-tier-coin > svg {
  color:#E5C76E !important;
  stroke:#E5C76E !important;
  fill:none !important;
  background:transparent !important
}
html body:not(.admin-route) #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > .arx-tier-coin > svg > path {
  stroke:#E5C76E !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page {
  color:#F5F1E9 !important;
  background-color:#101114 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
:is(.wv4-balance,.wv4-guide,.wv4-wallet,
    .wv4-processing,.wv4-history,.wv4-security) {
  background:linear-gradient(160deg,#191D23,#15181D) !important;
  background-image:linear-gradient(160deg,#191D23,#15181D) !important;
  border-color:rgba(212,175,55,.20) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-balance-copy > span {
  color:#AFB7C2 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-balance-copy > strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-balance-copy > small {
  color:#BCC3CD !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-balance::after {
  border-color:rgba(212,175,55,.14) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-head {
  color:#F5F1E9 !important;
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-icon {
  background:#252B33 !important;
  color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-head strong,
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-body strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-head span {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-head > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-body {
  border-color:rgba(212,175,55,.12) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-body article {
  border-bottom-color:rgba(212,175,55,.13) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-body article > span {
  background:#242932 !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-guide-body p {
  color:#B8C0CB !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-title > div:first-child {
  background:#242932 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-title svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-title span {
  color:#ACB5C2 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-status {
  background:#242932 !important;
  border-color:rgba(212,175,55,.16) !important;
  color:#BEC4CE !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-status.active {
  color:#76DBAA !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-auto {
  background:#20252D !important;
  border-color:rgba(212,175,55,.17) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-auto span {
  color:#AFB7C2 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-auto strong {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-switch {
  background:#303743 !important;
  border-color:rgba(212,175,55,.25) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-switch.active {
  background:rgba(212,175,55,.35) !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-switch.active i {
  background:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-field {
  background:#171B21 !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-field input {
  background:#14181E !important;
  border-color:rgba(212,175,55,.20) !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  caret-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-field input::placeholder {
  color:#8993A1 !important;
  -webkit-text-fill-color:#8993A1 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-wallet-button {
  background:#252D37 !important;
  color:#F5F1E9 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-notice {
  background:#1E2927 !important;
  border-color:rgba(111,224,164,.24) !important;
  color:#C4E6D2 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-notice > svg {
  color:#76DBAA !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-block-head {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-block-head :is(h2,h3,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-block-head svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
:is(.wv4-empty-processing,.wv4-history-empty) {
  background:transparent !important;
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
:is(.wv4-empty-processing,.wv4-history-empty) svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
:is(.wv4-empty-processing,.wv4-history-empty)
:is(span,p,small) {
  color:#BFC6D0 !important;
  -webkit-text-fill-color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-history-list {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-message.error {
  background:#332024 !important;
  border-color:rgba(255,135,135,.35) !important;
  color:#FFB8B8 !important
}
html body:not(.admin-route):not(.admin-route) #root .wv4-page
.wv4-message.error :is(span,p,strong) {
  color:#FFB8B8 !important
}
html body:not(.admin-route):not(.admin-route) #root .tv4-page {
  color:#F5F1E9 !important;
  background-color:#101114 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-hero-stack {
  background:transparent !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page :is(
  .tv4-hero,
  .tv4-commission,
  .tv4-levels,
  .tv4-referrals
) {
  background:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  background-image:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-hero-copy > span {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-hero-copy h1 {
  color:#F8F6F0 !important;
  -webkit-text-fill-color:#F8F6F0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-hero-copy p {
  color:#B8BDC6 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-invite {
  background:#11161C !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-invite > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-invite > span {
  color:#CCD0D8 !important;
  -webkit-text-fill-color:#CCD0D8 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-invite button {
  background:#282E37 !important;
  background-image:none !important;
  color:#E5C76E !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-code span {
  color:#AAB3C0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-code strong {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stats article {
  background:
    linear-gradient(160deg,#232831,#191E25)
    !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stat-icon {
  background:#2C3035 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stat-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stats article > strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stats article > span {
  color:#B6BEC9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-title-icon {
  background:#272D35 !important;
  background-image:none !important;
  color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-title-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-section-head span {
  color:#ACB5C2 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-section-head strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page :is(
  .tv4-level-count,
  .tv4-referral-count,
  .tv4-live-pill
) {
  background:#252B33 !important;
  background-image:none !important;
  color:#D4AF37 !important;
  border-color:rgba(212,175,55,.24) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-commission-value span {
  color:#B7BFC9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-commission-value strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-summary article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.19) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-summary span,
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-summary small {
  color:#B5BEC9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-summary strong {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-performance-line {
  border-bottom-color:rgba(212,175,55,.14)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-performance-line > span {
  background:linear-gradient(
    90deg,
    rgba(212,175,55,.12),
    #D4AF37,
    rgba(212,175,55,.50)
  ) !important;
  box-shadow:0 0 10px rgba(212,175,55,.12)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-performance-line i {
  background:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.20) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level article > span,
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level article > small {
  color:#AEB7C4 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level article > strong {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-node {
  background:#262C35 !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#AEB7C4 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level.unlocked .tv4-level-node {
  background:#272D35 !important;
  border-color:#D4AF37 !important;
  color:#D4AF37 !important;
  box-shadow:0 0 0 4px rgba(212,175,55,.08)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-line {
  background:repeating-linear-gradient(
    to bottom,
    rgba(212,175,55,.42) 0 5px,
    transparent 5px 10px
  ) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-meta span,
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-note {
  color:#AEB7C4 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-meta strong {
  color:#E0E4EA !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-filters > svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-filters button {
  background:#242932 !important;
  color:#BFC6D0 !important;
  border-color:rgba(212,175,55,.17) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-filters button.active {
  background:#343025 !important;
  color:#D4AF37 !important;
  border-color:rgba(212,175,55,.42) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-member-list article {
  background:#20252D !important;
  border-color:rgba(212,175,55,.16) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-member-avatar {
  background:#2B3038 !important;
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page :is(
  .tv4-member-info,
  .tv4-member-balance
) {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page :is(.tv4-empty,.tv4-error) {
  background:transparent !important;
  color:#B9C0CA !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-empty-orbit {
  border-color:rgba(212,175,55,.28) !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-empty svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-error {
  color:#FFB8B8 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page {
  background:#101114 !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-hero-stack {
  background:#101114 !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page :is(
  .tv4-stats,
  .tv4-level-road,
  .tv4-levels,
  .tv4-referrals
) {
  background-color:#101114
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page > section:not(
  .tv4-hero,
  .tv4-commission,
  .tv4-levels,
  .tv4-referrals
) {
  background-color:#101114 !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-stats {
  background:#101114 !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.tv4-page .tv4-level-road {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page) {
  background:#101114 !important;
  background-image:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
:is(
  .earning-b-earned,
  .earning-b-profit-card,
  .earning-b-history,
  .earning-chart-card,
  .earning-list-card
) {
  background:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  background-image:
    linear-gradient(155deg,#191D23,#15181D)
    !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned-icon {
  background:#272D35 !important;
  background-image:none !important;
  color:#D4AF37 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned :is(strong,b) {
  color:#F8F6F0 !important;
  -webkit-text-fill-color:#F8F6F0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-earned :is(span,small) {
  color:#B8BDC6 !important;
  -webkit-text-fill-color:#B8BDC6 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-head {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-card :is(h2,h3,strong,b) {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-profit-card :is(small,span) {
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs {
  background:#242932 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button {
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  color:#BFC6D0 !important;
  -webkit-text-fill-color:#BFC6D0 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button.active,
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-range-tabs button[aria-pressed="true"] {
  background:#343025 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.35) !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-chart {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-grid-line {
  background:rgba(212,175,55,.13) !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-chart-line {
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head :is(strong,b,h2,h3) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-head :is(small,span) {
  color:#B8BDC6 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-history-period,
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-period-total {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.16) !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-icon {
  background:#2B3038 !important;
  background-image:none !important;
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-info > strong {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-item-amount {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid article {
  background:linear-gradient(
    155deg,#232932,#191E25
  ) !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid span {
  color:#AEB7C4 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-summary-grid strong {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-empty {
  background:#1D232B !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.15) !important;
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-b-empty :is(span,p,small) {
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-real-state.error {
  background:#332024 !important;
  border-color:rgba(255,135,135,.32) !important;
  color:#FFB8B8 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.earning-page,.earning-b-page)
.earning-real-state.error :is(span,p,strong) {
  color:#FFB8B8 !important
}
html body:not(.admin-route):not(.admin-route) #root .wheel4,
html body:not(.admin-route):not(.admin-route) #root .magnet4 {
  background:#101114 !important;
  background-image:none !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 {
  background:#101114 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(
  .magnet4-card,
  .magnet4-overview-card,
  .magnet4-history
) {
  background:
    linear-gradient(155deg,#1D222A,#15181D)
    !important;
  background-image:
    linear-gradient(155deg,#1D222A,#15181D)
    !important;
  color:#F5F1E9 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.035)
    !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(
  .wheel4-heading,
  .magnet4-head,
  .magnet4-history-head
) {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(
  .wheel4-heading,
  .magnet4-head,
  .magnet4-history-head
) :is(h1,h2,h3,strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(
  .magnet4-kicker,
  .magnet4-kicker-desc
) {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(.magnet4-desc,.magnet4-history-copy) {
  color:#B9C1CC !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-stats {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-stats > * {
  background:
    linear-gradient(155deg,#252B34,#1C2129)
    !important;
  background-image:
    linear-gradient(155deg,#252B34,#1C2129)
    !important;
  color:#F5F1E9 !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-stats > * :is(strong,b) {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-stats > * :is(small,span,p) {
  color:#B8C0CB !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-days {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-day {
  background:#232933 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.19) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-day :is(strong,b) {
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-pot,
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-requirement {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.22) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-pot :is(strong,b) {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
:is(.magnet4-card,.magnet4-overview-card)
button:not(:disabled) {
  border-color:rgba(212,175,55,.30)
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-list {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-item {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-icon {
  background:#2B3038 !important;
  color:#D4AF37 !important;
  border-color:rgba(212,175,55,.24) !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-value {
  color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-empty {
  background:#1E242C !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.17) !important;
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-history-empty :is(p,span,small) {
  color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
:is(.wheel4,.magnet4)
.magnet4-notice {
  background:#222831 !important;
  border-color:rgba(212,175,55,.18) !important;
  color:#CFD5DE !important
}
body:not(.admin-route) .magnet4,
body:not(.admin-route) .wheel4 {
  background:transparent !important
}
body:not(.admin-route) .magnet4-card,
body:not(.admin-route) .magnet4-overview-card,
body:not(.admin-route) .magnet4-history {
  background:
    radial-gradient(circle at 100% 0%, rgba(194,149,38,.10), transparent 36%),
    radial-gradient(circle at 0% 0%, rgba(31,46,74,.12), transparent 28%),
    linear-gradient(145deg,#151d2a,#0d131d) !important;
  border-color:rgba(184,142,42,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 26px rgba(0,0,0,.20) !important
}
body:not(.admin-route) .magnet4-requirement,
body:not(.admin-route) .magnet4-days,
body:not(.admin-route) .magnet4-history-empty {
  background:
    linear-gradient(145deg, rgba(22,29,42,.96), rgba(12,18,27,.98)) !important;
  border-color:rgba(184,142,42,.16) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-card button {
  background:#292F38 !important;
  background-image:none !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-card button:disabled {
  background:#252A32 !important;
  background-image:none !important;
  color:#9FA6B1 !important;
  -webkit-text-fill-color:#9FA6B1 !important;
  border-color:rgba(212,175,55,.13) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 button:not(:disabled):not(.active) {
  border-color:rgba(212,175,55,.28) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 :is(.magnet4-card,.magnet4-history)
:is(
  [class*="badge"],
  [class*="pill"],
  [class*="chip"]
) {
  background:#292F38 !important;
  background-image:none !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
  border-color:rgba(212,175,55,.28) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 :is(
  .magnet4-kicker,
  .magnet4-kicker-desc
) {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-head :is(
  small,span
) {
  color:#C0C6D0 !important;
  -webkit-text-fill-color:#C0C6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-pot :is(
  small,span,p
) {
  color:#BCC4CF !important;
  -webkit-text-fill-color:#BCC4CF !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-pot :is(
  strong,b
) {
  color:#F8F6F0 !important;
  -webkit-text-fill-color:#F8F6F0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-card .magnet4-desc {
  color:#C1C8D2 !important;
  -webkit-text-fill-color:#C1C8D2 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-empty {
  background:#222831 !important;
  background-image:none !important;
  border-color:rgba(212,175,55,.21) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-empty :is(
  strong,b
) {
  color:#EAE6DC !important;
  -webkit-text-fill-color:#EAE6DC !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-empty :is(
  small,span,p
) {
  color:#BFC6D0 !important;
  -webkit-text-fill-color:#BFC6D0 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 :is(.magnet4-card,.magnet4-history)
:is(
  [class*="badge"],
  [class*="pill"],
  [class*="chip"],
  [class*="counter"],
  [class*="count"]
) {
  background:#2B3038 !important;
  background-image:none !important;
  color:#E5C76E !important;
  -webkit-text-fill-color:#E5C76E !important;
  box-shadow:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 :is(
  .magnet4-card,
  .magnet4-history
) :is(
  [class*="kicker"],
  [class*="eyebrow"]
) {
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-requirement {
  background:#252B33 !important;
  color:#C5CCD5 !important;
  border-color:rgba(212,175,55,.20) !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-requirement :is(
  span,small,p,strong
) {
  color:#C5CCD5 !important;
  -webkit-text-fill-color:#C5CCD5 !important
}
html body:not(.admin-route):not(.admin-route) #root
.magnet4 .magnet4-history-empty strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important
}
html body:not(.admin-route):not(.admin-route)
#root .wheel4 > .magnet4 {
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important
}
html body:not(.admin-route) .magnet4-card {
  background:
    radial-gradient(
      ellipse at 95% 0%,
      rgba(197,143,48,.13),
      transparent 54%
    ),
    linear-gradient(
      150deg,
      #22252a 0%,
      #13161b 65%,
      #191b1e 100%
    ) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.23),
    inset 0 1px rgba(255,229,170,.06) !important;
  color: #f6f3ed !important
}
html body:not(.admin-route) .magnet4-head h3 {
  color: #fffaf0 !important
}
html body:not(.admin-route) .magnet4-head small {
  color: #d5ad61 !important
}
html body:not(.admin-route) .magnet4-head > span {
  background: rgba(191,139,52,.13) !important;
  color: #f4d28f !important
}
html body:not(.admin-route) .magnet4-desc {
  color: #d6d2cc !important
}
html body:not(.admin-route) .magnet4-pot {
  background: linear-gradient(
    130deg,
    #26282a,
    #1c2027
  ) !important
}
html body:not(.admin-route) .magnet4-pot div > span {
  color: #c5aa77 !important
}
html body:not(.admin-route) .magnet4-pot strong {
  color: #f7cb76 !important
}
html body:not(.admin-route) .magnet4-pot > p {
  color: #c5c0b8 !important
}
html body:not(.admin-route) .magnet4-day {
  background: linear-gradient(
    160deg,#202226,#121419
  ) !important;
  box-shadow: none !important
}
html body:not(.admin-route) .magnet4-day small {
  color: #a9a7a7 !important
}
html body:not(.admin-route) .magnet4-day strong {
  color: #fff8e9 !important
}
html body:not(.admin-route) .magnet4-day span {
  color: #c9c6c1 !important
}
html body:not(.admin-route) .magnet4-day b {
  color: transparent !important;
  background: transparent !important
}
html body:not(.admin-route) .magnet4-day.ready,
html body:not(.admin-route) .magnet4-day.completed {
  border-color: #e4b85f !important;
  background: linear-gradient(
    155deg,#47361f,#27231d
  ) !important;
  box-shadow: 0 0 13px rgba(220,168,68,.12) !important
}
html body:not(.admin-route) .magnet4-day.ready b,
html body:not(.admin-route) .magnet4-day.completed b {
  border-color: #f5cd74 !important;
  background: #e9b950 !important;
  box-shadow: 0 0 8px rgba(255,200,85,.45) !important
}
html body:not(.admin-route) .magnet4-checkin {
  background: linear-gradient(
    110deg,#292318,#372a19,#292318
  ) !important;
  color: #f6d28c !important;
  box-shadow: inset 0 1px rgba(255,223,142,.1) !important
}
html body:not(.admin-route) .magnet4-checkin.ready:not(:disabled) {
  background: linear-gradient(
    110deg,#c3933d,#f4cc79,#c3933d
  ) !important;
  color: #171411 !important
}
html body:not(.admin-route) .magnet4-requirement {
  background: transparent !important;
  color: #bfc0c2 !important
}
html body:not(.admin-route) .magnet4-requirement span {
  color: #babcc0 !important
}
html body:not(.admin-route) .magnet4-requirement strong,
html body:not(.admin-route) .magnet4-requirement b {
  color: #f2c873 !important
}
html body:not(.admin-route) .magnet4-requirement button {
  background: rgba(209,157,55,.1) !important;
  color: #f5ca79 !important
}
html body:not(.admin-route) .magnet4-history {
  background: linear-gradient(
    150deg,#202329,#14171c
  ) !important;
  color: #f6f0e7 !important;
  box-shadow: 0 12px 25px rgba(0,0,0,.15) !important
}
html body:not(.admin-route) .magnet4-history-head small {
  color: #c4a66e !important
}
html body:not(.admin-route) .magnet4-history-head h3 {
  color: #fff9f0 !important
}
html body:not(.admin-route) .magnet4-history-empty,
html body:not(.admin-route) .magnet4-history-item {
  background: #22262d !important;
  color: #e3e0dc !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-days {
  background:transparent !important;
  background-image:none !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-days > .magnet4-day {
  background:linear-gradient(
    160deg,#26272a,#131519
  ) !important;
  background-image:linear-gradient(
    160deg,#26272a,#131519
  ) !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-days
> .magnet4-day strong {
  color:#F7D084 !important;
  -webkit-text-fill-color:#F7D084 !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-days
> .magnet4-day.ready,
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-days
> .magnet4-day.completed {
  border-color:#E2B45C !important;
  background:linear-gradient(
    160deg,#47351D,#24201B
  ) !important;
  box-shadow:0 0 12px rgba(222,168,70,.15) !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-card {
  border-color:rgba(220,176,90,.55) !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(211,159,69,.13),
      transparent 52%
    ),
    linear-gradient(
      150deg,#242427,#13161B
    ) !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-checkin {
  background:linear-gradient(
    110deg,#292318,#382A19
  ) !important;
  color:#F2D18B !important;
  -webkit-text-fill-color:#F2D18B !important
}
html body:not(.admin-route):not(.admin-route) #root
.wheel4 .magnet4 .magnet4-checkin.ready:not(:disabled) {
  background:linear-gradient(
    110deg,#C59645,#F0C878
  ) !important;
  color:#171411 !important;
  -webkit-text-fill-color:#171411 !important
}