.line {
  margin-bottom: 0.5em;

  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 1ex;
}

.line__component {
  display: flex;
  align-items: center;
  gap: 1ex;
}

.line__computation {
  flex: 1;

  display: flex;
  align-items: center;
  gap: 1ex;
}

.line__count,
.line__price {
  display: inline-block;
  width: 10ex;
  text-align: right;
}

.line__count--new {
  width: 20ex;
}

.line__gap {
  flex: 1;
}

.line__total {
  display: inline-block;
  width: 12ex;
  font-weight: bold;
  text-align: right;
}