#sLoader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: transparent;
    overflow: hidden;
    user-select: none;
    pointer-events: auto;
    background-color: hsla(var(--primary-h), var(--primary-s), 90%, 0.8);
    opacity: 0;
    z-index:50;
}

    #sLoader svg {
        position: absolute;
        width: 7.8rem;
        height: 7.8rem;
        left: calc(50% - 7.8rem / 2);
        top: calc(50% - 7.8rem / 2);
        fill: none;
        transform-origin: center center;
        transform: scale(0.75);
        animation: sLoadRing 1.75s infinite linear;
    }

    #sLoader span {
        position: absolute;
        width: 100%;
        height: 3rem;
        left: 0rem;
        top: calc(50% - 3rem / 2 + 7.8rem / 2 + 2.5rem);
        font-size: 1.25rem;
        line-height: 3rem;
        text-align: center;
        color: hsla(var(--primary-h), var(--primary-s), 60%, 1.0);
        transform-origin: center center;
        font-weight: 400;
        /*animation: sLoadRing 1.5s infinite linear;*/
    }

        #sLoader span:before {
            content: "Ожидайте окончания операции";
        }

@keyframes sLoadRing {
    0% {
        transform: rotate(0deg) scale(0.75);
    }

    100% {
        transform: rotate(360deg) scale(0.75);
    }
}