/* mx-ui-accents-v1 */
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme {
  --mxui-blue: #3d8bff;
  --mxui-teal: #17967b;
  --mxui-gold: #c98a18;
  --mxui-ink: #1a1d24;
  --mxui-paper: #fff;
  --mxui-tone: var(--mxui-blue);
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-menu__tile--modes { --mxui-tone: var(--mxui-blue); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-menu__tile--slots { --mxui-tone: var(--mxui-teal); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-menu__tile {
  background: color-mix(in srgb, var(--mxui-tone) 22%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
  border-color: color-mix(in srgb, var(--mxui-tone) 28%, var(--mxui-paper)) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-menu__group,
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play {
  background: color-mix(in srgb, var(--mxui-blue) 4%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile { --mxui-tone: var(--mxui-blue); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/dice"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/wheel"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/x100"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/megawheel"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/coinflip"] { --mxui-tone: var(--mxui-gold); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/bubbles"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/popit"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/plinko"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/win"],
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile[data-to="/slots"] { --mxui-tone: var(--mxui-teal); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile {
  background: color-mix(in srgb, var(--mxui-tone) 11%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mxui-tone) 20%, var(--mxui-paper)) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mx-play__tile.is-active {
  background: color-mix(in srgb, var(--mxui-tone) 17%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .content.cards:has(.slots_p) {
  background: color-mix(in srgb, var(--mxui-teal) 7%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .slots_p .slots_box {
  background: color-mix(in srgb, var(--mxui-blue) 8%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level { --mxui-tone: var(--mxui-blue); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level[data-level="easy"] { --mxui-tone: var(--mxui-teal); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level[data-level="hard"] { --mxui-tone: var(--mxui-gold); }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level {
  background: color-mix(in srgb, var(--mxui-tone) 9%, var(--mxui-paper)) !important;
  border-color: color-mix(in srgb, var(--mxui-tone) 23%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level strong { color: color-mix(in srgb, var(--mxui-tone) 55%, var(--mxui-ink)) !important; }
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-level[aria-pressed="true"] {
  background: color-mix(in srgb, var(--mxui-tone) 19%, var(--mxui-paper)) !important;
  border-color: var(--mxui-tone) !important;
  box-shadow: inset 0 0 0 1px var(--mxui-tone) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-controls {
  background: color-mix(in srgb, var(--mxui-blue) 3%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mxui-blue) 15%, var(--mxui-paper)) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-betwrap,
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-quick,
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-sound {
  background: color-mix(in srgb, var(--mxui-blue) 9%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-status {
  background: color-mix(in srgb, var(--mxui-blue) 5%, var(--mxui-paper)) !important;
  color: var(--mxui-ink) !important;
}
html:not(#mxui1):not(#mxui2):not(#mxui3) body.light-theme .mxck-payout strong { color: color-mix(in srgb, var(--mxui-blue) 60%, var(--mxui-ink)) !important; }
html body .mxck .mxck-bet-min { font-size: 14px; line-height: 1.5; color: var(--ck-muted); margin: 0; }
html body .mxck .mxck-bet { scroll-margin-block: 100px; }
@media (max-width: 599px) {
  html body .mxck .mxck-payout { flex-wrap: wrap; }
  html body .mxck .mxck-payout strong { white-space: nowrap; }
}