.chat {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--spacing-1);
	
	margin-top: var(--spacing1);
}

.chat__msg {
	padding: 0.3em 0.8em;
	max-width: 85%;
	
	border-radius: 0.5em;
}

.chat__msg--q {
	background-color: var(--color__violet);
	color: var(--color__white);
}

.chat__msg--a {
	background-color: var(--color__violet--light);
	align-self: flex-end;
	text-align: right;
}

.theme--white .chat__msg--a {
	background-color: var(--color__violet--light);
}

.chat__audio {
	margin-top: var(--spacing1);
}

.chat__audio audio {
	width: 100%;
	border: 1px solid var(--color__black);
	border-radius: 2em;
	background: var(--color__white);
	padding: 4px;
}

.chat__audio audio::-webkit-media-controls-panel {
	background: var(--color__white);
}