.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    box-sizing: content-box;
}
.ld-spinner:after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    transform-origin:50% 50%;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden;
}
.ld-spinner:after {
    position: absolute;
    width: 1em;
    height: 1em;
    transform: translateZ(0) scale(0.5);
    border-radius: 50%;
    background: 0;
    box-shadow: 0 1em 0 #00bfff, 0 -1em 0 #00bfff,
        1em 0 0 #00bfff, -1em 0 0 #00bfff,
        0.9em 0.9em 0 #00bfff,
        -0.9em 0.9em 0 #00bfff,
        0.9em -0.9em 0 #00bfff,
        -0.9em -0.9em 0 #00bfff;
}
.ld-loader {
    background-size: cover;
}
.ld.reverse {
    animation-direction: reverse !important;
}
.ld.xp15 {
    animation-duration: 0.15s !important;
}
.ld.xp35 {
    animation-duration: 0.35s !important;
}
.ld.xhalf {
    animation-duration: 0.5s !important;
}
.ld.x1 {
    animation-duration: 1s !important;
}
.ld.x2 {
    animation-duration: 2s !important;
}
.ld.x4 {
    animation-duration: 4s !important;
}
.ld.running {
    animation-play-state: running !important;
}
.ld.paused {
    animation-play-state: paused !important;
}
.ld.f00 {
    animation-delay: 0s !important;
}
.ld.f01 {
    animation-delay: -0.1s !important;
}
.ld.f02 {
    animation-delay: -0.2s !important;
}
.ld.f03 {
    animation-delay: -0.3s !important;
}
.ld.f04 {
    animation-delay: -0.4s !important;
}
.ld.f05 {
    animation-delay: -0.5s !important;
}
.ld.f06 {
    animation-delay: -0.6s !important;
}
.ld.f07 {
    animation-delay: -0.7s !important;
}
.ld.f08 {
    animation-delay: -0.8s !important;
}
.ld.f09 {
    animation-delay: -0.9s !important;
}
.ld.f10 {
    animation-delay: -1s !important;
}
.ld {
    transform-origin: 50% 50%;
    transform-box: fill-box;
}

@keyframes ld-cycle {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667);
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ld.ld-cycle {
    animation: ld-cycle 2s infinite linear;
}