.password-field {
    position: relative;
}

.password-field__input {
    padding-inline-end: 2.75rem;
}

.password-field__toggle {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 0.5rem;
    z-index: 2;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 0;
    background: transparent;
    color: var(--bs-secondary-color);
    line-height: 1;
    cursor: pointer;
}

.password-field__toggle:hover,
.password-field__toggle:focus-visible {
    color: var(--bs-body-color);
}

.password-field__toggle:focus-visible {
    outline: 2px solid var(--bs-focus-ring-color, rgba(13, 110, 253, 0.25));
    outline-offset: 2px;
}