.loader-container{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.dot-spinner{display:flex;gap:8px}.dot{width:12px;height:12px;background-color:#3498db;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}