@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap";:root{--c-cream: #EDE9E2;--c-warm-grey: #B8B2A8;--c-terracotta: #A85F4F;--c-slate-teal: #5F7F7F;--c-sage: #7E9876;--c-charcoal: #3A3A3A;--c-ink: #2C2C2C;--font-serif: Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: .5em;--shadow: 0 1.125em 3.5em rgba(58, 58, 58, .22);--transition: .2s ease}*{box-sizing:border-box}.quiz-backdrop[hidden]{display:none!important}.quiz-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2c8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1em;z-index:9999;animation:backdrop-in .22s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.quiz-modal{position:relative;font-size:16px;line-height:1.5;width:100%;max-width:35em;max-height:calc(100vh - 2em);overflow-x:hidden;overflow-y:auto;background:var(--c-cream);border-radius:var(--radius);box-shadow:var(--shadow);padding:2em 1.75em 1.75em;animation:modal-in .26s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-in{0%{opacity:0;transform:translateY(.75em) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-close{position:absolute;top:.625em;right:.75em;z-index:2;width:1.875em;height:1.875em;border-radius:50%;border:none;background:transparent;color:var(--c-charcoal);font-size:1.25em;line-height:1;cursor:pointer;opacity:.55;transition:opacity var(--transition),background var(--transition)}.quiz-close:hover{opacity:1;background:#0000000d}.brand-mark,.teaser-eyebrow{font-family:var(--font-sans);font-style:normal;font-weight:500;font-size:.875em;letter-spacing:.18em;text-transform:uppercase;color:var(--c-slate-teal);margin:0 0 .75em;text-align:left}.quiz-modal h1,.quiz-modal h2{font-family:var(--font-serif);font-weight:400;color:var(--c-charcoal);margin:0 0 .75em;line-height:1.2;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}h1{font-size:clamp(2.2em,8vw,2.8em);letter-spacing:-.01em}h2.prompt{font-size:clamp(1.125em,4.5vw,1.375em);line-height:1.25;margin-bottom:1.375em}em{color:var(--c-terracotta);font-style:italic}.intro h1{margin-top:auto;margin-bottom:20px;font-size:clamp(1.75em,5vw,2.4em);line-height:1.2}.intro h1 em{font-size:clamp(40px,7.5vw,56px);line-height:.95;vertical-align:-.05em}.intro h1 .h1-small{font-weight:400;color:var(--c-charcoal);letter-spacing:-.005em;vertical-align:middle}.thanks h1 .h1-small{font-weight:400;font-size:.55em;color:#5d7355;letter-spacing:0;display:inline-block;margin-bottom:.4em}.intro>.content{display:flex;flex-direction:column;flex:1}.subhead{font-size:.875em;color:var(--c-charcoal);opacity:.78;margin:0 0 1.25em}.intro-cta .btn-primary{width:100%}.intro .subhead{font-family:Caveat,cursive;font-size:1em;font-weight:500;color:#5d7355;opacity:1;line-height:1.3;margin:0 0 .875em}.intro .subhead .confronting{color:#a85f4f}.footnote{font-size:.6875em;color:var(--c-charcoal);opacity:.55;margin-top:1em}.btn-primary,.btn-secondary{display:inline-block;font-family:var(--font-sans);font-size:.875em;font-weight:500;padding:.6875em 1.375em;border-radius:var(--radius);border:none;cursor:pointer;transition:transform var(--transition),background var(--transition)}.btn-primary{background:#d9a992;color:var(--c-cream)}.btn-primary:hover{background:var(--c-terracotta)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--c-slate-teal);border:1px solid var(--c-slate-teal);margin-top:.875em;padding:.5625em 1.25em;font-size:.8125em}.btn-secondary:hover{background:var(--c-slate-teal);color:var(--c-cream)}.intro,.teaser{position:relative;display:flex;flex-direction:column;text-align:left;min-height:26em;margin:-2em -1.75em -1.75em;padding:2em 15em 1.75em 1.75em}.quiz-hero{position:absolute;right:0;bottom:0;z-index:0;height:100%;width:auto;max-width:60%;object-fit:contain;object-position:right bottom;pointer-events:none}.intro>.content,.teaser>.content,.email-gate>.content{position:relative;z-index:1}.teaser>.content{display:flex;flex-direction:column;flex:1}.teaser h1{margin-top:auto;margin-bottom:20px;font-size:clamp(1.75em,5vw,2.4em);line-height:1.2}.teaser h1 em{font-size:clamp(40px,7.5vw,56px);line-height:.95}.teaser .subhead{font-family:Caveat,cursive;font-size:1em;font-weight:500;color:#5d7355;opacity:1;line-height:1.3;margin:0 0 .625em}.teaser .subhead .confronting{color:#a85f4f}.teaser-meta{font-family:var(--font-sans);font-size:.75em;color:var(--c-charcoal);opacity:.65;margin:0 0 1em}.quiz-illo{position:absolute;bottom:.875em;right:1em;width:8.25em;height:10.25em;object-fit:contain;pointer-events:none}.heart-divider{display:flex;align-items:center;justify-content:flex-start;gap:.625em;max-width:18em;margin:.25em 0 .625em}.heart-line{display:block;flex:1 1 auto;height:1px;background:#d9a992;opacity:.85;min-width:4em}.heart-divider .heart{flex:none;display:inline-flex;align-items:center;line-height:0}.heart-end{display:block;width:100%;margin:1.5em 0 0;text-align:left;line-height:0}.heart-end svg{display:inline-block}.quiz-illo--small{width:6.25em;height:6.25em}.progress-text{text-align:center;font-size:.6875em;font-weight:600;color:var(--c-sage);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .875em}.progress{position:relative;height:5px;background:#7e987640;border-radius:3px;margin-bottom:1.75em}.progress-bar{height:100%;background:var(--c-sage);border-radius:2px;transition:width .32s ease}.progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);line-height:0;transition:left .32s ease}.prompt-card{background:#fbf9f4;border:1px solid rgba(184,178,168,.35);border-radius:var(--radius);padding:1.5em 1.75em;margin:0 0 1.5em;text-align:center}.prompt-card h2.prompt{margin:0;font-family:var(--font-serif);font-size:clamp(1.25em,4vw,1.625em);line-height:1.25;color:var(--c-charcoal)}.options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5625em}.option{position:relative;width:100%;text-align:left;background:#fbf9f4;border:1px solid rgba(184,178,168,.4);border-radius:var(--radius);padding:.8125em .875em .8125em 3.125em;font-family:var(--font-sans);font-size:.9375em;line-height:1.4;color:var(--c-ink);cursor:pointer;box-shadow:0 1px 3px #3a3a3a08;transition:transform var(--transition),border-color var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition)}.option:hover{border-color:#d9a992;background:#fff;transform:translateY(-1px);box-shadow:0 .25em .75em #3a3a3a14}.option.selected,.option:active{transform:translateY(1px);box-shadow:none}.option-num{position:absolute;top:50%;left:.75em;transform:translateY(-50%);width:1.625em;height:1.625em;border-radius:50%;background:#5f7f7f1f;color:var(--c-slate-teal);font-family:var(--font-serif);font-style:italic;font-size:.875em;font-weight:400;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.option:hover .option-num{background:#d9a992;color:#fff}.email-gate{position:relative;display:flex;flex-direction:column;text-align:left;min-height:26em;margin:-2em -1.75em -1.75em;padding:2em 15em 1.75em 1.75em}.email-gate>.content{display:flex;flex-direction:column;flex:1}.email-gate h1{margin-top:auto;margin-bottom:20px;font-size:clamp(1.75em,5vw,2.4em);line-height:1.2}.email-gate h1 em{font-size:clamp(40px,7.5vw,56px);line-height:.95;vertical-align:-.05em}.email-gate .subhead{font-family:Caveat,cursive;font-size:1em;font-weight:500;color:#5d7355;opacity:1;line-height:1.3;margin:0 0 .875em}.email-gate .subhead .confronting{color:#a85f4f}.email-gate .subhead-line{display:block}.email-gate .subhead-line--terracotta{color:#a85f4f}.email-gate .subhead-line--sage{color:#5d7355}.email-gate input[type=email],.email-gate input[type=text]{width:100%;font-family:var(--font-sans);font-size:.875em;padding:.6875em .875em;border:1px solid var(--c-warm-grey);border-radius:var(--radius);background:#fff;color:var(--c-ink);margin-bottom:.625em;transition:border-color var(--transition)}.email-gate input:focus{outline:none;border-color:var(--c-terracotta)}.email-gate .btn-primary{width:100%}.error{color:var(--c-terracotta);font-size:.75em;margin:.5em 0 0}.teaser-trait{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.75em,7vw,2.375em);color:var(--c-terracotta);margin:0 0 .75em;line-height:1.1;text-wrap:balance}.teaser-meta{font-size:.75em;color:var(--c-charcoal);opacity:.7;margin-top:1.125em}.screen{animation:fadein .24s ease}@keyframes fadein{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.quiz-modal{padding:1.5em 1.25em 1.25em;border-radius:6px}.intro,.teaser,.email-gate{margin:-1.5em -1.25em -1.25em;padding:1.25em;min-height:28em}.quiz-hero{height:auto;width:auto;max-height:26em;max-width:75%}.intro-cta{max-width:12em}.email-gate{padding:1.25em}.email-gate .quiz-hero{top:0;bottom:0;right:-10%;height:auto;max-height:none;max-width:70%;object-position:right top}.email-gate>.content{padding-right:0}.email-gate .brand-mark{max-width:100%}.thanks .brand-mark{margin-bottom:.35em}.teaser h1{margin-top:0}.thanks h1 .h1-small{font-size:.7em}.teaser .heart-divider{margin-top:auto}.email-gate input[type=email],.email-gate input[type=text]{font-size:16px}.email-gate h1,.email-gate .heart-divider,.email-gate .subhead,.email-gate #email-form{max-width:67%}.intro h1,.teaser h1,.email-gate h1{font-size:1.625em;line-height:1.15}.intro h1 em,.teaser h1 em,.email-gate h1 em{font-size:36px}.brand-mark,.teaser-eyebrow{font-size:.75em}.intro .subhead,.teaser .subhead,.email-gate .subhead{font-size:.9375em}.btn-primary{font-size:.8125em;padding:.625em 1.125em}.heart-divider{max-width:14em}.heart-line{min-width:2.5em}.progress{margin-bottom:1.25em}.prompt-card{padding:1em 1.125em;margin-bottom:1.125em}.prompt-card h2.prompt{font-size:1.25em;line-height:1.3}.options{gap:.5em}.option{padding:.6875em .75em .6875em 2.75em;font-size:.8125em}.option-num{width:1.375em;height:1.375em;left:.625em;font-size:.8125em}}.reaction-overlay[hidden]{display:none!important}.reaction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2c8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1em;z-index:9999;animation:backdrop-in .22s ease}.reaction-card{position:relative;font-size:16px;line-height:1.5;font-family:var(--font-sans);width:100%;max-width:26em;background:var(--c-cream);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.25em 1.75em 2em;text-align:center;animation:modal-in .26s cubic-bezier(.2,.9,.3,1.2)}.reaction-close{position:absolute;top:.625em;right:.75em;width:1.875em;height:1.875em;border-radius:50%;border:none;background:transparent;color:var(--c-charcoal);font-size:1.25em;line-height:1;cursor:pointer;opacity:.55;transition:opacity var(--transition),background var(--transition)}.reaction-close:hover{opacity:1;background:#0000000d}.reaction-eyebrow{font-family:var(--font-sans);font-size:.8125em;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-slate-teal);margin:0 0 .5em}.reaction-headline{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:2.25em;line-height:1.05;color:var(--c-terracotta);margin:0 0 .625em;word-break:normal;overflow-wrap:normal}.reaction-body{font-family:var(--font-sans);font-size:.9375em;color:var(--c-charcoal);margin:0;line-height:1.5}@media(max-width:600px){.reaction-card{padding:2em 1.25em 1.5em}.reaction-headline{font-size:1.875em}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zoe-faffle-quiz.css.map */