/* MIDI input panel: adapt to the width of the tool that contains it. */
.midi-input-mount {
  container-type: inline-size;
}

.midi-input-card {
  grid-template-columns: minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.2fr);
}

.midi-input-card > *,
.midi-input-config,
.midi-input-config > *,
.midi-input-heading > div {
  min-width: 0;
}

.midi-input-config {
  grid-template-columns: minmax(108px, .85fr) minmax(0, 1.15fr);
}

.midi-input-enable {
  white-space: normal;
}

@container (max-width: 1000px) {
  .midi-input-card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .midi-input-monitor,
  .midi-input-status {
    grid-column: 1 / -1;
  }
}

@container (max-width: 600px) {
  .midi-input-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .midi-input-monitor,
  .midi-input-status {
    grid-column: auto;
  }

  .midi-input-config,
  .midi-input-monitor {
    grid-template-columns: minmax(0, 1fr);
  }

  .midi-input-monitor small {
    grid-column: auto;
  }
}