.password-validator {
	max-height: 0;
	opacity: 0;
	border: 1px solid #dadada;
	border-radius: 5px;
	transition: 0.3s ease all;
}

.password-validator.active {
	max-height: 400px;
	margin: 16px 0;
	padding: 16px;
	opacity: 1;
	transition: 0.3s ease all;
}

.password-validator h3 {
	font-size: 24px;
	margin-bottom: 5px;
}

.password-validator .validator-text {
	position: relative;
	display:  flex;
	align-items: center;
	font-size: 16px;
	margin: 0;
}

.password-validator .validator-text[data-is-valid="true"] {
	padding-left: 1em;
	color: var(--wp--custom--colors--button-bg);
}

.password-validator .validator-text[data-is-valid="true"]::before {
	position: absolute;
	left: 0;
	content: '✔';
}

.form-row.password .woocommerce-input-wrapper,
.form-row.password-confirm .woocommerce-input-wrapper {
	position: relative;
}

.form-row.password .show-password-input,
.form-row.password-confirm .show-password-input {
    width: 20px;
    height: 20px;
	background-image: url('/wp-content/plugins/lms-api-integration/assets/images/eye-slash-solid.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    position: absolute;
    display: block;
    top: 50%;
	transform: translateY(-50%);
    right: 10px;
}

.form-row.password .show-password-input.active ,
.form-row.password-confirm .show-password-input.active {
	background-image: url('/wp-content/plugins/lms-api-integration/assets/images/eye-solid.svg');
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}