.quiz-container{padding:22px 28px}.quiz{background:#fff;min-height:200px;display:flex;flex-wrap:wrap}.quiz__left{border-right:1px solid #e6e6e6}.quiz__left,.quiz__right{flex:1;padding:23px}.quiz__key{width:24px;height:24px;border:1px solid #949494;border-radius:24px;font-weight:500;color:#000;display:flex;align-items:center;justify-content:center}.quiz__option{cursor:pointer}.quiz__option:hover{font-weight:700;color:#009feb}.quiz__option:hover .quiz__key{border-color:#009feb}.quiz__option--active{font-weight:700;color:#009feb}.quiz__option--active .quiz__key{border-color:#009feb;background-color:#009feb;color:#fff;font-weight:700}span.not-answered{font-weight:700;color:#ff216c}.quiz img{max-width:100%}.map-soals{align-self:center;flex-wrap:wrap;padding:0 55px}.map-soal,.map-soals{display:flex;justify-content:center}.map-soal{width:40px;height:40px;border:1px solid #dadada;background-color:#efefef;font-family:Ubuntu;font-size:14px;font-weight:500;color:#494949;align-items:center;margin:5px 8px;border-radius:40px;cursor:pointer}.map-soal--active{background-color:#fba74f;color:#fff}.map-soal--answered{background-color:#009feb;color:#fff}.belum-disi,.ragu-ragu,.sudah-diisi{width:16px;height:16px;border-radius:16px;border:1px solid #dadada;background-color:#efefef;margin-right:7px}.ragu-ragu{background-color:#fba74f}.sudah-diisi{background-color:#009feb}@media only screen and (max-width:768px){.quiz{display:block}}