@keyframes lessonCompleteShellCelebrate{0%{background-color:color-mix(in srgb, var(--ds-color-primary) 6%, transparent);box-shadow:var(--ds-shadow-raised-sm), 0 0 0 0 color-mix(in srgb, var(--ds-color-primary) 24%, transparent)}40%{background-color:color-mix(in srgb, var(--ds-color-primary) 18%, transparent);box-shadow:var(--ds-shadow-raised-sm), 0 0 0 3px color-mix(in srgb, var(--ds-color-primary) 28%, transparent)}to{background-color:color-mix(in srgb, var(--ds-color-primary) 10%, transparent);box-shadow:var(--ds-shadow-raised-sm), 0 0 0 0 transparent}}@keyframes lessonCompleteCheckPop{0%{transform:scale(.88)}55%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes lessonCompleteCheckDraw{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.lesson-complete-shell--celebrate{animation:.55s ease-out lessonCompleteShellCelebrate}.lesson-complete-check--celebrate{animation:.4s cubic-bezier(.34,1.56,.64,1) lessonCompleteCheckPop}.lesson-complete-check-icon--celebrate{animation:.35s cubic-bezier(.34,1.56,.64,1) lessonCompleteCheckDraw}@media (prefers-reduced-motion:reduce){.lesson-complete-shell--celebrate,.lesson-complete-check--celebrate,.lesson-complete-check-icon--celebrate{animation:none}}