Chat Input

/* Story scaffolding for the `aboveField` sample. No `pds-` prefix so Annotate
   doesn't flag it as a net-new component. */
.chat-input-story__context {
	align-items: center;
	color: var(--pds-color-foreground-default);
	display: flex;
	font-size: var(--pds-typography-size-xs);
	gap: var(--pds-spacing-xs);
}

.chat-input-story__time {
	color: var(--pds-color-foreground-default-secondary);
}

.chat-input-story__stack {
	display: flex;
	flex-direction: column;
	gap: var(--pds-spacing-2xl);
}

.chat-input-story__error {
	align-items: center;
	color: var(--pds-color-status-critical-foreground);
	display: inline-flex;
	gap: var(--pds-spacing-4xs);
}

.chat-input-story__chips {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--pds-spacing-2xs);
}