.box-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svg-loader{width:300px;transform-origin:50% 50%;animation:animationFrames 2.2s ease-in-out infinite}@keyframes animationFrames{0%{transform:rotate(0deg)}37.5%{transform:rotate(-2turn)}to{transform:rotate(-2turn)}}#top1{transform-origin:bottom center;animation:move_top1 2.2s ease-out infinite}@keyframes move_top1{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translate(-1.5%,-25%) scale(1.3) rotate(-.5deg)}}#top2{transform-origin:bottom left;animation:move_top2 2.2s ease-out infinite}@keyframes move_top2{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translate(-10%,1%) scale(1.1) rotate(-2.1deg)}}#bottom1{transform-origin:top center;animation:move_bottom1 2.2s ease-out infinite}@keyframes move_bottom1{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translateY(45%) scale(1.3) rotate(0deg)}}#bottom2{transform-origin:top left;animation:move_bottom2 2.2s ease-out infinite}@keyframes move_bottom2{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translate(38%,1%) scale(1.3) rotate(-3.5deg)}}#bottom3{transform-origin:top right;animation:move_bottom3 2.2s ease-out infinite}@keyframes move_bottom3{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translate(12%,5%) scale(1.1) rotate(-1deg)}}#bottom4{transform-origin:top left;animation:move_bottom4 2.2s ease-out infinite}@keyframes move_bottom4{0%,to{transform:translate(0) scale(1) rotate(0deg)}18.75%{transform:translate(-12%,5%) scale(1.1) rotate(0deg)}}