@layer quiz{.quiz{display:flex;flex-direction:column;height:100%;justify-content:center;gap:32px}.quiz__answers{display:flex;flex:1;min-height:0;max-height:fit-content;gap:24px}.quiz__answer{min-width:0;min-height:0;height:225px;max-height:100%;flex:1;grid-template:minmax(0,1fr) / minmax(0,1fr);transition:box-shadow .3s,border .2s,background .2s}.quiz__answer :is(.quiz__answer-label,.quiz__answer-incorrect-icon,.quiz__answer-correct-icon){transition:opacity .3s ease-in-out}.quiz__answer :is(.quiz__answer-incorrect-icon,.quiz__answer-correct-icon){opacity:0;width:auto;height:100%}.quiz__answer .quiz__answer-incorrect-icon{padding:10px 0;max-width:min(60%,160px)}.quiz__answer .quiz__answer-correct-icon{max-height:100px}:is(.quiz__answer--correct,.quiz__answer--incorrect) .quiz__answer-label{opacity:0}.quiz__answer--correct{border-color:#fac515;background:#fef0c7;box-shadow:4px 8px 24px #ffc400a8}.quiz__answer--correct .quiz__answer-correct-icon{opacity:1}.quiz__answer--incorrect{border-color:#aeaeae;background:#f5f5f5}.quiz__answer--incorrect .quiz__answer-incorrect-icon{opacity:1}}