.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.spinner{position:relative;width:80px;height:80px}.dot{position:absolute;width:20px;height:20px;background-color:#ff6b35;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.dot1{top:8px;left:8px;animation-delay:-.45s}.dot2{top:8px;right:8px;animation-delay:-.3s}.dot3{bottom:8px;right:8px;animation-delay:-.15s}.dot4{bottom:8px;left:8px;animation-delay:0s}@keyframes spin{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.5}to{transform:scale(0);opacity:1}}