[data-password-field] {
    display: inline-grid;
    grid-template-columns: minmax(0, 1fr);
    max-width: 100%;
    vertical-align: middle;
    position: relative;
}
[data-password-field] > input {
    grid-area: 1 / 1;
    box-sizing: border-box;
    max-width: 100%;
    padding-inline-end: 40px !important;
}
[data-password-field] > .password-visibility-toggle {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: end;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    min-height: 24px;
    margin: 0 3px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: transparent;
    color: #333;
    cursor: pointer;
}
.password-visibility-toggle svg { fill: none; stroke: currentColor; stroke-width: 1.8; pointer-events: none; }
.password-visibility-toggle .password-visibility-slash { display: none; }
.password-visibility-toggle[aria-pressed="true"] .password-visibility-slash { display: block; }
[data-password-field] > .password-visibility-toggle:focus-visible { outline: 3px solid #005a9c; outline-offset: 1px; }
[data-password-field] > .password-visibility-toggle:disabled { cursor: default; opacity: .5; }