@-webkit-keyframes loading-animation-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading-animation-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.loading-layout-1 .ball-clip-rotate-multiple {
    position: relative;
    height: 35px;
    width: 35px;
}
.loading-layout-1 .ball-clip-rotate-multiple > div {
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid var(--animation-color);
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: loading-animation-rotate 1s 0s linear infinite;
    animation: loading-animation-rotate 1s 0s linear infinite;
}
.loading-layout-1 .ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    border-color: var(--animation-color) transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}