.toggle-password-container {
	position: relative;
}
.toggle-password-icon {
	height: 1rem;
	width: 1rem;
}
.toggle-password-button {
	align-items: center;
	background-color: transparent;
	border: none;
	column-gap: 0.25rem;
	display: flex;
	flex-direction: row;
	font-size: 0.875rem;
	justify-items: center;
	height: 1rem;
	line-height: 1.25rem;
	right: 0.5rem;
	top: -1.25rem;
}

.toggle-password-wrapper input[type='password'],
.toggle-password-wrapper input[type='text'] {
	padding-right: 40px;
}

.toggle-password-wrapper button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: -32px 10px 0 0;
	z-index: 10000000;
}

.toggle-password-wrapper button svg {
	width: 20px;
	height: 20px;
}

.champPasswordToggle {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.champPasswordToggle input {
	width: 100%;
}

.pro .champPasswordToggle button {
	margin-top: -25px;
}