body,html{--loading-point-offset:60px;--loading-animation-duration:1s;margin:0;padding:0}.loading-box{height:10px;margin:0 auto;position:relative;top:calc(50vh - 10px);width:10px}.loading-point{--loading-index:1;height:calc(var(--loading-point-offset) + 10px);position:absolute;transform:translateY(calc(var(--loading-point-offset)*-1)) rotate(calc((var(--loading-index) - 1)*30deg))}@keyframes scaled{0%{background:#fa7300;transform:scale(1)}100%{background:#fc9a7e;transform:scale(.2)}}.loading-point::before{animation:scaled infinite var(--loading-animation-duration) ease-in-out;animation-delay:calc(var(--loading-animation-duration)/12*var(--loading-index));border-radius:50%;content:" ";display:block;height:10px;width:10px}.loading-point:nth-child(1){--loading-index:1}.loading-point:nth-child(2){--loading-index:2}.loading-point:nth-child(3){--loading-index:3}.loading-point:nth-child(4){--loading-index:4}.loading-point:nth-child(5){--loading-index:5}.loading-point:nth-child(6){--loading-index:6}.loading-point:nth-child(7){--loading-index:7}.loading-point:nth-child(8){--loading-index:8}.loading-point:nth-child(9){--loading-index:9}.loading-point:nth-child(10){--loading-index:10}.loading-point:nth-child(11){--loading-index:11}.loading-point:nth-child(12){--loading-index:12}