@-webkit-keyframes loading-animation-scale {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@keyframes loading-animation-scale {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@-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-pulse {
    position: relative;
    width: 32px;
    height: 32px;
}
.loading-layout-1 .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    border-radius: 100%;
}
.loading-layout-1 .ball-clip-rotate-pulse > div:first-child {
    background: var(--animation-color);
    height: 16px;
    width: 16px;
    top: 8px;
    left: 8px;
    -webkit-animation: loading-animation-scale 1s 0s linear infinite;
    animation: loading-animation-scale 1s 0s linear infinite;
}
.loading-layout-1 .ball-clip-rotate-pulse > div:last-child {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    border: 2px solid;
    border-color: var(--animation-color) transparent;
    -webkit-animation: loading-animation-rotate 1s 0s linear infinite;
    animation: loading-animation-rotate 1s 0s linear infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}