.bet4[data-v-224f29e2] {
  width: 3.45rem;
  margin: 0 auto;
  padding: 0.14rem 0.14rem 0.22rem;
  border-radius: 0.2rem;
  background: transparent linear-gradient(180deg, #ffffff 0%, #fcefd5 100%) 0% 0% no-repeat padding-box;
}
.keybored[data-v-224f29e2] {
  display: grid;
  grid-template-columns: 1rem 1rem 1rem;
  grid-row-gap: 12px;
  grid-column-gap: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.keybored p[data-v-224f29e2] {
  font-family: Myriad Pro, Regular;
  color: #802002;
  margin-top: calc(15rem * 0.005);
  font-size: calc(22rem * 0.005);
  line-height: calc(22rem * 0.005);
}
button[data-v-224f29e2] {
  width: 1rem;
  height: 0.6rem;
  background: transparent linear-gradient(180deg, #ffffff 0%, #fcefd5 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.08rem;
  color: #472f22;
  text-shadow: 0px 3px 6px #43100066;
  font-size: 0.46rem;
  text-align: center;
  cursor: pointer;
}
button[data-v-224f29e2]:active {
  background: transparent linear-gradient(180deg, #fad59d 0%, #e3bb83 100%) 0% 0% no-repeat padding-box;
  color: #ffffff;
}
button:active p[data-v-224f29e2] {
  color: #ffffff;
}
button:active .backspace[data-v-224f29e2] {
  background-image: url(../img/backspace.e74141c9.svg);
  background-size: 100%;
}
button:active .delete[data-v-224f29e2] {
  background-image: url(../img/delete.e5bbd19a.svg);
  background-size: 100%;
}
button p[data-v-224f29e2] {
  font-size: 10px;
  color: #6f6f6f;
}
.add[data-v-224f29e2] {
  display: block;
  margin: 0.14rem auto 0;
  grid-column-start: span 3;
  width: 2.84rem;
  height: 0.6rem;
  font-size: 0;
  border-radius: 0.05rem;
  background: linear-gradient(180deg, #ffffff 0%, #ede8db 100%);
  background: linear-gradient(180deg, #fad59d 0%, #e3bb83 100%);
  box-shadow: inset 0px 3px 6px #ffffff;
}
.add[data-v-224f29e2]:active {
  background: linear-gradient(180deg, #fad59d 0%, #e3bb83 100%);
}
.add[disabled][data-v-224f29e2] {
  background: linear-gradient(180deg, #ffffff 0%, #ede8db 100%);
  cursor: not-allowed;
}
.add .shopCarCss[data-v-224f29e2] {
  width: calc(56rem * 0.005);
  height: calc(49rem * 0.005);
}
.add .addCss[data-v-224f29e2] {
  width: calc(38rem * 0.005);
  height: calc(38rem * 0.005);
  margin-left: calc(32rem * 0.005);
}
.backspace[data-v-224f29e2],
.delete[data-v-224f29e2] {
  width: calc(45rem * 0.005);
  height: calc(40rem * 0.005);
}
.backspace[data-v-224f29e2] {
  background-image: url(../img/backspace.e74141c9.svg);
  background-size: 100% 100%;
}
.delete[data-v-224f29e2] {
  background-image: url(../img/delete.e5bbd19a.svg);
  background-size: 100% 100%;
}
.num-input[data-v-224f29e2] {
  display: grid;
  grid-template-columns: 52px 52px 52px 52px;
  grid-column-gap: 26px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
}
.num-input li[data-v-224f29e2] {
  width: 52px;
  height: 78px;
  background: transparent linear-gradient(180deg, #493b32 0%, #2c2119 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: #fff;
  line-height: 78px;
  text-align: center;
  font-size: 46px;
  margin-top: 34px;
}