/**
 * Login Form block frontend styles.
 *
 * The notice styles are also part of the query feature stylesheet. They are
 * repeated here so the block keeps its styling when that feature is disabled.
 */

.greyd-login-form .message {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-family: var(--wp--preset--font-family--body, inherit);
	font-size: var(--wp--preset--font-size--base, 1em);
	font-weight: var(--wp--custom--font-weight--regular, 400);
	line-height: var(--wp--custom--line-height--normal, 1.5);
	padding: 0.5em 0.75em;

	border-width: 1px 1px 1px 5px;
	border-radius: 2px;
	border-style: solid;
	color: var(--wp--preset--color--foreground, currentColor);
	background-color: var(--wp--preset--color--lightest, #ffffff);
	box-shadow: 0px 6px 9px -2px rgba(0, 0, 0, 0.2);
}

.greyd-login-form .message:empty {
	display: none;
}

/* info */
.greyd-login-form .message.info {
	border-color: var(--wp--preset--color--vivid-cyan-blue, #0693e3);
}

/* success */
.greyd-login-form .message.success {
	border-color: var(--wp--preset--color--vivid-green-cyan, #00d084);
}

/* danger */
.greyd-login-form .message.danger {
	border-color: var(--wp--preset--color--vivid-red, #cf2e2e);
}

.greyd-login-form .message::before {
	font-family: 'ElegantIcons' !important;
	speak: never;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	position: initial;
	color: inherit;
	padding: 0;
	margin: 0;
}

.greyd-login-form .message.info::before {
	content: "\70";
}

.greyd-login-form .message.success::before {
	content: "\52";
}

.greyd-login-form .message.danger::before {
	content: "\73";
}