/* Damped content motion and one opacity layer. Yellow training frame stays fixed. */
#app.quiz-impact811-shake{--impact811-x:3px;--impact811-y:1px;animation:quiz-impact811-shake .4s linear;will-change:transform}
#app.quiz-impact811-shake.quiz-impact811-strong{--impact811-x:4.5px;--impact811-y:1.5px;animation-duration:.45s}
.quiz-impact811-flash{position:fixed;inset:0;z-index:1080;pointer-events:none;background:#ff8a20;--impact811-alpha:.11;opacity:0;animation:quiz-impact811-flash .5s linear;will-change:opacity}
.quiz-impact811-flash.quiz-impact811-strong{--impact811-alpha:.17}
@keyframes quiz-impact811-shake{0%,100%{transform:translate(0,0)}8%{transform:translate(calc(-1 * var(--impact811-x)),var(--impact811-y))}20%{transform:translate(var(--impact811-x),calc(-1 * var(--impact811-y)))}35%{transform:translate(calc(-.7 * var(--impact811-x)),0)}50%{transform:translate(calc(.5 * var(--impact811-x)),0)}66%{transform:translate(calc(-.3 * var(--impact811-x)),0)}80%{transform:translate(calc(.15 * var(--impact811-x)),0)}92%{transform:translate(calc(-.06 * var(--impact811-x)),0)}}
@keyframes quiz-impact811-flash{0%{opacity:0}14%,56%{opacity:var(--impact811-alpha)}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#app.quiz-impact811-shake{animation:none;transform:none;will-change:auto}.quiz-impact811-flash{display:none;animation:none;will-change:auto}}