@layer sections{sm-quiz{display:contents}.sm-quiz__panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--color-cream);color:var(--color-ink);box-shadow:none}.sm-quiz__panel[open]{display:flex;flex-direction:column}.sm-quiz__panel::backdrop{background:var(--overlay-backdrop-modal)}sm-quiz[data-mode=page] .sm-quiz__panel{position:static;inset:auto;width:100%;height:auto;min-height:100dvh;padding-top:24px}.sm-quiz__head{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--px);border-bottom:0;min-height:64px}.sm-quiz__nav-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-weight:600;font-size:14px;color:var(--color-ink);cursor:pointer;padding:8px;margin:-8px;border-radius:var(--radius-pill)}.sm-quiz__back{justify-self:start}.sm-quiz__back[hidden]{display:none}.sm-quiz__close{justify-self:end;width:40px;height:40px;padding:0;margin:0;justify-content:center;background:var(--color-ink);color:var(--color-cream)}.sm-quiz__progress{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(220px,40vw)}.sm-quiz__progress[hidden]{display:none}.sm-quiz__bar{display:block;width:100%;height:4px;border-radius:var(--radius-pill);background:var(--color-line-cream);overflow:hidden}.sm-quiz__bar span{display:block;height:100%;width:0%;background:var(--color-ink);border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease)}.sm-quiz__progress-label{color:var(--color-muted);font-size:11px}.sm-quiz__body{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.sm-quiz__step,.sm-quiz__q{width:100%;max-width:680px;margin:0 auto;padding:var(--space-28) var(--px) var(--space-32);flex:1;display:flex;flex-direction:column;justify-content:center}.sm-quiz__step[hidden],.sm-quiz__q[hidden]{display:none}.sm-quiz__q{border:0;min-width:0;padding-top:0}.sm-quiz__q-legend{padding-top:var(--space-28)!important}.sm-quiz__opt.is-selected .sm-quiz__opt-icon{background:#fff}.sm-quiz__questions{display:contents}.sm-quiz__cover{text-align:center;align-items:center;gap:var(--space-12)}.sm-quiz__cover-dots{display:flex;margin-bottom:var(--space-8)}.sm-quiz__cover-dots span{width:30px;height:30px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 3px var(--color-cream);margin-left:-10px}.sm-quiz__cover-dots span:first-child{margin-left:0}.sm-quiz__cover-eyebrow{color:var(--color-muted);letter-spacing:.08em}.sm-quiz__cover-heading{font-size:clamp(32px,7vw,52px);font-weight:var(--fw-h2);line-height:.98;letter-spacing:var(--ls-h2)}.sm-quiz__cover-text{max-width:480px;margin-inline:auto;color:var(--color-muted);font-size:var(--fs-body);line-height:var(--lh-body)}.sm-quiz__start{margin-top:var(--space-12)}.sm-quiz__q-legend{display:block;width:100%;padding:0;margin:0 0 var(--space-16)}.sm-quiz__q-heading{display:block;font-size:clamp(26px,4.6vw,40px);font-weight:var(--fw-h2);line-height:1.04;letter-spacing:var(--ls-h2)}.sm-quiz__q-sub{display:block;margin-top:var(--space-6);color:var(--color-muted);font-size:var(--fs-body-sm)}.sm-quiz__q-hint{display:block;margin:var(--space-8) 0 0;color:var(--color-muted-2);font-size:var(--fs-small)}.sm-quiz__opts{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.sm-quiz__opts[data-cols="2"]{grid-template-columns:1fr}@media(min-width:750px){.sm-quiz__opts[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.sm-quiz__opt{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-10);padding:var(--space-12) var(--space-14);border:1.5px solid var(--color-line);border-radius:var(--radius-tile);background:var(--color-paper);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.sm-quiz__opt.is-selected{border-color:var(--color-ink);background:var(--color-cream)}.sm-quiz__opt.is-disabled{opacity:.4;pointer-events:none}.sm-quiz__opt-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.sm-quiz__opt-input:focus-visible~.sm-quiz__opt-check,.sm-quiz__opt:has(.sm-quiz__opt-input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px;border-radius:var(--radius-tile)}.sm-quiz__opt-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-cream);color:var(--color-ink);font-size:22px;line-height:1}.sm-quiz__ico{display:block;width:22px;height:22px}.sm-quiz__opt-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sm-quiz__opt-label{font-weight:700;font-size:var(--fs-body);line-height:1.2}.sm-quiz__opt-sub{color:var(--color-muted);font-size:var(--fs-small);line-height:1.3}.sm-quiz__opt-check{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--color-line);background:var(--color-paper);display:grid;place-items:center;color:transparent;flex-shrink:0;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sm-quiz__opt.is-selected .sm-quiz__opt-check{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-cream)}.sm-quiz__q-actions{display:flex;justify-content:center;margin-top:var(--space-16)}.sm-quiz__q-actions[hidden]{display:none}.sm-quiz__email{text-align:center;align-items:center;gap:var(--space-8)}.sm-quiz__email-heading{font-size:clamp(26px,4.6vw,38px);font-weight:var(--fw-h2);line-height:1.05;letter-spacing:var(--ls-h2)}.sm-quiz__email-text{max-width:460px;color:var(--color-muted);font-size:var(--fs-body-sm)}.sm-quiz__email-form{width:100%;max-width:420px;margin-top:var(--space-8)}.sm-quiz__email-field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 18px;border:1.5px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-paper)}.sm-quiz__email-field:focus-within{border-color:var(--color-ink)}.sm-quiz__email-field input{flex:1;min-width:0;min-height:40px;border:0;outline:none;background:none;font:inherit;font-size:16px;color:var(--color-ink)}.sm-quiz__email-msg{margin-top:var(--space-6);font-size:var(--fs-small);color:var(--color-muted)}.sm-quiz__email-skip{margin-top:var(--space-10);border:0;background:none;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:.2em;color:var(--color-muted);cursor:pointer}.sm-quiz__results{align-items:stretch;text-align:left;gap:0}.sm-quiz__result{display:flex;flex-direction:column;gap:var(--space-16)}.sm-quiz__result-eyebrow{color:var(--color-muted);letter-spacing:.08em}.sm-quiz__result-heading{font-size:clamp(32px,6vw,48px);font-weight:var(--fw-h2);line-height:.98;letter-spacing:var(--ls-h2)}.sm-quiz__result-tagline{color:var(--color-muted);font-size:var(--fs-body);margin-top:-6px}.sm-quiz__result-media{aspect-ratio:16/9;border-radius:var(--radius-tile);overflow:hidden;background:var(--hl, var(--grad-moon));display:flex;align-items:center;justify-content:center}.sm-quiz__result-media img{width:100%;height:100%;object-fit:contain;padding:var(--space-16);mix-blend-mode:multiply}.sm-quiz [tabindex="-1"]:focus{outline:none}.sm-quiz__result-why-heading{font-size:15px;font-weight:700}.sm-quiz__result-bullets{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.sm-quiz__result-bullet{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-body-sm);line-height:1.4}.sm-quiz__result-bullet svg{flex-shrink:0;margin-top:3px;color:var(--sm-cta)}.sm-quiz__plan-toggle{display:flex;gap:8px;padding:4px;border:1.5px solid var(--color-line);border-radius:var(--radius-pill);width:fit-content}.sm-quiz__plan-opt{position:relative}.sm-quiz__plan-opt input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.sm-quiz__plan-opt-label{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;white-space:nowrap}.sm-quiz__plan-opt.is-selected .sm-quiz__plan-opt-label{background:var(--color-ink);color:var(--color-cream)}.sm-quiz__plan-opt-badge{font-size:10px;font-weight:400;letter-spacing:.04em}.sm-quiz__price-row{display:flex;align-items:baseline;gap:var(--space-8);flex-wrap:wrap}.sm-quiz__price-now{font-size:var(--fs-price-lg);font-weight:800;letter-spacing:var(--ls-price-lg)}.sm-quiz__price-was{color:var(--color-muted);text-decoration:line-through;font-size:15px}.sm-quiz__price-save{font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--radius-chip);background:var(--hl, var(--grad-moon))}.sm-quiz__price-day{color:var(--color-muted);font-size:var(--fs-small)}.sm-quiz__cta-row{display:flex;flex-direction:column;gap:var(--space-8)}.sm-quiz__view-link{text-align:center;font-size:14px;text-decoration:underline;text-underline-offset:.2em;color:var(--color-ink)}.sm-quiz__alts{margin-top:var(--space-20)}.sm-quiz__alts-heading{font-size:13px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-10)}.sm-quiz__alt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.sm-quiz__alt-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-10);border:1.5px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);text-align:left;cursor:pointer;font:inherit;color:inherit}.sm-quiz__alt-img{aspect-ratio:1;border-radius:var(--radius-card-sm);overflow:hidden;background:var(--alt-hl, var(--grad-moon));display:flex;align-items:center;justify-content:center}.sm-quiz__alt-img img{width:100%;height:100%;object-fit:contain;padding:10px}.sm-quiz__alt-title{font-weight:700;font-size:13px}.sm-quiz__alt-price{font-size:12px;color:var(--color-muted)}.sm-quiz__retake{margin-top:var(--space-20);text-align:center;font-size:14px;text-decoration:underline;text-underline-offset:.2em;color:var(--color-muted);background:none;border:0;cursor:pointer;font-family:inherit}@media(prefers-reduced-motion:reduce){.sm-quiz__bar span{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sm-quiz.css.map */