.dot_spiral_spinner_wrapper{height:8vmin;width:100%}.dot_spiral_spinner{position:relative;--amount:20}.dot_spiral_spinner span{animation-duration:3s;animation-iteration-count:infinite;animation-name:move;animation-timing-function:cubic-bezier(.4,0,1,.8);backface-visibility:hidden;border-radius:3vmin;height:6vmin;left:50%;position:absolute;top:calc(50% - 4vmin);transform-origin:-4vmin center;width:6vmin}.dot_spiral_spinner span:first-child{animation-delay:-.5s;background:#00b0f0;opacity:0}.dot_spiral_spinner span:nth-child(2){animation-delay:-1s;background:#0083f0;opacity:0}.dot_spiral_spinner span:nth-child(3){animation-delay:-1.5s;background:#0b66a3;opacity:0}.dot_spiral_spinner span:nth-child(4){animation-delay:-2s;background:#00b0f0;opacity:0}.dot_spiral_spinner span:nth-child(5){animation-delay:-2.5s;background:#0083f0;opacity:0}.dot_spiral_spinner span:nth-child(6){animation-delay:-3s;background:#0b66a3;opacity:0}@keyframes move{0%{transform:scale(1) rotate(0deg) translateZ(1px)}30%{opacity:1}to{transform:scale(0) rotate(1turn) translateZ(1px);z-index:10}}