.keybored[data-v-017381e0] {
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: space-between;
  width: 100%;
  padding: 25px;
}
button[data-v-017381e0] {
  width: 18%;
  height: 76px;
  margin-bottom: 12px;
  border-radius: 8px;
  font: normal normal bold 48px/68px Myriad Pro;
  color: #472f22;
  text-shadow: 0px 3px 6px #43100066;
  background: transparent linear-gradient(180deg, #ffffff 0%, #fcefd5 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px #ffffff, 0px 3px 6px #79544280;
  text-align: center;
  cursor: pointer;
}
button[data-v-017381e0]:active {
  background: transparent linear-gradient(180deg, #fad59d 0%, #e3bb83 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px #ffffff, 0px 3px 6px #79544280;
  font: normal normal bold 48px/68px Myriad Pro;
  color: #ffffff;
  text-shadow: 0px 3px 6px #43100066;
}
button:active .backspace[data-v-017381e0] {
  background-image: url(../img/delete-active.81ce535c.svg);
  background-size: 100% 100%;
}
button:active .delete[data-v-017381e0] {
  background-image: url(../img/backspace-active.2ec300bc.svg);
  background-size: 100% 100%;
}
button p[data-v-017381e0] {
  font-size: 10px;
  line-height: 10px;
  color: #6f6f6f;
}
button[disabled][data-v-017381e0] {
  background: linear-gradient(180deg, #fff 0%, #ede8db 100%);
  cursor: not-allowed;
}
.add[data-v-017381e0] {
  flex: 1;
  font-size: 0;
  margin: 0 12px;
  background: linear-gradient(180deg, #fad59d 0%, #e3bb83 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.add[data-v-017381e0]:active {
  background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
}
.add .cart[data-v-017381e0] {
  width: 35px;
  margin-right: 20px;
}
.add .plus[data-v-017381e0] {
  width: 24px;
}
.backspace[data-v-017381e0],
.delete[data-v-017381e0] {
  width: 25px;
  height: 30px;
}
.backspace[data-v-017381e0] {
  background-image: url(../img/delete-active.81ce535c.svg);
  background-size: 100% 100%;
}
.delete[data-v-017381e0] {
  background-image: url(../img/backspace-active.2ec300bc.svg);
  background-size: 100% 100%;
}
.del-text[data-v-017381e0] {
  margin-top: 6px;
  color: #802002;
  font-size: 13px;
  line-height: 13px;
}
.num-input[data-v-017381e0] {
  display: flex;
  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;
}
li[data-v-017381e0] {
  width: 52px;
  height: 78px;
  background: transparent linear-gradient(180deg, #493b32 0%, #2c2119 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #fcde9e;
  border-radius: 5px;
  line-height: 78px;
  text-align: center;
  font: normal normal bold 48px/68px Myriad Pro;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px #43100066;
  display: flex;
  align-items: center;
  justify-content: center;
}