.supplement-quiz{--quiz-purple: #7d5e91;--quiz-purple-dark: #654676;--quiz-green: #154e4c;--quiz-pale: #f4f7ec;--quiz-border: rgba(21, 78, 76, .16);background:linear-gradient(180deg,#f4f7ec 0,#fff 28rem);color:var(--quiz-green);min-height:60vh;padding-block:4rem 7rem}.supplement-quiz__shell{margin-inline:auto;max-width:112rem}.supplement-quiz__hero{margin:0 auto 3rem;max-width:76rem;text-align:center}.supplement-quiz__eyebrow{color:var(--quiz-purple);font-size:1.3rem;font-weight:800;letter-spacing:.08em;margin:0 0 .8rem;text-transform:uppercase}.supplement-quiz__heading{color:var(--quiz-green);margin:0 0 1.2rem}.supplement-quiz__intro{color:#154e4cc7;font-size:1.7rem;line-height:1.65;margin-inline:auto;max-width:68rem}.supplement-quiz__progress{align-items:center;display:flex;gap:1.2rem;margin:0 auto 2rem;max-width:84rem}.supplement-quiz__progress-track{background:#7d5e9124;border-radius:99rem;flex:1;height:.8rem;overflow:hidden}.supplement-quiz__progress-bar{background:var(--quiz-purple);border-radius:inherit;height:100%;transition:width .24s ease;width:0}.supplement-quiz__progress-label{color:var(--quiz-purple);flex:0 0 auto;font-size:1.3rem;font-weight:700}.supplement-quiz__panel{background:#fff;border:.1rem solid var(--quiz-border);border-radius:2.4rem;box-shadow:0 1.2rem 4rem #154e4c14;margin:0 auto;max-width:94rem;padding:3.2rem}.supplement-quiz__screen[hidden],.supplement-quiz__message[hidden]{display:none}.supplement-quiz__screen-title{color:var(--quiz-green);margin:0 0 .8rem;text-align:center}.supplement-quiz__screen-copy{color:#154e4cb8;margin:0 auto 2.4rem;max-width:66rem;text-align:center}.supplement-quiz__group+.supplement-quiz__group{border-top:.1rem solid var(--quiz-border);margin-top:2.4rem;padding-top:2.4rem}.supplement-quiz__group-title{color:var(--quiz-purple);font-size:1.5rem;margin:0 0 1.2rem}.supplement-quiz__choices{display:grid;gap:1.2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.supplement-quiz__choice{cursor:pointer;display:block;min-width:0;position:relative}.supplement-quiz__choice input{height:.1rem;opacity:0;position:absolute;width:.1rem}.supplement-quiz__choice-card{align-items:center;background:#fff;border:.15rem solid var(--quiz-border);border-radius:1.6rem;display:flex;flex-direction:column;gap:.7rem;height:100%;justify-content:center;min-height:13rem;padding:1.5rem 1rem;text-align:center;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.supplement-quiz__choice:hover .supplement-quiz__choice-card{border-color:#7d5e918c;transform:translateY(-.2rem)}.supplement-quiz__choice input:checked+.supplement-quiz__choice-card{background:#faf7fc;border-color:var(--quiz-purple);box-shadow:0 0 0 .2rem #7d5e911f}.supplement-quiz__choice input:focus-visible+.supplement-quiz__choice-card{outline:.3rem solid rgba(125,94,145,.28);outline-offset:.2rem}.supplement-quiz__choice-icon{align-items:center;background:#f2edf5;border-radius:50%;display:inline-flex;font-size:2.4rem;height:4.8rem;justify-content:center;width:4.8rem}.supplement-quiz__choice-title{color:var(--quiz-green);font-size:1.5rem;font-weight:800;line-height:1.35}.supplement-quiz__choice-copy{color:#154e4ca6;font-size:1.2rem;line-height:1.4}.supplement-quiz__compact-choices{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2.4rem}.supplement-quiz__compact-choices .supplement-quiz__choice-card{align-items:flex-start;min-height:0;padding:1.4rem 1.6rem;text-align:left}.supplement-quiz__error{color:#9a3f3f;font-size:1.3rem;font-weight:700;margin:1.2rem 0 0;text-align:center}.supplement-quiz__actions{align-items:center;display:flex;gap:1.2rem;justify-content:center;margin-top:2.6rem}.supplement-quiz__button{min-width:16rem}.supplement-quiz__button--primary{--color-button: 125, 94, 145;--color-button-text: 255, 255, 255}.supplement-quiz__safety{background:#fff9ec;border:.1rem solid rgba(169,115,19,.24);border-radius:1.4rem;color:#6c4b10;margin-top:2rem;padding:1.5rem 1.7rem}.supplement-quiz__result-summary{background:var(--quiz-pale);border-radius:1.8rem;display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;margin-bottom:3rem;padding:2.4rem}.supplement-quiz__result-label{color:var(--quiz-purple);font-size:1.2rem;font-weight:800;letter-spacing:.06em;margin:0 0 .6rem;text-transform:uppercase}.supplement-quiz__result-heading{color:var(--quiz-green);margin:0 0 .8rem}.supplement-quiz__result-text,.supplement-quiz__insights{color:#154e4cc2;margin:0}.supplement-quiz__insights{padding-left:2rem}.supplement-quiz__recommendation+.supplement-quiz__recommendation{border-top:.1rem solid var(--quiz-border);margin-top:3.2rem;padding-top:3.2rem}.supplement-quiz__recommendation-heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;margin-bottom:1.5rem}.supplement-quiz__recommendation-heading h3{color:var(--quiz-green);margin:0}.supplement-quiz__recommendation-heading p{color:#154e4cad;margin:0}.supplement-quiz__products{display:grid;gap:1.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.supplement-quiz__product{border:.1rem solid var(--quiz-border);border-radius:1.6rem;display:grid;gap:1.5rem;grid-template-columns:14rem minmax(0,1fr);min-width:0;overflow:hidden;padding:1.4rem;position:relative}.supplement-quiz__product:has(.supplement-quiz__product-selector input:checked){background:#faf7fc;border-color:var(--quiz-purple);box-shadow:0 0 0 .2rem #7d5e911f}.supplement-quiz__product-selector{align-items:center;background:#fff;border:.1rem solid rgba(125,94,145,.35);border-radius:99rem;color:var(--quiz-purple-dark);cursor:pointer;display:flex;font-size:1.15rem;font-weight:800;gap:.5rem;padding:.55rem .9rem;position:absolute;right:1rem;top:1rem;z-index:1}.supplement-quiz__product-selector input{accent-color:var(--quiz-purple);height:1.5rem;margin:0;width:1.5rem}.supplement-quiz__product-selector:has(input:checked){background:var(--quiz-purple);border-color:var(--quiz-purple);color:#fff}.supplement-quiz__product-image-wrap{align-items:center;background:#f8f8f5;border-radius:1.2rem;display:flex;justify-content:center;min-height:14rem;overflow:hidden;margin-top:3rem}.supplement-quiz__product-image{display:block;height:100%;object-fit:contain;width:100%}.supplement-quiz__product-content{display:flex;flex-direction:column;min-width:0}.supplement-quiz__product-vendor{color:#154e4c9e;font-size:1.1rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.supplement-quiz__product-title{color:var(--quiz-green);font-size:1.45rem;font-weight:800;line-height:1.42;text-decoration:none}.supplement-quiz__product-title:hover{color:var(--quiz-purple)}.supplement-quiz__product-reason{color:#154e4cb3;font-size:1.2rem;line-height:1.5;margin:.7rem 0 1rem}.supplement-quiz__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.supplement-quiz__badge{background:#f2edf5;border-radius:99rem;color:var(--quiz-purple-dark);font-size:1.05rem;font-weight:800;padding:.3rem .8rem}.supplement-quiz__product-price{align-items:baseline;color:var(--quiz-green);display:flex;flex-wrap:wrap;font-size:1.6rem;font-weight:800;gap:.6rem;margin-top:auto}.supplement-quiz__product-compare{color:#154e4c73;font-size:1.2rem;font-weight:500;text-decoration:line-through}.supplement-quiz__product-action{margin-top:1rem;min-height:4rem;width:100%}.supplement-quiz__bundle{background:#faf7fc;border:.1rem solid rgba(125,94,145,.24);border-radius:1.8rem;margin-top:3.2rem;padding:2.2rem;text-align:center}.supplement-quiz__bundle h3{color:var(--quiz-green);margin:0 0 .8rem}.supplement-quiz__bundle p{color:#154e4cb8;margin:0 auto 1.5rem;max-width:62rem}.supplement-quiz__bundle-summary{background:#fff;border:.1rem solid var(--quiz-border);border-radius:1.4rem;display:grid;gap:.8rem 1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem auto;max-width:62rem;padding:1.5rem}.supplement-quiz__bundle-summary div{display:flex;flex-direction:column;gap:.25rem}.supplement-quiz__bundle-summary span{color:#154e4c9e;font-size:1.15rem}.supplement-quiz__bundle-summary strong{color:var(--quiz-green);font-size:1.65rem}.supplement-quiz__bundle-summary div:last-child strong{color:var(--quiz-purple-dark)}.supplement-quiz__email{align-items:center;background:var(--quiz-green);border-radius:1.8rem;color:#fff;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;margin-top:2rem;padding:2.2rem}.supplement-quiz__email h3,.supplement-quiz__email p{color:inherit;margin:0}.supplement-quiz__email p{margin-top:.5rem;opacity:.78}.supplement-quiz__email-form{display:flex;flex-wrap:wrap;gap:.8rem}.supplement-quiz__email-form .field{flex:1}.supplement-quiz__email-form .field__input{background:#fff}.supplement-quiz__email-form p{flex-basis:100%;margin:0}.supplement-quiz__fine-print{color:#154e4c9e;font-size:1.15rem;line-height:1.55;margin:2rem auto 0;max-width:78rem;text-align:center}@media screen and (max-width:989px){.supplement-quiz__choices{grid-template-columns:repeat(3,minmax(0,1fr))}.supplement-quiz__product{grid-template-columns:11rem minmax(0,1fr)}.supplement-quiz__email{grid-template-columns:1fr}}@media screen and (max-width:749px){.supplement-quiz{padding-block:2.6rem 5rem}.supplement-quiz__hero{margin-bottom:2rem}.supplement-quiz__intro{font-size:1.5rem}.supplement-quiz__panel{border-radius:1.8rem;padding:2rem 1.4rem}.supplement-quiz__choices,.supplement-quiz__compact-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.supplement-quiz__choice-card{min-height:11.5rem;padding:1.2rem .8rem}.supplement-quiz__compact-choices .supplement-quiz__choice-card{min-height:6.2rem}.supplement-quiz__actions{align-items:stretch;flex-direction:column-reverse}.supplement-quiz__button{width:100%}.supplement-quiz__result-summary,.supplement-quiz__products{grid-template-columns:1fr}.supplement-quiz__result-summary{padding:1.8rem}.supplement-quiz__product{grid-template-columns:10rem minmax(0,1fr);padding:1rem}.supplement-quiz__product-image-wrap{min-height:11rem}.supplement-quiz__email-form{flex-direction:column}.supplement-quiz__bundle-summary{grid-template-columns:1fr;text-align:left}}@media(prefers-reduced-motion:reduce){.supplement-quiz *,.supplement-quiz *:before,.supplement-quiz *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/supplement-quiz.css.map */