.banner {
  @apply flex items-center gap-x-4 rounded-lg border bg-foreground/5 border-foreground/10 px-4 py-3;
}

.banner-icon {
  @apply size-5 text-warning shrink-0;
}

.banner--top {
  @apply items-start;
}

.banner-icon--top {
  @apply self-start mt-0.5;
}

.banner-title {
  @apply text-foreground text-sm;
}

.banner-description {
  @apply text-sm text-muted-foreground;
}