.b_login_modal {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    --modal-width: 690px;
    --modal-height: 492px;
    --modal-padding: 28px 28.7px;
    --modal-inf-padding: 8px 24px 0 24px;

    box-sizing: border-box;

    z-index: 10000000;

    @media (max-width: 725px) {
        --modal-width: calc(100% - 20px);
        --modal-padding: 15px 15px 20px 10px;
        .modal_description{
            width: 100%!important;
        }
    } @media (max-height: 512px) {
        .modal_description{
            width: 100%;
        }
        --modal-height: calc(100% - 20px);
    }
    @media (max-width: 500px) {
        .modal_title{
            font-size: 26px!important;
        }
        .modal_description{
            font-size: 18px!important;
        }
    }
    @media (max-width: 360px) {
        .modal_title{
            font-size: 24px!important;
        }
        .modal_description{
            font-size: 16px!important;
        }
        .primary_btn{
            --padding: 7.5px 0;
            --font-size: 14px;
            --font-weight: 400;
        }
        .registr_btn{
            font-size: 14px!important;
            font-weight: 400!important;
        }
    }

    .b_login_modal_container_content{
        position: fixed;
        background: #FFFFFF;
        box-shadow: 0 3px 14px rgba(74, 58, 255, 0.03), 0 -2px 4px rgba(20, 20, 43, 0.12), 0 12px 44px rgba(20, 20, 43, 0.34);
        border-radius: 30px;

        width: var(--modal-width);
        height: var(--modal-height);
        padding: var(--modal-padding);

        left: calc(50% - (var(--modal-width) / 2));
        top: calc(50% - (var(--modal-height) / 2));
        z-index: 1000000000;

        box-sizing: border-box;
    }

    .b_login_modal_content{
        position: relative;

        text-align: -webkit-center;
    }

    .xmark{
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
    }

    .lock_img_container{
        position: relative;
        background: #E1E1E1;
        border-radius: 39px;
        width: 140px;
        height: 140px;
        img{
            width: 130px;
            height: 130px;
            position: absolute;
            top: 5px;
            left: 5px;
        }
    }

    .modal_title{
        margin-top: 40px;

        font-size: 34px;
        font-weight: 700;
        color: #272424;
    }

    .modal_description{
        margin: 20px 0;

        font-size: 20px;
        font-weight: 400;
        color: #272424;

        width: 495px;
        overflow-wrap: break-word;
    }

    .registr_btn{
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
        color: #27242499;
        text-decoration: none;
        display: block;
    }

    .b_login_modal_inf{
        padding: var(--modal-inf-padding);
        .primary_btn{
            --width: 360px;
            @media (max-width: 460px) {
                --width: 100%;
            }
        }
    }
}