.spin-animation path{animation:2s linear infinite custom}@keyframes custom{0%{opacity:0}25%{opacity:.1}50%{opacity:.2}75%{opacity:.5}to{opacity:1}}.spin-animation path:first-child{animation-delay:0s}.spin-animation path:nth-child(2){animation-delay:.5s}.spin-animation path:nth-child(3){animation-delay:1s}.spin-animation path:nth-child(4){animation-delay:2s}.loader{text-align:center}.loader span{vertical-align:middle;background:#000;border-radius:10px;width:10px;height:10px;animation:.8s infinite alternate loader;display:inline-block}.loader span:nth-of-type(2){animation-delay:.2s}.loader span:nth-of-type(3){animation-delay:.6s}@keyframes loader{0%{opacity:.9;transform:scale(.5)}to{opacity:.1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loader span{opacity:.5;animation:none}}