/* 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 .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; }
}