:root {
  --chip-w: 50px;
  --chip-h: 18px;
  --chip-gaph: 10px;
  --chip-gaph-sum: calc(var(--chip-h) + var(--chip-gaph));
  --chip2-w: 40px;
  --chip2-h: 40px;
  --chip-gaph-sum2: calc(var(--chip2-h) + var(--chip-gaph));
}
/* .chip2.active:before {
  position: relative;
  display: block;
  top: -2px;
  left: -2px;
  border: 2px solid #ff0;
  border-radius: 44px;
  width: 44px;
  height: 44px;
  content: " "
} */
.chip2.active {
  filter: unset;
  cursor: default;
  pointer-events: none;
}
.chip2:hover {
  filter: unset;
}
.bet-cancel {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-image: url(/assets/images/bet_cancel.svg);
}
.chip {
  width: var(--chip-w);
  height: var(--chip-h);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/assets/images/pokerchip.svg);
}
.chip2 {
  filter: brightness(0.3);
  cursor: pointer;
  width: var(--chip2-w);
  height: var(--chip2-h);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/assets/images/pokerchip_front.svg);
}
.chip.chip-1 {
  background-position: 0 calc(var(--chip-gaph-sum) * 0);
}
.chip.chip-2 {
  background-position: 0 calc(var(--chip-gaph-sum) * -1);
}
.chip.chip-3 {
  background-position: 0 calc(var(--chip-gaph-sum) * -2);
}
.chip.chip-4 {
  background-position: 0 calc(var(--chip-gaph-sum) * -3);
}
.chip.chip-5 {
  background-position: 0 calc(var(--chip-gaph-sum) * -4);
}
.chip.chip-6 {
  background-position: 0 calc(var(--chip-gaph-sum) * -5);
}
.chip.chip-7 {
  background-position: 0 calc(var(--chip-gaph-sum) * -6);
}
.chip.chip-8 {
  background-position: 0 calc(var(--chip-gaph-sum) * -7);
}
.chip.chip-9 {
  background-position: 0 calc(var(--chip-gaph-sum) * -8);
}
.chip.chip-10 {
  background-position: 0 calc(var(--chip-gaph-sum) * -9);
}
.chip.chip-11 {
  background-position: 0 calc(var(--chip-gaph-sum) * -10);
}
.chip.chip-12 {
  background-position: 0 calc(var(--chip-gaph-sum) * -11);
}
.chip.chip-13 {
  background-position: 0 calc(var(--chip-gaph-sum) * -12);
}
.chip.chip-14 {
  background-position: 0 calc(var(--chip-gaph-sum) * -13);
}
.chip.chip-15 {
  background-position: 0 calc(var(--chip-gaph-sum) * -14);
}
.chip.chip-16 {
  background-position: 0 calc(var(--chip-gaph-sum) * -15);
}


.chip2.chip-1 {
  background-position: 0 calc(var(--chip-gaph-sum2) * 0);
}
.chip2.chip-2 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -1);
}
.chip2.chip-3 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -2);
}
.chip2.chip-4 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -3);
}
.chip2.chip-5 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -4);
}
.chip2.chip-6 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -5);
}
.chip2.chip-7 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -6);
}
.chip2.chip-8 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -7);
}
.chip2.chip-9 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -8);
}
.chip2.chip-10 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -9);
}
.chip2.chip-11 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -10);
}
.chip2.chip-12 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -11);
}
.chip2.chip-13 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -12);
}
.chip2.chip-14 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -13);
}
.chip2.chip-15 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -14);
}
.chip2.chip-16 {
  background-position: 0 calc(var(--chip-gaph-sum2) * -15);
}