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

.password-field-wrapper input {
    padding-right: 38px;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    height: 24px;
    padding: 4px;
    border: 0;
    background: url("../img/login_homePage/eyeclose.svg") center / 16px 16px no-repeat;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
}

.ttb-input .password-toggle {
    min-width: 30px;
}

.password-field-wrapper:hover .password-toggle,
.password-field-wrapper:focus-within .password-toggle {
    opacity: 1;
    pointer-events: auto;
}

.password-toggle.is-visible {
    background-image: url("../img/login_homePage/eyeopen.svg");
}

.password-toggle i {
    display: none;
}

.password-toggle:focus {
    outline: unset;
}

.password-toggle.edge-hidden {
    display: none;
}