/* custom colors */
.input-counter[data-v-b11c6788] {
  display: inline-flex;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background-color: var(--theme-color-light);
  transition: background-color var(--trs-1);
}
.input-counter[data-v-b11c6788]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid var(--theme-color-separator);
  border-radius: inherit;
  pointer-events: none;
}
.input-counter__field[data-v-b11c6788] {
  --app-input-px: var(--sm) !important;
  width: 40px;
  position: relative;
  z-index: 1;
}
.input-counter__button[data-v-b11c6788] {
  position: relative;
  z-index: 1;
}
.input-counter[data-v-b11c6788] .q-field__control {
  padding: 0 !important;
  text-align: center !important;
}
.input-counter[data-v-b11c6788] .q-field .q-field__control {
  padding: 0 !important;
}
.input-counter[data-v-b11c6788] .q-field .q-field__native {
  text-align: center !important;
}