html,body,#root{height:100%}.react-quiz-container{margin:20px;max-width:500px}.react-quiz-container .startQuizWrapper{margin-top:10px}.react-quiz-container .btn{margin-bottom:0;font-weight:600;text-align:center;padding:11px 12px;vertical-align:middle;touch-action:manipulation;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.react-quiz-container .questionWrapper .btn{margin-top:10px;margin-bottom:10px;border-radius:4px;border:1px solid #e8e8e8;font-size:15px;display:block;white-space:normal;text-align:unset}.react-quiz-container .questionWrapper .btn.correct{background:#388e3c;color:#000}.timerBtn{background:#388e3c;border:0!important;width:80px;color:#fff;padding:5px;top:-35px;border-radius:10px;position:relative;float:right;cursor:pointer}.timerPauseScreen{font-size:30px}.react-quiz-container .questionModal .alert{padding:20px;margin-bottom:21px;border:1px solid transparent;border-radius:2px;color:#fff}.react-quiz-container .correct{background:#388e3c}.react-quiz-container .incorrect{background:#d32f2f;color:#000}.react-quiz-container .unanswered{background:gray;color:#fff}.react-quiz-container .questionWrapper img,.react-quiz-container .answerBtn{width:100%}.react-quiz-container .selected{background:#007bff;color:#fff}.react-quiz-container .startQuizWrapper .startQuizBtn{font-size:15px;border-radius:2px;line-height:1.35135;color:#000000a6;background-color:#fff;border:1px solid #d9d9d9}.react-quiz-container .result-answer-wrapper{margin-bottom:20px;border:1px solid #e8e8e8;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.react-quiz-container .result-answer-wrapper h3{opacity:.8;margin:0;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px}.react-quiz-container .result-answer-wrapper .explanation{padding:20px;margin:0 20px 20px;border:1px solid #e8e8e8}.react-quiz-container .result-answer-wrapper .tag-container{margin:20px}.react-quiz-container .result-answer{padding:0 20px}.react-quiz-container .quiz-synopsis{margin:15px 0}.react-quiz-container .tag-container{margin-top:20px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:5px}.react-quiz-container .selection-tag,.react-quiz-container .number-of-selection{padding:7px;border-radius:5px;color:#fff}.react-quiz-container .number-of-selection{background:#673ab7;margin-left:5px}.react-quiz-container .selection-tag.single{background:#3f51b5}.react-quiz-container .selection-tag.multiple{background:#ff9800}.react-quiz-container .selection-tag.segment{background:#3db4b9;margin-left:5px}.react-quiz-container .questionBtnContainer{display:flex;justify-content:space-between}.react-quiz-container .quiz-result-filter{position:relative;width:120px;bottom:15px}.filter-dropdown-select{padding:8px;margin-top:2px;text-transform:capitalize;border:2px solid #c2c5c7;border-radius:7px;background-color:#fcfcfc;color:#333;font-size:16px;cursor:pointer;bottom:10px;position:relative;height:12px}.filter-dropdown-select:after{transition:all .3s ease;content:"▼";position:absolute;top:57%;right:10px;transform:translateY(-50%);color:#a5a5a5;font-size:11px}.filter-dropdown-select:hover{border:2px solid #51aae6;box-shadow:0 0 6px #6db3fa80}.dropdown-options{list-style:none;padding:0;margin:0;position:absolute;top:85%;z-index:1;left:0;width:100%;background-color:#fcfcfc;box-shadow:0 0 10px #8d8f9180;border-radius:10px}.filter-dropdown-select.open{border:2px solid #51aae6;box-shadow:0 0 6px #6db3fa80}.dropdown-options .dropdown-options-item{padding:10px;font-size:16px;cursor:pointer;color:#000}.dropdown-options .dropdown-options-item:hover{background-color:#e2e2e2d9;border-radius:5px}.dropdown-options .dropdown-options-item:focus{background-color:#d7f1f9;font-weight:700}.filter-dropdown-select .selected-option.selected-open{color:#c6c2c2;font-weight:lighter}.filter-dropdown-select .selected-option{font-size:16px;position:relative;top:-12px}.filter-dropdown-select:focus+.dropdown-options{max-height:200px}.dropdown-options .dropdown-options-item.selected{background-color:#d7f1f9;color:#333;font-weight:700}.dropdown-options.open{max-height:200px}.cursor{display:inline-block;background-color:#000;margin-left:2px;width:3px;animation:blink 1s infinite}@keyframes blink{0%{background-color:#000}49%{background-color:#000}50%{background-color:transparent}99%{background-color:transparent}to{background-color:#000}}