/* Newton's cradle: five heavy balls; the outer two take turns swinging out and clacking back. */
.loader_box .loader83 {
    position: relative;
    width: 180px;
    height: 140px;
    transform: scale(0.9);
}

.loader_box .loader83-bar {
    position: absolute;
    z-index: 2;
    left: 10px;
    right: 10px;
    top: 10px;
    height: 6px;
    border-radius: 6px;
    background: #595A5A;
}

.loader_box .loader83-pendulum {
    position: absolute;
    top: 13px;
    width: 2.5px;
    height: 88px;
    background: #989898;
    transform-origin: 50% 0;
}

.loader_box .loader83-pendulum::after {
    content: "";
    position: absolute;
    left: -12px;
    bottom: -24px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(120deg, #CDCDCD, #595A5A);
    box-shadow: inset -6px -6px 3px rgba(0, 0, 0, 0.2);
}

.loader_box .loader83-pendulum:nth-of-type(2) { left: 37px; }
.loader_box .loader83-pendulum:nth-of-type(3) { left: 63px; }
.loader_box .loader83-pendulum:nth-of-type(4) { left: 89px; }
.loader_box .loader83-pendulum:nth-of-type(5) { left: 115px; }
.loader_box .loader83-pendulum:nth-of-type(6) { left: 141px; }

.loader_box .loader83-first::after { background: linear-gradient(180deg, #49ABCB, #036C91); }
.loader_box .loader83-last::after { background: linear-gradient(120deg, #A5CE3A, #41AD49); }

.loader_box .loader83-first {
    animation: loader83-swing-left 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loader_box .loader83-last {
    animation: loader83-swing-right 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

@keyframes loader83-swing-left {
    0%, 50%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(38deg); }
}

@keyframes loader83-swing-right {
    0%, 50%, 100% { transform: rotate(0deg); }
    75% { transform: rotate(-38deg); }
}

@media (prefers-reduced-motion: reduce) {
    .loader_box .loader83-pendulum {
        animation: none;
    }
}