.loader-container{display:flex;justify-content:center;width:80px;height:20px}.loading-container{position:relative}.loading-dots{top:100%;left:60%;position:absolute;transform:translate(-50%,-50%)}.spinner{display:flex;flex-direction:row;gap:5px;justify-content:space-between}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--main-bg-color);animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(-5px);opacity:1}to{transform:translateY(0);opacity:.3}}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.1s}.dot:nth-child(3){animation-delay:.2s}.dot:nth-child(4){animation-delay:.3s}.dot:nth-child(5){animation-delay:.4s}.dot:nth-child(6){animation-delay:.5s}.dot{margin:0 5px}