/*
 * NOTICE.CSS
 * .jm-notice: a short message (saved, error). Variant: --error. (The welcome offer is now a pop-up: forms.css.)
 */

.jm-notice {
	margin: 0 0 var(--jm-space-4);
	padding: var(--jm-space-3) var(--jm-space-4);
	border-radius: var(--jm-radius-m);
	background: color-mix(in srgb, var(--jm-colour-accent-3) 18%, transparent);
	border-left: 3px solid var(--jm-colour-accent-3);
	font-size: var(--jm-text-s);
}

.jm-notice--error {
	background: color-mix(in srgb, var(--jm-colour-scale-1) 16%, transparent);
	border-left-color: var(--jm-colour-scale-1);
}