.message {
	background-color: var(--bg);
	color: var(--fg);
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--component-spacing-xs);
	border-radius: var(--component-radii-md);
}

.message-medium,
.message-high {
	padding: var(--component-spacing-sm) var(--component-spacing-sm);
	border: var(--component-border-width-lg) solid var(--stroke-subtle);
}

.message-medium {
	border-color: var(--stroke-subtle);
	border-left-width: var(--size-50);
}

.message-high {
	border-color: var(--bg);
}

.icon {
	flex-shrink: 0;
	padding-top: var(--component-spacing-3xs);
	color: var(--fg-subtle);
}