#app {
  font-family: sans-serif;
  display: inline-block;
  padding: 2%;
}


p {
  max-width: 40em;
}
.calc-inputs {
  background: #ddd;
  padding: 10px 20px;
}
.calc-results {
  background: #eee;
  padding: 10px 20px;
}
.calc-label {
  display: inline-block;
  position: relative;
  margin-right: 1em;
}
.calc-input {
  width: 1.5em;
  font-size: 1em;
  text-align: right;
}
.calc-money {
  padding-left: 1em;
  width: 4em;
}
.calc-percent {
  padding-right: 1.25em;
}
.calc-prepend,
.calc-append {
  position: absolute;
  pointer-events: none;
  top: 6px;
}
.calc-prepend {
  left: 5px;
}
.calc-append {
  margin-left: -22px;
}