:root {
  --yiki-yellow: #FFC556;
}

* {
  padding: 0;
  margin: 0;
}

.yiki_ingame_credit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 0.5em 0.75em;
  display: flex;
  font-size: 0.8em;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}
.yiki_ingame_credit span {
  font-weight: bold;
  margin-left: 0.25em;
  color: var(--yiki-yellow);
}
.yiki_ingame_credit button {
  border-radius: 2px;
  background-color: var(--yiki-yellow);
  padding: 0.2em;
  margin-left: 0.25em;
  border: none;
}
.yiki_ingame_credit button img {
  width: 1em;
}

.account_tab .users {
  margin: 0.25em 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.account_tab .users .user_name {
  margin-bottom: 0.15em;
  font-weight: bold;
  display: block;
  font-size: 0.9em;
  padding: 0.25em 0.5em;
  padding-bottom: 0;
}
.account_tab .users .users_bottom {
  display: flex;
  flex-direction: column;
}
.account_tab .users .users_bottom .credit_block {
  padding: 0.25em 0.5em;
  font-size: 1.2em;
  display: flex;
  align-items: center;
}
.account_tab .users .users_bottom .credit_block .credit {
  color: lawngreen;
}
.account_tab .users .users_bottom .credit_block img {
  width: 1.35em;
  margin-right: 0.35em;
}
.account_tab .users .users_bottom .buttons {
  font-size: 0.75em;
  padding: 0.5em;
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.account_tab .users .users_bottom .buttons button {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.35em 0.6em;
  color: white;
  margin-right: 0.35em;
  border: none;
  border-radius: 3px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.account_tab .users .users_bottom .buttons button.topup {
  background-color: #0085FF;
}
.account_tab .users .users_bottom .buttons button.withdraw {
  background-color: #47AD20;
}
.account_tab .users .users_bottom .buttons button img {
  width: 1.5em;
  margin-right: 0.5em;
}
.account_tab .users .users_bottom .buttons button:active {
  transform: translateY(1px);
}
.account_tab .users .users_bottom .buttons button:last-of-type {
  margin-right: 0;
}

.zoom {
  -webkit-animation: zoom 0.5s ease-in-out;
          animation: zoom 0.5s ease-in-out;
}

@-webkit-keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.win_msg, .lose_msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.win_msg canvas, .lose_msg canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.win_msg.called, .lose_msg.called {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.win_msg.called .inner_msg, .lose_msg.called .inner_msg {
  transform: scale(1);
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
}
.win_msg .inner_msg, .lose_msg .inner_msg {
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: scale(1.25);
}
.win_msg .inner_msg button, .lose_msg .inner_msg button {
  border: 1px solid #FFC700;
  color: black;
  border-radius: 4px;
  padding: 0.35em 1.25em;
  font-weight: bold;
  font-size: 1.2em;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
}
.win_msg .inner_msg button:active, .lose_msg .inner_msg button:active {
  transform: translateY(1px);
}
.win_msg .inner_msg h2, .lose_msg .inner_msg h2 {
  font-size: 2.5em;
  margin-top: 0.1em;
  margin-bottom: 0.7em;
}

.account_wrap {
  display: flex;
  align-items: center;
}

.account_tab {
  display: none;
}
.account_tab.active {
  display: block;
}

.yiki_drawing_block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: #212121;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10%);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.yiki_drawing_block .close_yiki {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em;
  z-index: 10;
  cursor: pointer;
}
.yiki_drawing_block .close_yiki:hover {
  opacity: 0.5;
}
.yiki_drawing_block .close_yiki img {
  width: 1.2em;
}
.yiki_drawing_block .close_drawing_block_btn {
  position: absolute;
  left: 50%;
  bottom: 2em;
  transform: translateX(-50%);
  border: 1px solid #FFC700;
  color: black;
  border-radius: 4px;
  padding: 0.3em 1.15em;
  font-weight: bold;
  font-size: 1em;
  z-index: 3;
  pointer-events: auto;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
  transition: filter 0.1s linear;
}
.yiki_drawing_block .close_drawing_block_btn:active {
  transform: translateY(1px) translateX(-50%);
}
.yiki_drawing_block.called {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.yiki_drawing_block .temp_btn {
  position: absolute;
  bottom: 0.25em;
  right: 0.25em;
  z-index: 6;
  pointer-events: auto;
  display: none;
}
.yiki_drawing_block .temp_btn button {
  margin: 0 1px;
}
.yiki_drawing_block .spinning_ele {
  width: 20em;
  height: 20em;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-85%) scale(5);
  mix-blend-mode: overlay;
}
.yiki_drawing_block .spinning_ele.centered {
  transform: translateY(-50%) translate(-50%) scale(5);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
}
.yiki_drawing_block .spinning_ele.centered:after {
  opacity: 1;
  transition: opacity 1s linear;
}
.yiki_drawing_block .spinning_ele:before {
  width: 70%;
  height: 40%;
  background: radial-gradient(closest-side, rgba(254, 235, 18, 0.7), rgba(254, 235, 18, 0));
  position: absolute;
  content: "";
  z-index: 1;
  left: 15%;
  pointer-events: none;
  top: 30%;
}
.yiki_drawing_block .spinning_ele:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: url("../img/games/yiki/spin_ele.svg") 50% 50% no-repeat;
  background-size: contain;
  opacity: 0.5;
  content: "";
  pointer-events: none;
  -webkit-animation: loopSpin 40s linear infinite;
          animation: loopSpin 40s linear infinite;
}
.yiki_drawing_block .cage {
  height: 86%;
  width: 26%;
  position: absolute;
  top: 7%;
  display: flex;
  justify-content: center;
  left: 23%;
  z-index: 2;
}
.yiki_drawing_block .cage.centered {
  left: 37%;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.yiki_drawing_block .cage .cage_parts {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.yiki_drawing_block .cage .animated_cage {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.yiki_drawing_block .cage .animated_cage img.cage_front {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage img.cage_front.slide_up_fade_out {
  -webkit-animation: slide_up_fade_out 1s ease-out;
          animation: slide_up_fade_out 1s ease-out;
}
.yiki_drawing_block .cage .animated_cage img.cage_back {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage img.cage_back.slide_up_fade_out {
  -webkit-animation: slide_up_fade_out 1s ease-out;
          animation: slide_up_fade_out 1s ease-out;
}
.yiki_drawing_block .cage .animated_cage img.cage_bottom {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage img.cage_bottom.slide_down_fade_out {
  -webkit-animation: slide_down_fade_out 1s linear;
          animation: slide_down_fade_out 1s linear;
}
.yiki_drawing_block .cage .animated_cage .sealed_card {
  position: absolute;
  left: 0;
  top: -3%;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage .sealed_card.enlarged {
  transform: scale(1.85) translateY(-2.5%);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.yiki_drawing_block .cage .animated_cage .sealed_card.move_up_enlarge {
  transform: translateY(-60%) scale(3);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1) 1s;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.sealed_card_iron_loop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.card {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.sealed_card_front {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.sealed_card_front.slide_right_fade_out {
  -webkit-animation: slide_right_fade_out 2s ease-out 1s;
          animation: slide_right_fade_out 2s ease-out 1s;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.lock_pad {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.lock_pad_unlocked {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  display: none;
}
.yiki_drawing_block .cage .animated_cage .sealed_card img.sealed_card_back {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  height: 100%;
}
.yiki_drawing_block .cage img {
  height: 100%;
}
.yiki_drawing_block .cage img.cage_ref {
  opacity: 0;
}
.yiki_drawing_block .cd_block {
  position: absolute;
  width: 50%;
  left: 50%;
  height: 100%;
  justify-content: center;
  display: flex;
  top: 0;
  z-index: 5;
  align-items: center;
}
.yiki_drawing_block .cd_block.centered_enlarged {
  left: 25%;
  transform: scale(2) translateY(-2%);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.yiki_drawing_block .cd_block.centered_enlarged small {
  opacity: 0;
}
.yiki_drawing_block .cd_block.fade_out {
  opacity: 0;
  transition: all 0.25s linear;
}
.yiki_drawing_block .cd_block .cd_ele {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.yiki_drawing_block .cd_block .cd_ele small {
  display: inline-block;
  padding: 0 3em;
  transition: all 0.15s linear;
}
.yiki_drawing_block .cd_block .cd_ele strong {
  font-size: 6em;
}

.bet_history_overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
}

.my_bet_block {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(33, 33, 33, 0.9098039216);
  --max-width: 180px;
  max-width: var(--max-width);
  width: 100%;
  height: 100%;
  z-index: 22;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  box-shadow: 0.25em 0 5em rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-size: 11px;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.my_bet_block.__yiki_bet_history strong.initial {
  color: var(--yiki-yellow);
}
.my_bet_block strong.initial {
  display: block;
  padding: 0.5em;
  font-size: 0.8em;
}
.my_bet_block.called {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.my_bet_block .history_item_wrap {
  overflow: auto;
  flex: 1;
  position: relative;
  /*background: rgba(255,0,0,.25);*/
}
.my_bet_block .history_item_wrap .no_bet_history_found_msg {
  z-index: 1;
  position: relative;
  top: 0;
  left: 0;
  height: calc(100% - 0.5em);
  display: block;
  margin: 0.25em 0.5em;
}
.my_bet_block .history_item_wrap .no_bet_history_found_msg .msg {
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 1em 3em;
  width: 100%;
  height: 100%;
}
.my_bet_block .history_item_wrap .no_bet_history_found_msg .msg img {
  opacity: 0.25;
  margin-bottom: 1em;
}
.my_bet_block .history_item_wrap .no_bet_history_found_msg .close_no_bet_history_msg {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1.5em;
  width: 1.5em;
  display: inline-flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.my_bet_block .history_item_wrap .no_bet_history_found_msg .close_no_bet_history_msg:after {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 25%;
  content: "";
  border-radius: 1em;
  background-color: red;
}
.my_bet_block .each_bet_history {
  margin: 0.25em 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.075);
}
.my_bet_block .each_bet_history.active {
  background-color: #2c2c2c;
}
.my_bet_block .each_bet_history .each_bet_history_head {
  display: flex;
  align-items: center;
  padding: 0.35em 0.7em;
  font-size: 0.85em;
  font-weight: normal;
  padding-right: 0.35em;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.my_bet_block .each_bet_history .each_bet_history_head b {
  color: white;
  font-size: 0.9em;
}
.my_bet_block .each_bet_history .each_bet_history_head .mini_result {
  display: inline-flex;
  margin-left: auto;
  margin-right: 0;
}
.my_bet_block .each_bet_history .each_bet_history_head .mini_result small {
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.35em 0;
  font-weight: bold;
  border-radius: 2px;
  margin-right: 2px;
  line-height: 1;
  width: 2em;
  text-align: center;
  color: white;
  position: relative;
  z-index: 5;
  font-size: 0.8em;
}
.my_bet_block .each_bet_history .each_bet_history_head .mini_result small:nth-last-of-type() {
  margin-right: 0;
}
.my_bet_block .each_bet_history .each_bet_history_head .mini_result small.win {
  background: limegreen;
}
.my_bet_block .each_bet_history .each_bet_history_head .mini_result small.lose {
  background: red;
}
.my_bet_block .each_bet_history .each_bet_history_head a {
  margin-left: 0.2em;
  display: flex;
  align-items: center;
}
.my_bet_block .each_bet_history .each_bet_history_head a img {
  width: 1.25em;
  transform: rotate(0deg);
}
.my_bet_block .each_bet_history .each_bet_history_head.opened a img {
  transform: rotate(180deg);
}
.my_bet_block .each_bet_history .each_bet_history_content {
  display: none;
}
.my_bet_block .each_bet_history .each_bet_history_content_row {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0.25em 0.35em;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.my_bet_block .each_bet_history .each_bet_history_content_row strong {
  display: none;
  flex-direction: column;
  margin: 0.35em 0;
  padding: 0 0.35em;
  font-weight: normal;
  align-items: center;
  color: rgba(255, 255, 255, 0.25);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.my_bet_block .each_bet_history .each_bet_history_content_row strong span {
  color: #EEB13D;
}
.my_bet_block .each_bet_history .each_bet_history_content_row strong b {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  margin-top: 0.15em;
  font-size: 0.7em;
  text-transform: uppercase;
  display: inline-flex;
  width: 100%;
  padding: 0.35em 0;
  justify-content: center;
}
.my_bet_block .each_bet_history .each_bet_history_content_row strong b.win {
  background-color: limegreen;
  color: white;
}
.my_bet_block .each_bet_history .each_bet_history_content_row strong b.lose {
  background-color: red;
  color: white;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0.35em;
  display: flex;
  flex-direction: column;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment > span {
  font-size: 0.9em;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers {
  display: flex;
  flex-wrap: wrap;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span {
  display: inline-block;
  padding: 0.25em;
  border-radius: 3px;
  margin-right: 0.25em;
  width: 15.25%;
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 0.25em;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span:nth-of-type(6), .my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span:nth-of-type(12) {
  margin-right: 0;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span.red {
  background: linear-gradient(to bottom right, #E51F1C, #961210);
  border: 1px solid #FF4946;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span.black {
  background: linear-gradient(to bottom right, #242424, #000000);
  border: 1px solid #3F3F3F;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment small {
  opacity: 0.25;
  margin-bottom: 0.3em;
}
.my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment:last-of-type {
  border: none;
}

.trigger_drawing {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  z-index: 2;
  padding: 0.25em;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  border-radius: 1em;
  background-color: lawngreen;
  display: none;
}

.yiki_block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 25;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.25s linear 0.25s;
  font-size: 12px;
}
.yiki_block.called {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.yiki_block.called .inner_yiki_block {
  transform: translateY(0) scale(1);
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1) 0.25s;
}
.yiki_block .stored_bet_value {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  pointer-events: none;
  border: none;
  color: black;
}
.yiki_block .pop_confirm_bet {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 19;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: none;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet {
  background: #212121;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: column;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top {
  color: var(--yiki-yellow);
  font-size: 0.9em;
  display: flex;
  padding: 0.5em;
  align-items: center;
  position: relative;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period {
  margin-left: auto;
  margin-right: 0.5em;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period .close_bet_counter {
  display: flex;
  font-size: 0.8em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period .close_bet_counter span {
  margin-right: 0.25em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period .close_bet_counter span:last-of-type {
  margin-right: 0;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period .f_yiki_bet_closed {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: red;
  z-index: 2;
  background-color: #212121;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  font-size: 0.8em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period .f_yiki_bet_closed.show {
  opacity: 1;
  transition: all 0.1s linear;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top .bet_period small {
  font-size: 0.8em;
  color: white;
  margin-right: 0.35em;
  opacity: 0.5;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top > span {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top button {
  background: #EEB13D;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid #FFC556;
  outline: none;
  border-radius: 2px;
  padding: 0 0.35em;
  position: relative;
  z-index: 2;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_top button img {
  width: 1.5em;
  transform: rotate(90deg);
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex: 1;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0.5em 1em;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  width: 17%;
  flex-shrink: 0;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip small {
  display: block;
  text-align: center;
  margin-bottom: 0.5em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip .bet_pernumber_chip_wrap {
  position: relative;
  justify-content: center;
  align-items: center;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip .bet_pernumber_chip_wrap img {
  width: 100%;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip .bet_pernumber_chip_wrap span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-weight: bold;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap {
  padding: 0.5em 1em;
  display: flex;
  flex-shrink: 0;
  flex: 1;
  flex-direction: column;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap small {
  display: block;
  margin-bottom: 0.5em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap .confirm_bet_cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.5em;
  grid-auto-flow: dense;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap .each_confirm_bet_card {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap .each_confirm_bet_card.red {
  border: 1px solid #FF4946;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap .each_confirm_bet_card.black {
  border: 1px solid #3F3F3F;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_cards_wrap .each_confirm_bet_card img {
  width: 100%;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets {
  display: flex;
  flex: 1;
  padding: 0.5em 1em;
  flex-shrink: 0;
  align-items: center;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.confirm_bet_btn, .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend {
  border: 1px solid #FFC700;
  color: black;
  border-radius: 3px;
  padding: 0.25em 0.7em;
  font-weight: bold;
  font-size: 1.15em;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.confirm_bet_btn:active, .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend:active {
  transform: translateY(1px);
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.confirm_bet_btn:disabled, .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend:disabled {
  filter: grayscale(1);
  opacity: 0.33;
  cursor: default;
  transform: none !important;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.15);
  margin-left: auto;
  padding-right: 0.5em;
  margin-right: 0.5em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend img {
  width: 1.35em;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend:hover {
  opacity: 0.5;
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .total_bet {
  font-size: 1.15em;
  color: rgba(255, 255, 255, 0.25);
}
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .total_bet span {
  margin-left: 0.5em;
  font-weight: bold;
  color: #EEB13D;
}
.yiki_block .inner_yiki_block {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  transform: translateY(25%) scale(0.5);
  opacity: 0;
  height: 100%;
  align-items: center;
  padding: 0 1em;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.yiki_block .inner_yiki_block .my_bet {
  padding: 0;
  position: absolute;
  top: 0.25em;
  z-index: 2;
  right: 0.5em;
}
.yiki_block .inner_yiki_block .my_bet button {
  background: #EEB13D;
  color: black;
  border: none;
  padding: 0.35em;
  width: 100%;
  text-align: center;
  border-radius: 2em;
  font-size: 0.7em;
}
.yiki_block .inner_yiki_block .my_bet button img {
  width: 1.65em;
}
.yiki_block .inner_yiki_block .my_bet button:active {
  transform: translateY(1px);
  opacity: 0.8;
}
.yiki_block .inner_yiki_block .top {
  display: flex;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.yiki_block .inner_yiki_block .countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5em;
  font-size: 0.8em;
  justify-content: center;
}
.yiki_block .inner_yiki_block .countdown .countdown_numbers {
  font-size: 1.725em;
  font-weight: bold;
  display: flex;
  color: var(--yiki-yellow);
}
.yiki_block .inner_yiki_block .countdown .countdown_numbers span {
  margin-right: 0.25em;
}
.yiki_block .inner_yiki_block .countdown .countdown_numbers span:last-of-type {
  margin-right: 0;
}
.yiki_block .inner_yiki_block .odds {
  width: 23%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  padding-left: 0.35em;
}
.yiki_block .inner_yiki_block .odds img {
  width: 7em;
}
.yiki_block .inner_yiki_block .odds small {
  font-size: 0.6em;
  opacity: 0.75;
}
.yiki_block .inner_yiki_block .odds span {
  font-weight: bold;
  font-size: 0.9em;
}
.yiki_block .inner_yiki_block .odds .odds_number {
  position: absolute;
  /* width: 50%; */
  border-radius: 100%;
  background-color: var(--yiki-yellow);
  color: black;
  z-index: 1;
  padding: 0.75em;
  aspect-ratio: 1;
  justify-content: center;
  top: 23%;
  display: flex;
  flex-direction: column;
  align-items: center;
  right: 15%;
  -webkit-animation: pulseLoop 8s ease-in-out infinite;
          animation: pulseLoop 8s ease-in-out infinite;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.yiki_block .inner_yiki_block .bottom {
  display: flex;
  align-items: center;
  margin-top: auto;
  position: relative;
  z-index: 1;
}
.yiki_block .inner_yiki_block .bottom .bets {
  display: flex;
  margin-left: 23%;
  flex: 1;
  position: relative;
  padding: 0.5em 1em;
  flex-shrink: 0;
  align-items: center;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle {
  position: relative;
  margin-left: auto;
  margin-right: 0.75em;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle label {
  display: flex;
  padding: 0;
  position: relative;
  font-size: 0.9em;
  white-space: nowrap;
  padding-left: calc(24px + 0.35em);
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle label:after {
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  border-radius: 10px;
  left: 15px;
  top: 50%;
  content: "";
  transform: translateY(-50%);
  transition: all 0.05s linear;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle label:before {
  width: 24px;
  height: 12px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.05s linear;
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle input[type=checkbox]:checked ~ label {
  color: var(--yiki-yellow);
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle input[type=checkbox]:checked ~ label:after {
  left: 3px;
  background-color: var(--yiki-yellow);
}
.yiki_block .inner_yiki_block .bottom .bets .yiki_auto_bet_toggle input[type=checkbox]:checked ~ label::before {
  border-color: var(--yiki-yellow);
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period {
  display: inline-flex;
  width: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  bottom: calc(100% - 0.5em);
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period .close_bet_counter {
  display: flex;
  font-size: 0.8em;
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period .close_bet_counter span {
  margin-right: 0.25em;
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period .close_bet_counter span:last-of-type {
  margin-right: 0;
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period .f_yiki_bet_closed {
  position: absolute;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #212121;
  text-align: center;
  color: red;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  font-size: 0.7em;
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period .f_yiki_bet_closed.show {
  opacity: 1;
  transition: all 0.1s linear;
}
.yiki_block .inner_yiki_block .bottom .bets .bet_period small {
  font-size: 0.8em;
  opacity: 0.5;
  margin-right: 0.35em;
}
.yiki_block .inner_yiki_block .bottom .bets button {
  position: relative;
  z-index: 2;
  border: 1px solid #FFC700;
  color: black;
  border-radius: 3px;
  padding: 0.25em 0.7em;
  font-weight: bold;
  font-size: 1.15em;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
  transition: filter 0.1s linear;
}
.yiki_block .inner_yiki_block .bottom .bets button:active {
  transform: translateY(1px);
}
.yiki_block .inner_yiki_block .bottom .bets button:disabled {
  filter: grayscale(0.75) brightness(0.35);
  cursor: default;
  transform: none !important;
}
.yiki_block .inner_yiki_block .bottom .bets .total_bet {
  font-size: 1.15em;
  color: rgba(255, 255, 255, 0.25);
}
.yiki_block .inner_yiki_block .bottom .bets .total_bet span {
  font-weight: bold;
  color: #EEB13D;
  margin-left: 0.5em;
}
.yiki_block .inner_yiki_block .mid {
  display: flex;
  position: relative;
  z-index: 1;
}
.yiki_block .inner_yiki_block .mid .card_blocker {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 23%;
  display: inline-flex;
  /*align-items: center;*/
  padding-top: 5%;
  justify-content: center;
  z-index: 2;
  top: 0;
  left: 0;
  background: transparent;
}
.yiki_block .inner_yiki_block .mid .card_blocker p {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.9em;
  text-transform: uppercase;
}
.yiki_block .inner_yiki_block .mid .card_blocker p img {
  width: 2.5em;
}
.yiki_block .inner_yiki_block .mid .quick_select {
  width: 23%;
  display: flex;
  flex-direction: column;
  margin-top: 0.75em;
  padding: 0.5em 1em;
}
.yiki_block .inner_yiki_block .mid .quick_select span {
  display: block;
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  opacity: 0.5;
}
.yiki_block .inner_yiki_block .mid .quick_select button {
  border-radius: 4em;
  padding: 0.35em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8em;
  border: 1px solid #3F3F3F;
  background: transparent;
  margin-bottom: 0.25em;
  color: white;
}
.yiki_block .inner_yiki_block .mid .quick_select button:disabled {
  opacity: 0.33;
  cursor: default;
}
.yiki_block .inner_yiki_block .mid .quick_select button.clicked {
  -webkit-animation: pulseOnce 0.25s linear 1;
          animation: pulseOnce 0.25s linear 1;
}
.yiki_block .inner_yiki_block .mid .quick_select button:last-of-type {
  margin-bottom: 0;
}
.yiki_block .inner_yiki_block .cards {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 0.5em;
  justify-content: center;
  position: relative;
}
.yiki_block .inner_yiki_block .cards .each_card {
  width: 16%;
  position: relative;
  padding: 0.35em;
}
.yiki_block .inner_yiki_block .cards .each_card label {
  display: block;
  border-radius: 6px;
  cursor: pointer;
}
.yiki_block .inner_yiki_block .cards .each_card label.not_selected {
  opacity: 0.5 !important;
}
.yiki_block .inner_yiki_block .cards .each_card label.selected {
  opacity: 1;
}
.yiki_block .inner_yiki_block .cards .each_card label.red {
  border: 1px solid #FF4946;
}
.yiki_block .inner_yiki_block .cards .each_card label.black {
  border: 1px solid #3F3F3F;
}
.yiki_block .inner_yiki_block .cards .each_card img {
  width: 100%;
  border-radius: 5px;
}
.yiki_block .inner_yiki_block .cards .each_card input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.yiki_block .inner_yiki_block .cards .each_card input[type=checkbox]:disabled ~ label {
  filter: grayscale(1) brightness(0.5);
}
.yiki_block .inner_yiki_block .cards .each_card input[type=checkbox]:checked ~ label {
  box-shadow: 0 0 0 1px #FFC700;
  filter: brightness(1.2);
}
.yiki_block .inner_yiki_block .col_left {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
  flex-direction: column;
  position: relative;
  width: 23%;
}
.yiki_block .inner_yiki_block .col_left img {
  width: 5em;
}
.yiki_block .inner_yiki_block .chips_container {
  display: flex;
  position: relative;
  justify-content: center;
  padding-bottom: 0.5em;
}
.yiki_block .inner_yiki_block .choose_bet_hint {
  position: absolute;
  right: calc(100% - 1em);
  padding: 0.35em 0.7em;
  background-color: var(--yiki-yellow);
  top: 50%;
  font-size: 0.7em;
  text-transform: uppercase;
  white-space: nowrap;
  color: black;
  -webkit-animation: pointingRight 2s ease-in-out infinite;
          animation: pointingRight 2s ease-in-out infinite;
}
.yiki_block .inner_yiki_block .choose_bet_hint img {
  position: absolute;
  left: 100%;
  top: 0;
  height: 100%;
  width: auto;
}
.yiki_block .inner_yiki_block .chips {
  position: relative;
  flex: 1;
}
.yiki_block .inner_yiki_block .chips .yiki_title {
  position: relative;
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFC556;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75em 0;
}
.yiki_block .inner_yiki_block .chips .each_chip_container {
  position: relative;
  width: 16%;
  padding: 0 0.35em;
  display: flex;
  align-items: center;
}
.yiki_block .inner_yiki_block .chips input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:disabled ~ label:not(.selected) {
  pointer-events: none;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:disabled ~ label:not(.selected) img {
  filter: grayscale(1) brightness(0.5);
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label {
  border-radius: 100%;
  outline: none;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_1 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #73CA2E;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_2 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #E17F7F;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_3 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #3E9FE4;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_4 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #3EE4DC;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_5 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #DAA724;
}
.yiki_block .inner_yiki_block .chips input[type=radio]:checked ~ label.chip_6 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #C93A1B;
}
.yiki_block .inner_yiki_block .chips .each_chip {
  width: 100%;
  cursor: pointer;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  transition: all 0.15s;
}
.yiki_block .inner_yiki_block .chips .each_chip.not_selected {
  opacity: 0.33 !important;
}
.yiki_block .inner_yiki_block .chips .each_chip.selected {
  opacity: 1;
}
.yiki_block .inner_yiki_block .chips .each_chip span {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  font-weight: bold;
  z-index: 3;
}
.yiki_block .inner_yiki_block .chips .each_chip img {
  width: 100%;
  height: auto;
}
.yiki_block .inner_yiki_block .game_id {
  display: inline-block;
  text-align: center;
  padding: 0.25em 0.5em;
  line-height: 1;
  font-size: 0.6em;
  top: 100%;
  z-index: 13;
  background: #212121;
  border-radius: 1em;
  border: 1px solid var(--yiki-yellow);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -35%);
  white-space: nowrap;
}
.yiki_block .inner_yiki_block .yiki_content {
  width: 100%;
  display: flex;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: #212121;
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0 1em 3em rgba(0, 0, 0, 0.5);
}
.yiki_block .inner_yiki_block .pop_confirm_bet_bet_closed_msg {
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 25;
  display: none;
}
.yiki_block .inner_yiki_block .pop_confirm_bet_bet_closed_msg .pop_confirm_bet_bet_closed_text {
  background-color: var(--yiki-yellow);
  position: absolute;
  padding: 1em 1.5em;
  border-radius: 3px;
  color: black;
  font-size: 1em;
  font-weight: bold;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  left: 50%;
  top: 50%;
}
.yiki_block .inner_yiki_block .pop_confirm_bet_bet_closed_msg .pop_confirm_bet_bet_closed_text img {
  width: 1.5em;
  margin-right: 0.5em;
}
.yiki_block .inner_yiki_block .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  isolation: isolate;
}
.yiki_block .inner_yiki_block .left:after {
  background: radial-gradient(at top left, rgba(255, 196, 86, 0.1), rgba(255, 196, 86, 0), #212121);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.yiki_block .inner_yiki_block .right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.yiki_block .inner_yiki_block .right .game_menu {
  display: flex;
  background: #212121;
  position: relative;
  z-index: 3;
}
.yiki_block .inner_yiki_block .right .game_menu button {
  background: transparent;
  border: none;
  width: 50%;
  display: inline-flex;
  justify-content: center;
  padding: 0.3em 0.52em;
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-top: none;
  border-right: none;
  position: relative;
}
.yiki_block .inner_yiki_block .right .game_menu button.my_bet_btn {
  background: #EEB13D;
  color: black;
  border: none;
}
.yiki_block .inner_yiki_block .right .game_menu button.my_bet_btn:hover {
  background: #EEB13D !important;
}
.yiki_block .inner_yiki_block .right .game_menu button.my_bet_btn:active {
  background: #EEB13D !important;
  opacity: 0.8;
}
.yiki_block .inner_yiki_block .right .game_menu button:last-of-type {
  border-right: none;
}
.yiki_block .inner_yiki_block .right .game_menu button:hover {
  background: rgba(255, 255, 255, 0.05);
}
.yiki_block .inner_yiki_block .right .game_menu button img {
  width: 1.5em;
}
.yiki_block .inner_yiki_block .last_5_results_content {
  display: flex;
  flex-direction: column;
  padding: 1em;
  flex: 1;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
.yiki_block .inner_yiki_block .last_5_results_content > span {
  font-size: 0.8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.5em;
}
.yiki_block .inner_yiki_block .last_5_results {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  padding: 0.15em;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result {
  display: block;
  width: 100%;
  padding: 0.75em;
  border-radius: 6px;
  background: red;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: center;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result.hidden {
  display: none;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result.latest {
  box-shadow: 0 0 0 1px #FFC700;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result.red {
  background: linear-gradient(to bottom right, #E51F1C, #961210);
  border: 1px solid #FF4946;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result.black {
  background: linear-gradient(to bottom right, #242424, #000000);
  border: 1px solid #3F3F3F;
}
.yiki_block .inner_yiki_block .last_5_results .each_last_result:last-of-type {
  margin-bottom: 0;
}

@-webkit-keyframes pulseLoop {
  0% {
    transform: scale(1);
  }
  2% {
    transform: scale(1.1);
  }
  4% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.05);
  }
  6% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes pulseLoop {
  0% {
    transform: scale(1);
  }
  2% {
    transform: scale(1.1);
  }
  4% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.05);
  }
  6% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes pulseOnce {
  0% {
    /*transform: scale(1);*/
    border-color: #3F3F3F;
    color: #ffffff;
  }
  25% {
    border-color: #FFC700;
    color: #FFC700;
  }
  75% {
    border-color: #FFC700;
    color: #FFC700;
  }
  100% {
    /*transform: scale(1);*/
    border-color: #3F3F3F;
    color: #ffffff;
  }
}
@keyframes pulseOnce {
  0% {
    /*transform: scale(1);*/
    border-color: #3F3F3F;
    color: #ffffff;
  }
  25% {
    border-color: #FFC700;
    color: #FFC700;
  }
  75% {
    border-color: #FFC700;
    color: #FFC700;
  }
  100% {
    /*transform: scale(1);*/
    border-color: #3F3F3F;
    color: #ffffff;
  }
}
@-webkit-keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes slide_right_fade_out {
  0% {
    transform: translateX(0);
  }
  60% {
    opacity: 1;
    transform: translateX(45%);
  }
  100% {
    opacity: 0;
    transform: translateX(48%);
  }
}
@keyframes slide_right_fade_out {
  0% {
    transform: translateX(0);
  }
  60% {
    opacity: 1;
    transform: translateX(45%);
  }
  100% {
    opacity: 0;
    transform: translateX(48%);
  }
}
@-webkit-keyframes slide_down_fade_out {
  0% {
    transform: translateY(0);
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(15%);
  }
}
@keyframes slide_down_fade_out {
  0% {
    transform: translateY(0);
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(15%);
  }
}
@-webkit-keyframes slide_up_fade_out {
  0% {
    transform: translateY(0);
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(-50%);
  }
}
@keyframes slide_up_fade_out {
  0% {
    transform: translateY(0);
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(-50%);
  }
}
@-webkit-keyframes loopSpin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loopSpin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.bounce {
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}

.miniBetStep .yiki_title {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFC556;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.miniBetStep .mini_yiki_bet_change_chip, .miniBetStep .mini_yiki_bet_goto_cards {
  display: flex;
  justify-content: center;
}
.miniBetStep .mini_yiki_bet_change_chip button, .miniBetStep .mini_yiki_bet_goto_cards button {
  background: #FFC556;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #FFC556;
  outline: none;
  border-radius: 2em;
  padding: 0.15em 1em 0.15em 0.35em;
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  color: black;
  text-transform: uppercase;
  font-size: 0.9em;
}
.miniBetStep .mini_yiki_bet_change_chip button:active, .miniBetStep .mini_yiki_bet_goto_cards button:active {
  transform: translateY(1px);
}
.miniBetStep .mini_yiki_bet_change_chip button img, .miniBetStep .mini_yiki_bet_goto_cards button img {
  width: 1.5em;
  margin-right: 0.25em;
  transform: rotate(90deg);
}
.miniBetStep .mini_yiki_bet_goto_cards {
  display: none;
  pointer-events: none;
}
.miniBetStep .mini_yiki_bet_goto_cards button {
  padding: 0.15em 0.35em 0.15em 1em;
}
.miniBetStep .mini_yiki_bet_goto_cards button img {
  width: 1.5em;
  margin-left: 0.25em;
  transform: rotate(-90deg);
  margin-right: 0;
}
.miniBetStep .mini_yiki_bet_goto_cards.show {
  display: flex;
  pointer-events: auto;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1) 1s;
}

.mini_yiki {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  pointer-events: none;
  opacity: 0;
  width: 100%;
}
.mini_yiki .mini_yiki_auto_bet_toggle {
  position: relative;
  margin-left: auto;
}
.mini_yiki .mini_yiki_auto_bet_toggle .mini_yiki_auto_bet_blocker {
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
}
.mini_yiki .mini_yiki_auto_bet_toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
}
.mini_yiki .mini_yiki_auto_bet_toggle label {
  display: flex;
  padding: 0;
  position: relative;
  font-size: 0.9em;
  align-items: center;
  white-space: nowrap;
  color: #5c5c5c;
  cursor: pointer;
}
.mini_yiki .mini_yiki_auto_bet_toggle label:after {
  position: relative;
  padding: 0.25em 0.4em;
  border-radius: 20px;
  margin-left: 0.3em;
  line-height: 1;
  background-color: #5c5c5c;
  text-align: center;
  color: black;
  top: 50%;
  content: "OFF";
  font-weight: bold;
  font-size: 0.75em;
  transition: all 0.05s linear;
}
.mini_yiki .mini_yiki_auto_bet_toggle input[type=checkbox]:checked ~ label {
  color: white;
}
.mini_yiki .mini_yiki_auto_bet_toggle input[type=checkbox]:checked ~ label:after {
  background-color: var(--yiki-yellow);
  color: black;
  content: "ON";
}
.mini_yiki .bet_placed_message {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  opacity: 0;
  transform: translateY(100%);
  visibility: hidden;
  transition: all 0.15s linear;
}
.mini_yiki .bet_placed_message.called {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.mini_yiki .bet_placed_message .inner_bet_placed_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.35em;
}
.mini_yiki .bet_placed_message .inner_bet_placed_message h1 {
  color: #FFC556;
  margin-bottom: 0.3em;
  font-size: 1em;
}
.mini_yiki .bet_placed_message .inner_bet_placed_message button {
  border: 1px solid #FFC700;
  color: black;
  border-radius: 4px;
  padding: 0.35em 1.25em;
  font-weight: bold;
  font-size: 1em;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
}
.mini_yiki .bet_placed_message .inner_bet_placed_message button:active {
  transform: translateY(1px);
}
.mini_yiki .bet_placed_message .inner_bet_placed_message small {
  width: 100%;
  padding-top: 0.35em;
  left: 0;
  bottom: 0;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mini_yiki .bet_placed_message .inner_bet_placed_message small img {
  width: 1.25em;
}
.mini_yiki .bet_placed_message .inner_bet_placed_message small b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFC556;
  margin-left: 0.5em;
}
.mini_yiki .bet_placed_message .inner_bet_placed_message small b img {
  margin-right: 0.35em;
}
.mini_yiki .top {
  width: 100%;
  padding: 0.5em;
  display: flex;
  /*border-bottom: 1px solid rgba(255,255,255,.05);*/
}
.mini_yiki .bottom {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.35em 1em;
  padding-top: 0;
  font-size: 0.6em;
  width: 100%;
}
.mini_yiki .bottom .left {
  opacity: 0.5;
}
.mini_yiki .bottom .mid {
  display: flex;
  justify-content: center;
  padding: 0 0.35em 0.35em;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.mini_yiki .bottom .mid.green {
  color: lawngreen;
}
.mini_yiki.active {
  opacity: 1;
  pointer-events: auto;
  display: flex;
}
.mini_yiki .mini_yiki_cd_result {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.75);
  align-items: center;
  opacity: 0;
  overflow: hidden;
  transition: all 0.15s linear;
}
.mini_yiki .mini_yiki_cd_result.called {
  pointer-events: auto;
  opacity: 1;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.mini_yiki .mini_yiki_cd_result .mini_win_msg, .mini_yiki .mini_yiki_cd_result .mini_lose_msg {
  position: absolute;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0;
  font-weight: bold;
  right: 0;
  transform: translateY(10%);
  opacity: 0;
  pointer-events: none;
}
.mini_yiki .mini_yiki_cd_result .mini_win_msg.called, .mini_yiki .mini_yiki_cd_result .mini_lose_msg.called {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.mini_yiki .mini_yiki_result {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s linear;
}
.mini_yiki .mini_yiki_result.push_left img {
  transform: translateX(-260%);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.mini_yiki .mini_yiki_result.push_left .mini_yiki_spinning_ele {
  transform: translateY(-50%) translateX(-78%) scale(5);
}
.mini_yiki .mini_yiki_result.called {
  opacity: 1;
  transform: scale(1);
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1) 1s;
}
.mini_yiki .mini_yiki_result img {
  position: relative;
  z-index: 2;
  height: 90%;
}
.mini_yiki .mini_yiki_result .mini_yiki_spinning_ele {
  width: 20em;
  height: 20em;
  overflow: hidden;
  position: absolute;
  left: 50%;
  pointer-events: none;
  top: 50%;
  transition: all 0.15s;
  transform: translateY(-50%) translateX(-50%) scale(5);
}
.mini_yiki .mini_yiki_result .mini_yiki_spinning_ele:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: url("../img/games/yiki/spin_ele.svg") 50% 50% no-repeat;
  background-size: contain;
  opacity: 0.25;
  content: "";
  pointer-events: none;
  -webkit-animation: loopSpin 40s linear infinite;
          animation: loopSpin 40s linear infinite;
}
.mini_yiki .mini_cd_block {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 0;
  z-index: 5;
  transform: translateY(10%);
  align-items: center;
  opacity: 0;
  pointer-events: none;
  border-radius: inherit;
  transition: all 0.15s linear;
}
.mini_yiki .mini_cd_block.called {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}
.mini_yiki .mini_cd_block .cd_ele {
  display: flex;
  align-items: center;
}
.mini_yiki .mini_cd_block .cd_ele small {
  display: inline-block;
  padding: 0;
  margin-right: 1em;
}
.mini_yiki .mini_cd_block .cd_ele strong {
  font-size: 2em;
}
.mini_yiki .toggle_full_yiki {
  cursor: pointer;
}
.mini_yiki .toggle_full_yiki:active {
  opacity: 0.75;
}
.mini_yiki .mini_yiki_logo {
  display: flex;
  height: 100%;
  position: relative;
  align-items: center;
  flex-shrink: 0;
  align-self: center;
}
.mini_yiki .mini_yiki_logo img {
  width: 3em;
}
.mini_yiki .mini_yiki_logo .mini_game_id {
  width: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  bottom: calc(0% - 0.65em);
  font-size: 0.55em;
}
.mini_yiki .blocker_block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: none;
  border-radius: 6px;
}

.mini_yiki_cd {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.75em;
  align-self: center;
}
.mini_yiki_cd small {
  font-size: 0.6em;
  margin-top: 0.35em;
  white-space: nowrap;
}
.mini_yiki_cd strong {
  display: flex;
  line-height: 1;
  font-size: 1.2em;
  margin-top: 0.15em;
  color: var(--yiki-yellow);
}
.mini_yiki_cd strong span:first-of-type {
  margin-right: 0.25em;
}

.yiki_bet_placed_details {
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  align-items: center;
  font-size: 0.95em;
}
.yiki_bet_placed_details .auto_bet_activated_msg {
  color: lawngreen;
  font-weight: bold;
}
.yiki_bet_placed_details .yiki_bet_details_number, .yiki_bet_placed_details .yiki_bet_details_total_bet {
  color: var(--yiki-yellow);
  font-weight: bold;
}

.mini_yiki_play_btn_wrap {
  margin-left: 0.35em;
  position: relative;
  display: flex;
}
.mini_yiki_play_btn_wrap .mini_yiki_odds {
  color: var(--yiki-yellow);
  position: absolute;
  font-size: 0.6em;
  width: 100%;
  text-align: center;
  bottom: calc(0% - 0.25em);
  padding-top: 0.6em;
}
.mini_yiki_play_btn_wrap .mini_yiki_play_btn {
  border: 1px solid #FFC700;
  align-self: center;
  color: black;
  border-radius: 3px;
  padding: 0.25em 0.7em;
  font-weight: bold;
  font-size: 1em;
  position: relative;
  padding-bottom: 0.2em;
  height: 100%;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
}
.mini_yiki_play_btn_wrap .mini_yiki_play_btn small {
  display: block;
  font-size: 0.6em;
  margin-top: 0.3em;
  white-space: nowrap;
}
.mini_yiki_play_btn_wrap .mini_yiki_play_btn:active {
  transform: translateY(1px);
}

.mini_yiki_bet_details_wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mini_yiki_bet_details_wrap .mini_yiki_bet_details_wrap_bottom {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.mini_yiki_bet_details_wrap .__yiki_no_bet_placed_msg {
  display: flex;
  padding: 0.25em;
  background-color: #282828;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 0.85em;
  margin-bottom: 0.2em;
}
.mini_yiki_bet_details_wrap .__yiki_no_bet_placed_msg.__got_bet {
  box-shadow: inset 0 0 0 1px var(--yiki-yellow);
}

.mini_yiki_last_5 {
  display: flex;
  align-items: center;
  margin-left: 0;
  padding: 1px 0;
}
.mini_yiki_last_5 small {
  margin-right: 0.5em;
  white-space: nowrap;
}
.mini_yiki_last_5 .mini_yiki_last_5_results {
  display: flex;
  align-items: center;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span {
  padding: 0.2em 0.5em;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 2px;
  font-size: 0.8em;
  line-height: 1;
  display: block;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span.hidden {
  visibility: hidden;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span:last-of-type {
  margin-right: 0;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span.latest {
  box-shadow: inset 0 0 0 1px #FFC700 !important;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span.red {
  background: linear-gradient(to bottom right, #E51F1C, #961210);
  box-shadow: inset 0 0 0 1px #FF4946;
}
.mini_yiki_last_5 .mini_yiki_last_5_results span.black {
  background: linear-gradient(to bottom right, #242424, #000000);
  box-shadow: inset 0 0 0 1px #3F3F3F;
}

.mini_yiki_bet {
  position: absolute;
  width: 100%;
  z-index: 21;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10%);
  pointer-events: none;
  bottom: 100%;
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.mini_yiki_bet .my_bet_block {
  --max-width: 180px;
  max-width: var(--max-width);
  width: 100%;
}
.mini_yiki_bet.called {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.mini_yiki_bet .inner_mini_yiki_bet {
  background: rgba(0, 0, 0, 0.5);
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  pointer-events: auto;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top {
  display: flex;
  padding: 0.25em;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top .yiki_title {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFC556;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top button:active {
  transform: translateY(1px);
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top .close_mini_yiki_bet {
  position: relative;
  z-index: 2;
  margin-left: auto;
  background: #EEB13D;
  color: black;
  border: 1px solid #FFC700;
  padding: 0em 0.3em;
  text-align: center;
  border-radius: 2px;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top .close_mini_yiki_bet img {
  width: 1em;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top button.my_bet_btn {
  position: relative;
  z-index: 2;
  background: #EEB13D;
  color: black;
  border: 1px solid #FFC700;
  padding: 0.15em 0.75em;
  display: inline-flex;
  align-items: center;
  text-align: center;
  border-radius: 2px;
  font-size: 0.7em;
}
.mini_yiki_bet .inner_mini_yiki_bet .mini_yiki_bet_top button.my_bet_btn img {
  width: 1.25em;
}
.mini_yiki_bet .inner_mini_yiki_bet:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40%;
  width: 100%;
  z-index: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.mini_yiki_bet .top .chips_container {
  display: flex;
  justify-content: center;
  padding-bottom: 0.5em;
}
.mini_yiki_bet .top .chips {
  position: relative;
  margin-top: 0.25em;
}
.mini_yiki_bet .top .chips .each_chip_container {
  position: relative;
  width: 16%;
  padding: 0 0.35em;
}
.mini_yiki_bet .top .chips input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label {
  border-radius: 100%;
  outline: none;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_1 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #73CA2E;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_2 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #E17F7F;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_3 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #3E9FE4;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_4 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #3EE4DC;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_5 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #DAA724;
}
.mini_yiki_bet .top .chips input[type=radio]:checked ~ label.chip_6 {
  box-shadow: 0 0 0 1px #FFC700, 0 0 2em #C93A1B;
}
.mini_yiki_bet .top .chips .each_chip {
  width: 100%;
  cursor: pointer;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  transition: all 0.15s;
}
.mini_yiki_bet .top .chips .each_chip.not_selected {
  opacity: 0.75 !important;
}
.mini_yiki_bet .top .chips .each_chip.selected {
  opacity: 1;
}
.mini_yiki_bet .top .chips .each_chip span {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35em;
  font-weight: bold;
  z-index: 3;
}
.mini_yiki_bet .top .chips .each_chip img {
  width: 100%;
  height: auto;
}
.mini_yiki_bet .mid {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.mini_yiki_bet .mid .card_blocker {
  position: absolute;
  height: 100%;
  width: calc(100% - 1em);
  display: inline-flex;
  /* align-items: center; */
  padding-top: 5%;
  justify-content: center;
  z-index: 2;
  top: 0;
  left: 0.5em;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
}
.mini_yiki_bet .mid .card_blocker p {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mini_yiki_bet .mid .card_blocker p img {
  width: 2.5em;
}
.mini_yiki_bet .mid .cards {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 0.5em;
  padding-top: 0;
  justify-content: center;
  position: relative;
}
.mini_yiki_bet .mid .cards .each_card {
  width: 16%;
  position: relative;
  padding: 0.35em;
}
.mini_yiki_bet .mid .cards .each_card label {
  display: block;
  border-radius: 6px;
  cursor: pointer;
}
.mini_yiki_bet .mid .cards .each_card label.not_selected {
  opacity: 0.33 !important;
}
.mini_yiki_bet .mid .cards .each_card label.selected {
  opacity: 1;
}
.mini_yiki_bet .mid .cards .each_card label.red {
  border: 1px solid #FF4946;
}
.mini_yiki_bet .mid .cards .each_card label.black {
  border: 1px solid #3F3F3F;
}
.mini_yiki_bet .mid .cards .each_card img {
  width: 100%;
  border-radius: 5px;
}
.mini_yiki_bet .mid .cards .each_card input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.mini_yiki_bet .mid .cards .each_card input[type=checkbox]:checked ~ label {
  box-shadow: 0 0 0 1px #FFC700;
  filter: brightness(1.2);
}
.mini_yiki_bet .bottom {
  position: relative;
  z-index: 1;
}
.mini_yiki_bet .bottom .bets {
  display: flex;
  flex: 1;
  padding: 0.5em;
  flex-shrink: 0;
  align-items: center;
}
.mini_yiki_bet .bottom .bets .bet_period {
  margin-left: auto;
  margin-right: 1em;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mini_yiki_bet .bottom .bets .bet_period small {
  opacity: 0.5;
}
.mini_yiki_bet .bottom .bets button {
  border: 1px solid #FFC700;
  color: black;
  border-radius: 4px;
  padding: 0.3em 1.15em;
  font-weight: bold;
  font-size: 1.25em;
  background: linear-gradient(to bottom, #DD9C21, #FFBF46);
  transition: filter 0.1s linear;
}
.mini_yiki_bet .bottom .bets button:active {
  transform: translateY(1px);
}
.mini_yiki_bet .bottom .bets button:disabled {
  filter: grayscale(0.75) brightness(0.25);
  cursor: default;
  transform: none !important;
}
.mini_yiki_bet .bottom .bets .total_bet {
  font-size: 1.25em;
  color: rgba(255, 255, 255, 0.25);
}
.mini_yiki_bet .bottom .bets .total_bet strong {
  margin-left: 0.5em;
}
.mini_yiki_bet .bottom .bets .total_bet span {
  color: #EEB13D;
  font-weight: bold;
}

@-webkit-keyframes pointingRight {
  0% {
    transform: translate(0, -50%);
  }
  20% {
    transform: translate(10px, -50%);
  }
  30% {
    transform: translate(5px, -50%);
  }
  40% {
    transform: translate(10px, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}

@keyframes pointingRight {
  0% {
    transform: translate(0, -50%);
  }
  20% {
    transform: translate(10px, -50%);
  }
  30% {
    transform: translate(5px, -50%);
  }
  40% {
    transform: translate(10px, -50%);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  30% {
    transform: translateY(-5px);
  }
  40% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-10px);
  }
  30% {
    transform: translateY(-5px);
  }
  40% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
@media (max-width: 1024px) {
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.confirm_bet_btn,
.yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend {
    padding: 0.25em 0.7em;
    font-weight: bold;
    font-size: 1.15em;
  }
  .my_bet_block {
    font-size: 10.5px;
  }
  .mini_yiki_bet .bottom .bets button,
.yiki_block .inner_yiki_block .bottom .bets button {
    padding: 0.25em 0.7em;
    font-weight: bold;
    font-size: 1.15em;
  }
  .mini_yiki_bet .bottom .bets .total_bet,
.yiki_block .inner_yiki_block .bottom .bets .total_bet {
    font-size: 1.15em;
  }
  .outerwrap .bottom_bar .score_wrap .score_content {
    max-width: 480px;
    padding: 0 2em;
  }
  .mini_yiki_bet {
    padding: 0.25em;
  }
  .mini_yiki_bet .inner_mini_yiki_bet {
    max-width: 400px;
  }
}
@media (max-width: 600px) {
  .yiki_drawing_block .cage {
    left: 18%;
  }
  .yiki_block .inner_yiki_block .cards .each_card {
    padding: 0.2em;
  }
  .yiki_block .inner_yiki_block .chips .each_chip_container {
    padding-left: 0.2em;
    padding-right: 0.2em;
  }
  .yiki_block .inner_yiki_block .bottom .bets {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .my_bet_block {
    --max-width: 160px;
  }
  .my_bet_block .each_bet_history .each_bet_history_content_row .segments .each_segment .selected_numbers span {
    margin-right: 0.2em;
  }
  .my_bet_block .each_bet_history .each_bet_history_head .mini_result small {
    padding: 0.25em;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip .bet_pernumber_chip_wrap span {
    font-size: 1.35em;
  }
  .mini_yiki_bet .inner_mini_yiki_bet {
    max-width: 330px;
  }
  .yiki_block .inner_yiki_block .bottom .bets .bet_period .close_bet_counter {
    font-size: 0.7em;
  }
  .yiki_block .inner_yiki_block .my_bet button {
    padding: 0.25em;
  }
  .yiki_block .inner_yiki_block .my_bet button img {
    width: 1.45em;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .yiki_auto_bet_toggle label {
    font-size: 0.8em;
    padding-left: calc(26px + 0.35em);
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .yiki_auto_bet_toggle label:before {
    width: 24px;
    height: 12px;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .yiki_auto_bet_toggle label:after {
    height: 6px;
    width: 6px;
    left: 15px;
  }
  .yiki_block .pop_confirm_bet {
    padding: 0.35em;
  }
  .yiki_block .inner_yiki_block .bottom .bets .bet_period small {
    font-size: 0.7em;
  }
  .mini_yiki_bet .bottom .bets {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .mini_yiki_bet .bottom .bets .total_bet, .mini_yiki_bet .bottom .bets button {
    font-size: 1em;
  }
  .mini_yiki_bet .bottom .bets .bet_period small {
    font-size: 0.7em;
  }
  .mini_yiki_bet .bottom .bets .bet_period span {
    font-size: 0.8em;
  }
  .mini_yiki_bet .mid .cards .each_card {
    width: 15%;
    padding: 0.25em;
  }
  .mini_yiki_bet .top .chips_container {
    padding-bottom: 0.25em;
  }
  .mini_yiki_bet .top .chips .each_chip_container {
    padding: 0 0.2em;
    width: 14%;
  }
  .mini_yiki_bet .top .chips .each_chip img {
    margin: auto;
  }
  .mini_yiki_last_5 .mini_yiki_last_5_results span {
    margin-right: 0.2em;
  }
  .yiki_drawing_block .cd_block .cd_ele strong {
    font-size: 5em;
  }
  .yiki_block {
    font-size: 11px;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_mid .confirm_bet_chip {
    width: 18%;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets .total_bet {
    font-size: 1em;
  }
  .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.confirm_bet_btn, .yiki_block .pop_confirm_bet .inner_pop_confirm_bet .confirm_bet_bottom .bets button.amend {
    font-size: 1em;
  }
  .yiki_block .inner_yiki_block .odds img {
    width: 6em;
  }
  .yiki_block .inner_yiki_block .odds .odds_number {
    padding: 0.5em;
    right: 10%;
  }
  .yiki_block .inner_yiki_block .chips .each_chip span {
    font-size: 1.2em;
  }
  .yiki_block .inner_yiki_block .countdown .countdown_numbers {
    font-size: 1.5em;
  }
  .yiki_block .inner_yiki_block .countdown label {
    font-size: 0.7em;
  }
  .yiki_block .inner_yiki_block .last_5_results_content {
    padding: 0.5em;
  }
  .yiki_block .inner_yiki_block .mid .quick_select {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .yiki_block .inner_yiki_block .mid .quick_select span {
    font-size: 0.6em;
  }
  .yiki_block .inner_yiki_block .mid .quick_select button {
    padding: 0.275em;
    font-size: 0.6em;
  }
  .yiki_block .inner_yiki_block .bottom .bets button, .yiki_block .inner_yiki_block .bottom .bets .total_bet {
    font-size: 1em;
  }
  .yiki_block .inner_yiki_block .col_left {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .yiki_block .inner_yiki_block .col_left img {
    width: 3.5em;
  }
  .game_block .game_thumbs {
    margin-top: 0.5em;
  }
  .yiki_block .inner_yiki_block .right .game_menu button img {
    width: 1em;
  }
  .yiki_block .inner_yiki_block .last_5_results .each_last_result {
    padding: 0.5em;
    font-size: 0.9em;
    border-radius: 4px;
  }
}/*# sourceMappingURL=yiki.css.map */