.el_img_firstPreloader
{
    fill:var(--color1);
}
.block1_firstPreloader
{
    /*background-color: grey;*/
    display: grid;
    position: fixed;
    width: 100%;
    height:100%;
    background-image: url("../svg/bg_mp.svg?1");
    background-size: 80px 80px;
}
.block2_firstPreloader
{
    margin: auto;
    width: min( 80vw, 80vh );
    height: min( 80vw, 80vh );
    position: relative;
    /*border: 2px solid red;*/
    border-radius: 5%;

    background-image: url("../imgsait/MP_512x512.jpg");
    background-size: 100% 100%;

    box-shadow: inset rgb(0 0 0 / 60%) 0 calc( -1 * var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2),
    inset rgb(252 255 255 / 70%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2)
    /*rgb(0 0 0 / 80%) 0 calc( var(--fontsize_menu)/5.5) calc( var(--fontsize_menu)/2) calc( -1 * var(--fontsize_menu)/5.5),*/
    /*rgb(0 0 0 ) 0 0 calc( var(--fontsize_menu)/2),rgb( 0 0 0 ) 0 0 calc( var(--fontsize_menu)* 1),rgb( 0 0 0 ) 0 0 calc( var(--fontsize_menu)* 1.5 ),*/
    /*rgb( 0 0 0 ) 0 0 calc( var(--fontsize_menu)* 2.5), rgb( 0 0 0 ) 0 0 calc( var(--fontsize_menu)* 3)*/
;
}
.block_mp_firstPreloader
{
    position: absolute;
    /*background-color: #0b82f7;*/
    top:  min( 2vw, 2vh );
    right:  min( 2vw, 2vh );
    height: min( 2vw, 2vh )  ;
    width: calc( min( 2vw, 2vh ) * 8.56375640338 ) ;
}
.mp_firstPreloader
{
    position: relative;
    width: 100%;
    height:100%;
}