.physicalTable {
  border-bottom: 1px solid var(--neutral3);
}

.chemistryTable {
}

.recipeForm {
  background-color: var(--neutral2);
  padding: 4px;
}

.recipeSpan {
  vertical-align: top;  
}

.propertySpan {
  vertical-align: top;  
  background-color: var(--neutral2);
  padding: 4px;
}

.propertyLabel {
  width: 40px;
  text-align: right;  
}

.propertyValue {
  width: 50px;
  text-align: right;  
}

.newAmountInput {
  width: 50px;
  text-align: right;  
}

.amountInput {
  width: 50px;
  text-align: right;  
}

.materialInput {
  width: 120px;
  text-align: left;  
}

.addButton {
  width: 40px;
  text-align: center;  
}

.removeButton{
  width: 40px;
  text-align: center;  
}