.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--ink-950);color:var(--paper);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease);overflow-y:auto}.quiz-overlay[data-open=true]{opacity:1;pointer-events:auto}.quiz-overlay:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(closest-side,var(--mint-glow),transparent 65%);filter:blur(60px);opacity:.28;pointer-events:none}.quiz-shell{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-16);min-height:100%;display:flex;flex-direction:column}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-10)}.quiz-close{background:var(--ink-850);border:1px solid var(--line-dark-strong);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--dark-slate-400);font-size:1.1rem}.quiz-close:hover{color:var(--paper)}.quiz-progress-track{flex:1;margin:0 var(--sp-6);height:3px;background:var(--ink-800);border-radius:var(--radius-pill);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--grad-mint);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease);width:20%}.quiz-count{font-size:var(--text-sm);font-weight:600;color:var(--dark-slate-400);white-space:nowrap}.quiz-count b{color:var(--paper)}.quiz-body{flex:1;display:flex;flex-direction:column;justify-content:center}.quiz-question{display:none;animation:quizIn var(--dur-slow) var(--ease)}.quiz-question[data-active=true]{display:block}@keyframes quizIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-question{animation:none}}.quiz-eyebrow{margin-bottom:var(--sp-4)}.quiz-question h2{font-size:var(--text-3xl);margin-bottom:var(--sp-8);max-width:18ch;color:var(--paper)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.quiz-options.single-col{grid-template-columns:1fr}.quiz-option{display:flex;align-items:center;gap:var(--sp-4);text-align:left;width:100%;background:var(--ink-900);border:1px solid var(--line-dark-strong);border-radius:var(--radius-md);padding:var(--sp-5);color:var(--paper);font-size:var(--text-base);font-weight:500;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.quiz-option:hover{border-color:#12d8b280;background:var(--ink-850);transform:translateY(-2px)}.quiz-option[aria-pressed=true]{border-color:var(--mint);background:var(--mint-soft)}.quiz-option-index{font-size:var(--text-xs);font-weight:700;color:var(--dark-slate-500);flex-shrink:0;width:22px;height:22px;border:1px solid var(--line-dark-strong);border-radius:6px;display:flex;align-items:center;justify-content:center}.quiz-option[aria-pressed=true] .quiz-option-index{border-color:var(--mint);color:var(--mint)}.quiz-option-sub{display:block;font-size:var(--text-xs);color:var(--dark-slate-500);font-weight:400;margin-top:.2rem}.quiz-nav{display:flex;justify-content:space-between;margin-top:var(--sp-8)}.quiz-back{background:none;border:0;padding:0;cursor:pointer;color:var(--dark-slate-500);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:var(--sp-2)}.quiz-back:hover{color:var(--dark-slate-300)}.quiz-back[disabled]{opacity:0;pointer-events:none}.quiz-loading{display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);min-height:50vh;text-align:center}.quiz-loading[data-active=true]{display:flex}.quiz-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--ink-800);border-top-color:var(--mint);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.quiz-spinner{animation:spin 1.5s steps(8) infinite}}.quiz-loading p{font-size:var(--text-sm);font-weight:600;color:var(--dark-slate-400)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cl-quiz.css.map */