/* schpinner */
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.schpinner {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: rgb(34, 35, 36);
    transition: visibility 0s .5s, opacity .5s linear;
}

.schpinner.fade {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.schpinner .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}

.schpinner svg * {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.schpinner .circle {
    -webkit-animation: rotation 8s infinite linear
}

.schpinner .circle_s {
    -webkit-animation: rotation 4s infinite linear
}