.vue-product-quantity-progress-bar-init {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 48px;
  width: 78px;
  height: 4px;
  margin: 0px auto 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  background-color: none;
  opacity: 1;
}
.vue-product-quantity-progress-bar-init.progress {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 4px;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.vue-product-quantity-progress-bar-init .progress-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.vue-product-quantity-progress-bar-init .progress-bar.progress-bar-success {
  background: green;
  background-color: var(--theme-color-success);
}
.vue-product-quantity-progress-bar-init .progress-bar.progress-bar-wrong {
  background: #ff6868;
  background-color: var(--theme-color-danger);
  -webkit-transition: width 100ms ease-in-out 300ms;
  -o-transition: width 100ms ease-in-out 300ms;
  transition: width 100ms ease-in-out 300ms;
}