.password-visibility-control[data-password-control] {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    color: inherit;
    font: inherit;
}
.password-visibility-control input[data-password-input] {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding-inline-end: 56px;
}
.password-visibility-control > button.password-visibility-toggle {
    position: absolute;
    inset-block: 1px;
    inset-inline-end: 1px;
    display: inline-flex;
    width: 48px;
    min-width: 48px;
    height: auto;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 3px;
    color: var(--admin-blue, #52768a);
    background: transparent;
    cursor: pointer;
}
.password-visibility-control > button.password-visibility-toggle:hover {
    background: rgb(82 118 138 / 10%);
}
.password-visibility-control > button.password-visibility-toggle:focus-visible {
    outline: 2px solid var(--admin-blue, #52768a);
    outline-offset: -3px;
}
.password-visibility-control > button.password-visibility-toggle:disabled {
    opacity: .45;
    cursor: default;
}
.password-visibility-toggle svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentcolor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.password-visibility-slash { visibility: hidden; }
.password-visibility-toggle.is-visible .password-visibility-slash { visibility: visible; }
.password-visibility-control input::-ms-reveal,
.password-visibility-control input::-ms-clear { display: none; }