.chat-message {
	@apply relative;
}

.chat-message-card {
	@apply rounded-t-lg bg-white px-3 py-2 relative shadow;
	max-width: 600px;
}

.sent {
	@apply rounded-bl-lg;
}

.accepted {
	@apply rounded-br-lg;
}

.chat-message-card::before {
	content: '';
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	@apply absolute w-0 h-0 bottom-0 border-b-8;
}

.chat-message-card:not(.sent)::before {
	@apply border-l-8 border-r-0 right-full border-white;
}

.chat-message-card.sent::before {
	@apply border-l-0 border-r-8 left-full border-white;
}

.text {
	white-space: break-spaces;
	word-break: break-word;
}

.created-at {
	@apply text-xs text-muted flex items-center;
}

.footer {
	@apply flex items-end pt-1 gap-x-4;
}