.stp-password-field {
	display: block;
	position: relative;
	width: 100%;
}

.stp-password-field > input {
	padding-right: 52px !important;
}

.stp-password-toggle {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 8px !important;
	color: #30453d !important;
	cursor: pointer;
	display: inline-flex !important;
	height: 40px !important;
	justify-content: center;
	margin: 0 !important;
	min-height: 40px !important;
	padding: 0 !important;
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px !important;
}

.stp-password-toggle:hover,
.stp-password-toggle:focus-visible {
	background: #edf3f1 !important;
	outline: 2px solid #08745c;
	outline-offset: 1px;
}

.stp-password-toggle svg {
	fill: none;
	height: 21px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 21px;
}

.stp-password-toggle .stp-eye-off {
	display: none;
}

.stp-password-toggle[aria-pressed="true"] .stp-eye-on {
	display: none;
}

.stp-password-toggle[aria-pressed="true"] .stp-eye-off {
	display: block;
}