.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-forgot-details .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-forgot-details-success .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-reset-password .modal-content .modal-body .modal-body-content .details-sent-success-image,
.modal-overlay.modal-reset-password-success .modal-content .modal-body .modal-body-content .details-sent-success-image {
    background: url(/~/static/images/icons/icon-modal-success.png) no-repeat center;
    background-size: contain;
}

/* redeclared CSS based from /_css/modal.css without #login-content */
.modal-overlay.modal-login .modal-content .modal-body .modal-body-title {
    margin: 0 0 var(--spacing-48) 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-title .logo-desktop {
    display: flex;
    height: 32px;
}


html[lang="en-SA"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/mlogoglobal-desktop.svg");
}


html[lang="zh-CN"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/mlogochina-desktop_cn-world-cup-2026.svg?v=3");
}

html[lang="th-TH"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/desktop-m88-world-cup-thb.svg");
}

html[lang="vi-VN"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/mlogoviet-desktop_vn_worldcup2026-slogan.svg");
}

html[lang="id-ID"] .modal-overlay.modal-login .modal-content .modal-body .modal-body-title img.logo-desktop {
    content: url("/~/static/images/mlogo-desktop-mahjong-magic.svg?v=1");
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .modal-form .input-area {
    padding-bottom: 18px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .modal-form .input-area.input-area-checkbox {
    padding-bottom: 0;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    color: var(--other-1);
    margin-top: auto;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text.text-forgot-login-details {
    padding-top: 16px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
    display: flex;
    flex-flow: row;
    flex-direction: row;
    justify-content: center;
    padding-top: 48px;
}

.modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
    display: flex;
    gap: 4px;
    font-family: Lato;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: var(--other-mode-1);
    word-break: break-word;
}

@media (min-width: 280px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 12px;
    }
}

@media (min-width: 374.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 12px;
    }
}

@media (min-width: 767.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .register-text {
        margin-top: auto;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional {
        margin-top: 0;
    }

    .modal-overlay.modal-login .modal-content .modal-body .modal-body-content .login-wrapper-additional .content-inline {
        font-size: 14px;
    }
}

@media (min-width: 1023.5px) {
    .modal-overlay.modal-login .modal-content .modal-body .modal-body-title .logo-desktop {
        height: 40px;
    }
}

/* redeclared CSS based from /_css/modal.css without #login-content */