.dot-loader{display:inline-grid;grid-template-columns:repeat(5,1fr)}.dot-loader-sm{gap:1.5px}.dot-loader-sm .dot-loader-dot{width:1.5px;height:1.5px}.dot-loader-md{gap:2px}.dot-loader-md .dot-loader-dot{width:2px;height:2px}.dot-loader-lg{gap:2.5px}.dot-loader-lg .dot-loader-dot{width:3px;height:3px}.dot-loader-dot{border-radius:50%;background-color:var(--accent-primary);opacity:0}.dot-loader-wave .dot-loader-dot{animation:dotWave 1s ease-in-out infinite}@keyframes dotWave{0%,60%,to{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.dot-loader-pulse .dot-loader-dot{animation:dotPulse 1.2s ease-in-out infinite}@keyframes dotPulse{0%,70%,to{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.1)}}.dot-loader-cascade .dot-loader-dot{animation:dotCascade 1.4s ease-in-out infinite}@keyframes dotCascade{0%,60%,to{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1)}}.dot-loader-spiral .dot-loader-dot{animation:dotSpiral 1.2s ease-in-out infinite}@keyframes dotSpiral{0%,65%,to{opacity:0;transform:scale(.7)}30%{opacity:1;transform:scale(1.05)}}.dot-loader-bounce .dot-loader-dot{animation:dotBounce 1s ease-in-out infinite}@keyframes dotBounce{0%,60%,to{opacity:0;transform:translateY(0) scale(.85)}30%{opacity:1;transform:translateY(-2px) scale(1)}}