Template:Message box/styles.css

.loka-msgbox {
	display: flex;
	box-sizing: border-box;
	align-items: center;
	width: auto;
	max-width: var(--msgbox-width, 90%);
	padding: .7em 1.1em;
	margin: 0 0 1em 0;
	background: var(--msgbox-bg, #f4f4f4);
	border-left: 5px solid var(--msgbox-line, #c8c8c8);
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
}

.loka-msgbox-icon {
	margin: 0 1.3em 0 .3em;
	flex-shrink: 0;
}

.loka-msgbox-body {
	width: 100%;
}

.loka-msgbox-title {
	font-weight: 700;
	font-size: 1.08em;
	line-height: 1.3;
	margin-bottom: .3em;
	color: #1a1a1a;
}

.loka-msgbox-text {
	color: #3c3c3c;
	line-height: 1.45;
}