html body{margin: 0;padding: 0;background: #090909;}
    #preloader_container {
        position: absolute;
        background: rgba(0, 0, 0, 1);
        width: 100vw;
        height: calc(100vw * 9/16);
        max-height: 100vh;
        max-width: calc(100vh * 16/9);
        margin: auto;
        overflow: hidden;
        left: 50%;
        top: 50%;
        transform-origin: center center;
        transform: translate(-50%, -50%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
    }

    .mobile_preloader_container {
        height: 100% !important;
        max-width: inherit !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center!important;
        z-index: 999999;
        bottom: 0px !important;
        top: 0% !important;
        left: 0% !important;
        position: fixed !important;
        width: 100% !important;
        background-position: top center !important;
        transform: translate(0%, 0%) !important;
        -webkit-transform: translate(0%, 0%) !important;
        transform-origin: top center !important;
        -webkit-transform-origin: top center !important;
    }

    .preload_overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: var(--preload_overlay);

    }

    .progress_container {
        margin: 0 auto;
        position: relative;
        width: 11.72%;
        height: 23.15%;
        top: 77.2%;
        transform-origin: center top;
        display: block;
    }

    .lobby_in_iframe  .progress_container {
        margin-left: 10%;
    }
    .lobby_in_iframe  .game-logo-container {
        margin-left: -33.33%;
    }
    .progress_container_mobile {
        position: absolute !important;
        width: 112px !important;
        height: 125px !important;
        top: calc(100% - 139px) !important;
        left: calc(50% - 56px);
        display: block !important;
    }
    .game-logo-container{
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 38.6%;
        font-size: 0px !important;
        transform: scale(var(--game-scale));
        -webkit-transform: scale(var(--game-scale));
        transform-origin: center bottom;
        -webkit-transform-origin: center bottom;
        opacity: 0; 
        -webkit-transition: opacity 250ms linear;
        -moz-transition: opacity 250ms linear;
        -o-transition: opacity 250ms linear;
        transition: opacity 250ms linear;
    }
    .game-logo-container-mobile{
        bottom: 271px !important;
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform-origin: center bottom;
        -webkit-transform-origin: center bottom;
        min-width: max-content;
    }
    #operator-logo {
        object-fit: contain;
        max-height: 300px;
    }
    #game-logo {
        object-fit: contain;
        margin-top: 32px;
        max-height: 300px;
    }

    .mr-3000__parent-game-logo {
        position: absolute;
    }

    .mr-3000__game-logo {
        margin-top: 210px !important;
        max-height: 380px !important;
    }
    .mr-3000__game-logo-mobile {
        margin-top: -252px !important;
        max-height: 380px !important;
    }
  
    #pp_logo {
        position: absolute;
        object-fit: contain;
        width: 100%;
        height: 40%;
        top: 0 !important;
        left: 0 !important;
        margin-top: 29%;
        display: block;
        -webkit-transition: opacity 250ms linear;
        -moz-transition: opacity 250ms linear;
        -o-transition: opacity 250ms linear;
        transition: opacity 250ms linear;
    }

    @media screen and (orientation:portrait) {
        .progress_container_mobile  #pp_logo {
            margin-top: 14%  !important;
        }
        
    }

    @media screen and (orientation:landscape) {
        .progress_container_mobile {
            top: calc(100% - 96px) !important;
        }
        .game-logo-container-mobile{
            bottom: 128px !important;
        }   
        .progress_container_mobile #pp_logo {
            margin-top: 14%  !important;
        }
        #PreloaderFooter .preloader_footer_content_mobile{
            text-align: center !important;
            justify-content: center !important;
        }
        #PreloaderFooter .commission_mobile img {
            height: 70% !important;
            position: relative;
            top: 6px;  
        }
        #PreloaderFooter .commission_mobile {
            padding-top:0px !important;
            padding-right: 12px !important;
            height: 30px;
        }

        #PreloaderFooter_react .preloader_footer_content_mobile{
            text-align: center !important;
            justify-content: center !important;
        }
        #PreloaderFooter_react .commission_mobile img {
            height: 70% !important;
            position: relative;
            top: 6px;  
        }
        #PreloaderFooter_react .commission_mobile {
            padding-top: 2px !important;
            padding-right: 12px !important;
            height: 24px !important;
        }
    }

    .progress_outer {
        position: absolute;
        height: 2% !important;
        min-height: 2% !important;
        max-height: 2% !important;
        padding: 0px !important;
        background-color: #202020 !important;
        border: 0px !important;
        border-radius: 3px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #progress_inner {
        position: absolute;
        height: 2% !important;
        min-height: 2% !important;
        max-height: 2% !important;
        padding: 0px !important;
        background-color: #f19021 !important;
        border: 0px !important;
        border-radius: 3px !important;
        margin: 0 !important;
        width: 0;
        max-width: 100%;
        -webkit-transition: width 100ms linear;
        -moz-transition: width 100ms linear;
        -o-transition: width 100ms linear;
        transition: width 100ms linear;
        will-change: width;
    }

    #progress_inner .slow-animation {
        -webkit-transition: width 1s linear !important;
        -moz-transition: width 1s linear !important;
        -o-transition: width 1s linear !important;
        transition: width 1s linear !important;
    }

    .progress_container_mobile .progress_outer {
        position: absolute;
        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;
    }

    .progress_container_mobile #progress_inner {
        position: absolute;
        height: 3px !important;
        min-height: 3px !important;
        max-height: 3px !important;
    }

    #PreloaderFooter .preloader_footer{
        width: 100%;
        background: rgba(0, 0, 0, 0.20);
        position: fixed;
        bottom: 0px;
        display: flex;
        align-items: center;
        left: 0px;
    }
    #PreloaderFooter .preloader_container{
        transform: scale(0.99);
        display: flex;
        width: 100%;
    }
    #PreloaderFooter .commission{
        display: flex;
        padding-left: 20px;
        background: rgba(0, 0, 0, 0.20);
        padding-right: 16px;
        position: relative;
        left: -6px;
        /* padding-bottom: 22px; */
        /* transform: scale(var(--game-scale)); */
        /* -webkit-transform: scale(var(--game-scale)); */
        /* transform-origin: left bottom; */
        /* -webkit-transform-origin: left bottom; */
        /* padding-right: 20px; */
        padding-top: 4px;
    }

    #PreloaderFooter .commission img{
        height: 24px;

    }
    #PreloaderFooter .preloader_footer_content{
        font-size: var(--game-scale-AlderneyMsg);
        line-height: 24px;
        font-weight: 400;
        color: rgba(255,255,255, 0.8);
        font-family: PoppinsRegular;
        text-align: center;
        justify-content: center;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-top:6px;  
    }
    #PreloaderFooter .preloader_footer_mobile{
        width: 100%;
        background: rgba(0, 0, 0, 0.20);
        position: fixed;
        bottom: 0px;
        display: flex;
        align-items: center;
        left: 0px;
    }
    #PreloaderFooter .preloader_container_mobile{
        transform: scale(0.99);
        display: flex;
        width: 100%;
    }
    #PreloaderFooter .commission_mobile{
        display: flex;
        padding-left: 10px;
        background: rgba(0, 0, 0, 0.20);
        position: relative;
        left: -6px;
        padding-bottom: 6px;
        padding-top: 10px;
        margin-right: 4px;
    }
    #PreloaderFooter .preloader_footer_content_mobile{
        font-size: 7.4px;
        line-height: 9px;
        font-weight: 400;
        color: rgba(255,255,255, 0.8);
        font-family: PoppinsRegular;
        text-align: left;
        justify-content: left;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-top:6px;  
    }
    #PreloaderFooter .commission_mobile img{
           height:90%;
           width: auto;
    }      



    #PreloaderFooter .preloader_footer{
        width: 100%;
        background: rgba(0, 0, 0, 0.20);
        position: fixed;
        bottom: 0px;
        display: flex;
        align-items: center;
        left: 0px;
    }
    #PreloaderFooter_react .preloader_container{
        transform: scale(0.99);
        display: flex;
        width: 100%;
    }
    #PreloaderFooter_react .commission{
        display: flex;
        padding-left: 20px;
        background: rgba(0, 0, 0, 0.20);
        padding-right: 16px;
        position: relative;
        left: -6px;
        /* padding-bottom: 22px; */
        /* transform: scale(var(--game-scale)); */
        /* -webkit-transform: scale(var(--game-scale)); */
        /* transform-origin: left bottom; */
        /* -webkit-transform-origin: left bottom; */
        /* padding-right: 20px; */
        padding-top: 4px;
    }

    #PreloaderFooter_react .commission img{
        height:24px;
    }
    #PreloaderFooter_react .preloader_footer_content{
        font-size: var(--game-scale-AlderneyMsg);
        line-height: 24px;
        font-weight: 400;
        color: rgba(255,255,255, 0.8);
        font-family: PoppinsRegular;
        text-align: center;
        justify-content: center;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-top:6px;  
    }
    #PreloaderFooter_react .preloader_footer_mobile{
        width: 100%;
        background: rgba(0, 0, 0, 0.20);
        position: fixed;
        bottom: 0px;
        display: flex;
        align-items: center;
        left: 0px;
    }
    #PreloaderFooter_react .preloader_container_mobile{
        transform: scale(0.99);
        display: flex;
        width: 100%;
    }
    #PreloaderFooter_react .commission_mobile{
        display: flex;
        padding-left: 10px;
        background: rgba(0, 0, 0, 0.20);
        position: relative;
        left: -6px;
        padding-bottom: 18px;
        padding-top: 12px;
        margin-right: 4px;
        padding-right: 10px;
        height: 12px;
    }
    #PreloaderFooter_react .preloader_footer_content_mobile{
        font-size: 7.4px;
        line-height: 9px;
        font-weight: 400;
        color: rgba(255,255,255, 0.8);
        font-family: PoppinsRegular;
        text-align: left;
        justify-content: left;
        display: flex;
        width: 100%;
        margin: 0 auto;
        margin-top:6px;  
    }
    #PreloaderFooter_react .commission_mobile img{
           width: auto;
    }