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