$durationInput-spacing: 1em;
$durationInput-inputWidth: 4em;
$durationInput-labelWidth: 2.5em;

.field .durationInputs {
  display: flex; // max-width: 100%;
  justify-content: start;
  flex-wrap: wrap;
  margin: -$durationInput-spacing / 2;

  width: auto;

  .ui.input.durationInput > input {
    width: 0 !important;
  }

  .ui.input.durationInput {
    padding: $durationInput-spacing / 2;
    max-width: 100%;
    width: auto !important;
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 1;

    > input {
      min-width: $durationInput-inputWidth;
      width: auto;
      flex-basis: $durationInput-inputWidth;
      flex-grow: 1;
      flex-shrink: 0;
    }

    > .label {
      min-width: $durationInput-labelWidth;
      width: $durationInput-labelWidth;
      flex: $durationInput-labelWidth;
      flex-grow: 0;
      flex-shrink: 0;
      text-align: center;
    }
  }
}