:root{--quiz-ease:cubic-bezier(.2, .8, .2, 1);--quiz-spring:cubic-bezier(.34, 1.56, .64, 1)}.quiz-screen{animation:quiz-slide-in .34s var(--quiz-ease) both}.quiz-screen[data-dir=back]{animation-name:quiz-slide-back}@keyframes quiz-slide-in{0%{transform:translate(28px)}}@keyframes quiz-slide-back{0%{transform:translate(-28px)}}.quiz-rise{animation:quiz-rise .3s var(--quiz-ease) both;animation-delay:calc(60ms + var(--i,0) * 45ms)}@keyframes quiz-rise{0%{opacity:0;transform:translateY(10px)}}.quiz-option{transition:border-color .16s,background-color .16s,transform .16s}.quiz-option:active{transform:scale(.985)}.quiz-option[data-picked]{border-color:var(--trk);background-color:color-mix(in srgb, var(--trk) 12%, var(--color-surface));animation:quiz-pop .3s var(--quiz-spring)}.quiz-option[data-picked] .quiz-key{border-color:var(--trk);box-shadow:inset 0 0 0 1px var(--trk)}@keyframes quiz-pop{0%{transform:scale(.97)}60%{transform:scale(1.025)}to{transform:scale(1)}}.quiz-segment{transition:background-color .25s}.quiz-match-bar>i{transform-origin:0;animation:quiz-grow .7s var(--quiz-ease) both;animation-delay:calc(var(--i,0) * .12s)}.quiz-card-in{animation:quiz-card-in .52s var(--quiz-ease) both}@keyframes quiz-card-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}.quiz-mix>i{transform-origin:0;animation:quiz-grow .7s var(--quiz-ease) both;animation-delay:calc(.38s + var(--i,0) * .11s)}@keyframes quiz-grow{0%{transform:scaleX(0)}}.quiz-after-card{animation:quiz-rise .42s var(--quiz-ease) both;animation-delay:calc(.5s + var(--i,0) * 70ms)}.quiz-float{animation:3.6s ease-in-out infinite alternate quiz-float;animation-delay:calc(var(--i,0) * -.9s)}@keyframes quiz-float{0%{transform:translateY(5px)rotate(-3deg)}to{transform:translateY(-6px)rotate(3deg)}}.quiz-march{animation:1.4s linear infinite quiz-march}@keyframes quiz-march{to{stroke-dashoffset:-20px}}.quiz-pulse{animation:2.4s ease-in-out infinite quiz-pulse;animation-delay:calc(var(--i,0) * .6s)}@keyframes quiz-pulse{50%{opacity:.55;transform:scale(1.35)}}.quiz-toast{animation:quiz-toast .24s var(--quiz-ease) both}@keyframes quiz-toast{0%{opacity:0;transform:translate(-50%,12px)}}@media (prefers-reduced-motion:reduce){.quiz-screen,.quiz-rise,.quiz-option[data-picked],.quiz-match-bar>i,.quiz-card-in,.quiz-mix>i,.quiz-after-card,.quiz-float,.quiz-march,.quiz-pulse,.quiz-toast{animation:none}.quiz-option,.quiz-segment{transition:none}.quiz-option:active{transform:none}}