@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont_wght-DAFAXoY0.ttf);font-weight:100 900}@font-face{font-family:Rubik Italic;src:url(/assets/Rubik-Italic-VariableFont_wght-DOUMhBfb.ttf);font-weight:100 900}*{margin:0;padding:0;box-sizing:border-box;transition:.3s;list-style-type:none}:root{--purple: #a729f5;--dark-navy: #313e51;--navy: #3b4d66;--grey-navy: #626c7f;--light-bluish: #abc1e1;--light-grey: #f4f6fa;--pure-white: #fff;--green: #26d782;--red: #ee5454;--body-bg-color: var(--light-grey);--text-color: var(--dark-navy);--small-italic-text-color: var(--grey-navy);--button-bg-color: var(--pure-white);--background-img: url("data:image/svg+xml,%3csvg%20width='977'%20height='977'%20viewBox='0%200%20977%20977'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='488.5'%20cy='488.5'%20r='416.5'%20stroke='%23EDF1F9'%20stroke-width='144'%20/%3e%3c/svg%3e");--transition-time: .3s;--global-padding-inline: 1.5rem}:root.dark-mode{--body-bg-color: var(--dark-navy);--text-color: var(--pure-white);--small-italic-text-color: var(--light-bluish);--button-bg-color: var(--navy);--background-img: url("data:image/svg+xml,%3csvg%20width='977'%20height='977'%20viewBox='0%200%20977%20977'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='488.5'%20cy='488.5'%20r='416.5'%20stroke='%232D3949'%20stroke-width='144'%20/%3e%3c/svg%3e")}body{min-height:100vh;font-family:Rubik,sans-serif;background-color:var(--body-bg-color);color:var(--text-color);background-image:var(--background-img);background-position:100% 100%;background-repeat:no-repeat}body #root{max-width:calc(72.5rem + var(--global-padding-inline) * 2);margin:auto;padding-inline:var(--global-padding-inline)}body footer{display:none}@media screen and (min-width: 48rem){:root{--global-padding-inline: 4rem}body{background-position:calc(100% - 330px) calc(100% - 493px)}}@media screen and (min-width: 64rem){body{background-image:var(--background-img),var(--background-img);background-position:-593px -413px,calc(100% + 437px) calc(100% + 369px)}}.loading{display:none;margin:auto;border:none;background:none}.loading:-internal-dialog-in-top-layer::backdrop{background-color:var(--body-bg-color)}.loading.close{animation:close-loading-modal ease-in-out 1.5s forwards}.loading.close:-internal-dialog-in-top-layer::backdrop{animation:close-loading-modal ease-in-out 1.5s forwards}.loading[open]{opacity:1;display:block}.loading_time-bar{--corner: .25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--button-bg-color);padding:.25rem;border-radius:calc(var(--corner) * 2)}.loading_time-bar::-webkit-progress-bar{background-color:inherit;border-radius:var(--corner)}.loading_time-bar::-webkit-progress-value{background-color:var(--purple);border-radius:var(--corner);transition:width .5s ease-in-out}.loading_time-bar::-moz-progress-bar{background-color:inherit}.loading_time-bar:focus-visible{outline:none}@keyframes open-loading-modal{0%{opacity:0}to{opacity:1}}@keyframes close-loading-modal{0%{opacity:1}to{opacity:0}}.header{--header-padding-block: 1rem;--header-content-height: 2.5rem;display:flex;min-height:calc(var(--header-content-height) + var(--header-padding-block) * 2);padding-block:calc(var(--header-padding-block) + 2rem)}.header_quiz-category{font-weight:500;font-size:clamp(1.125rem,4.2vw,1.75rem);border-radius:.75rem;border-width:0;color:var(--text-color);display:flex;align-items:center;gap:clamp(1rem,4vw,1.5rem)}.header_quiz-category img{width:clamp(2.5rem,12%,3.5rem);border-radius:.375rem}.header #mode-toggle{display:none}.header_mode-toggle{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-left:auto}.header_mode-toggle img{width:clamp(1rem,4vw,1.5rem)}.header_mode-toggle_label{position:relative;background-color:var(--purple);width:2rem;height:1.25rem;border-radius:1rem;cursor:pointer}.header_mode-toggle_label:before{content:"";background-color:var(--pure-white);width:.75rem;aspect-ratio:1;position:absolute;left:.25rem;top:50%;transform:translateY(-50%);border-radius:50%;transition:var(--transition-time)}.header_mode-toggle_label.dark:before{left:calc(100% - .25rem);transform:translate(-100%,-50%)}@media screen and (min-width: 48rem){.header{--header-padding-block: 2.5rem;--header-content-height: 3.5rem;margin-bottom:9px;padding-block:var(--header-padding-block)}.header_mode-toggle_label{width:3rem;height:1.75rem}.header_mode-toggle_label:before{width:1.25rem}.header_quiz-category img{border-radius:.75rem}}@media screen and (min-width: 64rem){.header{--header-padding-block: 83px;margin-bottom:2px}.header_quiz-category img{border-radius:.5rem}}@media screen and (min-width: 64rem){main{display:flex;justify-content:space-between;gap:var(--global-padding-inline)}}.welcome{max-width:465px;--margin-bottom: 2.5rem;margin-bottom:var(--margin-bottom)}@media screen and (min-width: 48rem){.welcome{--margin-bottom: 4rem}}.welcome_heading{--welcome-heading-margin: 1rem;margin-bottom:var(--welcome-heading-margin);font-weight:300;font-size:clamp(2.5rem,9.5vw,4rem)}.welcome_heading span{font-weight:500}.welcome_description{color:var(--small-italic-text-color);font-size:clamp(.875rem,3.2vw,1.25rem)}.category_list{width:100%;max-width:40rem;--item-margin: .75rem}.category_list li{margin-bottom:var(--item-margin)}.category_list li:last-child{margin-bottom:unset}@media screen and (min-width: 48rem){.category_list{--item-margin: 1.5rem}}@media screen and (min-width: 64rem){.category_list{max-width:35.25rem}}.category_list .category{font-weight:500;font-size:clamp(1.125rem,4.2vw,1.75rem);border-radius:.75rem;border-width:0;font-family:Rubik,sans-serif;color:var(--text-color);text-decoration:none;display:flex;align-items:center;padding:clamp(.75rem,1.5vw,1.25rem);gap:clamp(1rem,4vw,2rem);width:100%;background-color:var(--button-bg-color)}@media screen and (min-width: 48rem){.category_list .category{border-radius:1.5rem}}.category_list .category:hover,.category_list .category:focus-visible{transition:none;outline:solid var(--purple) 3px}.category_list .category img{width:clamp(2.5rem,12%,3.5rem);border-radius:.25rem}@media screen and (min-width: 48rem){.category_list .category img{border-radius:.5rem}}@media screen and (min-width: 64rem){.welcome_heading{--welcome-heading-margin: 3rem}}.quiz_text{max-width:465px;--margin-bottom: 2.5rem;margin-bottom:var(--margin-bottom)}@media screen and (min-width: 48rem){.quiz_text{--margin-bottom: 4rem}}.quiz_text{display:flex;flex-direction:column;max-height:28.25rem}.quiz_text_small-text{color:var(--small-italic-text-color);font-size:clamp(.875rem,3.2vw,1.25rem)}.quiz_text_question{font-weight:500;font-size:clamp(1.25rem,5vw,2.25rem);margin-top:clamp(.75rem,3.4vw,1.6875rem);line-height:120%}.quiz_text_time-bar{--corner: .25rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--button-bg-color);padding:.25rem;border-radius:calc(var(--corner) * 2);margin-top:clamp(1.5rem,6vw,2.5rem)}.quiz_text_time-bar::-webkit-progress-bar{background-color:inherit;border-radius:var(--corner)}.quiz_text_time-bar::-webkit-progress-value{background-color:var(--purple);border-radius:var(--corner);transition:width .5s ease-in-out}.quiz_text_time-bar::-moz-progress-bar{background-color:inherit}.quiz_form{--space: .75rem;width:100%;max-width:40rem;--item-margin: .75rem}.quiz_form li{margin-bottom:var(--item-margin)}.quiz_form li:last-child{margin-bottom:unset}@media screen and (min-width: 48rem){.quiz_form{--item-margin: 1.5rem}}@media screen and (min-width: 64rem){.quiz_form{max-width:35.25rem}}.quiz_form_option-list{margin-bottom:var(--space)}.quiz_form_option-list_item_choice{font-weight:500;font-size:clamp(1.125rem,4.2vw,1.75rem);border-radius:.75rem;border-width:0;font-family:Rubik,sans-serif;color:var(--text-color);text-decoration:none;display:flex;align-items:center;padding:clamp(.75rem,1.5vw,1.25rem);gap:clamp(1rem,4vw,2rem);width:100%;background-color:var(--button-bg-color)}@media screen and (min-width: 48rem){.quiz_form_option-list_item_choice{border-radius:1.5rem}}.quiz_form_option-list_item_choice{padding-block:clamp(.75rem,1.4vw,1.125rem);position:relative}.quiz_form_option-list_item_choice img{display:none;position:absolute;top:50%;right:clamp(.75rem,1.4vw,1.125rem);transform:translateY(-50%);width:clamp(2rem,6.9vw,2.5rem)}.quiz_form_option-list_item_choice span:first-child{width:clamp(2.5rem,12%,3.5rem);aspect-ratio:1;display:grid;place-items:center;background-color:var(--body-bg-color);border-radius:.375rem}.quiz_form_option-list_item_choice span:nth-child(2){text-align:start;width:71.25%;max-width:28.5rem}.quiz_form_option-list_item_choice:hover{cursor:pointer}.quiz_form_option-list_item_choice:hover span:first-child{background-color:#f6e7ff;color:var(--purple)}.quiz_form_option-list_item_choice:hover:disabled{cursor:not-allowed}.quiz_form_option-list_item_choice:hover:disabled span:first-child{background-color:var(--body-bg-color);color:inherit}.quiz_form_option-list_item_choice:focus-visible{transition:none;outline:none}.quiz_form_option-list_item_choice:focus-visible span:first-child{background-color:#f6e7ff;color:var(--purple)}.quiz_form_option-list_item_choice.active{transition:0s outline;outline:solid var(--purple) 3px}.quiz_form_option-list_item_choice.active span:first-child{color:var(--pure-white);background-color:var(--purple)}.quiz_form_option-list_item_choice.active.wrong-option{outline-color:var(--red)}.quiz_form_option-list_item_choice.active.wrong-option span:first-child{background-color:var(--red)}.quiz_form_option-list_item_choice.active.wrong-option .quiz_form_option-list_item_choice_icon--incorrect{display:unset}.quiz_form_option-list_item_choice.active.right-option{outline-color:var(--green)}.quiz_form_option-list_item_choice.active.right-option span:first-child{background-color:var(--green)}.quiz_form_option-list_item_choice.right-answer .quiz_form_option-list_item_choice_icon--correct{display:unset}.quiz_form_submit-button,.quiz_form_next-button,.quiz_form_see-result{width:100%;color:var(--pure-white);background-color:var(--purple);padding:var(--space);border:none;border-radius:.75rem;font-family:inherit;font-size:clamp(1.125rem,4.2vw,1.75rem);font-weight:500;cursor:pointer;text-decoration:none}.quiz_form_submit-button:hover,.quiz_form_submit-button:focus-visible,.quiz_form_next-button:hover,.quiz_form_next-button:focus-visible,.quiz_form_see-result:hover,.quiz_form_see-result:focus-visible{outline:none;background-color:#d394fa}.quiz_form_submit-button:disabled,.quiz_form_next-button:disabled,.quiz_form_see-result:disabled{background-color:gray;cursor:not-allowed}.quiz_form_see-result{display:block;text-align:center}.quiz_form_next-button,.quiz_form_see-result{display:none}@media screen and (min-width: 48rem){.quiz_form{--space: 2rem}.quiz_form_option-list_item_choice span:first-child{border-radius:.75rem}.quiz_form_submit-button,.quiz_form_next-button,.quiz_form_see-result{border-radius:1.5rem}}@media screen and (min-width: 64rem){.quiz_text_time-bar{margin-top:auto}.quiz_form_option-list_item_choice span:first-child{border-radius:.5rem}}.result_heading{font-weight:300;font-size:clamp(2.5rem,9.5vw,4rem);margin-bottom:clamp(2.5rem,9.5vw,4rem)}.result_heading span{display:block;font-weight:500}.result_container{width:100%;max-width:40rem}.result_container_details{background-color:var(--button-bg-color);padding:clamp(2rem,7.4vw,3rem);border-radius:clamp(.75rem,3.1625vw,1.5rem)}.result_container_details_quiz-category{font-weight:500;font-size:clamp(1.125rem,4.2vw,1.75rem);border-radius:.75rem;border-width:0;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,1.5rem);margin-bottom:clamp(1rem,4.734vw,2.5rem)}.result_container_details_quiz-category img{width:clamp(2.5rem,12%,3.5rem);border-radius:.375rem}.result_container_details_score{text-align:center;color:var(--small-italic-text-color)}.result_container_details_score span{display:block;font-size:clamp(5.5rem,21.1vw,9rem);color:var(--text-color);line-height:.8;margin-bottom:1rem}.result_container_welcome-navigator{--space: .75rem;display:block;color:var(--pure-white);background-color:var(--purple);padding:var(--space);margin-top:var(--space);border:none;border-radius:.75rem;font-family:inherit;font-size:clamp(1.125rem,4.2vw,1.75rem);font-weight:500;cursor:pointer;text-decoration:none;text-align:center}@media screen and (min-width: 48rem){.result_container_welcome-navigator{--space: 2rem;border-radius:1.5rem}}@media screen and (min-width: 64rem){.result_container{max-width:36.5rem}}