.loading-block{transform-origin:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;transform:rotateX(60deg)rotate(45deg)rotateY(0)translateZ(0)}.loading-block .loading-block-box{width:32px;height:32px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0}.loading-block .loading-block-box:first-child{animation:1s linear infinite box1;transform:translate(100%)}.loading-block .loading-block-box:nth-child(2){animation:1s linear infinite box2;transform:translateY(100%)}.loading-block .loading-block-box:nth-child(3){animation:1s linear infinite box3;transform:translate(100%,100%)}.loading-block .loading-block-box:nth-child(4){animation:1s linear infinite box4;transform:translate(200%)}.loading-block .loading-block-box>div{--translateZ:15.5px;--rotateY:0deg;--rotateX:0deg;width:100%;height:100%;-webkit-transform:rotateY(var(--rotateY))rotateX(var(--rotateX))translateZ(var(--translateZ));transform:rotateY(var(--rotateY))rotateX(var(--rotateX))translateZ(var(--translateZ));background:#5c8df6;position:absolute;inset:auto}.loading-block .loading-block-box>div:first-child{background:#5c8df6;top:0;left:0}.loading-block .loading-block-box>div:nth-child(2){--rotateY:90deg;background:#145af2;right:0}.loading-block .loading-block-box>div:nth-child(3){--rotateX:-90deg;background:#447cf5}.loading-block .loading-block-box>div:nth-child(4){--translateZ:-90px;background:#dbe3f4;top:0;left:0}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}