Module:Hatnote/styles.css

.hatnote-container {
	display: flex;
	align-items: center;
	padding: var(--space-sm) var(--space-md);
	margin-top: var(--space-xs);
	margin-bottom: var(--space-md);
	background-color: var(--color-surface-2);
	border-radius: var(--border-radius--medium);
	font-size: 0.875rem;
	line-height: var(--line-height-xs);
}

.hatnote-icon img {
	width: 14px;
	height: auto;
	margin-right: var(--space-xs);
	opacity: var(--opacity-icon-base);
}

/* Light mode */
html.skin-citizen-light .hatnote-icon img {
	filter: invert( 1 );
}