/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./Application/Base/QuantitySelectorComponent/QuantitySelectorComponent.scss ***!
  \********************************************************************************************************************************************************************/
/* green */
/* gray scales */
/* text */
.quantity-selector {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.quantity-selector .decrease,
.quantity-selector .increase {
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #0B965E;
  color: #0B965E;
  font-size: 1.2rem;
  line-height: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 25%;
  padding-bottom: 0.1rem;
  text-decoration: none;
  cursor: pointer;
}
.quantity-selector .decrease:hover,
.quantity-selector .increase:hover {
  background-color: #0B965E;
  color: #FFFFFF;
}
.quantity-selector .quantity {
  color: #000000;
  background-color: transparent;
  border: 1px solid #0B965E;
  width: 2.3rem;
  height: 2rem;
  margin: 0 0.5rem;
}
.quantity-selector input {
  text-align: center;
}
.quantity-selector input:focus-visible {
  outline: none;
  border-width: 2px;
}
.quantity-selector input::-webkit-outer-spin-button, .quantity-selector input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector input[type=number] {
  -moz-appearance: textfield;
}

.bg-green .quantity-selector .decrease,
.bg-green .quantity-selector .increase {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.bg-green .quantity-selector .decrease:hover,
.bg-green .quantity-selector .increase:hover {
  background-color: #FFFFFF;
  color: #0B965E;
}
.bg-green .quantity-selector .quantity {
  color: #FFFFFF;
  border-color: #9DD5BF;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./Application/Base/QuantitySelectorComponent/QuantitySelector.vue?vue&type=style&index=0&id=50a54e27&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* green */
/* gray scales */
/* text */
.quantity-selector[data-v-50a54e27] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.quantity-selector .decrease[data-v-50a54e27],
.quantity-selector .increase[data-v-50a54e27] {
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #0B965E;
  color: #0B965E;
  font-size: 1.2rem;
  line-height: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 25%;
  padding-bottom: 0.1rem;
  text-decoration: none;
  cursor: pointer;
}
.quantity-selector .decrease[data-v-50a54e27]:hover,
.quantity-selector .increase[data-v-50a54e27]:hover {
  background-color: #0B965E;
  color: #FFFFFF;
}
.quantity-selector .quantity[data-v-50a54e27] {
  color: #000000;
  background-color: transparent;
  border: 1px solid #0B965E;
  width: 2.3rem;
  height: 2rem;
  margin: 0 0.5rem;
}
.quantity-selector input[data-v-50a54e27] {
  text-align: center;
}
.quantity-selector input[data-v-50a54e27]:focus-visible {
  outline: none;
  border-width: 2px;
}
.quantity-selector input[data-v-50a54e27]::-webkit-outer-spin-button, .quantity-selector input[data-v-50a54e27]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector input[type=number][data-v-50a54e27] {
  -moz-appearance: textfield;
}
.bg-green .quantity-selector .decrease[data-v-50a54e27],
.bg-green .quantity-selector .increase[data-v-50a54e27] {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.bg-green .quantity-selector .decrease[data-v-50a54e27]:hover,
.bg-green .quantity-selector .increase[data-v-50a54e27]:hover {
  background-color: #FFFFFF;
  color: #0B965E;
}
.bg-green .quantity-selector .quantity[data-v-50a54e27] {
  color: #FFFFFF;
  border-color: #9DD5BF;
}

/*# sourceMappingURL=quantity-selector.css.map*/