:where(.el-quiz-intro,.el-quiz-result,.el-quiz-form){margin:var(--el-space) 0;padding:var(--el-space);border:1px solid var(--el-color-border);border-radius:var(--el-radius);background:var(--el-color-surface)}:where(.el-quiz-rules){margin:0 0 var(--el-space);padding-inline-start:calc(var(--el-space) * 1.25)}:where(.el-quiz-passed,.el-quiz-result[data-passed=true] .el-quiz-score){color:var(--el-color-success);font-weight:600}:where(.el-quiz-result[data-passed=false] .el-quiz-score){color:var(--el-color-danger);font-weight:600}:where(.el-quiz-notice:empty){display:none}:where(.el-quiz-timer){margin:0 0 var(--el-space);font-variant-numeric:tabular-nums;font-weight:600}:where(.el-quiz-corrections ol){padding-inline-start:calc(var(--el-space) * 1.25)}:where(.el-quiz-correction){margin-bottom:var(--el-space);border-inline-start:3px solid var(--el-color-danger);padding-inline-start:calc(var(--el-space) / 2)}:where(.el-quiz-correction[data-correct=true]){border-inline-start-color:var(--el-color-success)}:where(.el-quiz-correction-title){font-weight:600}
body{color:#111827;margin:0;font-family:system-ui,sans-serif}.demo-header{border-bottom:1px solid #d1d5db;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.demo-brand{color:inherit;font-weight:700;text-decoration:none}.demo-source{min-height:2.75rem;color:inherit;align-items:center;gap:.5rem;margin-inline-start:auto;display:inline-flex}.demo-source-logo{width:auto;height:1.25rem}.demo-source-icon{width:1.25rem;height:1.25rem}.demo-badge{color:#78350f;background:#fef3c7;border-radius:999px;padding:.125rem .5rem;font-size:.875rem}.demo-main{max-width:64rem;margin:0 auto;padding:1rem}.demo-personas{gap:.75rem;max-width:24rem;padding:0;list-style:none;display:grid}.demo-personas button{width:100%;min-height:2.75rem;font:inherit}