/* Legacy chip look + bet-history table (moved from roulette.css) */

.roulette-history #diamond-narrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 20px solid #222233;
  position: absolute;
  top: -1px;
  left: 6px;
  left: calc(50% - 10px);
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
  .roulette-history #diamond-narrow:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 20px solid #222233; }
  .roulette-history #diamond-narrow.red {
    border-bottom: 20px solid #c1272c; 
	background: transparent;}
    .roulette-history #diamond-narrow.red:after {
      border-top: 20px solid #c1272c; }

.chip {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  color: #1a2a32;
  position: relative;
  font-weight: 800;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  --chip-face: rgb(254, 185, 24);
  --chip-edge: #905d00;
  --chip-ring: rgba(144, 93, 0, 0.5);
  background-color: var(--chip-face);
  background-image: url("../../img/games/roulette/chip-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0.125rem 0 0 var(--chip-edge), 0 0.065rem 0 0.25rem var(--chip-ring);
  font-size: 10px;
  font-family: 'RobotoCondensedBold', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  user-select: none;
}
.chip[data-chip="0"] { --chip-face: #8fbdd0; --chip-edge: #3a6574; --chip-ring: rgba(58, 101, 116, 0.5); color: #1a2a32; text-shadow: none; }
.chip[data-chip="1"] { --chip-face: #2aa8a1; --chip-edge: #0f5c58; --chip-ring: rgba(15, 92, 88, 0.5); }
.chip[data-chip="2"] { --chip-face: #2f9e44; --chip-edge: #145523; --chip-ring: rgba(20, 85, 35, 0.5); }
.chip[data-chip="3"] { --chip-face: #7cb342; --chip-edge: #3d6b12; --chip-ring: rgba(61, 107, 18, 0.5); color: #1a240c; text-shadow: none; }
.chip[data-chip="4"] { --chip-face: rgb(254, 185, 24); --chip-edge: #905d00; --chip-ring: rgba(144, 93, 0, 0.5); color: #3d2400; text-shadow: none; }
.chip[data-chip="5"] { --chip-face: #ff7a18; --chip-edge: #8a3d00; --chip-ring: rgba(138, 61, 0, 0.5); }
.chip[data-chip="6"] { --chip-face: #e53935; --chip-edge: #7a1210; --chip-ring: rgba(122, 18, 16, 0.5); }
.chip[data-chip="7"] { --chip-face: #6a1b9a; --chip-edge: #2e0848; --chip-ring: rgba(46, 8, 72, 0.5); }
.chip[data-chip="8"] { --chip-face: #1a237e; --chip-edge: #0a0f3d; --chip-ring: rgba(10, 15, 61, 0.5); }
.chip[data-chip="9"] { --chip-face: #111111; --chip-edge: #000000; --chip-ring: rgba(0, 0, 0, 0.45); }
.chip.is-disabled {
  opacity: 0.38;
  filter: grayscale(0.35);
  cursor: not-allowed;
  pointer-events: none;
}
.chip.small {
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }
    .chip.small:nth-of-type(2) {
      top: 0px; }
    .chip.small:nth-of-type(3) {
      top: -4px; }
    .chip.small:nth-of-type(4) {
      top: -8px; }
    .chip.small:nth-of-type(5) {
      top: -12px; }
    .chip.small:nth-of-type(6) {
      top: -16px; }


.roulette-history {
  position: relative;
}

.roulette-history .zero {
    background: #8bc34a;
    height: 26.5px;
    width: 221px;
    margin: 0 auto;
    color: #FFF;
    border-radius: 3px;
    position: relative;
    margin-bottom: 2px;
    border: 2px solid #7dba37; }
  .roulette-history .zero > span {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: -8px auto;
    top: 10px;
    text-align: center;
    font-weight: bold; }
  .roulette-history .zero.win-cell {
    background: url("../../img/games/roulette/zero-win.png"); }

.roulette-history .roulette {
  margin: 0 auto;
  width: 320px;
  border-collapse: separate;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .roulette-history .roulette tr td {
    border-right: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    font-family: 'RobotoCondensed', sans-serif;
    font-weight: bold;
    position: relative; }
    .roulette-history .roulette tr td.empty {
      border: 0; }
    .roulette-history .roulette tr td[data-id-number='46'] > span:after {
      content: '';
      height: 24px;
      width: 2px;
      background-color: #DDD;
      position: absolute;
      z-index: 1;
      left: -2px;
      top: 0;
      border-radius: 0 0 0 3px; }
    .roulette-history .roulette tr td .number {
      padding: 4px 20px;
      display: block;
      text-align: center;
      border: 1px solid #000;
      background: #222233;
	  color: #FFF;
      margin: 2px;
      font-weight: bold; }
      .roulette-history .roulette tr td .number.red {
        background: #c1272c;
        border: 1px solid #9f272c; }
    .roulette-history .roulette tr td.text-roulette {
      position: relative;
      width: 30px;
	  background: #EFEFEF;
      border-left: 2px solid #DDD; }
      .roulette-history .roulette tr td.text-roulette .chip.small {
        left: -2px; }
      .roulette-history .roulette tr td.text-roulette.right-number .chip.small {
        left: -1px; }
      .roulette-history .roulette tr td.text-roulette.bottom-text {
        border-left: 0;
        padding: 4px;
        text-align: center; }
      .roulette-history .roulette tr td.text-roulette:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        border: 1px solid #EFEFEF; }
      .roulette-history .roulette tr td.text-roulette:last-child {
        border-left: 0; }
      .roulette-history .roulette tr td.text-roulette:not(.bottom-text) > span {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        position: absolute;
        white-space: nowrap;
        font-weight: 100; }
  .roulette-history .roulette tr:first-child td {
    border-top: 2px solid #DDD; }

/* History inside-bets (legacy table) */
.roulette-history .border-bets .two-cell-bets > span {
  position: absolute;
  background: transparent;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .roulette-history .border-bets .two-cell-bets > span.horizontal-bet {
    width: 60px;
    height: 10px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(1), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(3), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(5) {
      top: 27px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(1) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(3) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(5) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(6), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(8), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(10) {
      top: 62px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(6) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(8) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(10) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(11), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(13), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(15) {
      top: 99px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(11) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(13) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(15) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(16), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(18), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(20) {
      top: 136px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(16) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(18) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(20) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(21), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(23), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(25) {
      top: 173px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(21) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(23) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(25) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(26), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(28), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(30) {
      top: 210px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(26) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(28) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(30) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(31), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(33), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(35) {
      top: 247px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(31) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(33) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(35) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(36), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(38), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(40) {
      top: 284px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(36) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(38) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(40) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(41), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(43), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(45) {
      top: 321px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(41) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(43) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(45) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(46), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(48), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(50) {
      top: 358px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(46) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(48) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(50) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(51), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(53), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(55) {
      top: 395px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(51) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(53) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(55) {
      left: 207px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(56), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(58), .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(60) {
      top: 432px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(56) {
      left: 50px; }
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(58) {
      left: 128px;}
    .roulette-history .border-bets .two-cell-bets > span.horizontal-bet:nth-child(60) {
      left: 207px; }
  .roulette-history .border-bets .two-cell-bets > span.vertical-bet {
    width: 12px;
    height: 24px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet .chip.small {
      left: -12px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(2), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(4) {
      top: 36px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(2) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(4) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(7), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(9) {
      top: 73px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(7) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(9) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(12), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(14) {
      top: 110px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(12) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(14) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(17), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(19) {
      top: 147px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(17) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(19) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(22), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(24) {
      top: 184px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(22) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(24) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(27), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(29) {
      top: 221px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(27) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(29) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(32), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(34) {
      top: 258px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(32) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(34) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(37), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(39) {
      top: 295px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(37) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(39) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(42), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(44) {
      top: 332px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(42) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(44) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(47), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(49) {
      top: 369px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(47) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(49) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(52), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(54) {
      top: 406px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(52) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(54) {
      left: 192px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(57), .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(59) {
      top: 443px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(57) {
      left: 113px; }
    .roulette-history .border-bets .two-cell-bets > span.vertical-bet:nth-child(59) {
      left: 192px; }

.roulette-history .border-bets .four-cell-bets > span {
  position: absolute;
  background: transparent;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 9px;
  height: 9px; }
  .roulette-history .border-bets .four-cell-bets > span .chip.small {
    left: -14px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(odd) {
    left: 114px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(even) {
    left: 193px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(1), .roulette-history .border-bets .four-cell-bets > span:nth-child(2) {
    top: 27px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(3), .roulette-history .border-bets .four-cell-bets > span:nth-child(4) {
    top: 63px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(5), .roulette-history .border-bets .four-cell-bets > span:nth-child(6) {
    top: 99px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(7), .roulette-history .border-bets .four-cell-bets > span:nth-child(8) {
    top: 136px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(9), .roulette-history .border-bets .four-cell-bets > span:nth-child(10) {
    top: 173px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(11), .roulette-history .border-bets .four-cell-bets > span:nth-child(12) {
    top: 210px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(13), .roulette-history .border-bets .four-cell-bets > span:nth-child(14) {
    top: 247px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(15), .roulette-history .border-bets .four-cell-bets > span:nth-child(16) {
    top: 284px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(17), .roulette-history .border-bets .four-cell-bets > span:nth-child(18) {
    top: 321px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(19), .roulette-history .border-bets .four-cell-bets > span:nth-child(20) {
    top: 358px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(21), .roulette-history .border-bets .four-cell-bets > span:nth-child(22) {
    top: 396px; }
  .roulette-history .border-bets .four-cell-bets > span:nth-child(23), .roulette-history .border-bets .four-cell-bets > span:nth-child(24) {
    top: 433px; }

.roulette-history .border-bets .line-bets > span {
  position: absolute;
  background: transparent;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 12px;
  height: 24px;
  right: 38px; }
  .roulette-history .border-bets .line-bets > span:nth-child(1) {
    top: 36px; }
  .roulette-history .border-bets .line-bets > span:nth-child(2) {
    top: 73px; }
  .roulette-history .border-bets .line-bets > span:nth-child(3) {
    top: 110px; }
  .roulette-history .border-bets .line-bets > span:nth-child(4) {
    top: 147px; }
  .roulette-history .border-bets .line-bets > span:nth-child(5) {
    top: 184px; }
  .roulette-history .border-bets .line-bets > span:nth-child(6) {
    top: 221px; }
  .roulette-history .border-bets .line-bets > span:nth-child(7) {
    top: 258px; }
  .roulette-history .border-bets .line-bets > span:nth-child(8) {
    top: 295px; }
  .roulette-history .border-bets .line-bets > span:nth-child(9) {
    top: 332px; }
  .roulette-history .border-bets .line-bets > span:nth-child(10) {
    top: 369px; }
  .roulette-history .border-bets .line-bets > span:nth-child(11) {
    top: 406px; }
  .roulette-history .border-bets .line-bets > span:nth-child(12) {
    top: 443px; }
  .roulette-history .border-bets .line-bets > span .chip.small {
    left: -12px; }

.roulette-history .border-bets .six-cell-bet > span {
  position: absolute;
  background: transparent;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 9px;
  height: 9px;
  right: 39px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(1) {
    top: 63px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(2) {
    top: 99px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(3) {
    top: 136px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(4) {
    top: 173px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(5) {
    top: 210px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(6) {
    top: 247px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(7) {
    top: 284px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(8) {
    top: 321px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(9) {
    top: 358px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(10) {
    top: 396px; }
  .roulette-history .border-bets .six-cell-bet > span:nth-child(11) {
    top: 433px; }
  .roulette-history .border-bets .six-cell-bet > span .chip.small {
    left: -16px; }


@keyframes rotate-animation {
	0% { transform: rotate(0); }
	to { transform: rotate(-360deg); }
}

@keyframes rotate-animation-svg {
	0% { transform: rotate(0); }
	to { transform: rotate(360deg); }
}

#game_roulette {
	--radius-md: .375rem;
	--radius-lg: .5rem;
	position: relative;
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	padding: 16px 16px 0;
	margin: 20px auto 30px;
	border-radius: 12px;
	background: #fff !important;
	color: #333;
	overflow: visible;
}

.dark_mode #game_roulette {
	background: #1c1e22 !important;
	color: #fff;
	border: 1px solid #dddddd1a;
}

#game_roulette .roulette-layout {
	display: grid;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	gap: 15px;
	align-items: stretch;
	width: 100%;
	min-width: 0;
}

#game_roulette .roulette-sidebar {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	height: 100%;
	overflow: visible;
}

#game_roulette .roulette-sidebar-body {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

#game_roulette .roulette-sidebar-foot {
	flex: 0 0 auto;
	padding-top: 8px;
	margin-top: auto;
	position: relative;
}

#game_roulette .roulette-sidebar-foot .bet_btn {
	display: none;
}

#game_roulette:not(.is-auto) #bet_btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#game_roulette.is-auto:not(.is-auto-running) #start_autobet {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#game_roulette #stop_autobet {
	background: #f44336 !important;
	color: #fff !important;
}

#game_roulette.is-auto-running #stop_autobet {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#game_roulette .bet_btn img,
#game_roulette #stop_autobet img {
	width: 22px;
	height: 22px;
}

#game_roulette .bet_btn.is-spin-off,
#game_roulette #bet_btn.is-spin-off,
#game_roulette #start_autobet.is-spin-off,
.game_main#game_roulette #bet_btn.is-spin-off,
.game_main#game_roulette #bet_btn.is-spin-off:hover,
.game_main#game_roulette #start_autobet.is-spin-off,
.game_main#game_roulette #start_autobet.is-spin-off:hover {
	background: #c5ccd3 !important;
	border-color: #c5ccd3 !important;
	color: #fff !important;
	opacity: 1 !important;
	cursor: not-allowed !important;
	pointer-events: none;
	box-shadow: none !important;
}

.dark_mode #game_roulette .bet_btn.is-spin-off,
.dark_mode #game_roulette #bet_btn.is-spin-off,
.dark_mode #game_roulette #start_autobet.is-spin-off {
	background: #3a3e44 !important;
	border-color: #3a3e44 !important;
	color: #8b929a !important;
}

#game_roulette .gx-sidebar .gx-field {
	min-width: 0;
	max-width: 100%;
}

#game_roulette .roulette-chip-field {
	margin-bottom: 12px;
	min-width: 0;
	max-width: 100%;
}

#game_roulette .roulette-chip-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

#game_roulette .roulette-chip-head .input_label {
	margin: 0;
}

#game_roulette .roulette-chip-amt {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 700;
	color: #555;
	white-space: nowrap;
}

.dark_mode #game_roulette .roulette-chip-amt {
	color: #c5c9ce;
}

#game_roulette .roulette-chip-amt img {
	width: 18px;
	height: 18px;
}

#game_roulette .roulette-chip-carousel {
	display: flex;
	align-items: center;
	gap: 4px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#game_roulette .roulette-chip-nav {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: #d8dde3;
	color: #333;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.dark_mode #game_roulette .roulette-chip-nav {
	background: #2d3035;
	color: #c5c9ce;
}

#game_roulette .roulette-chip-nav:hover {
	filter: brightness(1.08);
}

#game_roulette .container-bet {
	flex: 1 1 0;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0;
	padding: 4px;
	top: 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 2px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	background: #e9ecef;
	border-radius: 8px;
}

#game_roulette .container-bet::-webkit-scrollbar {
	display: none;
}

.dark_mode #game_roulette .container-bet {
	background: #1a1c1e;
}

#game_roulette .container-bet .chip-container {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	min-width: 36px;
	max-width: 36px;
	position: relative;
	background: transparent;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
}

#game_roulette .container-bet .chip-container .chip,
#game_roulette .container-bet .chip-container:hover .chip,
#game_roulette .container-bet .chip-container .chip.open {
	position: relative;
	left: auto;
	top: auto;
	width: 30px;
	height: 30px;
	margin: 0;
	transform: none;
	font-size: 8px;
	letter-spacing: -0.03em;
	box-shadow: 0 2px 0 0 var(--chip-edge), 0 1px 0 2px var(--chip-ring);
}

#game_roulette .container-bet .chip-container .chip.open {
	box-shadow: 0 2px 0 0 var(--chip-edge), 0 1px 0 2px var(--chip-ring), 0 0 0 2px #00e701;
	transform: scale(1.1);
}

#game_roulette .container-bet .chip-container.is-disabled .chip,
#game_roulette .container-bet .chip.is-disabled {
	opacity: 0.38;
	filter: grayscale(0.35);
	cursor: not-allowed;
	pointer-events: none;
	box-shadow: 0 2px 0 0 var(--chip-edge), 0 1px 0 2px var(--chip-ring);
}

#game_roulette .bet_amount .input_label span,
#game_roulette .roulette-total-label span {
	display: inline;
	float: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 0;
	line-height: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: inherit !important;
	font-size: inherit;
	font-weight: inherit;
	text-align: left;
	cursor: default;
	position: static;
	vertical-align: baseline;
}

#game_roulette .bet_amount .input_label:before,
#game_roulette .bet_amount .input_label span:before,
#game_roulette .roulette-total-label:before,
#game_roulette .roulette-total-label span:before {
	display: none !important;
	content: none !important;
}

#game_roulette .roulette-chip-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 8px 0 12px;
}

#game_roulette .roulette-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 36px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 8px;
	background: #e9ecef;
	color: #03a9f4;
	font-weight: 700;
	font-size: 13px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.dark_mode #game_roulette .roulette-action-btn {
	background: #2d3035;
	color: #03a9f4;
}

#game_roulette .roulette-action-btn.is-clear {
	color: #fc5a1a;
}

#game_roulette .roulette-action-btn:hover {
	filter: brightness(1.08);
}

#game_roulette.is-auto #total_profit_box,
#game_roulette.is-auto #stop_profit_box {
	display: block;
}

#game_roulette .gx-auto-only .gx-advanced {
	margin: 10px 0 0;
}

#game_roulette .roulette-stage {
	position: relative;
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px 16px 8px;
	border: 1px solid #DDD;
	border-radius: 10px;
	background: #f5f6f8;
	box-sizing: border-box;
	overflow: visible;
}

.dark_mode #game_roulette .roulette-stage {
	background: #212428;
	border-color: #3a3e44;
}

#game_roulette .roulette_number_list {
	overflow: hidden;
	background: transparent;
	border: none;
	padding: 0;
	margin-bottom: 12px;
	width: 100%;
	box-sizing: border-box;
}

.dark_mode #game_roulette .roulette_number_list {
	background: transparent;
	border: none;
}

#game_roulette .roulette_number_slider {
	padding: 5px 0;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	min-width: 100%;
	height: 40px;
}

#game_roulette .roulette_number_slider .roulette_number {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 3px;
	flex: 0 0 auto;
	overflow: hidden;
}

#game_roulette .roulette_number_slider .roulette_number.is-enter {
	animation: roulette-num-in 0.4s ease;
}

@keyframes roulette-num-in {
	0% {
		width: 0;
		margin-left: 0;
		opacity: 0;
		transform: translateX(18px);
	}
	100% {
		width: 30px;
		margin-left: 3px;
		opacity: 1;
		transform: translateX(0);
	}
}

#game_roulette .roulette_number_slider .roulette_number.red {
	background: #c1272c;
}

#game_roulette .roulette_number_slider .roulette_number[data-num="2"],
#game_roulette .roulette_number_slider .roulette_number[data-num="4"],
#game_roulette .roulette_number_slider .roulette_number[data-num="6"],
#game_roulette .roulette_number_slider .roulette_number[data-num="8"],
#game_roulette .roulette_number_slider .roulette_number[data-num="10"],
#game_roulette .roulette_number_slider .roulette_number[data-num="11"],
#game_roulette .roulette_number_slider .roulette_number[data-num="13"],
#game_roulette .roulette_number_slider .roulette_number[data-num="15"],
#game_roulette .roulette_number_slider .roulette_number[data-num="17"],
#game_roulette .roulette_number_slider .roulette_number[data-num="20"],
#game_roulette .roulette_number_slider .roulette_number[data-num="22"],
#game_roulette .roulette_number_slider .roulette_number[data-num="24"],
#game_roulette .roulette_number_slider .roulette_number[data-num="26"],
#game_roulette .roulette_number_slider .roulette_number[data-num="28"],
#game_roulette .roulette_number_slider .roulette_number[data-num="29"],
#game_roulette .roulette_number_slider .roulette_number[data-num="31"],
#game_roulette .roulette_number_slider .roulette_number[data-num="33"],
#game_roulette .roulette_number_slider .roulette_number[data-num="35"] {
	background: #18191b;
}

#game_roulette .roulette_number_slider .roulette_number[data-num="1"],
#game_roulette .roulette_number_slider .roulette_number[data-num="3"],
#game_roulette .roulette_number_slider .roulette_number[data-num="5"],
#game_roulette .roulette_number_slider .roulette_number[data-num="7"],
#game_roulette .roulette_number_slider .roulette_number[data-num="9"],
#game_roulette .roulette_number_slider .roulette_number[data-num="12"],
#game_roulette .roulette_number_slider .roulette_number[data-num="14"],
#game_roulette .roulette_number_slider .roulette_number[data-num="16"],
#game_roulette .roulette_number_slider .roulette_number[data-num="18"],
#game_roulette .roulette_number_slider .roulette_number[data-num="19"],
#game_roulette .roulette_number_slider .roulette_number[data-num="21"],
#game_roulette .roulette_number_slider .roulette_number[data-num="23"],
#game_roulette .roulette_number_slider .roulette_number[data-num="25"],
#game_roulette .roulette_number_slider .roulette_number[data-num="27"],
#game_roulette .roulette_number_slider .roulette_number[data-num="30"],
#game_roulette .roulette_number_slider .roulette_number[data-num="32"],
#game_roulette .roulette_number_slider .roulette_number[data-num="34"],
#game_roulette .roulette_number_slider .roulette_number[data-num="36"] {
	background: #f02550;
}

#game_roulette .roulette_number_slider .roulette_number[data-num="0"] {
	background: #24ee89;
	color: #111;
}

#game_roulette .roulette-wrap {
	position: relative;
	width: min(245px, 100%);
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0 auto 8px;
	padding: 0;
	overflow: visible;
	background: transparent;
}

#game_roulette .roulette-wrap:before,
#game_roulette .roulette-wrap:after {
	display: none !important;
	content: none !important;
}

#game_roulette .roulette-wrap .roulette-wheel {
	position: relative;
	width: 100%;
	height: 100%;
	top: auto;
	left: auto;
	margin: 0;
	background: none;
	background-image: none;
	border-radius: 50%;
	z-index: 0;
}

#game_roulette .roulette-svg {
	width: 100%;
	height: 100%;
	animation: rotate-animation-svg 12s linear infinite;
	transform-origin: center center;
}

#game_roulette .roulette-svg svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dark_mode #game_roulette .roulette-rim {
	fill: #2a2e34;
	opacity: 1;
}

#game_roulette .roulette-circle {
	transform-box: fill-box;
	transform-origin: center center;
	animation: rotate-animation 8s linear infinite;
}

#game_roulette .roulette-sectors,
#game_roulette .sector-item {
	transform: none;
}

#game_roulette .sector-green .use-tag { fill: #24ee89; }
#game_roulette .sector-red .use-tag { fill: #f02550; }
#game_roulette .sector-black .use-tag { fill: #18191b; }

#game_roulette .sector-item.is-hover .use-tag,
#game_roulette .sector-item:hover .use-tag {
	fill: #ef7a19;
}

#game_roulette .use-inner-tag {
	fill: none;
}

#game_roulette .sector-text {
	fill: #fff;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
	pointer-events: none;
}

#game_roulette .roulette-ball-spin {
	transform-origin: 145px 145px;
	transform-box: view-box;
}

#game_roulette .roulette-ball {
	fill: #fff;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

#game_roulette .roulette-wrap .frame {
	display: none !important;
}

#game_roulette .container-roulette {
	position: relative !important;
	top: 0;
	padding: 0;
	width: 100%;
	max-width: 640px;
	margin: 8px auto 0;
}

#game_roulette .roulette-table-box {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	float: none;
	overflow: visible;
}

#game_roulette .rt-felt {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) 48px;
	gap: 4px;
	width: 100%;
}

#game_roulette .rt-bet {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: #2a2e32;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	cursor: pointer;
	user-select: none;
}

#game_roulette .rt-bet:hover,
#game_roulette .rt-bet.hovered {
	filter: brightness(1.28);
	border-color: #ef7a19;
	box-shadow: 0 0 0 1px #ef7a19;
}

.dark_mode #game_roulette .rt-bet:hover,
.dark_mode #game_roulette .rt-bet.hovered {
	border-color: #fff;
	box-shadow: 0 0 0 1px #fff;
}

#game_roulette .rt-zero {
	grid-column: 1;
	grid-row: 1;
	background: #24ee89;
	color: #111;
	font-size: 18px;
	min-height: 100%;
	width: auto;
	height: auto;
	margin: 0;
}

#game_roulette .rt-zero > span {
	position: static;
	left: auto;
	right: auto;
}

#game_roulette .rt-nums {
	grid-column: 2;
	grid-row: 1;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: repeat(3, 36px);
	gap: 4px;
}

#game_roulette .rt-cols {
	grid-column: 3;
	grid-row: 1;
	display: grid;
	grid-template-rows: repeat(3, 36px);
	gap: 4px;
}

#game_roulette .rt-num.is-red,
#game_roulette .rt-color.is-red {
	background: #f02550;
}

#game_roulette .rt-num.is-black,
#game_roulette .rt-color.is-black {
	background: #18191b;
}

#game_roulette .rt-dozens {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px;
}

#game_roulette .rt-outside {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 4px;
}

#game_roulette .rt-wide,
#game_roulette .rt-side,
#game_roulette .rt-color {
	height: 36px;
}

#game_roulette .rt-color.is-red,
#game_roulette .rt-color.is-black {
	min-height: 36px;
}

#game_roulette .rt-bet {
	overflow: visible;
}

#game_roulette .rt-bet .chip,
#game_roulette .rt-bet .chip.small,
#game_roulette .border-bets span .chip,
#game_roulette .border-bets span .chip.small {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50%, -50%) scale(0.72);
	z-index: 2;
}

#game_roulette .rt-bet .chip.small:nth-last-child(3),
#game_roulette .border-bets span .chip.small:nth-last-child(3) {
	transform: translate(-50%, calc(-50% + 3px)) scale(0.72);
	z-index: 2;
}

#game_roulette .rt-bet .chip.small:nth-last-child(2),
#game_roulette .border-bets span .chip.small:nth-last-child(2) {
	transform: translate(-50%, -50%) scale(0.72);
	z-index: 3;
}

#game_roulette .rt-bet .chip.small:nth-last-child(1):not(:only-of-type),
#game_roulette .border-bets span .chip.small:nth-last-child(1):not(:only-of-type) {
	transform: translate(-50%, calc(-50% - 3px)) scale(0.72);
	z-index: 4;
}

#game_roulette .border-bets {
	position: absolute;
	inset: 0;
	z-index: 6;
	pointer-events: none;
	overflow: visible;
}

#game_roulette .border-bets span {
	position: absolute;
	box-sizing: border-box;
	display: none;
	pointer-events: auto;
	cursor: pointer;
	z-index: 6;
	border-radius: 4px;
	right: auto !important;
	bottom: auto !important;
}

#game_roulette .border-bets .six-cell-bet span {
	z-index: 7;
}

#game_roulette .border-bets .line-bets span {
	z-index: 8;
}

#game_roulette .border-bets .four-cell-bets span {
	z-index: 12;
	border-radius: 50%;
}

#game_roulette .border-bets span:hover,
#game_roulette .border-bets span.hovered {
	background: rgba(0, 0, 0, 0.28);
}

.dark_mode #game_roulette .border-bets span:hover,
.dark_mode #game_roulette .border-bets span.hovered {
	background: rgba(255, 255, 255, 0.22);
}

#game_roulette .border-bets span .chip,
#game_roulette .border-bets span .chip.small {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
}

#game_roulette .roulette-mobile-overlay {
	display: none;
}

#game_roulette .gx-board-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 12px -16px 0;
	padding: 6px 14px 10px;
	border-top: 1px solid #e5e7eb;
	min-height: 40px;
}

.dark_mode #game_roulette .gx-board-bar {
	border-top-color: #3a3e44;
}

#game_roulette .gx-board-bar .gx-left {
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
}

#game_roulette .gx-board-bar .gx-title {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	color: #374151;
}

.dark_mode #game_roulette .gx-board-bar .gx-title {
	color: #fff;
}

#game_roulette .gx-board-bar .gx-nav {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 2px;
	margin-left: auto;
}

#game_roulette .gx-board-bar .gx-btn {
	background: transparent;
	border: 0;
	border-radius: 8px;
	padding: 6px 8px;
	min-width: 32px;
	height: 32px;
	color: #90a4ae;
	font-size: 14px;
	box-shadow: none;
}

.dark_mode #game_roulette .gx-board-bar .gx-btn {
	color: #b0bec5;
	background: transparent;
}

#game_roulette .gx-board-bar .gx-btn:hover,
.dark_mode #game_roulette .gx-board-bar .gx-btn:hover {
	background: rgba(0, 0, 0, 0.06);
	color: #111;
}

.dark_mode #game_roulette .gx-board-bar .gx-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

#game_roulette .gx-board-bar .gx-progress-value {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

#game_roulette .gx-board-bar .gx-btn.is-active-stats,
.dark_mode #game_roulette .gx-board-bar .gx-btn.is-active-stats {
	color: #67e366;
}

@media (max-width: 991px) {
	#game_roulette .roulette-layout {
		grid-template-columns: minmax(0, 1fr);
	}
	#game_roulette .roulette-sidebar {
		order: 2;
		height: auto;
		max-height: none;
		overflow: visible;
	}
	#game_roulette .roulette-stage {
		order: 1;
	}

	#game_roulette .roulette-mobile-overlay {
		display: none;
		position: absolute;
		inset: 0;
		z-index: 20;
		background: rgba(0, 0, 0, 0.62);
		border-radius: inherit;
		pointer-events: none;
	}

	#game_roulette.is-showing-wheel .roulette-mobile-overlay {
		display: block;
		pointer-events: auto;
	}

	#game_roulette.is-showing-wheel .roulette-stage {
		overflow: hidden;
	}

	#game_roulette .roulette-wrap {
		display: none;
		position: absolute;
		left: 50%;
		top: 50%;
		width: min(250px, 68vw);
		height: auto;
		margin: 0;
		z-index: 30;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}

	#game_roulette.is-showing-wheel .roulette-wrap {
		display: block;
	}

	#game_roulette .container-roulette,
	#game_roulette .roulette-table-box {
		width: 300px;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#game_roulette .rt-felt {
		width: 300px;
		margin: 0 auto;
		grid-template-columns: 42px 42px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		grid-template-rows: 40px repeat(12, 36px) 40px;
		gap: 3px;
	}

	#game_roulette .rt-bet {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		font-size: 11px;
	}

	#game_roulette .rt-zero {
		grid-column: 3 / 6;
		grid-row: 1;
		min-height: 0;
		height: 100%;
		font-size: 16px;
		/*color: #fff;*/
	}

	#game_roulette .rt-outside {
		grid-column: 1;
		grid-row: 2 / 14;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: repeat(6, minmax(0, 1fr));
		gap: 3px;
	}

	#game_roulette .rt-dozens {
		grid-column: 2;
		grid-row: 2 / 14;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: repeat(3, minmax(0, 1fr));
		gap: 3px;
	}

	#game_roulette .rt-nums {
		grid-column: 3 / 6;
		grid-row: 2 / 14;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(12, minmax(0, 1fr));
		grid-auto-flow: column;
		direction: rtl;
		gap: 3px;
	}

	#game_roulette .rt-num {
		direction: ltr;
	}

	#game_roulette .rt-cols {
		grid-column: 3 / 6;
		grid-row: 14;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: minmax(0, 1fr);
		direction: rtl;
		gap: 3px;
	}

	#game_roulette .rt-side {
		direction: ltr;
	}

	#game_roulette .rt-wide,
	#game_roulette .rt-side,
	#game_roulette .rt-color {
		height: auto;
		min-height: 0;
		width: 100%;
		white-space: normal;
		line-height: 1.15;
		padding: 2px;
		text-align: center;
	}

	#game_roulette .rt-outside .rt-bet,
	#game_roulette .rt-dozens .rt-bet,
	#game_roulette .rt-cols .rt-bet {
		height: 100%;
		align-self: stretch;
	}

	#game_roulette .rt-dozens .rt-wide,
	#game_roulette .rt-outside .rt-wide {
		font-size: 11px;
		letter-spacing: 0.12em;
		white-space: nowrap;
	}

	#game_roulette .rt-dozens .rt-vtext,
	#game_roulette .rt-outside .rt-vtext {
		display: inline-block;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		transform: rotate(180deg);
		white-space: nowrap;
		line-height: 1;
	}
}

@media (max-width: 575px) {
	#game_roulette {
		width: 100% !important;
		max-width: 100% !important;
		padding: 12px 10px 0;
		margin: 10px auto 20px;
	}
	#game_roulette .roulette-stage {
		padding: 10px 8px 6px;
	}
	#game_roulette .roulette-wrap {
		width: min(220px, 70vw);
	}
	#game_roulette .gx-board-bar {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}