/*
 * Citizen
 *
 * SkinStyles for MediaWiki notifications
 * Module: mediawiki.notification
 * Version: 1.39.0
 *
 * Date: 2023-06-23
 */

.mw-notification-area {
	padding: var( --space-xs );
}

.mw-notification {
	border-color: transparent;
	border-radius: var( --border-radius--medium );
	background-color: var( --color-surface-1 );
	box-shadow: var( --box-shadow-dialog );
	color: var( --color-base--emphasized );

	&.mw-notification-type {
		&-warn {
			border-color: transparent;
			background: var( --background-image-warning ) var( --color-surface-0 );
		}

		&-error {
			border-color: transparent;
			background: var( --background-image-destructive ) var( --color-surface-0 );
		}

		&-success {
			border-color: transparent;
			background: var( --background-image-success ) var( --color-surface-0 );
		}
	}
}