.action, .dm-action {
	background-color: rgba( 255, 0, 0, 0.2 );
	margin: 1rem 0;
	padding: 1rem;
}
.action::before {
	content: "ACTION PROMPT: "; 
}
.character-hook {
	background-color: rgba( 255, 0, 255, 0.2 );
	margin: 1rem 0;
	padding: 1rem;
}
.character-hook::before {
	content: "CHARACTER HOOK: "; 
}
.option {
	background-color: rgba( 0, 0, 255, 0.1 );
	border: 1px solid #00f;
	margin: 1rem 0;
	padding: 1rem;
}
.read {
	background-color: rgba( 255, 255, 255, 0.1 );
	border: 1px solid #fff;
	font-weight: 700;
	margin: 1rem 0;
	padding: 1rem;
}
.voice {
	background-color: rgba( 0, 255, 0, 0.1 );
	font-style: italic;
	margin: 1rem 0;
	padding: 1rem;
}
.voice::before {
	content: "VOICE NOTE for ";
}