.ht-goc:where(.ht-p-quiz-b){min-height:100svh}:where(.ht-p-quiz-b) .ht-quiz{grid-template-rows:auto 1fr;min-height:100svh;display:grid}:where(.ht-p-quiz-b) .ht-quiz .ht-dau{padding-bottom:10px}:where(.ht-p-quiz-b) .ht-tien-do{background:var(--vach);height:2px;margin:0 var(--le);overflow:hidden}:where(.ht-p-quiz-b) .ht-tien-do i{background:var(--son);transform-origin:0;width:12.5%;height:100%;transition:transform .42s var(--cong);display:block}:where(.ht-p-quiz-b) .ht-man{padding:42px var(--le) 48px;align-content:start;gap:30px;min-width:0;display:grid}:where(.ht-p-quiz-b) .ht-cau{gap:15px;display:grid}:where(.ht-p-quiz-b) .ht-cau .ht-tieu{font-size:43px}:where(.ht-p-quiz-b) .ht-visao{font:italic 500 15px/1.55 var(--f-hien);color:var(--muc-vua);grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:10px;margin:0;display:grid}:where(.ht-p-quiz-b) .ht-visao:before{content:"";background:var(--kim);opacity:.62;height:1px}:where(.ht-p-quiz-b) .ht-visao:after{content:"";background:var(--kim);opacity:.62;height:1px}:where(.ht-p-quiz-b) .ht-dap-an{gap:10px;display:grid}:where(.ht-p-quiz-b) .ht-chon{border:1px solid var(--vach-dam);text-align:left;cursor:pointer;transition:transform .25s var(--cong),background .25s ease,border-color .25s ease;background:#fbf7ec8c;gap:5px;padding:17px 18px;display:grid}:where(.ht-p-quiz-b) .ht-chon:hover{background:var(--the);border-color:var(--kim);transform:translateY(-2px)}:where(.ht-p-quiz-b) .ht-chon:active{transform:translateY(0)}:where(.ht-p-quiz-b) .ht-chon b{font:500 21px/1.18 var(--f-hien)}:where(.ht-p-quiz-b) .ht-chon span{color:var(--muc-vua);font-size:13.5px;line-height:1.5}:where(.ht-p-quiz-b) .ht-chan-quiz{justify-content:space-between;align-items:center;gap:16px;margin-top:2px;display:flex}:where(.ht-p-quiz-b) .ht-lui{visibility:hidden}:where(.ht-p-quiz-b) .ht-lui.ht-hien{visibility:visible}:where(.ht-p-quiz-b) .ht-mach{color:var(--muc-nhat);text-align:right;margin:0;font-size:12px}:where(.ht-p-quiz-b) .ht-doi-man{animation:ht-vao .36s var(--cong)}@keyframes ht-vao{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (min-width:960px){:where(.ht-p-quiz-b) .ht-quiz{max-width:1180px}:where(.ht-p-quiz-b) .ht-tien-do{margin:0 var(--le)}:where(.ht-p-quiz-b) .ht-man{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-content:center;align-items:center;gap:90px;padding-top:40px;padding-bottom:80px}:where(.ht-p-quiz-b) .ht-cau{align-self:center;gap:22px}:where(.ht-p-quiz-b) .ht-cau .ht-tieu{max-width:520px;font-size:64px}:where(.ht-p-quiz-b) .ht-cau .ht-phu{max-width:430px}:where(.ht-p-quiz-b) .ht-visao{grid-template-columns:28px minmax(0,1fr);max-width:470px}:where(.ht-p-quiz-b) .ht-visao:after{display:none}:where(.ht-p-quiz-b) .ht-dap-khoi{gap:22px;min-width:0;display:grid}:where(.ht-p-quiz-b) .ht-dap-an{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}:where(.ht-p-quiz-b) .ht-chon{align-content:start;min-height:136px;padding:24px 22px}:where(.ht-p-quiz-b) .ht-chon b{font-size:24px}:where(.ht-p-quiz-b) .ht-chon span{font-size:14px}:where(.ht-p-quiz-b) .ht-chan-quiz{grid-column:1/-1}}