rez { line-height: 1.5; font-size: 150%; }
#insta-quiz li{ padding:15px; background-color:#fff; border-radius:8px; flex-direction:column; transition:.5s; display:none; opacity:0; }
#insta-quiz li.active{ display:flex!important; opacity:1; overflow:hidden; max-height:none; max-width:none; }
#insta-quiz .quiz-header{ padding:20px 15px; text-align:center; border-radius:8px 8px 0 0; background-color:#000; color:#fff; font-size:22px; }
#insta-quiz .quiz-block{ display:flex; flex-direction:column; }
#insta-quiz .quiz-block .answer{ border:1px solid grey; width:80%; margin:10px auto; padding:15px; cursor:pointer; border-radius:40px; font-size:18px; }
#insta-quiz .quiz-block .answer.fail { background-color:red; color:#fff; }
#insta-quiz .quiz-block .answer.success { background-color:#6dc14f; color:#fff; }
.progress { width:100%; display:flex; justify-content:space-around; margin-bottom:15px; }
.progress span { width:10px; height:10px; display:inline-block; background-color:#898989; border-radius:50%; margin:1px; }
.progress span.fail { background-color:red; }
.progress span.success { background-color:#6dc14f; }
@-webkit-keyframes fadeIn { 0%{opacity:0;} 100%{opacity:1;} }
@keyframes fadeIn { 0%{opacity:0;} 100%{opacity:1;} }
.fadeIn { -webkit-animation-name:fadeIn; animation-name:fadeIn; }
.fio-row{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.fio-row label{ flex:0 0 110px; text-align:left; font-weight:bold; }
.fio-row input{ flex:0 0 240px; max-width:60%; padding:6px 8px; box-sizing:border-box; }