.password-wrapper {
    position: relative;
    display: inline-block;
}

.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
    padding-right: 2.5em; /* アイコン分の余白 */
}

.toggle-password {
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
    font-size: 1.1em;
}

.toggle-password:hover {
    color: #000;
}

/* Edgeのデフォルトの目アイコンを無効化 */
input::-ms-reveal,
input::-ms-clear {
    display: none;
}