.quiz__intro{display:none;margin-top:6rem;position:relative;text-align:center}.quiz__intro.is-active{display:block}.quiz__intro-inner{grid-gap:var(--gap);display:grid}.quiz__intro-heading{font-weight:700;position:relative;z-index:2}.quiz__intro-content{background-color:var(--white);border-radius:4rem;box-shadow:0 4px 30px 0 rgba(0,0,0,.08);padding:4rem}.quiz__intro-button{justify-content:center;max-width:100%;width:26rem}.quiz__intro-image,.quiz__intro-mark{display:none}.quiz__dots{display:flex;gap:var(--gap-sm);justify-content:center;margin:0 auto 6rem;max-width:92rem}.quiz__dot{background-color:#32a5b8;border-radius:10px;flex:1;height:1rem;opacity:.5}.quiz__dot.is-active{opacity:1}.quiz__wrapper{display:none;margin-top:4rem;position:relative;text-align:center}.quiz__wrapper.is-active{display:block}.quiz__question{display:none}.quiz__question.is-active{display:block}.quiz__question-question{font-size:3.6rem;font-weight:700;margin-inline:auto;max-width:82rem}.quiz__question-helper{margin:0 auto;max-width:60rem}.quiz__question-buttons{grid-gap:var(--gap);display:grid;grid-template-columns:1fr 1fr;margin:4rem auto;max-width:60rem}.question__question-button{-webkit-appearance:none;appearance:none;aspect-ratio:6/4;background:var(--white);border:2px solid transparent;border-radius:4rem;box-shadow:0 4px 30px 0 rgba(0,0,0,.08);color:#000;display:grid;font-size:2.2rem;font-weight:500;padding:2rem;place-content:center;text-transform:uppercase}.question__question-button.is-active,.question__question-button:active,.question__question-button:focus,.question__question-button:hover{background:#eddcf5;border-color:#8415ba;color:#8415ba;cursor:pointer;outline:none}.quiz__question-next{justify-content:center;justify-self:center;max-width:100%;width:26rem}.quiz__question-next:disabled{background-color:var(--primary-color-hover);opacity:.5;pointer-events:none}.quiz__button-restart{justify-self:center;margin-top:2rem}.quiz__wrapper-accent{bottom:0;left:50%;opacity:.3;position:absolute;transform:translate(-50%,55%);width:1133px;z-index:-1}.quiz__result{background-color:var(--white);border-radius:4rem;box-shadow:0 4px 30px 0 rgba(0,0,0,.08);display:none;margin:12rem auto 2rem;max-width:88rem;padding:4rem}.quiz__result.is-active{display:block}.quiz__result-score{background-color:#8416ba;border-radius:50%;color:var(--white);display:grid;height:18rem;margin:-10rem auto 4rem;place-content:center;width:18rem}.quiz__result-score-heading{display:block;text-transform:uppercase}.quiz__result-score-score{font-size:5rem;font-weight:700;line-height:1.2}.quiz__result-content{display:none;margin:0 auto;max-width:62rem}.quiz__result-content.is-active{display:block}.quiz__result-content h2{font-size:2.5rem;font-weight:700}.quiz__result-button{justify-content:center;margin-top:4rem;max-width:100%;width:26rem}@media(min-width:992px){.quiz__intro{text-align:left}.quiz__intro-inner{grid-gap:var(--gap);grid-template-columns:1fr 1fr}.quiz__intro-image{transform:translateX(-74%)}.quiz__intro-image,.quiz__intro-mark{bottom:0;display:block;left:50%;position:absolute}.quiz__intro-mark{transform:translate(-35%,30%);z-index:-1}.quiz__intro-content{padding:6rem}.quiz__question-buttons{grid-gap:var(--gap-lg);margin:6rem auto}.question__question-button{aspect-ratio:6/5}.quiz__result{margin:14rem auto 2rem}.quiz__result-score{height:24rem;margin:-12rem auto 4rem;width:24rem}.quiz__result-score-heading{font-size:2.4rem}.quiz__result-score-score{font-size:7rem}}@media(min-width:1200px){.quiz__intro-inner{grid-gap:var(--gap-lg)}}