.crm-password-field {
    position: relative;
}

.crm-password-field > .form-control {
    padding-inline-end: 3rem;
}

.crm-password-toggle {
    align-items: center;
    border: 0;
    color: #6c757d;
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    transition: color .15s ease, background-color .15s ease;
}

.crm-password-toggle:hover,
.crm-password-toggle:focus {
    color: #124288;
}

.crm-password-toggle:focus-visible {
    box-shadow: 0 0 0 .2rem rgba(18, 66, 136, .18);
    outline: 0;
}

.crm-password-field > .crm-password-toggle {
    background: transparent;
    bottom: 0;
    inline-size: 2.75rem;
    inset-inline-end: .15rem;
    position: absolute;
    top: 0;
    z-index: 4;
}

.input-group > .crm-password-toggle.input-group-text {
    background-color: #fff;
    cursor: pointer;
    padding-inline: .875rem;
}