.quiz-page{--cream:#ffffff;--cream-2:var(--capsi-paper);--aubergine:var(--capsi-navy);--aubergine-soft:var(--capsi-navy-deep);--muted:var(--text-body);--coral:var(--capsi-capsicum);--hair:var(--hairline);--hair-2:var(--hairline);--font-d:var(--display);--font-b:var(--sans);font-family:var(--font-b);background:var(--capsi-paper);color:var(--capsi-ink);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.quiz-page *,.quiz-page *:before,.quiz-page *:after{box-sizing:border-box}.quiz-page button{-webkit-tap-highlight-color:transparent}.quiz-page h1,.quiz-page p,.quiz-page h3{margin:0}.quiz-page img{max-width:100%;display:block}.quiz-page .qz-profile-note{display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;background:var(--cream-2);border-bottom:1px solid var(--hair);color:var(--muted);font-size:13px;line-height:1.4;padding:9px 20px}.quiz-page .qz-profile-note[hidden]{display:none}.quiz-page .qz-profile-note .qz-pn-mk{color:var(--coral);flex:none}.quiz-page .qz-topbar{position:sticky;top:0;z-index:50;background:var(--cream);border-bottom:1px solid var(--hair)}.quiz-page .qz-topbar-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px}.quiz-page .qz-back{background:transparent;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:14px;margin:-14px;border-radius:var(--r-sm);transition:color .14s}.quiz-page .qz-back:hover{color:var(--aubergine)}.quiz-page .qz-back[hidden]{display:none}.quiz-page .qz-right{display:flex;align-items:center;gap:16px}.quiz-page .qz-step{font-size:12px;letter-spacing:.02em;color:var(--muted);font-variant-numeric:tabular-nums}.quiz-page .qz-exit{background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;padding:14px;margin:-14px;border-radius:var(--r-sm);transition:color .14s}.quiz-page .qz-exit:hover{color:var(--coral)}.quiz-page .qz-leave{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#111d4a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quiz-page .qz-leave[hidden]{display:none}.quiz-page .qz-leave-card{background:var(--cream);border-radius:var(--r-md);max-width:380px;width:100%;padding:28px 26px 24px;box-shadow:0 30px 70px -30px #111d4a80;text-align:center}.quiz-page .qz-leave-h{font-family:var(--font-d);font-weight:550;letter-spacing:-.02em;font-size:22px;color:var(--aubergine);margin-bottom:10px}.quiz-page .qz-leave-p{font-size:13.5px;color:var(--muted);line-height:1.55;margin-bottom:22px}.quiz-page .qz-leave-actions{display:flex;flex-direction:column;gap:10px}.quiz-page .qz-leave-stay{width:100%;background:var(--aubergine);color:var(--cream);border:0;border-radius:var(--r-sm);padding:14px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.quiz-page .qz-leave-stay:hover{background:var(--aubergine-soft)}.quiz-page .qz-leave-go{display:block;width:100%;background:transparent;color:var(--muted);border:1px solid var(--hair-2);border-radius:var(--r-sm);padding:13px;font:inherit;font-size:14px;text-decoration:none;text-align:center;transition:all .15s}.quiz-page .qz-leave-go:hover{border-color:var(--aubergine);color:var(--aubergine)}.quiz-page .stage{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:26px 16px 60px}.quiz-page .device{width:100%;max-width:680px;background:var(--cream);border-radius:var(--r-md);box-shadow:0 18px 50px -28px #111d4a80;position:relative;display:flex;flex-direction:column;min-height:600px;transition:max-width .25s ease}.quiz-page[data-view=phone] .device{max-width:392px;min-height:min(720px,calc(100vh - 140px))}.quiz-page[data-view=phone] .device{min-height:min(720px,calc(100dvh - 140px))}.quiz-page .prog-wrap{height:2px;background:var(--hair);position:relative;margin:0;transition:opacity .3s}.quiz-page .prog{position:absolute;top:0;right:100%;bottom:0;left:0;background:var(--capsi-capsicum);transition:right .4s cubic-bezier(.4,0,.2,1)}.quiz-page .topline{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 0}.quiz-page .wordmark{display:inline-flex;align-items:center;text-decoration:none}.quiz-page .wordmark img{height:52px;width:auto;display:block}@media(max-width:920px){.quiz-page .wordmark img{height:44px}}.quiz-page .dot{color:var(--coral)}.quiz-page .backbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:13px 10px;margin:-7px -10px;display:inline-flex;align-items:center;gap:6px;opacity:.85}.quiz-page .backbtn:hover{opacity:1}.quiz-page .backbtn[hidden]{visibility:hidden}.quiz-page .screen{padding:20px 26px 30px;flex:1;display:flex;flex-direction:column}.quiz-page[data-view=phone] .screen{padding:16px 22px 30px}.quiz-page .qhead{margin:30px 0 22px}.quiz-page[data-view=phone] .qhead{margin:24px 0 18px}.quiz-page h1.q{font-family:var(--font-d);font-weight:550;color:var(--capsi-navy);font-size:27px;line-height:1.18;letter-spacing:-.02em;font-variant-ligatures:none}.quiz-page[data-view=phone] h1.q{font-size:23px}.quiz-page .qhint{font-size:13px;color:var(--muted);margin-top:11px;display:flex;gap:7px;align-items:flex-start}.quiz-page .qhint .i{font-family:var(--font-d);font-style:italic;border:1px solid var(--hair-2);border-radius:50%;width:17px;height:17px;flex:none;display:grid;place-items:center;font-size:10px;color:var(--muted);margin-top:1px}.quiz-page .opts{display:flex;flex-direction:column;gap:10px;margin-top:4px}.quiz-page .opt{width:100%;text-align:left;background:var(--capsi-paper);cursor:pointer;border:1px solid var(--hairline);border-radius:var(--r-md);padding:15px 16px;font:inherit;font-size:14.5px;color:var(--capsi-ink);display:flex;align-items:center;gap:14px;transition:all .14s ease;line-height:1.3}.quiz-page .opt:hover{border-color:var(--outline-strong)}.quiz-page .opt .lab{flex:1;min-width:0}.quiz-page .opt .mk{width:18px;height:18px;border:1px solid var(--outline-strong);border-radius:50%;flex:none;display:grid;place-items:center;transition:all .14s}.quiz-page .opt.sel{background:#fff;color:var(--capsi-navy);border-color:var(--capsi-navy);box-shadow:inset 0 0 0 1px var(--capsi-navy)}.quiz-page .opt.sel .mk{background:var(--capsi-navy);border-color:var(--capsi-navy)}.quiz-page .opt.sel .mk:after{content:"\2713";font-size:11px;line-height:1;font-weight:700;color:#fff}.quiz-page .opt .sub{display:block;font-size:12px;color:var(--text-muted);margin-top:3px}.quiz-page .opt .tag{margin-left:auto;font-size:12px;letter-spacing:.02em;color:var(--capsi-oxblood);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:3px 8px;flex:none}.quiz-page .opt .ic{width:26px;height:26px;flex:none;color:var(--text-muted);transition:color .14s}.quiz-page .opt .ic svg{width:26px;height:26px;display:block}.quiz-page .opt:hover .ic,.quiz-page .opt.sel .ic{color:var(--capsi-navy)}.quiz-page .spacer-grow{flex:1;min-height:18px}.quiz-page .cta-wrap{margin-top:24px}.quiz-page[data-view=phone] .cta-wrap{position:sticky;bottom:0;margin:24px -22px 0;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--cream) 72%,rgba(255,255,255,0))}.quiz-page .cta{width:100%;background:var(--aubergine);color:var(--capsi-paper);border:0;border-radius:var(--r-pill);padding:16px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,opacity .15s}.quiz-page .cta:hover{background:var(--aubergine-soft)}.quiz-page .cta:disabled{opacity:.32;cursor:not-allowed}.quiz-page .cta.ghost{background:transparent;color:var(--muted);border:1px solid var(--hair-2);margin-top:9px}.quiz-page .cta.ghost:hover{background:transparent;border-color:var(--aubergine);color:var(--aubergine)}.quiz-page .field{width:100%;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--capsi-paper);padding:15px 16px;font:inherit;font-size:16px;color:var(--capsi-ink);margin-top:14px;transition:border-color .15s}.quiz-page .field:focus{outline:none;border-color:var(--aubergine)}.quiz-page .statechips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quiz-page .statechip{background:var(--capsi-paper);border:1px solid var(--hairline);border-radius:var(--r-pill);display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;font:inherit;font-size:13.5px;color:var(--capsi-ink);cursor:pointer;transition:all .14s}.quiz-page .statechip:hover{border-color:var(--aubergine)}.quiz-page .statechip.on{background:var(--aubergine);color:var(--cream);border-color:var(--aubergine)}.quiz-page .selectwrap{position:relative;margin-top:10px}.quiz-page .selectwrap:after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.quiz-page select.select{appearance:none;-webkit-appearance:none;font-family:var(--font-b);font-size:16px;color:var(--aubergine);cursor:pointer;padding-right:40px}.quiz-page select.select:invalid,.quiz-page select.select option[value=""]{color:var(--text-muted)}.quiz-page .field::placeholder{color:var(--text-muted)}.quiz-page .setaside{font-size:12px;color:var(--muted);background:#111d4a0d;border:1px solid rgba(17,29,74,.15);border-radius:var(--r-xs);padding:11px 13px;margin-top:12px;line-height:1.45}.quiz-page .setaside b{color:var(--aubergine);font-weight:600}.quiz-page .grouplbl{font-family:var(--font-b);font-size:13.5px;font-weight:600;letter-spacing:.04em;color:var(--aubergine);margin:24px 0 6px}.quiz-page .opt.capped{opacity:.45}.quiz-page .caphint{font-size:12px;color:var(--muted);font-style:italic;margin-top:10px;text-align:center}.quiz-page .caphint[hidden]{display:none}.quiz-page .fieldhelp{font-size:12px;color:var(--capsi-oxblood);margin-top:7px}.quiz-page .fieldhelp[hidden]{display:none}.quiz-page .disclosure{font-size:12px;color:var(--muted);opacity:.85;line-height:1.5;margin-top:10px;text-align:center}.quiz-page .gate{border:1px solid var(--hair);border-radius:var(--r-md);background:var(--cream-2);padding:14px 16px 15px;margin:0 0 14px}.quiz-page .gate-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--aubergine)}.quiz-page .gate-ready{display:inline-flex;align-items:center;gap:6px;color:var(--coral)}.quiz-page .gate-ready i{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:qz-gatepulse 1.8s ease-in-out infinite}.quiz-page .gate-bars{margin-top:12px;display:flex;flex-direction:column;gap:8px}.quiz-page .gate-bars span{display:block;height:15px;border-radius:8px;background:var(--aubergine);opacity:.2;filter:blur(3.5px);width:64%}.quiz-page .gate-bars span+span{height:11px;width:42%;opacity:.13}.quiz-page .gate-from{font-size:13px;color:var(--muted);line-height:1.45;margin-top:13px}.quiz-page .gate-note{font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px}@keyframes qz-gatepulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.quiz-page .gate-ready i{animation:none}}.quiz-page .scrollcue{position:sticky;bottom:0;display:flex;justify-content:center;pointer-events:none;margin:0 -26px;padding:18px 0 6px;background:linear-gradient(to top,var(--cream) 38%,rgba(255,255,255,0));opacity:0;transition:opacity .25s ease}.quiz-page[data-view=phone] .scrollcue{margin:0 -22px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}.quiz-page .scrollcue.show{opacity:1}.quiz-page .scrollcue span{pointer-events:auto;cursor:pointer;font-size:12px;letter-spacing:.04em;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.quiz-page .scrollcue span:after{content:"\2193";font-size:12px}@media(prefers-reduced-motion:reduce){.quiz-page .scrollcue{transition:none}}.quiz-page .proc-wrap{padding:46px 6px 30px;max-width:430px;margin:0 auto;width:100%}.quiz-page .proc-wrap h1{font-family:var(--font-d);font-weight:550;color:var(--capsi-navy);letter-spacing:-.02em;font-size:24px;line-height:1.25;margin-bottom:26px}.quiz-page[data-view=phone] .proc-wrap h1{font-size:21px}.quiz-page .proc-step{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin-bottom:15px;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,color .25s ease}.quiz-page .proc-step.show{opacity:1;transform:none}.quiz-page .proc-step .pmk{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--hair-2);flex:none;margin-top:1px;display:grid;place-items:center;font-size:10px;color:var(--cream);transition:background .25s ease,border-color .25s ease}.quiz-page .proc-step.show:not(.done) .pmk{border-top-color:var(--aubergine);animation:qz-procspin .8s linear infinite}.quiz-page .proc-step.done .pmk{background:var(--aubergine);border-color:var(--aubergine);animation:none}.quiz-page .proc-step.done .pmk:after{content:"\2713"}.quiz-page .proc-step.done{color:var(--aubergine)}@keyframes qz-procspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.quiz-page .proc-step{transition:none}.quiz-page .proc-step .pmk{animation:none!important}}@keyframes qz-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-page .screen>*{animation:qz-fade .26s ease both}.quiz-page .screen.no-anim>*{animation:none}@media(hover:none){.quiz-page .opt:hover{border-color:var(--hairline);background:var(--capsi-paper)}.quiz-page .opt:hover .ic{color:var(--text-muted)}.quiz-page .opt.sel:hover{border-color:var(--capsi-navy);background:#fff}.quiz-page .opt.sel:hover .ic{color:var(--capsi-navy)}}.quiz-page .quiz-noscript{max-width:680px;margin:0 auto;padding:120px 20px;text-align:center}.quiz-page .quiz-noscript h1{font-family:var(--font-d);font-weight:550;color:var(--capsi-navy);letter-spacing:-.02em;font-size:27px;margin-bottom:12px}.quiz-page .quiz-noscript p{color:var(--muted)}.quiz-page .quiz-noscript a{color:var(--aubergine)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/quiz.css.map */