.cb-motion-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}
.cb-motion-ring{position:absolute;width:300px;height:300px;max-width:90%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.cb-motion-ring:before{content:"";position:absolute;inset:0;background:url('/img/case-circle.png') center/contain no-repeat;animation:cb-motion-ring-turn 40s linear infinite}
.cb-motion-dots{display:flex;align-items:center;justify-content:center;gap:7px;min-height:180px}
.cb-motion-dots i{width:6px;height:6px;border-radius:50%;background:#e8faff;animation:cb-motion-dot 1.2s ease-in-out infinite}
.cb-motion-dots i:nth-child(2){animation-delay:.15s}.cb-motion-dots i:nth-child(3){animation-delay:.3s}
@keyframes cb-motion-ring-turn{to{transform:rotate(360deg)}}
@keyframes cb-motion-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.cb-motion-ring:before,.cb-motion-dots i{animation:none}.cb-motion-confetti{display:none}}