.pw_box {
    position: relative;
    display: block;
}

.pw_box input[type=password],
.pw_box input[type=text] {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
}

.pw_box a {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.icon-eye_off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.89 1 12C1.73 9.94 3.07 8.14 4.82 6.82'/%3E%3Cpath d='M9.9 4.24A10.94 10.94 0 0 1 12 4C17 4 21.27 7.11 23 12A11.83 11.83 0 0 1 19.18 17.18'/%3E%3Cpath d='M14.12 14.12A3 3 0 0 1 9.88 9.88'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
}

.icon-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12S5 4 12 4s11 8 11 8-4 8-11 8S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}