.file-input {
  display:    inline-grid;

  input {
    display: none;
  }

  &__button {
    grid-column: 1;
    grid-row:    1 / 3;
  }

  &__file-count {
    grid-column: 2;
    grid-row:    1;
  }

  &__file-names {
    grid-column:    2;
    grid-row:       2;
    padding-left:   0;
    list-style:     none;
    font-size:      0.75em;
  }

  &__clear {
    grid-column: 3;
    grid-row:    1;
    align-self:  center;
    margin:      0 0.25em;
    font-size:   0.75em;
    cursor:      pointer;
  }

  &__no-files {
    grid-column: 2;
    grid-row:    1 / 3;
    align-self:  center;
  }
}