.quantity-input display : none not working

[sudobyNM]

.quantity-input display : none not working . It is setting to display: inline-block by default - checked in devTools.
Can someone explain it ?? here is my code

  <input class="quantity-input-${matchingProduct.id}"/>

css

  display: none;

}

.save-quantity-link {
  display: none;
}

.is-editing-quantity .quantity-input {
  display: initial;
}

.is-editing-quantity .save-quantity-link{
  display: initial;
}```