/* Edge（旧 + 一部新）標準搭載のパスワード表示切替アイコンを非表示 */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
/* Chrome/Edge（Chromium）標準搭載のパスワード表示切替アイコンを非表示
   スマホ（iOS Safari 等）では display:none や幅/高さ 0 指定にすると
   input 要素自体がタッチ入力を受け付けなくなる不具合があるため、
   要素は残したまま opacity で見た目のみ消す */
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-contacts-auto-fill-button {
    opacity: 0;
    pointer-events: none;
    margin: 0;
}
/* 一部環境対策 */
input[type="password"]::-webkit-textfield-decoration-container {
    display: none;
}

.password-wrapper {
    position: relative;
}

/* アイコンと文字が被らないように */
.password-field {
    padding-right: 60px;
    height: 38px;
    box-sizing: border-box;
}

/* 自作アイコン */
.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}