.answer-option-card{transition:background-color .2s linear,border-color .2s linear}.answer-option-card .answer-snippet{transition:all .5s linear 2s;transition-delay:2s;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;max-height:0;will-change:transform;padding-top:0}.answer-option-card.answer-correct-card .answer-option-label{position:relative;animation:alignTextLeft .3s ease-in-out 1.5s forwards}.answer-option-card.answer-correct-card .answer-snippet{animation:showAnswerSnippet .5s ease-in-out 1.5s forwards}.answer-option-card{border-width:2px;border-style:solid}.answer-option-card.answer-incorrect-card{border-color:var(--color-red-800);background:var(--color-red-50);animation:hideIncorrectCard .3s ease-in-out 1s forwards}.answer-option-card.answer-correct-card{border-color:var(--color-green-800);background:var(--color-green-50)}@keyframes showAnswerSnippet{0%{max-height:0;padding-top:0}to{max-height:120px;padding-top:16px}}@keyframes alignTextLeft{0%{width:100%;left:50%;transform:translateX(-50%)}to{left:0;transform:translateX(0);width:fit-content}}@keyframes hideIncorrectCard{0%{visibility:visible}to{opacity:0;border:0;visibility:hidden;height:0;width:0}}