.c-quiz{display:grid;gap:1.5rem}.c-quiz__counter{font-size:1rem;color:rgb(var(--text-color) / .7)}.c-quiz__counter-number{--tw-text-opacity: 1;color:rgb(var(--text-color) / var(--tw-text-opacity, 1))}.c-quiz__title{border-bottom-width:1px;border-color:currentColor;padding-top:.5rem;padding-bottom:.5rem;font-size:1.375rem}.c-quiz__options{display:grid;gap:1rem}.c-quiz__option{position:relative;display:flex;cursor:pointer;align-items:flex-start;gap:.75rem;overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--shade-300) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(var(--shade-200) / var(--tw-bg-opacity, 1));padding:1.25rem}.c-quiz__option:hover{--tw-bg-opacity: 1;background-color:rgb(var(--shade-300) / var(--tw-bg-opacity, 1))}.c-quiz__option.is-answered{pointer-events:none}.c-quiz__option.is-correct{border-color:#22c55e26;background-color:#22c55e1a}.c-quiz__option.is-wrong.is-selected{border-color:#ef444426;background-color:#ef44441a}.c-quiz__radio{position:relative;margin-top:.125rem;width:1.25rem;height:1.25rem;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--shade-500) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(var(--bg-color) / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.c-quiz__radio:checked{--tw-border-opacity: 1;border-color:rgb(var(--primary-color) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(var(--primary-color) / var(--tw-bg-opacity, 1))}.c-quiz__radio:checked:after{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(var(--bg-color) / var(--tw-bg-opacity, 1))}.is-correct.is-selected .c-quiz__radio:checked{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.c-quiz__option-text{flex:1 1 0%;font-size:1rem}.c-quiz__option-percent{flex-shrink:0;font-size:.875rem;opacity:.7}.c-quiz__explanation{margin-top:-.5rem;padding-left:1.25rem;padding-right:1.25rem;font-size:1rem}.c-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.c-quiz__result{display:grid;gap:.5rem}.c-quiz__result-title{padding-bottom:1rem;font-size:1.375rem}.c-quiz__result-label{font-size:1rem;opacity:.7}.c-quiz__result-score{display:flex;align-items:center;gap:.5rem}.c-quiz__result-circle{width:2rem;height:2rem;flex-shrink:0;border-radius:9999px;--fill-color: #22c55e;background:conic-gradient(var(--fill-color) calc(var(--progress, 0) * 1%),rgb(var(--text-color) / .06) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 8px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 8px))}.c-quiz__result-circle--good{--fill-color: #22c55e}.c-quiz__result-circle--medium{--fill-color: #eab308}.c-quiz__result-circle--bad{--fill-color: #ef4444}.c-quiz__result-score-text{font-size:1rem;font-weight:700}.c-quiz__result-description{font-size:1rem}.c-quiz__review{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--shade-300) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(var(--shade-200) / var(--tw-bg-opacity, 1))}.c-quiz__review-toggle{display:flex;cursor:pointer;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:600}.c-quiz__review-toggle .i-icon-angle{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;transition-property:transform}.c-quiz__review[open] .c-quiz__review-toggle .i-icon-angle{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.c-quiz__review-list{display:grid;gap:1.25rem;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;counter-reset:quiz-review}.c-quiz__review-item{display:grid;gap:.5rem;counter-increment:quiz-review}.c-quiz__review-question{font-size:1rem;font-weight:600}.c-quiz__review-question:before{content:counter(quiz-review) ". "}.c-quiz__review-answer{font-size:1rem;font-weight:500}.c-quiz__review-answer .i-icon{vertical-align:baseline;font-size:.875rem}.c-quiz__review-answer--correct{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.c-quiz__review-answer--wrong{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.c-quiz__review-answer span{font-weight:400;--tw-text-opacity: 1;color:rgb(var(--text-color) / var(--tw-text-opacity, 1))}