.c-password {
	position: relative;
}


.c-password__input {
	background-image: none !important; // make sure lastpass icon gets hidden
}


.c-password__preview-button {
	position: absolute;
	appearance: none;
	top: 50%;
	right: 5px;
	display: inline-block;
	padding: space(0.5) space(1);
	color: palette(neutral, 300);
	background-color: transparent;
	border: none;
	transform: translateY(-50%);
	cursor: pointer;
	transition: color 100ms linear;

	&:focus {
		border: none;
		outline: none;
	}

	&:hover {
		color: palette(neutral, 900);
	}

	.is-previewing & {
		color: palette(feedback, action);
		pointer-events: none;
	}
}