.quiz-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#dff6ef,#cfeee6);background-repeat:no-repeat;background-size:cover}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:transparent}.top-bar .left{display:flex;align-items:center;gap:12px}.avatar{display:flex;align-items:center;justify-content:center}.line{height:1px;width:100%;background:#4d4d4d}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.bg-question{overflow:visible;font-weight:600;font-size:20px;position:relative;text-align:center}span.title{position:absolute;width:100%;top:25px;right:0;font-size:22px}.top-bar .right{display:flex;align-items:center;gap:12px}.icon-btn{background:no-repeat;border:none;position:absolute;right:0}.timer{background-image:url(/images/u_watch.png);background-repeat:no-repeat;background-size:contain;position:relative;height:53px;width:126px}span.text-time,.text-star{font-size:20px;font-weight:700;position:absolute;top:13px;right:25px}.icon-watch{margin-top:3px;margin-left:2px}.text-star .total{color:#dcdcdc}.icon-star{margin-top:5px;margin-left:5px}.star{background-image:url(/images/u_star.png);background-repeat:no-repeat;background-size:contain;position:relative;height:53px;width:126px}.menu{background:unset;border:none}.quiz-page .content{flex:1;display:flex;flex-direction:column;align-items:center}.question{width:100%;max-width:980px;text-align:left;font-size:20px;margin:18px 0 12px;color:#1b1b1b;font-weight:500}.answer{width:100%;padding:24px 20px;border-radius:14px;background:#fff;box-shadow:0 2px #e5e5e5;text-align:left;font-size:18px;border:2px solid rgba(229,229,229,1);font-family:Nunito!important}.answer:hover{transform:translateY(-2px);transition:all .15s}.answer.active{background:#def3ff;border-color:#84d8ff;box-shadow:0 5px 3px #00000059;box-shadow:0 2px #84d8ff}.answer.correct{background:#d6ffb8;border-color:#85cc31;box-shadow:0 5px 3px #00000059;box-shadow:0 2px #85cc31}.answer.failed{background:#ffc9ca;border-color:#ff7e89;box-shadow:0 5px 3px #00000059;box-shadow:0 2px #ff5563}.feedback{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:#ff6b4a;color:#fff;border:none;border-radius:50%;width:72px;height:72px;box-shadow:0 8px 18px #0000001f}.nav{display:flex;justify-content:space-between;padding:20px 28px}.back,.next{background:unset;border:none}.title-pra{font-size:18px;font-weight:500}.fade-slide-enter-from{opacity:0;transform:translateY(20px)}.fade-slide-enter-to,.fade-slide-leave-from{opacity:1;transform:translateY(0)}.fade-slide-leave-to{opacity:0;transform:translateY(-20px)}.fade-slide-enter-active,.fade-slide-leave-active{transition:.35s ease}