/**
 * パスワード入力 + 表示切替ボタン（login / signup / mypage）
 * JS: lb-user-customer src/11-password-toggle.js
 */

.minolink-password-field {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.minolink-password-field > input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	padding-right: 2.75rem;
}

.minolink-password-field__toggle {
	position: absolute;
	right: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius--normal);
	background: transparent;
	color: rgb(0 0 0 / 0.55);
	cursor: pointer;
}

.minolink-password-field__toggle:hover {
	color: var(--wp--preset--color--primary);
}

.minolink-password-field__toggle:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-light);
	outline-offset: 2px;
}