.sparkle-spinner{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#ffffff 10%,transparent 10.01%);background-size:100% 100%;position:relative;animation:sparkle 1.2s linear infinite}.sparkle-yellow{animation:sparkle-yellow 1.2s linear infinite}.sparkle-blue{animation:sparkle-blue 1.2s linear infinite}.sparkle-purple{animation:sparkle-purple 1.2s linear infinite}.sparkle-green{animation:sparkle-green 1.2s linear infinite}@keyframes sparkle{0%{box-shadow:0 0 0 #fcd34d,0 0 0 #facc15;transform:rotate(0deg)}50%{box-shadow:0 0 8px #fcd34d,0 0 12px #facc15}to{box-shadow:0 0 0 #fcd34d,0 0 0 #facc15;transform:rotate(1turn)}}@keyframes sparkle-yellow{0%{box-shadow:0 0 0 #fcd34d,0 0 0 #facc15;transform:rotate(0deg)}50%{box-shadow:0 0 8px #fcd34d,0 0 12px #facc15}to{box-shadow:0 0 0 #fcd34d,0 0 0 #facc15;transform:rotate(1turn)}}@keyframes sparkle-blue{0%{box-shadow:0 0 0 #3b82f6,0 0 0 #1d4ed8;transform:rotate(0deg)}50%{box-shadow:0 0 8px #3b82f6,0 0 12px #1d4ed8}to{box-shadow:0 0 0 #3b82f6,0 0 0 #1d4ed8;transform:rotate(1turn)}}@keyframes sparkle-purple{0%{box-shadow:0 0 0 #a855f7,0 0 0 #7c3aed;transform:rotate(0deg)}50%{box-shadow:0 0 8px #a855f7,0 0 12px #7c3aed}to{box-shadow:0 0 0 #a855f7,0 0 0 #7c3aed;transform:rotate(1turn)}}@keyframes sparkle-green{0%{box-shadow:0 0 0 #10b981,0 0 0 #059669;transform:rotate(0deg)}50%{box-shadow:0 0 8px #10b981,0 0 12px #059669}to{box-shadow:0 0 0 #10b981,0 0 0 #059669;transform:rotate(1turn)}}