.acpmod-password-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	box-sizing: border-box;
}

.acpmod-password-wrap--fluid {
	display: block;
	width: 100%;
}

.acpmod-password-wrap > input[type="password"],
.acpmod-password-wrap > input[type="text"] {
	padding-right: 2.1em !important;
	box-sizing: border-box;
}

.acpmod-password-wrap--fluid > input[type="password"],
.acpmod-password-wrap--fluid > input[type="text"] {
	width: 100% !important;
}

.acpmod-password-toggle {
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: #536482;
	cursor: pointer;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.75;
	z-index: 2;
}

.acpmod-password-toggle:hover,
.acpmod-password-toggle:focus {
	opacity: 1;
	outline: none;
}

.acpmod-password-toggle svg {
	display: block;
	pointer-events: none;
}

/* Modal login: keep grid cell layout after wrap */
.acpmod-modal-login__passwordWrap > .acpmod-password-wrap {
	grid-column: 2;
	width: 100%;
}