.quiz-step{animation:.35s both quiz-in}@keyframes quiz-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.quiz-lineup{flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:8px 0 4px;display:flex}.quiz-lineup figure{flex-direction:column;align-items:center;gap:2px;margin:0;animation:3.2s ease-in-out infinite quiz-bob;display:flex}.quiz-lineup figure:nth-child(2){animation-delay:-.8s}.quiz-lineup figure:nth-child(3){animation-delay:-1.6s}.quiz-lineup figure:nth-child(4){animation-delay:-2.4s}.quiz-lineup figcaption{font-family:var(--font-caveat), cursive;color:#ffe9d6;font-size:26px;font-weight:700;line-height:1}@keyframes quiz-bob{0%,to{translate:0}50%{translate:0 -8px}}.quiz-back{appearance:none;font-family:var(--font-poppins), sans-serif;color:#cfc4e6;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:600}.quiz-back:hover{color:#fff}.quiz-progress{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.quiz-progress>span{border-radius:inherit;background:linear-gradient(90deg,#ff7a2f,#ffb23f);height:100%;transition:width .35s;display:block}.quiz-answer{appearance:none;min-height:84px;font-family:var(--font-poppins), sans-serif;text-align:left;color:#2a0e30;cursor:pointer;background:#fff;border:0;border-radius:20px;padding:18px 22px;font-size:16px;font-weight:500;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 10px 24px #0e062040}.quiz-answer:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #ffb23f,0 14px 30px #0e06204d}.quiz-answer[data-chosen]{background:#ffd3b0;transform:scale(.98);box-shadow:0 0 0 2px #f5a233}.quiz-answer:focus-visible,.quiz-back:focus-visible,.quiz-more:focus-visible,.quiz-secondary:focus-visible{outline-offset:3px;outline:3px solid #ff9a35}.quiz-card{background:#fff;border-radius:28px;padding:36px;box-shadow:0 30px 60px #0e062059}.quiz-halo{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:min(100%,300px);display:flex}.quiz-bar{background:#f6eff5;border-radius:999px;flex:1;height:10px;overflow:hidden}.quiz-bar>span{border-radius:inherit;height:100%;transition:width .5s;display:block}.quiz-more{appearance:none;font-family:var(--font-poppins), sans-serif;color:#c4501a;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:6px;padding:0;font-size:14.5px;font-weight:600;display:inline-flex}.quiz-more:hover{color:#e8410f;text-underline-offset:3px;text-decoration:underline}.quiz-fact{flex-direction:column;gap:4px;margin:0;display:flex}.quiz-fact dt{letter-spacing:.16em;text-transform:uppercase;color:#877388;font-size:12px;font-weight:600}.quiz-fact dd{color:#2a0e30;margin:0;font-size:15px;line-height:1.45}.quiz-box{background:#fff8f1;border-radius:20px;flex-direction:column;gap:12px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #ede2ea}.quiz-pill{color:#2a0e30;background:#fff;border-radius:11px;align-items:center;height:34px;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ede2ea}.quiz-secondary{appearance:none;height:54px;font-family:var(--font-baloo), sans-serif;color:#2a0e30;cursor:pointer;background:#f6eff5;border:0;border-radius:16px;padding:0 22px;font-size:17px;font-weight:700;transition:background .15s}.quiz-secondary:hover{background:#ede2ea}@media (max-width:640px){.quiz-card{padding:24px 20px}.quiz-lineup figure svg{width:92px;height:92px}}@media (prefers-reduced-motion:reduce){.quiz-step,.quiz-lineup figure{animation:none}.quiz-answer,.quiz-progress>span,.quiz-bar>span{transition:none}}.quiz-halo{position:relative}.quiz-sidekick{border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:absolute;bottom:4%;right:2%;box-shadow:0 0 0 5px #fff,0 10px 22px #0e062026}.quiz-scale{background:linear-gradient(90deg,#ede2ea,#ffd3b0);border-radius:999px;height:8px;position:relative}.quiz-scale>span{background:#2a0e30;border-radius:50%;width:18px;height:18px;transition:left .5s;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 0 0 3px #fff}
