@keyframes square-animation{0%{left:0;top:0}10.5%{left:0;top:0}12.5%{left:32px;top:0}23%{left:32px;top:0}25%{left:64px;top:0}35.5%{left:64px;top:0}37.5%{left:64px;top:32px}48%{left:64px;top:32px}50%{left:32px;top:32px}60.5%{left:32px;top:32px}62.5%{left:32px;top:64px}73%{left:32px;top:64px}75%{left:0;top:64px}85.5%{left:0;top:64px}87.5%{left:0;top:32px}98%{left:0;top:32px}to{left:0;top:0}}@keyframes hue-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.loading-container{display:flex;height:100vh;align-items:center;justify-content:center}.loading{position:relative;width:96px;height:96px;transform:rotate(-135deg);animation:hue-rotate 10s linear infinite both}.loading__square{position:absolute;top:0;left:0;width:28px;height:28px;margin:2px;border-radius:2px;background:#07a;background-image:linear-gradient(45deg,#fa0 40%,#0c9 60%);background-image:-moz-linear-gradient(#fa0,#fa0);background-size:cover;background-position:50%;background-attachment:fixed;animation:square-animation 10s ease-in-out infinite both}.loading__square:nth-of-type(0){animation-delay:0s}.loading__square:first-of-type{animation-delay:-1.4285714286s}.loading__square:nth-of-type(2){animation-delay:-2.8571428571s}.loading__square:nth-of-type(3){animation-delay:-4.2857142857s}.loading__square:nth-of-type(4){animation-delay:-5.7142857143s}.loading__square:nth-of-type(5){animation-delay:-7.1428571429s}.loading__square:nth-of-type(6){animation-delay:-8.5714285714s}.loading__square:nth-of-type(7){animation-delay:-10s}