.password-toggle-wrap,
.input-group:has(.password-toggle-btn),
.input-group:has(.toggle-password) {
    flex-wrap: nowrap;
}

.password-toggle-btn,
.toggle-password[data-password-toggle-bound],
.input-group .password-toggle-btn,
.input-group .toggle-password {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding-inline: 0.65rem;
    flex-shrink: 0;
}

.password-toggle-btn i,
.toggle-password i {
    font-size: 1.1rem;
    line-height: 1;
}

.input-group > .form-control[type="password"],
.input-group > .form-control[type="text"].password-visible {
    border-inline-end: 0;
}

.input-group > .password-toggle-btn,
.input-group > .toggle-password {
    border-color: var(--bs-border-color);
}

.password-toggle-btn:hover,
.toggle-password:hover {
    color: var(--bs-primary);
}