.quiz{margin:0 auto;padding:0}.quiz__wrapper{position:relative}.question{display:grid;gap:20px;grid-template-rows:auto auto auto auto;margin-bottom:50px;transition:opacity .3s ease-in-out}.question__feedback,.question__question-content{font-size:1.3em;line-height:130%}.question__question-content{margin-top:2em}.question__answers{cursor:pointer;display:grid;gap:10px;grid-template-columns:1fr 1fr;width:fit-content}.question__feedback{order:9}.question__validate{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;margin:0 auto;order:10;width:fit-content}.quiz-answer{max-width:300px;position:relative}.quiz-answer.deselected:before,.quiz-answer.right:before,.quiz-answer.wrong:before{background-position:top 20px right 20px;background-repeat:no-repeat;bottom:0;content:"";left:0;overflow:visible;position:absolute;right:0;top:0}.quiz-answer.deselected:before{background-color:hsla(0,0%,100%,.5)}.quiz-answer.wrong:before{background-image:var(--icon-wrong)}.quiz-answer.right:before{background-image:var(--icon-right)}.question__feedback.right p:first-child{color:var(--color-right)}.question__feedback.wrong p:first-child{color:var(--color-wrong)}.quiz-next span:first-child{mask-image:url(var(--icon-arrow-right));-webkit-mask-image:url(var(--icon-arrow-right))}@media(min-width:992px){.question{gap:50px;grid-auto-flow:column dense;grid-template-columns:auto 400px;grid-template-rows:auto auto auto}.question__answers{gap:16px;grid-row-end:span 3;grid-row-start:1}.question__feedback,.question__question{text-align:left}.question__validate{flex-direction:row;margin:0}}@media(min-width:1200px){.question{grid-template-columns:auto 550px}}