.quiz-card{--quiz-green: #2d4a2a;--quiz-green-dark: #213820;--quiz-green-light: rgba(45, 74, 42, .08);--quiz-green-border: rgba(45, 74, 42, .25);--quiz-yellow: #ffde15;--quiz-cream: #f0ede8;--quiz-charcoal: #1f1e1a;--quiz-charcoal-mid: #3a3833;--quiz-charcoal-lt: #7a7570;--quiz-white: #ffffff;--quiz-card-border: rgba(45, 74, 42, .18);--quiz-radius: 18px;--quiz-radius-sm: 12px;--quiz-radius-pill: 99px}.quiz-card{width:100%;max-width:640px;margin-inline:auto;background-color:var(--quiz-green);border:none;border-radius:var(--quiz-radius);padding:clamp(1.25rem,4vw,2.25rem);box-shadow:0 4px 24px #2d4a2a2e,0 1px 4px #2d4a2a1f}@media screen and (max-width:474px){.wellness-quiz-section-wrap{padding-inline-start:12px!important;padding-inline-end:12px!important}.quiz-card{border-radius:14px;padding:1.25rem 1rem}}@media screen and (max-width:767px){.wellness-quiz-section-wrap{padding-inline-start:var(--gutter-container, 20px);padding-inline-end:var(--gutter-container, 20px)}}.wellness-quiz-wrapper .quiz-card .quiz-main-heading{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-style:var(--font-style-headings);line-height:var(--base-headings-line);color:var(--quiz-white);text-align:center!important;display:block;width:100%;margin:0 0 .4rem}.quiz-steps{text-align:center;color:#fff9;font-family:var(--font-stack-body);font-size:calc(11px / 16 * var(--base-body-size, 16px));letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}.quiz-progress{width:100%;height:3px;background:#fff3;border-radius:99px;margin-bottom:clamp(1.25rem,3vw,1.75rem);overflow:hidden}.quiz-progress__fill{height:100%;background:var(--quiz-yellow);border-radius:99px;transition:width .35s cubic-bezier(.4,0,.2,1)}.quiz-slides{width:100%}.quiz-slide{display:flex;flex-direction:column;align-items:center;text-align:center;animation:quiz-in .2s ease both}@keyframes quiz-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-slide h3{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-style:var(--font-style-headings);line-height:var(--base-headings-line);color:var(--quiz-cream);text-align:center;text-wrap:balance;margin:0 0 clamp(1rem,2.5vw,1.5rem)}.quiz-slide input[type=text]{width:100%;max-width:420px;padding:.8rem 1rem;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--quiz-radius-sm);background:#ffffff1f;color:var(--quiz-cream);font-family:var(--font-stack-body);font-size:calc(15px / 16 * var(--base-body-size, 16px));text-align:center;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;margin-bottom:clamp(.75rem,2vw,1.25rem);outline:none}.quiz-slide input[type=text]:focus{border-color:var(--quiz-yellow);background:#ffffff2e;box-shadow:0 0 0 3px #ffde1533}.quiz-slide input[type=text]::placeholder{color:#f0ede880}.quiz-options{display:flex;flex-direction:column;width:100%;max-width:480px;gap:.45rem}.quiz-option{display:grid;grid-template-columns:1.25rem 1fr;align-items:center;column-gap:.75rem;padding:.75rem 1rem;border:1.5px solid rgba(255,255,255,.18);border-radius:var(--quiz-radius-sm);background:#ffffffeb;color:var(--quiz-charcoal);cursor:pointer;text-align:left;min-height:50px;transition:border-color .12s ease,background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none;width:100%}.quiz-option:hover{border-color:#ffffff80;background:#fff}.quiz-option:has(input:checked){background:var(--quiz-green-dark);border-color:var(--quiz-yellow);color:var(--quiz-white)}@media screen and (max-width:474px){.quiz-options{max-width:100%}.quiz-option{min-height:48px;padding:.65rem .85rem}}.quiz-input[type=radio]{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;border-radius:50%;border:1.5px solid currentColor;background:transparent;display:block;place-self:center;flex-shrink:0;cursor:pointer;opacity:.35;transition:all .12s ease;position:relative}.quiz-input[type=radio]:checked{opacity:1;background:var(--quiz-yellow);border-color:var(--quiz-yellow);box-shadow:0 0 0 2px var(--quiz-green)}.quiz-input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;border-radius:4px;border:1.5px solid currentColor;background:transparent;display:block;place-self:center;flex-shrink:0;cursor:pointer;opacity:.35;transition:all .12s ease;position:relative}.quiz-input[type=checkbox]:checked{opacity:1;background:var(--quiz-yellow);border-color:var(--quiz-yellow);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%232d4a2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:70%}.quiz-option span{display:block;line-height:1.35;font-family:var(--font-stack-body);word-break:break-word;font-size:calc(15px / 16 * var(--base-body-size, 16px));color:var(--quiz-charcoal)}.quiz-option:has(input:checked) span{color:var(--quiz-white)}.quiz-nav{display:flex;align-items:center;justify-content:space-between;margin-top:clamp(1rem,2.5vw,1.5rem);padding-top:clamp(.75rem,2vw,1.25rem);border-top:1.5px solid rgba(255,255,255,.15);gap:.75rem}.quiz-nav [data-prev]{font-family:var(--font-stack-body);font-size:calc(14px / 16 * var(--base-body-size, 16px));color:#fff9;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--quiz-radius-pill);padding:.6rem 1.25rem;background:transparent;transition:color .12s ease,border-color .12s ease;cursor:pointer;white-space:nowrap;min-height:44px}.quiz-nav [data-prev]:hover{color:var(--quiz-white);border-color:#ffffff8c}.quiz-nav [data-prev]:disabled{opacity:.2;pointer-events:none}.quiz-nav [data-next]{font-family:var(--font-stack-body);font-weight:var(--font-weight-buttons, 600);font-size:calc(15px / 16 * var(--base-body-size, 16px));color:var(--quiz-green-dark);background:var(--quiz-yellow);border:1.5px solid var(--quiz-yellow);border-radius:var(--quiz-radius-pill);padding:.6rem 1.75rem;cursor:pointer;transition:filter .12s ease;margin-inline-start:auto;white-space:nowrap;min-height:44px}.quiz-nav [data-next]:hover{filter:brightness(.92)}.quiz-results-heading{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-style:var(--font-style-headings);line-height:var(--base-headings-line);color:var(--quiz-white);text-align:center;margin:0 0 .35rem;text-wrap:balance;animation:quiz-in .25s ease both}.quiz-results-sub{text-align:center;color:#ffffffa6;font-family:var(--font-stack-body);font-size:calc(14px / 16 * var(--base-body-size, 16px));margin:0 0 clamp(1rem,2.5vw,1.5rem);animation:quiz-in .28s ease both}#quiz-result-card{animation:quiz-in .32s ease both}.quiz-reco{background:var(--quiz-white);border-radius:calc(var(--quiz-radius) - 4px);overflow:hidden;display:flex;flex-direction:column}@media screen and (min-width:500px){.quiz-reco{flex-direction:row;align-items:stretch}}.quiz-reco__media{flex:0 0 45%;background:var(--quiz-cream);overflow:hidden}.quiz-reco__media img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}@media screen and (max-width:499px){.quiz-reco__media{flex:none;width:100%;max-height:220px}.quiz-reco__media img{min-height:unset;height:220px}}.quiz-reco__content{flex:1 1 0;min-width:0;padding:1.1rem;display:flex;flex-direction:column;gap:.35rem}.quiz-reco__price{font-family:var(--font-stack-body);font-weight:var(--font-weight-body-bold, 700);color:var(--quiz-green);font-size:.9rem;margin:0;order:-1}.quiz-reco__title{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);line-height:1.2;color:var(--quiz-charcoal);margin:0;font-size:clamp(.95rem,2vw,1.15rem)}.quiz-reco__copy{flex:1;font-family:var(--font-stack-body);line-height:1.5;color:var(--quiz-charcoal-mid);font-size:clamp(.75rem,1.5vw,.85rem);margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.quiz-reco__cta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.quiz-btn{font-family:var(--font-stack-body);font-size:clamp(.7rem,1.5vw,.8rem);font-weight:600;border-radius:var(--quiz-radius-pill);padding:.45rem .9rem;cursor:pointer;text-align:center;white-space:nowrap;flex:1;min-width:5.5rem;display:inline-block;transition:filter .12s ease,border-color .12s ease;line-height:1.3}.quiz-btn--outline{color:var(--quiz-charcoal);background:transparent;border:1.5px solid rgba(31,30,26,.2)}.quiz-btn--outline:hover{border-color:var(--quiz-charcoal)}.quiz-btn--solid{color:var(--quiz-green-dark);background:var(--quiz-yellow);border:1.5px solid var(--quiz-yellow)}.quiz-btn--solid:hover{filter:brightness(.92)}.quiz-atc{display:contents}.quiz-atc-placeholder{display:none}.quiz-restart-wrap{text-align:center;margin-top:1.25rem;padding-top:1rem;border-top:1.5px solid rgba(255,255,255,.15)}.quiz-restart-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:0;font-family:var(--font-stack-body);font-size:calc(11px / 16 * var(--base-body-size, 16px));letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;cursor:pointer;transition:color .15s ease}.quiz-restart-btn:hover{color:#ffffffd9}.quiz-error{text-align:center;color:#ffffffb3;padding:2rem 0;font-family:var(--font-stack-body)}.wellness-quiz-wrapper .rich-text__text,.wellness-quiz-wrapper .card__text{text-align:initial;max-width:100%}.wellness-quiz-wrapper [data-slides] .quiz-slide h3{text-align:center!important}.wellness-quiz-wrapper .quiz-reco__header,.wellness-quiz-wrapper .quiz-reco__header .h4{text-align:left!important}.quiz-reco-list{display:flex;flex-direction:column;gap:.75rem}.quiz-add-all-wrap{margin-top:.75rem}.quiz-btn--add-all{width:100%;font-size:calc(14px / 16 * var(--base-body-size, 16px))!important;padding:.75rem 1.5rem!important;letter-spacing:.01em}.quiz-email-gate{animation:quiz-in .22s ease both}.quiz-email-gate__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.quiz-email-gate__heading{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);line-height:var(--base-headings-line);color:var(--quiz-cream);margin:0}.quiz-email-gate__sub{color:#ffffffb3;font-family:var(--font-stack-body);font-size:calc(14px / 16 * var(--base-body-size, 16px));max-width:380px;line-height:1.5;margin:0}.quiz-email-input{width:100%;max-width:380px;padding:.8rem 1rem;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--quiz-radius-sm);background:#ffffff1f;color:var(--quiz-cream);font-family:var(--font-stack-body);font-size:calc(15px / 16 * var(--base-body-size, 16px));text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease;margin-top:.4rem}.quiz-email-input:focus{border-color:var(--quiz-yellow);box-shadow:0 0 0 3px #ffde1533}.quiz-email-input::placeholder{color:#f0ede873}.quiz-email-error{color:#ffb3b3;font-size:calc(13px / 16 * var(--base-body-size, 16px));margin:0;font-family:var(--font-stack-body)}.quiz-email-submit{width:100%;max-width:380px;margin-top:.25rem;padding:.75rem 1.5rem!important;font-size:calc(15px / 16 * var(--base-body-size, 16px))!important}.quiz-email-skip{background:none;border:none;padding:0;font-family:var(--font-stack-body);font-size:calc(12px / 16 * var(--base-body-size, 16px));color:#fff6;cursor:pointer;text-decoration:underline;transition:color .12s ease;margin-top:.15rem}.quiz-email-skip:hover{color:#ffffffbf}.quiz-add-all-wrap{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.quiz-add-all-placeholder{display:block;text-align:center;color:#ffffff73;font-family:var(--font-stack-body);font-size:calc(13px / 16 * var(--base-body-size, 16px));padding:.5rem 0}.quiz-btn--outline-white{width:100%;color:var(--quiz-white);background:transparent;border:1.5px solid rgba(255,255,255,.4);font-size:calc(14px / 16 * var(--base-body-size, 16px))!important;padding:.75rem 1.5rem!important;text-align:center}.quiz-btn--outline-white:hover{border-color:#ffffffd9;background:#ffffff0f}.quiz-btn--discount{width:100%;font-size:calc(15px / 16 * var(--base-body-size, 16px))!important;padding:.85rem 1.5rem!important;text-align:center;letter-spacing:.01em}.quiz-btn--discount:disabled{opacity:.6;cursor:not-allowed}.quiz-discount-sub{text-align:center;font-family:var(--font-stack-body);font-size:calc(11px / 16 * var(--base-body-size, 16px));color:#fff6;margin:0;letter-spacing:.02em}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-wellness-quiz.css.map */