.trivia{padding-top:var(--trivia-pt, 56px);padding-bottom:var(--trivia-pb, 56px)}.trivia__inner{max-width:64rem;text-align:center}.sdg-trivia-posted .trivia__intro,.sdg-trivia-posted .trivia__result{display:none}.sdg-trivia-posted .trivia__quiz{display:block}.trivia__eyebrow{font-family:var(--font-body-family);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:1.2rem;color:#7ecac7;margin:0 0 1.2rem}.trivia__heading{font-family:var(--font-heading-family);font-weight:400;line-height:1.1;margin:0 0 1.6rem}.trivia__lede{max-width:48rem;margin:0 auto 3.2rem;color:#f0f0f0d9;font-size:1.7rem;line-height:1.6}.trivia__note{color:#f0f0f0b3;font-size:1.4rem;margin-top:2rem}.trivia__btn{display:inline-block;cursor:pointer;font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center;padding:1.4rem 2.8rem;border-radius:.4rem;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.trivia__btn--primary{background-color:#7ecac7;color:#111;border-color:#7ecac7}.trivia__btn--primary:hover{background-color:#9ad8d5;border-color:#9ad8d5}.trivia__btn--ghost{background-color:transparent;color:#7ecac7;border-color:#7ecac780;margin-top:1.6rem}.trivia__btn--ghost:hover{border-color:#7ecac7}.trivia__btn:focus-visible{outline:2px solid #7ecac7;outline-offset:3px}.trivia__progress{font-family:var(--font-body-family);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem;color:#7ecac7;margin:0 0 2rem}.trivia__question{border:0;margin:0;padding:0}.trivia__q-text{display:block;float:none;width:100%;font-family:var(--font-heading-family);font-weight:400;font-size:2.4rem;line-height:1.25;margin:0 auto 3.2rem;max-width:52rem;padding:0}.trivia__q-text:focus{outline:none}.trivia__options{display:grid;gap:1.2rem;max-width:46rem;margin:0 auto}.trivia__option{width:100%;cursor:pointer;text-align:left;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.4;color:#f0f0f0;background-color:#242424;border:1px solid rgba(240,240,240,.16);border-radius:.6rem;padding:1.6rem 1.8rem;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.trivia__option:hover{border-color:#7ecac7;background-color:#2a2a2a}.trivia__option:focus-visible{outline:2px solid #7ecac7;outline-offset:2px}.trivia__option:disabled{cursor:default}.trivia__option.is-correct{border-color:#5fb87a;background-color:#5fb87a29;color:#f0f0f0}.trivia__option.is-wrong{border-color:#e08585;background-color:#e0858524;color:#f0f0f0}.trivia__question.is-answered .trivia__option:not(.is-correct):not(.is-wrong){opacity:.5}.trivia__feedback{min-height:1.6rem;margin:1.8rem 0 0;font-family:var(--font-body-family);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1.3rem}.trivia__feedback[data-state=right]{color:#5fb87a}.trivia__feedback[data-state=wrong]{color:#e08585}.trivia__score{font-family:var(--font-heading-family);font-size:4.2rem;font-weight:400;color:#7ecac7;margin:0 0 1.6rem}.trivia__r-heading{font-family:var(--font-heading-family);font-weight:400;margin:0 0 1.2rem}.trivia__r-body{max-width:44rem;margin:0 auto 2.8rem;color:#f0f0f0d9;font-size:1.6rem;line-height:1.6}.trivia__form-wrap{max-width:42rem;margin:0 auto}.trivia__field{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.trivia__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.trivia__input{flex:1 1 22rem;font-family:var(--font-body-family);font-size:1.6rem;color:#f0f0f0;background-color:#1a1a1a;border:1px solid rgba(240,240,240,.24);border-radius:.4rem;padding:1.4rem 1.6rem}.trivia__input::placeholder{color:#f0f0f080}.trivia__input:focus-visible{outline:none;border-color:#7ecac7}.trivia__field .trivia__btn{flex:0 0 auto}.trivia__consent{font-size:1.2rem;color:#f0f0f099;margin:1.4rem 0 0}.trivia__error{display:block;color:#f0a0a0;font-size:1.3rem;margin-top:1.2rem}.trivia__reveal-label{font-family:var(--font-body-family);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:1.2rem;color:#f0f0f0b3;margin:0 0 1.2rem}.trivia__code{display:inline-block;font-family:var(--font-heading-family);font-size:3.2rem;letter-spacing:.12em;color:#7ecac7;border:2px dashed rgba(126,202,199,.6);border-radius:.6rem;padding:1.2rem 2.4rem;margin:0 0 1.6rem}.trivia__reveal-note{color:#f0f0f0d9;font-size:1.6rem;margin:0 0 2.8rem}.trivia__reveal .trivia__btn--primary{margin:0 auto}.trivia__booth{font-size:1.3rem;color:#f0f0f099;margin:1.6rem 0 0}.trivia__footnote{max-width:44rem;margin:4rem auto 0;padding-top:2.4rem;border-top:1px solid rgba(240,240,240,.12);color:#f0f0f0a6;font-size:1.4rem;line-height:1.6}@media screen and (min-width:750px){.trivia__q-text{font-size:2.8rem}.trivia__score{font-size:5.2rem}}@media(prefers-reduced-motion:reduce){.trivia__btn,.trivia__option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/trivia-quiz.css.map */