.app.light{background-color:#f4f6fa;background-image:url(/frontend-quiz-app/assets/pattern-background-desktop-light-5cf1baee.svg)}.app.light .title{color:#313e51}.app.light .instruction-text{color:#626c7f}.app.light .header-title{color:#313e51}.app.dark{background-color:#313e51;background-image:url(/frontend-quiz-app/assets/pattern-background-desktop-dark-a18ce17e.svg)}.app.dark .title{color:#fff}.app.dark .instruction-text{color:#abc1e1}.app.dark .header-title{color:#fff}.app{min-height:100vh;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover}.menu-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:5.3125rem;width:fit-content}.quiz-menu{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;align-items:flex-start;gap:8rem}.main-section{margin-right:.8125rem}.header{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;width:100%;position:relative}.toggle{margin-left:auto;min-height:3.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.subject-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%}.title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Rubik,sans-serif;gap:.5rem;font-size:4rem;line-height:100%;letter-spacing:0px;white-space:nowrap}.title-line{font-weight:300}.quiz-name{font-weight:500}.instruction-text{margin-top:3rem;font-size:1.25rem;line-height:120%;letter-spacing:0px;font-style:italic}.quiz-header-title{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500}.quiz-icon-wrapper{padding:.5rem;border-radius:8px}@media (max-width: 1280px){.quiz-menu{padding:2rem 0;gap:2rem}.subject-list{align-items:flex-end}.menu-wrapper{gap:2rem;padding:0 1rem}.toggle{min-height:auto}}@media (max-width: 1110px){.quiz-menu{gap:2rem}.title{white-space:wrap}.app{background-size:cover}.title{font-size:3.75rem;line-height:100%;letter-spacing:0px}.instruction-text{margin-top:2rem}.main-section{margin:0}}@media (max-width: 790px){.app.light{background-image:url(/frontend-quiz-app/assets/pattern-background-tablet-light-f81f82b5.svg)}.app.dark{background-image:url(/frontend-quiz-app/assets/pattern-background-tablet-dark-06c8d4e9.svg)}.instruction-text{margin-top:1rem}.subject-list{width:100%;max-width:40rem;gap:1.5rem}.menu-wrapper{margin-top:3.0625rem;align-items:flex-start;width:auto;margin-inline:auto;gap:0}.quiz-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-start;gap:4rem;width:100%;max-width:40rem;margin-inline:auto;padding:0;margin-top:2.9375rem}.app{background-size:57%;align-items:flex-start}.title{font-size:4rem;line-height:100%;letter-spacing:0px;margin-right:.8125rem}}@media (max-width: 500px){.app.light{background-image:url(/frontend-quiz-app/assets/pattern-background-mobile-light-f927046c.svg)}.app.dark{background-image:url(/frontend-quiz-app/assets/pattern-background-mobile-dark-a9a08303.svg)}.app{background-size:100%}.quiz-menu{gap:2.5rem;flex:1;width:100vw;padding:2rem 1.5rem}.subject-list{gap:1rem}.title{font-size:2.5rem;line-height:100%;letter-spacing:0px;margin:0}.instruction-text{font-size:.875rem;line-height:150%;letter-spacing:0px}.header{padding:1rem 1.5rem;height:4.5rem}.menu-wrapper{margin:0;padding:0;display:flex;justify-content:center;align-items:center}.quiz-header-title{gap:1rem}.quiz-icon-wrapper{padding:.356875rem;height:2.5rem;width:2.5rem}.header-title{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}}@media screen and (max-height: 600px){.menu-wrapper{gap:1.5rem}.quiz-header-title{font-size:1.5rem;line-height:150%;letter-spacing:0px}.quiz-icon-wrapper{padding:.25rem;height:2.5rem;width:2.5rem}.header{padding:.5rem 1rem}}.styled-button{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;width:35.25rem;gap:2rem;padding:1.3125rem 1.5rem;border:3px solid transparent;box-sizing:border-box;border-radius:24px;cursor:pointer}.styled-button span{font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500;text-align:left}.styled-button .icon-container{width:2.5rem;height:2.5rem;flex:0 0 auto;margin-left:auto}.styled-button.selected{border-color:#a729f5}.styled-button.selected .answer-label{color:#fff;background-color:#a729f5}.styled-button.correctAnswer{border-color:#2fd887}.styled-button.correctAnswer .answer-label{color:#fff;background-color:#2fd887}.styled-button.wrongAnswer{border-color:#ee5454}.styled-button.wrongAnswer .answer-label{color:#fff;background-color:#ee5454}.answer-option:hover,.answer-option:focus{border-color:#a729f5;transition:border .3s ease;outline:none}.app.light .styled-button{background-color:#fff}.app.light .styled-button span{color:#313e51}.app.dark .styled-button{background-color:#3b4d66}.app.dark .styled-button span{color:#fff}@media (max-width: 1110px){.styled-button{min-width:28.125rem;max-width:34.375rem;width:100%;padding:.8125rem 1rem}}@media (max-width: 790px){.styled-button{width:100%;min-width:30rem;max-width:40rem}}@media (max-width: 500px){.styled-button{width:100%;min-width:auto;gap:1rem;border-radius:12px}.styled-button span{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}}@media screen and (max-height: 600px){.styled-button{padding:1.2rem;border-radius:12px}.styled-button span{font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500}}.icon-wrapper{border-radius:8px}.subject-icon{padding:.5rem}.subject-button:hover,.subject-button:focus{border-color:#a729f5;outline:none}@media (max-width: 500px){.subject-icon{padding:0}.icon-wrapper{padding:.356875rem;width:40px;height:40px}}.theme-toggle-wrapper{display:flex;align-items:center;gap:1rem}.theme-toggle-wrapper .theme-icon{width:24px;height:24px}.theme-toggle-wrapper .theme-toggle{position:relative;display:inline-block;width:48px;height:28px}.theme-toggle-wrapper .theme-toggle input{opacity:0;width:0;height:0}.theme-toggle-wrapper .theme-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a729f5;transition:.4s;border-radius:26px}.theme-toggle-wrapper .theme-toggle .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.theme-toggle-wrapper .theme-toggle input:checked+.slider:before{transform:translate(20px)}.theme-toggle-wrapper:focus-within{border:2px solid #a729f5;border-radius:12px}@media (max-width: 500px){.theme-toggle-wrapper{gap:.5rem}.theme-toggle-wrapper .theme-icon{width:16px;height:16px}.theme-toggle-wrapper .theme-toggle{width:32px;height:20px}.theme-toggle-wrapper .theme-toggle .slider:before{height:12px;width:12px}.theme-toggle-wrapper .theme-toggle input:checked+.slider:before{transform:translate(12px)}}.result-screen{display:flex;flex-direction:row;justify-content:center;align-items:center;align-items:flex-start;gap:9rem}.quiz-status{font-size:4rem;line-height:100%;letter-spacing:0px;font-weight:300;line-height:1.063}.score-text{font-weight:500}.result-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.result-content{padding:3rem;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%}.result-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.result-icon-wrapper{padding:.5rem;border-radius:8px}.result-title{font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500}.score-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.score-number{font-size:9rem;line-height:100%;letter-spacing:0px}.score-description{font-size:1.5rem;line-height:150%;letter-spacing:0px}.app.dark .result-content{background-color:#3b4d66}.app.dark .quiz-status,.app.dark .result-title,.app.dark .score-number{color:#fff}.app.dark .score-description{color:#abc1e1}.app.light .result-content{background-color:#fff}.app.light .result-title,.app.light .quiz-status,.app.light .score-number{color:#313e51}.app.light .score-description{color:#626c7f}@media (max-width: 1280px){.result-screen{gap:4rem}}@media (max-width: 1110px){.result-container{min-width:25rem;width:100%}.result-screen{gap:2rem;width:100%}.styled-button{min-width:auto}}@media (max-width: 790px){.menu-wrapper,.result-container{width:100%}.result-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;padding:0;margin:0 auto;margin-top:3.0625rem;max-width:40rem}.result-content{max-width:40rem}.quiz-status{align-self:stretch;max-width:100%;text-align:left}.header{max-width:40rem;margin:0 auto;padding:0}}@media (max-width: 500px){.result-screen{gap:2.5rem;padding:2rem 1.5rem;margin:0}.quiz-status{font-size:2.5rem;line-height:100%;letter-spacing:0px;align-self:flex-start}.result-container{gap:1rem}.result-content{width:100%;padding:2rem;gap:1rem;border-radius:12px}.result-container{gap:1rem;min-width:auto}.result-icon-wrapper{padding:.356875rem;width:2.5rem;height:2.5rem}.result-title{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}.score-details{padding:0;width:100%}.score-number{font-size:5.5rem;line-height:100%;letter-spacing:0px}.score-description{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}.header{padding:1rem 1.5rem}}.app.dark .styled-button.submit-button,.app.light .styled-button.submit-button{background-color:#a729f5;border:none;padding:2rem;border-radius:24px;color:#fff;font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center}.app.dark .styled-button.submit-button.muted,.app.light .styled-button.submit-button.muted{background-color:#d394fa}@media (max-width: 500px){.app.dark .styled-button.submit-button,.app.light .styled-button.submit-button{padding:1rem;border-radius:12px;font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500;line-height:1.33}}@media screen and (max-height: 600px){.app.dark .styled-button.submit-button,.app.light .styled-button.submit-button{padding:1rem;border-radius:12px;font-size:1.5rem;line-height:150%;letter-spacing:0px;line-height:1.33}}.quiz-screen{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8rem;align-items:flex-start;max-width:72.3125rem}.question-container{display:flex;flex-direction:column;justify-content:center;align-items:center;align-items:flex-start;gap:1.5rem}.question-number{font-size:1.25rem;line-height:120%;letter-spacing:0px;font-style:italic}.question{font-size:2.25rem;line-height:120%;letter-spacing:0px;font-weight:500}.answer-options-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.options{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.answer-label{width:3.5rem;height:3.5rem;background-color:#f4f6fa;color:#626c7f;border-radius:8px;font-size:1.75rem;line-height:100%;letter-spacing:0px;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:0 0 auto}.error-message-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;min-height:2.25rem}.error-message-container.show{opacity:1;visibility:visible}.error-message{font-size:1.5rem;line-height:150%;letter-spacing:0px;font-weight:400}.progress-bar-container{width:100%;max-height:1rem;padding:4px;margin-top:10rem;border-radius:999px;display:flex;align-items:center}.progress-bar{border-radius:104px;height:.5rem;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}.progress-bar::-webkit-progress-bar{background-color:transparent}.progress-bar::-webkit-progress-value{background-color:#a729f5;border-radius:104px}.progress-bar::-moz-progress-bar{background-color:#a729f5;border-radius:104px}.app.dark .progress-bar-container{background-color:#3b4d66}.app.dark .question-number{color:#abc1e1}.app.dark .question{color:#fff}.app.dark .error-message{color:#f4f6fa}.app.light .progress-bar-container{background-color:#fff}.app.light .question-number{color:#626c7f}.app.light .question{color:#313e51}.app.light .error-message{color:#ee5454}@media (max-width: 1280px){.quiz-screen{gap:2rem}}@media (max-width: 1110px){.quiz-screen{gap:1rem}.header{margin-top:.5rem}.question-container{min-width:18.75rem}.options{width:100%}.progress-bar-container{margin-top:2.5rem}.question-container,.answer-options-container{width:100%;max-width:40rem;margin:0 auto}}@media (max-width: 790px){.quiz-screen{flex-direction:column;gap:2.5rem;margin:0 auto;margin-top:3.0625rem;width:100%}.question-container{width:100%}.progress-bar-container{margin-top:1rem;width:100%;max-width:40rem}.options{gap:1.5rem;width:100%}.header,.question-container,.answer-options-container{width:100%;max-width:40rem;margin:0 auto}}@media (max-width: 500px){.quiz-screen{flex-direction:column;padding:2rem 1.5rem;gap:2.5rem;margin-top:0;max-width:100%}.question-number{font-size:.875rem;line-height:150%;letter-spacing:0px}.question{font-size:1.25rem;line-height:120%;letter-spacing:0px}.question-container{gap:1rem}.progress-bar-container{margin-top:.5rem}.answer-label{height:2.5rem;width:2.5rem;font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}.styled-button span{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}.answer-options-container{gap:1rem;width:100%}.error-message{font-size:1.125rem;line-height:100%;letter-spacing:0px;font-weight:500}.error-icon{width:2rem;height:2rem}.icon-container{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-end}.answer-icon{width:2rem;height:2rem}.header{max-width:28rem;width:100%}.header,.question-container,.answer-options-container,.progress-bar-container{width:100%;max-width:100%;margin:0 auto}}@media screen and (max-height: 600px){.answer-label{width:40px;height:40px;font-size:1.5rem;line-height:150%;letter-spacing:0px}.answer-options-container{gap:.5rem}.options{margin-bottom:.5rem}.answer-icon{align-self:center}.error-icon{width:2rem;height:2rem}.error-message{font-size:1.25rem;line-height:120%;letter-spacing:0px;font-style:italic}.header{padding:1rem 0 .5rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{background-color:#f4f6fa;font-family:Rubik,sans-serif}