.lxcl-password-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.lxcl-password-wrapper .lxcl-input {
	padding-right: 44px;
}

.lxcl-toggle-password {
	position: absolute;
	right: 4px;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	color: #8c8f94;
	line-height: 1;
	transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.lxcl-toggle-password:hover {
	color: #2271b1;
}

.lxcl-toggle-password .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.lxcl-password-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.lxcl-password-icon[hidden] {
	display: none;
}

.lxcl-password-icon i,
.lxcl-password-icon svg {
	display: block;
}

.lxcl-password-icon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}