.product-detail__inventory .low-stock,
.product-detail__inventory .in-stock,
.product-detail__inventory .out-stock {
  display: inline-flex;
  align-items: flex-start;
}

.product-detail__inventory .low-stock::before,
.product-detail__inventory .in-stock::before,
.product-detail__inventory .out-stock::before {
  --icon-size: 10px;

  display: block;
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1em * var(--sort-body-line-height) - var(--icon-size)) / 2) 0;
  margin-inline-end: 8px;
  content: "";
  background-color: currentcolor;
  border-radius: 50%;
}
.product-detail__inventory .low-stock::before {
  background-color: #fe9e0f;
}
.product-detail__inventory .in-stock::before {
  background-color: #35c08e;
}
.product-detail__inventory .out-stock {
  color: #f86140;
}

product-inventory .product-inventory-info::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: rgb(var(--state-color));
  border-radius:50%;
}
product-inventory .product-inventory-info{
  margin-bottom:15px;
}
product-inventory .product-inventory-space{
  display: flex;
  height:4px;
  width:100%;
  background-color: rgba(var(--state-color),0.3);
  border-radius: 5px;
}

product-inventory .product-inventory-space::after{
  content: '';
  width:var(--inventory-width);
  max-width:100%;
  display: inline-block;
  height:100%;
  background-color: rgb(var(--state-color));
  border-radius: 5px;
}