.quiz{transition:all .5s;width:100%}.quiz-wrapper{background-color:#fff;padding:50px 0;position:relative;border-top:2px solid #ededed;border-bottom:2px solid #ededed}.quiz-wrapper#quiz{grid-template-rows:auto 1fr}.quiz-container{flex:1 1;flex-basis:100%;align-items:center;width:100%}.quiz-container,.quiz-started{display:flex;justify-content:center}.quiz-started{transition:all .5s;min-height:100vh;flex-direction:column;align-items:flex-start;background-color:#001b42;border:0;padding:25px 0}.quiz-container,.quiz-started{display:flex;justify-content:center}.question{margin-bottom:20px;filter:blur(2px);transform:translateX(-50px);opacity:0;transition:all .5s;animation-name:showQuiz;animation-duration:.3s}.question.show{opacity:1;filter:blur(0);transform:translateX(0)}@keyframes showQuiz{0%{filter:blur(2px);transform:translateX(-50px);opacity:0}to{filter:blur(0);transform:translateX(0);opacity:1}}.question.hidden{position:absolute;left:-1000vw}.question-title{padding:50px;text-align:center;margin-bottom:35px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:50px;font-weight:600;word-break:break-word}.quiz-wrapper .question-title div{color:var(--title-color)}.quiz-started .question-title,.quiz-started .question-title div,.quiz-started .question-title h2{color:#fff}.question-title img{object-fit:contain;height:auto}.youtube-video-wrapper{width:100%;max-width:500px;margin:0 auto}.youtube-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.youtube-video-wrapper .toggle-audio{background-color:#2c2c2c;color:#fff!important;font-size:16px;border-radius:6px;display:inline-block;padding:10px 15px}.pointer-events-0{pointer-events:none}.answers{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:35px}.answer{background-color:#e7e7e7;border-radius:4px;color:#2a314d;font-weight:600;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100px;display:grid;place-items:center;padding:25px 10px;position:relative;text-align:center;word-break:break-word}.quiz-started .answer{background-color:#fff}.answer-number{height:50px;width:50px;border-radius:50%;text-align:center;line-height:50px;color:#fff;background-color:#ff6555;position:absolute;top:-25px}.question-progress{width:100%;margin:35px 0;display:flex;justify-content:space-evenly;gap:5px}.question-progress div{height:5px;border-radius:var(--border-radius);display:inline-block;background-color:hsla(0,0%,81%,.5);transition:all .3s;flex:1 1}.question-progress div.correct{background-color:#2ed373}.question-progress div.incorrect{background-color:#d32e4f}.result{position:relative;background-color:#fff;padding:20px 20px 20px 45px;border-radius:4px;margin-bottom:10px;filter:blur(2px);transform:translateX(-50px);opacity:0;transition:all .5s}.result.show{opacity:1;filter:blur(0);transform:translateX(0)}.result-correct:before{content:"\2714\0020";background-color:#2ed373}.result-correct:before,.result-incorrect:before{color:#fff;width:25px;height:25px;line-height:25px;border-radius:50%;position:absolute;text-align:center;left:10px}.result-incorrect:before{content:"\2718";background-color:#d32e4f}.answer-correct,.answer-incorrect{display:inline-block;position:relative;padding-left:40px;color:#000}.answer-correct:before,.answer-incorrect:before{content:"\2718";color:#fff;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:#d32e4f;position:absolute;left:0;top:50%;transform:translateY(-43%);font-size:18px;text-align:center}.answer-correct:before{content:"\2714\0020";color:#fff;background-color:#2ed373}@media only screen and (max-width:767px){.question-title{padding:12px;font-size:25px;overflow:hidden}}