.password-criteria {
	margin: 10px 0 16px;
	padding: 12px 14px;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	background: #fafafa;
	font-size: 14px;
	line-height: 1.45;
}

.password-criteria-title {
	font-weight: 600;
	margin: 0 0 8px;
	color: #222;
}

.password-criteria-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.password-criteria-list li {
	margin: 6px 0;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.password-criteria-list .criteria-icon {
	flex: 0 0 auto;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	border-radius: 50%;
	background-color: #c62828;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
	/* white X */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' d='M4 4l8 8M12 4L4 12'/%3E%3C/svg%3E");
}

.password-criteria-list .criteria-text {
	flex: 1 1 auto;
}

.password-criteria-list li.criteria-pass {
	color: #1b7a3d;
}

.password-criteria-list li.criteria-pass .criteria-icon {
	background-color: #1b7a3d;
	/* white check */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");
}

.password-criteria-list li.criteria-fail {
	color: #c62828;
}

.password-criteria-list li.criteria-fail .criteria-icon {
	background-color: #c62828;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' d='M4 4l8 8M12 4L4 12'/%3E%3C/svg%3E");
}