:root {



    --shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 6px 0px rgba(0, 0, 0, 0.04), 0px 16px 24px 0px rgba(0, 0, 0, 0.06);
    --radius: 32px;







    --padding-block: 20px;
    --blocks-indent: 50px;

    --indent-y: 20px;
    --indent-y-xl: 35px;



    --indent-x: 20px;
    --indent-x-xl: 35px;
    --indent-x-xxl: 50px;



    --preloader: spin 3s linear 0s infinite;


}


@media (max-width: 1000px) {
    :root {

        --radius: 20px;


        --subtitle-size: 16px;
        --text-size: 14px;
        --sub-text-size: 12px;
        --mini-text-size: 10px;


        --padding-block: 10px;
        --blocks-indent: 0px;

        --indent-y: 15px;
        --indent-y-xl: 30px;


        --indent-x: 10px;
        --indent-x-xl: 30px;
        --indent-x-xxl: 40px;

    }


}