.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}.quiz li,.quiz p{font-size:1.3rem}.question__question-content{margin-top:2em}.question__answers{cursor:pointer;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-items:stretch}.question__feedback{order:9}.question__validate{order:10;text-align:center}.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)}@media(min-width:992px){.question{gap:50px;grid-auto-flow:column dense;grid-template-columns:auto 400px;grid-template-rows:auto auto 54px}.question__answers{gap:16px;grid-row-end:span 3;grid-row-start:1}.question__feedback,.question__question,.question__validate{text-align:left}}@media(min-width:1200px){.question{grid-template-columns:auto 550px}}