.quiz-container{background:var(--default-color-2);border-radius:40px;flex-flow:column;width:100%;margin:0 auto 60px;padding:60px 30px 40px;display:flex}.quiz-container .quiz-content{max-height:calc(90vh - 110px);margin-top:10px;padding:0 20px 40px;overflow:hidden auto}.quiz-container .quiz-content::-webkit-scrollbar{width:10px}.quiz-container .quiz-content::-webkit-scrollbar-thumb{background-color:var(--onboarding-bg-10);border-radius:4px}.quiz-container .quiz-content::-webkit-scrollbar-track{background-color:var(--default-color-10);border-radius:4px}@supports not selector(::-webkit-scrollbar){.quiz-container .quiz-content{scrollbar-color:var(--onboarding-bg-10) var(--default-color-10);scrollbar-width:thin}}.quiz-container .quiz-content .quiz-heading{color:var(--default-color-8);text-transform:none;margin:0 0 20px;font-family:Sofia Pro;font-size:clamp(32px,6vw,64px);font-weight:800;line-height:1.2em}.quiz-container .quiz-content .quiz-blocks-container{flex-flow:column;margin:0;display:flex}.quiz-container .quiz-content .quiz-blocks-container .quiz-block{background:var(--quiz-color-3);box-shadow:var(--dropshadow9);border-radius:15px;margin:0 0 40px;padding:22px 35px;position:relative}.quiz-container .quiz-content .quiz-blocks-container .quiz-block:last-child{margin-bottom:0}.quiz-container .quiz-content .quiz-blocks-container .quiz-block header{color:var(--quiz-color-4);margin:0 0 10px;font-size:clamp(14px,2vw,20px);font-weight:400;line-height:1em}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name{cursor:pointer;margin:0 0 25px}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name label{display:none}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name .quiz-block-name-text{color:var(--default-color-3);padding:0;font-family:Sofia Pro;font-size:clamp(18px,3vw,32px);font-weight:800;line-height:1em;display:block}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name input{appearance:none;background-color:unset;border:unset;color:var(--default-color-3);padding:0;font-family:Sofia Pro;font-size:clamp(18px,3vw,32px);font-weight:800;line-height:1em}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name input::placeholder{color:var(--default-color-8);opacity:.3;font-size:clamp(18px,3vw,32px);font-style:italic;font-weight:400}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-name input:focus{box-shadow:none;border:none;outline:none}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options{counter-reset:quiz-option;margin:0;padding:0;list-style-type:none}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option{background-color:var(--default-color-2);border:2px solid var(--quiz-color-5);cursor:pointer;border-radius:10px;flex-flow:row;justify-content:flex-start;align-items:center;gap:20px;width:100%;margin:0 0 15px;padding:5px 15px 4px;display:flex;position:relative}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option:before{content:counter(quiz-option, upper-alpha) ". ";counter-increment:quiz-option;color:var(--default-color-8);font-size:clamp(16px,3vw,28px);font-weight:800;line-height:normal}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option div{width:100%}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option label{display:none}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option .option-content{color:var(--default-color-8);overflow-wrap:anywhere;width:100%;margin:0;padding:10px 50px 10px 0;font-size:clamp(14px,3vw,20px);line-height:1.4em}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option textarea{color:var(--default-color-8);box-shadow:none;appearance:none;field-sizing:content;resize:none;border-radius:unset;border:none;outline:none;width:100%;margin:0;padding:10px 50px 10px 0;font-family:Sofia Pro;font-size:clamp(14px,3vw,20px);line-height:1.6rem;display:block;background-color:unset!important}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option textarea::placeholder{color:var(--default-color-8);opacity:.3;font-size:clamp(14px,3vw,20px);font-style:italic;font-weight:400;line-height:1.6rem}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option textarea:focus{box-shadow:none;border:none;outline:none}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option:hover{background-color:var(--quiz-color-5)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected{background-color:var(--quiz-color-8);border-color:var(--quiz-color-8)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected:before,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected .option-content,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected textarea{color:var(--default-color-2)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-answer{background-color:var(--quiz-color-6);border-color:var(--quiz-color-6)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-answer:before,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-answer .option-content,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-answer textarea{color:var(--default-color-2)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-answer{background-color:var(--quiz-color-6);border-color:var(--quiz-color-9)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-answer:before,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-answer .option-content,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-answer textarea{color:var(--default-color-2)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-answer:after{content:"";background-image:url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/icons/troub-white-star-yellow.svg);background-repeat:no-repeat;background-size:cover;width:35px;height:35px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-incorrect{background-color:var(--quiz-color-5)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-incorrect:before,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-incorrect .option-content,.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option.--is-selected.--is-incorrect textarea{color:var(--default-color-8)}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .block-not-answered{background-color:var(--tutorial-color-11);color:var(--default-color-3);border-radius:0 15px 0 clamp(15px,3vw,28px);padding:clamp(5px,1vw,15px) clamp(10px,3vw,30px);font-size:clamp(12px,2vw,18px);line-height:1.2em;position:absolute;top:0;right:0}.quiz-container .quiz-action-panel{background-color:var(--default-color-2);flex-flow:row;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.quiz-container.edit-mode{margin-bottom:0;padding-bottom:0}.quiz-container.edit-mode .quiz-content{max-height:calc(90vh - 220px)}.quiz-container.edit-mode .quiz-action-panel{height:130px}@media screen and (width<=1199px){.quiz-container.edit-mode .quiz-content{max-height:calc(90vh - 190px)}.quiz-container.edit-mode .quiz-action-panel{height:100px}}@media screen and (width<=799px){.quiz-container{margin:0 auto;padding:50px 10px 30px}.quiz-container .quiz-content .quiz-blocks-container .quiz-block{padding:22px 15px}.quiz-container .quiz-content .quiz-blocks-container .quiz-block .quiz-block-options .block-option{gap:10px}}.nanopopup.quiz-popup{background-color:var(--default-color-2);overflow:hidden}.nanopopup.quiz-popup .close-container{background-color:var(--onboarding-bg-10)}.nanopopup.quiz-popup .close-container i,.nanopopup.quiz-popup .close-container svg{color:var(--default-color-2)}.nanopopup.quiz-popup[data-context=CATALOG_PREVIEW] .quiz-block,.nanopopup.quiz-popup[data-context=COMPLETED] .block-option{pointer-events:none}.quiz-modal{background:var(--backpanel);z-index:500;width:100vw;height:100vh;position:fixed;top:0;left:0}.quiz-modal .quiz-modal-content{background-color:var(--onboarding-bg-9);border-radius:25px;width:90vw;max-width:600px;height:auto;max-height:90vh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.quiz-modal.quiz-confirm-warning .quiz-modal-content{padding:clamp(20px,4vw,40px)}.quiz-modal.quiz-confirm-warning .quiz-modal-content h2{color:var(--quiz-color-8);text-transform:none;margin:0 0 25px;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1em}.quiz-modal.quiz-confirm-warning .quiz-modal-content p{color:var(--default-color-8);margin:0 0 40px;font-size:clamp(18px,2vw,23px);line-height:1.2em}.quiz-modal.quiz-confirm-warning .quiz-modal-content .button-group{flex-flow:row;justify-content:flex-end;align-items:center;gap:15px;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content{flex-flow:row;min-height:330px;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text{background-color:var(--quiz-color-3);flex-flow:column;flex:55%;padding:clamp(20px,3vw,30px);display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .inner-text{flex-flow:column;flex:1;justify-content:center;align-items:flex-start;width:100%;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .inner-text h2{color:var(--quiz-color-8);text-transform:none;margin:0 0 30px;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1em}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .inner-text p{color:var(--default-color-8);margin:0 0 30px;font-size:clamp(18px,2vw,23px);line-height:1.2em}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .end-button i,.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .end-button svg{color:var(--quiz-color-8)}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score{background-color:var(--default-color-2);flex-flow:column;flex:45%;padding:clamp(20px,3vw,30px) 20px;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text{flex-flow:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text h2{color:var(--default-color-8);text-transform:none;margin:0 0 10px;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1em}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text .quiz-score{color:var(--quiz-color-11);flex-flow:row;justify-content:center;align-items:center;gap:6px;margin:0 0 15px;display:flex}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text .quiz-score .score-container{margin:0;font-size:clamp(30px,4vw,40px);font-weight:800;line-height:1em}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text .quiz-score i,.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text .quiz-score svg{font-size:clamp(24px,3vw,34px)}@media screen and (width<=639px){.quiz-modal.quiz-confirm-result .quiz-modal-content{flex-flow:column}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text,.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score{flex:100%;width:100%}.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-text .inner-text,.quiz-modal.quiz-confirm-result .quiz-modal-content .quiz-result-score .inner-text{justify-content:center;align-items:center}}@media (width>=1px),(width<=1280px),(width<=992px),(width<=767px),(width<=480px){.nanopopup.quiz-popup{width:90vw!important;height:max-content!important;min-width:unset!important;max-width:1000px!important;min-height:unset!important;border-radius:clamp(10px,3vw,30px)!important;max-height:90vh!important;padding:0!important}}