/* One notice component for administration, all portals and account forms.
 * WordPress may relocate notices inside a page header after its h1. */
:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) {
	--sm-notice-accent: #007496;
	--sm-notice-surface: #eef6fa;
	box-sizing: border-box;
	position: relative;
	margin: 12px 0 16px;
	padding: 12px 16px;
	border: 1px solid #c5d3d8;
	border-left: 4px solid var(--sm-notice-accent);
	background: var(--sm-notice-surface);
	color: #25353b;
	font-size: 14px;
	line-height: 1.6;
	text-shadow: none;
	overflow-wrap: anywhere;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice):is(.notice-success, .sm-notice--success) {
	--sm-notice-accent: #147a50;
	--sm-notice-surface: #edf7f1;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice):is(.notice-warning, .sm-notice--warning) {
	--sm-notice-accent: #946200;
	--sm-notice-surface: #fff8e5;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice):is(.notice-error, .sm-notice--error) {
	--sm-notice-accent: #a32929;
	--sm-notice-surface: #fff1f0;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) :is(p, li, span, small, strong, em, h2, h3) {
	color: inherit;
	text-shadow: none;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) p {
	margin: 0;
	max-width: none;
	font-size: inherit;
	line-height: inherit;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) p + p {
	margin-top: 8px;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) a:not(.button):not(.sm-button) {
	color: #005574;
	text-decoration: underline;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice).is-dismissible {
	padding-right: 44px;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) .notice-dismiss {
	color: #25353b;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) .notice-dismiss::before {
	color: inherit;
}

:is(.sm-admin .notice, .sm-portal .notice, .sm-notice) :is(a, button):focus-visible {
	outline: 2px solid #005574;
	outline-offset: 2px;
}