.file-field {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-inline-size: 0;
}

.file-field--center {
  flex-wrap: wrap;
  justify-content: center;
  max-inline-size: 100%;
}

.file-field__button {
  flex: none;
}

.file-field__names {
  min-inline-size: 0;
  overflow: hidden;
  font-size: var(--text-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-field__names--empty {
  color: var(--color-text-muted);
}

@media (max-width: 768px) {
  .file-field {
    flex-wrap: wrap;
    gap: var(--space-label) var(--space-3);
  }
}