/*------------------------------------------------------------------------------*/
/* Notification Bar
/*------------------------------------------------------------------------------*/

.NotificationBar {
	--default-margin: 0;
	--color-link: var(--notification-text-color);
	--color-link-hover: var(--notification-text-color);
	align-items: center;
	background-color: var(--notification-bg-color);
	color: var(--notification-text-color, #fff);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--font-size-small);
	gap: 0 1rem;
	justify-content: center;
	padding: 1rem var(--container-page-margin);
}

.NotificationBar :where(h1,h2) {
	font-size: var(--font-size-regular);
	margin-bottom: 0;
}

.NotificationBar :where(h3,h4,h5,h6) {
	font-size: var(--font-size-small);
	margin-bottom: 0;
}

.NotificationBar :where(p) {
	margin-bottom: 0;
}

.NotificationBar ul,
.NotificationBar ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1rem;
	margin: 0;
}

.NotificationBar :only-child li:first-child:not(:only-child) {
	list-style: none;
}