@import"https://fonts.googleapis.com/css?family=Cabin";body{height:100vh;display:flex;justify-content:center;align-items:center;font-family:Cabin,sans-serif;color:#e0e0e0;background-color:#383882;-webkit-font-smoothing:antialiased;overflow-y:hidden}@media (max-width: 767px){body{padding-left:24px;padding-right:24px}}.quiz-modal{background-color:#5b58c2;width:700px;margin:0 auto;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}@media (max-width: 767px){.quiz-modal{width:100%}}.quiz-modal__header{font-weight:700;font-size:22px;border-bottom:1px solid #7b78c7;min-height:55px;display:flex;align-items:center;padding:1.5rem 2.5rem}@media (max-width: 767px){.quiz-modal__header{font-size:18px;padding:1.5rem 1rem}}.quiz-modal__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;padding:4rem 3.5rem;flex-grow:1}@media (max-width: 767px){.quiz-modal__body{grid-template-columns:1fr;padding:1.5rem 1.25rem}}.quiz-modal__icon{margin:0 .5rem 0 .75rem}.quiz-modal__icon--check{font-weight:600;color:#31f75de8}.quiz-modal__icon--incorrect{font-weight:600;color:#ffa0ae}.quiz-modal__option{padding:1.5rem;background-color:#7f7be6;color:#fff;border:none;font-weight:500;display:flex;align-items:center;text-align:left;transition:.3s all;border-radius:.375rem;cursor:pointer;font-family:Cabin,sans-serif;font-size:1rem}.quiz-modal__option:hover{background-color:#635ee6;color:#fff;font-weight:500}.quiz-modal__option:active,.quiz-modal__option:focus{outline:none}.quiz-modal__option--correct{background-color:#1fb77fd9!important;color:#fff!important}.quiz-modal__option--correct:hover,.quiz-modal__option--correct:focus,.quiz-modal__option--correct:active{color:#fff!important;background-color:#1fb77fd9!important}.quiz-modal .quiz-modal__body .quiz-modal__option--incorrect{background-color:#f12c4acf;color:#fff}.quiz-modal .quiz-modal__body .quiz-modal__option--incorrect:hover,.quiz-modal .quiz-modal__body .quiz-modal__option--incorrect:focus,.quiz-modal .quiz-modal__body .quiz-modal__option--incorrect:active{color:#fff;background-color:#f12c4acf}.quiz-modal__option:disabled{cursor:not-allowed}.quiz-modal__option[disabled]{color:#ccc}.quiz-modal__option[disabled]:hover{background:#7f7be6;color:#ccc}.quiz-modal__footer{border-top:1px solid #7b78c7;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-weight:600;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}@media (max-width: 767px){.quiz-modal__footer{padding:1.5rem 1rem;flex-direction:column}}.quiz-modal__footer--bg{background:#e8dd9e;color:#383882}.quiz-modal__progress-controls{display:flex;align-items:center;margin:auto 0 auto auto}.quiz-modal__progress-current{margin:0;font-size:1rem;margin-right:1rem}.quiz-modal .quiz-modal__progress-alert{font-weight:500;margin:0;display:flex;align-items:center}@media (max-width: 767px){.quiz-modal .quiz-modal__progress-alert{padding-bottom:.75rem}}.quiz-modal .quiz-modal__progress-alert svg{color:#fff;padding:.5rem;border-radius:50%;margin:0 .75rem 0 0}.quiz-modal .quiz-modal__progress-alert--correct{color:#31f75de8}.quiz-modal .quiz-modal__progress-alert--correct svg{background:#1fb77fd9}.quiz-modal .quiz-modal__progress-alert--incorrect{color:#ffa0ae}.quiz-modal .quiz-modal__progress-alert--incorrect svg{background:#f12c4acf}.quiz-modal__btn{padding:.75rem 2rem;border-radius:.375rem;color:#fff;font-weight:700;border:none;cursor:pointer;font-family:Cabin,sans-serif;font-size:1rem;transition:.3s all}.quiz-modal__btn--enabled{background-color:#7f7be6}.quiz-modal__btn--enabled:hover{background-color:#635ee6}.quiz-modal__btn--disabled{background-color:#b2b0f5;cursor:not-allowed}.quiz-modal__score{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:375px}.quiz-modal__score p{margin:.5rem;display:flex;align-items:center;justify-content:center}.quiz-modal__score p span{margin-left:.25rem;font-weight:600}.quiz-modal__score p:last-of-type{margin-bottom:0}.quiz-modal__score-header{font-size:1.25rem;font-weight:700}.quiz-modal .quiz-modal__results-score{text-align:center;margin:0;display:flex;justify-content:center;align-items:center;font-size:6rem;font-weight:900;letter-spacing:-4.5px}.quiz-modal__results-details{margin-bottom:0}.quiz-modal__results-details p{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.quiz-modal__results-details p span{font-weight:600}.quiz-modal__controls{display:flex;justify-content:center;margin-top:2.5rem}.quiz-modal__controls button{margin:0 auto}.quiz-modal__initial{min-height:375px;display:flex;justify-content:center;flex-direction:column;align-items:center}.quiz-modal__initial p{margin-bottom:0;font-size:1.15rem}.quiz-modal__initial-header{margin:0;font-weight:700;font-size:2rem}.settings{display:flex;justify-content:space-between;align-items:center;width:100%}.settings select{padding:8px 16px;border-radius:4px;margin:0 4px;background-color:#383882;border:none;cursor:pointer;color:#fff}.settings input[type=submit]{background-color:#383882}