Template:Mbox/styles.css

/* Based on https://starcitizen.tools/Module:Mbox/styles.css */

.mbox {
	position: relative;
	display: flex;
	align-items: center;
	margin-block: var(--space-md);
	background-color: var(--color-surface-1);
	border: var(--border-base);
	border-left: 5px solid var(--color-progressive);
	border-radius: var(--tg-border-radius-small);
	font-size: var(--font-size-small);
	line-height: var(--line-height-xx-small);
}

.mbox.mbox-high {
	background-color: var(--background-color-destructive-subtle);
}

.mbox.mbox-med {
	background-color: var(--background-color-warning-subtle);
}

.mbox-content {
	display: flex;
	flex-direction: column;
}

.mbox-title,
.mbox-text {
	padding: var(--space-sm) var(--space-md);
}

.mbox-title {
	font-weight: var(--font-weight-semi-bold);
	font-size: var(--font-size-medium);
}

.mbox-icon img {
	display: block;
	width: auto;
	height: var(--font-size-x-large);
	margin-right: var(--space-xs);
}

.mbox-text {
	padding-top: 0;
}