.password-visibility-field {
    position: relative;
    display: block;
    width: 100%;
}

.password-visibility-field > input[type="password"],
.password-visibility-field > input[type="text"] {
    width: 100%;
    padding-right: 44px !important;
}

.password-visibility-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--tt-color-slate-600, #475569);
    cursor: pointer;
}

.password-visibility-toggle[hidden] { display: none; }
.password-visibility-toggle:disabled { display: none; }
.password-visibility-toggle:hover { background: rgba(71, 85, 105, .08); }
.password-visibility-toggle:focus-visible { outline: 2px solid var(--tt-color-primary-border, #8b5cf6); outline-offset: 1px; }
.password-visibility-toggle svg { display: block; width: 19px; height: 19px; }
.password-visibility-toggle svg,
.password-visibility-toggle svg * { pointer-events: none; }