/* Workhour: reusable numeric input with a visual unit (unit is not part of the value). */
.wh-input-unit {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}
.wh-input-unit > input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 57px !important;
  font-variant-numeric: tabular-nums;
}
.wh-input-unit > .wh-input-unit-label {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: var(--muted-foreground, #87909f);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
}
/* Remove spinners only on inputs that opt into this component. */
.wh-input-unit > input[type="number"]::-webkit-inner-spin-button,
.wh-input-unit > input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wh-input-unit > input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}