.hm-password-field {
    position: relative;
    display: block;
    width: 100%;
}

.hm-password-field > input {
    padding-right: 2.75rem !important;
    width: 100%;
}

.auth-modal-body .hm-password-field,
.form-group .hm-password-field {
    width: 100%;
}

.hm-password-toggle-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.5rem;
    height: 2rem;
    margin: auto 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    padding: 0;
    border: none;
    border-radius: 0.375rem;
    background: transparent;
    color: var(--gray-500, #6b7280);
    cursor: pointer;
    line-height: 1;
    transform: none !important;
    -webkit-transform: none !important;
}

.hm-password-toggle-btn:hover {
    color: var(--gray-700, #374151);
    background: var(--gray-100, rgba(0, 0, 0, 0.05));
}

.hm-password-toggle-btn:focus-visible {
    outline: 2px solid var(--brand-primary, #047857);
    outline-offset: 2px;
}

.hm-password-toggle-btn svg {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
    pointer-events: none;
}