.spinner-container{display:flex;justify-content:center;align-items:center;height:50px}.spinner-container .spinner{position:relative;width:40px;height:40px;animation:spinner 3s linear infinite}.spinner-container .dot{width:6px;height:6px;border-radius:50%;position:absolute;top:50%;left:50%;transform-origin:0 0}.spinner-container .dot-0{transform:rotate(0deg) translateX(16px);background-color:#214882}.spinner-container .dot-1{transform:rotate(45deg) translateX(16px);background-color:#4e87dd}.spinner-container .dot-2{transform:rotate(90deg) translateX(16px);background-color:#8118b1}.spinner-container .dot-3{transform:rotate(135deg) translateX(16px);background-color:#af9022}.spinner-container .dot-4{transform:rotate(180deg) translateX(16px);background-color:#b41717}.spinner-container .dot-5{transform:rotate(225deg) translateX(16px);background-color:#532288}.spinner-container .dot-6{transform:rotate(270deg) translateX(16px);background-color:#4e87dd}.spinner-container .dot-7{transform:rotate(315deg) translateX(16px);background-color:#214882}@keyframes spinner{to{transform:rotate(1turn)}}