/* Domino run: a line of dominoes topples one into the next, then the whole row stands back up. */
.loader_box .loader90 {
    position: relative;
    width: 200px;
    height: 110px;
}

.loader_box .loader90-floor {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    height: 14px;
    border-radius: 2px;
    background: rgba(89, 90, 90, 0.5);
}

.loader_box .loader90 span {
    position: absolute;
        z-index: 2;
    bottom: 21px;
    width: 13px;
    height: 52px;
    border-radius: 3px;
    background: #000000;
    transform-origin: 100% 100%;
    animation: loader90-topple 3.6s ease-in infinite;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3))
}

.loader_box .loader90 span::before,
.loader_box .loader90 span::after {
    content: "";
    position: absolute;
    left: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF;
}

.loader_box .loader90 span::before { top: 9px; }
.loader_box .loader90 span::after { bottom: 9px; }

.loader_box .loader90 span:nth-of-type(1) { left: 14px;  background: linear-gradient(180deg, #595A5A 40%, #000000); animation-delay: 0s; }
.loader_box .loader90 span:nth-of-type(2) { left: 40px;  background: linear-gradient(180deg, #49ABCB 40%, #036C91); animation-delay: 0.16s; }
.loader_box .loader90 span:nth-of-type(3) { left: 66px;  background: linear-gradient(180deg, #4452A4 40%, #3C3D71); animation-delay: 0.32s; }
.loader_box .loader90 span:nth-of-type(4) { left: 92px;  background: linear-gradient(180deg, #A5CE3A 40%, #41AD49); animation-delay: 0.48s; }
.loader_box .loader90 span:nth-of-type(5) { left: 118px; background: linear-gradient(180deg, #49ABCB 40%, #036C91); animation-delay: 0.64s; }
.loader_box .loader90 span:nth-of-type(6) { left: 144px; background: linear-gradient(180deg, #4452A4 40%, #3C3D71); animation-delay: 0.80s; }
.loader_box .loader90 span:nth-of-type(7) { left: 170px; background: linear-gradient(180deg, #A5CE3A 40%, #41AD49); animation-delay: 0.96s; }

@keyframes loader90-topple {
    0%, 10%   { transform: rotate(0deg); }
    18%, 70%  { transform: rotate(76deg); }
    82%, 100% { transform: rotate(0deg); }
}

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