h1 {
  margin-bottom: 0px;
}

.form-inline>.form-item {
  display: inline-block;
  margin-right: 1em;
}
.screen-bezel {
  margin-top: 10px;
  margin-bottom: 100px;
  position: relative;
  box-sizing: content-box;
}
.screen-bezel.show {
  margin-left: 0px;
  background-color: #222222;
  border: 40px solid #222222;
}
.screen {
  display: inline-block;
  border: none;
  transform-origin: 0px 0px;
  transform: scale(1);
  overscroll-behavior: contain;
  background-color: #ffffff;
}
.overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  pointer-events: none;
}
select.num-input {
  width: 7em;
  padding: 1px;
}
input.num-input {
  width: 4.5em;
}
input.num-input.sm {
  width: 3.5em;
}
input.num-input.lg {
  width: 6.5em;
}
.initialized input:invalid {
  background-color: #ffaaaa;
}
output.num-output {
  display: inline-block;
}
input[type="checkbox"] {
  position: relative;
  top: 1px;
}
input[type="radio"] {
  position: relative;
  top: 2px;
}
input[type="checkbox"]+label:not(:last-child),
input[type="radio"]+label:not(:last-child) {
  margin-right: 1em;
}

input[type="number"] {
  appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

output[data-unit]:not(:empty)::after {
  content: attr(data-unit);
}