.inline-image-modal-picker {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.inline-image-modal-thumb, .inline-image-modal-thumb-placeholder {
  border: 1px solid var(--border-color);
  border-radius: .25rem;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
}

.inline-image-modal-thumb {
  object-fit: cover;
}

.inline-image-modal-thumb-placeholder {
  background-color: var(--surface-subtle);
  color: var(--text-subtle);
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  display: flex;
}

.inline-image-modal-picker-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.inline-image-modal-change-btn {
  flex-shrink: 0;
  min-width: 70px;
}

.inline-image-modal-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--text-subtle);
  align-self: stretch;
  font-size: .875rem;
  overflow: hidden;
}

