Chat Attachment

/* Story scaffolding: lays out the states and holds the remove button open so
   the hover state shows without a pointer. No `pds-` prefix so Annotate
   doesn't flag it as a net-new component. */
.chat-attachment-story__states {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pds-spacing-xl) var(--pds-spacing-l);
	padding: var(--pds-spacing-xs);
}

.chat-attachment-story__state {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--pds-spacing-2xs);
}

.chat-attachment-story__label {
	color: var(--pds-color-foreground-default-secondary);
	font-family: var(--pds-typography-ff-default);
	font-size: var(--pds-typography-size-xs);
}

.chat-attachment-story--hover .pds-chat-attachment__remove {
	opacity: 1;
}