/*
 * ============================================================
 * 4F4_PASSWORD_EYE_FIX
 *
 * Forced password modal:
 * - eye remains inside the input
 * - no horizontal overflow
 * - works on desktop and Android WebView
 * ============================================================
 */

.modal--password .forced-password-field {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
}

.modal--password .forced-password-field .password-field {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.modal--password .forced-password-field .password-field input {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding-right: 3.25rem !important;
}

.modal--password .forced-password-field .password-eye {
    position: absolute !important;
    top: 50% !important;
    right: 0.55rem !important;
    left: auto !important;

    transform: translateY(-50%) !important;

    width: 2.25rem !important;
    height: 2.25rem !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 5;
}

.modal--password .forced-password-field .password-eye svg {
    width: 1.15rem;
    height: 1.15rem;
    pointer-events: none;
}

.modal--password .forced-password-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.modal--password #modal-content {
    max-width: 100%;
    overflow-x: hidden;
}