.sources {

}

.source__error-banner {
  background-color: oklch(var(--lch-red-lightest));
  border: 1px solid oklch(var(--lch-red-light));
  border-radius: 0.5rem;
  padding: var(--block-space) var(--inline-space-double);
  margin-block: var(--block-space);
}

.source__error-banner-title {
  font-weight: 700;
  color: var(--color-negative);
  margin-block-end: var(--block-space-half);
}

.source__error-banner-category {
  font-weight: 600;
  margin-block-end: var(--block-space-half);
}

.source__error-banner-message {
  font-size: var(--text-small);
  color: var(--color-ink-dark);
  margin-block-end: var(--block-space-half);
  word-break: break-word;
}

.source__error-banner-time {
  font-size: var(--text-small);
  color: var(--color-ink-medium);
}

.source__pending-banner {
  color: oklch(var(--lch-blue-dark));
  font-style: italic;
  margin-block: var(--block-space-half);
}