@font-face{font-family:'Quiz CTA';src:url('assets/mvc/quiz-demo/poppins-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Quiz Lora';src:url('assets/mvc/quiz-demo/lora.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Quiz Poppins';src:url('assets/poppins-medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:'Quiz Poppins';src:url('assets/mvc/quiz-demo/poppins-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
.mvc-quiz-stage{position:relative;aspect-ratio:1440/1024;overflow:hidden;border-radius:6px;box-shadow:0 2px 5px #0002;background:linear-gradient(94.29deg,#ffe4e4,#cfdfff)}
.mvc-quiz-canvas{position:absolute;width:1440px;height:1024px;transform-origin:top left;color:#000;font:500 16px/1.5 'Quiz Poppins',sans-serif;text-align:center}
.mvc-quiz-canvas *{box-sizing:border-box}
.mvc-page .story .mvc-quiz-canvas p,.mvc-page .story .mvc-quiz-canvas h3{margin:0;color:#000;max-width:none;letter-spacing:0}
.mvc-page .story .mvc-quiz-canvas h3{font:400 48px/66px 'Quiz Lora',serif}
.mvc-page .story .mvc-quiz-canvas .q-body{font:400 24px/40px 'Quiz Lora',serif}
.mvc-page .story .mvc-quiz-canvas .q-eyebrow{font:700 20px/30px 'Quiz Poppins',sans-serif;letter-spacing:2px;text-transform:uppercase}
.mvc-page .story .mvc-quiz-canvas>img{position:absolute;left:595px;top:40px;width:250px;height:21px;border-radius:0}
.q-progress{position:absolute;top:0;left:0;width:100%;height:10px;background:white}
.q-progress>span{display:block;height:100%;background:#fd7b7b;transition:width .4s ease}
.q-back,.q-counter{position:absolute;top:41px;font-size:14px;font-weight:600}
.q-back{left:100px}.q-counter{right:100px}
.q-screen{position:absolute;inset:0}.q-screen[hidden]{display:none}
.q-cta{display:table;margin:56px auto 0;padding:12px 50px;min-height:48px;border-radius:70px;background:#fd7b7b;font-family:'Quiz CTA',sans-serif;font-weight:600;color:white;transition:transform .2s,background .2s}
.q-cta.is-clicked{transform:scale(.95);background:#eb656d}
.q-intro{padding-top:220px}.q-intro h3{margin-top:20px!important}.q-intro .q-body{margin-top:20px!important}.q-intro .q-cta{margin-top:60px}
.q-name,.q-welcome{padding-top:270px}.q-input{margin:60px auto 0;width:508px;height:60px;border-radius:5px;background:white;text-align:left;padding:16px 20px;font-size:20px;position:relative}
.q-placeholder{color:#909090}.q-input.has-text .q-placeholder{display:none}.q-typed:after{content:'';display:inline-block;height:24px;border-right:1px solid #000;vertical-align:middle;margin-left:2px}.q-input.is-done .q-typed:after{display:none}.q-name .q-cta{margin-top:60px}
.q-welcome .q-body{margin-top:14px!important}.q-welcome .q-cta{margin-top:60px}
.q-symptoms,.q-severity,.q-goals{padding-top:110px}.q-symptoms .q-body,.q-severity .q-body,.q-goals .q-body{font-size:20px!important;line-height:32px!important;margin-top:20px!important}
.q-choice-grid{display:grid;grid-template-columns:repeat(5,180px);gap:50px;width:1100px;margin:50px auto 0}
.q-choice{position:relative;height:166px;background:#ffffff66;border:2px solid white;border-radius:10px;display:flex;align-items:center;flex-direction:column;padding:18px 16px 16px;gap:10px;line-height:23px;transition:background .25s,transform .25s,box-shadow .25s}
.q-choice.is-selected{background:#f6fbfe;box-shadow:0 2px 8px #8e93b318;transform:scale(1.025)}

.q-icon{display:block;position:relative;width:70px;height:70px;flex-shrink:0}
.mvc-page .story .mvc-quiz-canvas .q-icon img{position:absolute;left:0;top:0;width:70px;height:70px;border-radius:0}
.q-symptoms .q-cta{margin-top:66px}.q-none{display:block;text-decoration:underline;font-weight:700;margin-top:38px}
.q-ratings{width:920px;margin:55px auto 0}.q-rating{display:flex;align-items:center;gap:20px;height:136px;text-align:left}.q-rating>span:not(.q-icon){width:215px}.q-scale{display:flex;justify-content:space-between;width:500px;position:relative;padding-top:18px}.q-scale:before{content:'';height:3px;position:absolute;background:#fff;left:26px;right:26px;top:30px}.q-level{position:relative;text-align:center;font-size:14px;width:70px}.q-level i{display:block;width:26px;height:26px;border:2px solid white;border-radius:50%;margin:0 auto 18px;background:#e9e3f2}.q-rating.is-selected .q-level:first-child i{background:#fd7b7b;border-color:#fd7b7b;box-shadow:none}.q-severity .q-cta{margin-top:34px}
.q-fact,.q-testimonial{padding-top:160px}.q-fact h3{width:900px;margin:20px auto 0!important;line-height:72px!important}.q-fact .q-body{margin-top:20px!important}.q-fact .q-cta{margin-top:60px}
.q-want{font:700 20px/30px 'Quiz Poppins',sans-serif!important;margin-top:52px!important}.q-goal-grid{display:grid;grid-template-columns:repeat(5,180px);gap:60px;width:1140px;margin:30px auto 0}.q-goal-grid .q-choice{justify-content:center;padding:20px}.q-goals .q-cta{margin-top:90px}
.q-testimonial h3{width:873px;margin:20px auto 0!important;font-size:39px!important;line-height:68px!important}.q-attribution{font:500 18px/32px 'Quiz Poppins',sans-serif!important;margin-top:20px!important}.q-testimonial .q-cta{margin-top:60px}
.q-email{padding-top:190px}.q-email .q-body{margin-top:4px!important}.q-email .q-input{margin-top:60px}.q-newsletter{position:absolute;left:466px;top:510px;display:flex;align-items:flex-start;gap:14px;width:441px;margin:0;text-align:left;color:#777;font:500 16px/24px 'Quiz Poppins',sans-serif}
.q-newsletter-box{position:relative;flex:none;width:30px;height:30px;background:#febe01;border-radius:4px;box-shadow:2px 2px 10px #0000001a}
.mvc-page .story .mvc-quiz-canvas .q-newsletter-box img{position:absolute;left:6.5px;top:8.5px;width:17px;height:13px;border-radius:0}
.q-newsletter-copy{display:block;width:397px;padding-top:2px}
.q-email .q-cta{position:absolute;top:620px;left:50%;translate:-50% 0;margin:0}
.q-results{padding-top:120px}.mvc-page .story .mvc-quiz-canvas .q-results h3{line-height:60px}
.q-result-columns{display:grid;grid-template-columns:600px 480px;gap:100px;text-align:left;margin:60px 130px 0}
.q-result-lead{font:500 34px/52px 'Quiz Poppins',sans-serif!important}
.q-results .q-body{font-size:20px!important;line-height:32px!important;margin-top:20px!important}
.q-results .q-result-columns>div:nth-child(2) .q-body{margin-top:0!important}
.q-results .q-cta{margin:40px 0 0;width:294px;padding:12px 0;text-align:center;white-space:nowrap}
.q-results b{color:#fd7b7b;font-family:'Quiz Poppins',sans-serif;font-weight:700}
.q-cursor{position:absolute;width:28px;height:36px;z-index:5;pointer-events:none;opacity:0;transition:left .45s ease,top .45s ease,opacity .2s}.q-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0003)}
.mvc-quiz-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.mvc-quiz-controls button:focus-visible{outline:2px solid #fd7b7b;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.mvc-quiz-canvas *{transition:none!important}}

.q-loading-art{position:absolute;left:558px;top:204px;width:324px;height:324px}
.mvc-page .story .mvc-quiz-canvas .q-loading-art img{position:absolute;left:0;top:0;width:324px;height:324px;border-radius:0}
.q-loading-ring{mask-image:radial-gradient(circle,transparent 60%,black 61%);transform-origin:center}
.q-loading-leg{clip-path:circle(43% at center)}
.mvc-page .story .mvc-quiz-canvas .q-loading .q-body{position:absolute;top:601px;left:283px;width:873px;font-size:24px;line-height:40px}