.quiz-animate-out{opacity:0;transform:translateX(-20px);transition:all .25s ease}.quiz-animate-in{animation:quizIn .25s ease forwards;opacity:0;transform:translateX(20px)}@keyframes quizIn{to{opacity:1;transform:translateX(0)}}.mar-4{margin-right:1rem}.mar-2{margin-right:.5rem}.stepper-circle{align-items:center;background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);border-radius:9999px;border-width:1px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.stepper-line{background-color:hsla(0,0%,100%,.2);border-radius:9999px;flex:1 1 0%;height:.25rem;margin-left:1rem;margin-right:1rem}.step-active .stepper-circle,.step-done .stepper-circle{--tw-border-opacity:1;border-color:rgb(233 184 121/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(233 184 121/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(11 4 42/var(--tw-text-opacity,1))}.step-done .stepper-line{--tw-bg-opacity:1;background-color:rgb(233 184 121/var(--tw-bg-opacity,1))}.step-active .stepper-line{background-color:hsla(0,0%,100%,.3)}.fa-lightbulb{color:oklch(.879 .169 91.605)}.fa-fire{color:oklch(.75 .183 55.934)}.fa-hourglass-half{color:oklch(.421 .095 57.708)}.fa-face-frown-open{color:oklch(.865 .127 207.078)}.btn-start{align-items:center;box-shadow:0 8px 24px rgba(233,184,121,.3),inset 0 1px 0 hsla(0,0%,100%,.4);display:inline-flex;justify-content:center;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn-start:hover{box-shadow:0 12px 32px rgba(233,184,121,.45),inset 0 1px 0 hsla(0,0%,100%,.5);transform:translateY(-1px)}.btn-start:active{transform:translateY(0)}.btn-start:before{animation:btn-start-shine 5s ease-in-out infinite;background:linear-gradient(120deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));content:"";height:200%;left:-75%;pointer-events:none;position:absolute;top:-50%;transform:rotate(20deg);width:50%}@keyframes btn-start-shine{0%{left:-75%;opacity:0}10%{opacity:1}40%,to{left:125%;opacity:0}}