.board-question{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:16px;box-shadow:0 2px 12px #0000001a;padding:20px 16px}.progress-block .progress-label{color:rgb(67 70 85/var(--tw-text-opacity));font-weight:500}.progress-block .progress-count,.progress-block .progress-label{font-family:Be Vietnam Pro,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1}.progress-block .progress-count{color:rgb(18 27 46/var(--tw-text-opacity));font-weight:600}.progress-block .progress-track{background-color:#e4e7ec99;border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.progress-block .progress-fill{border-radius:9999px;height:100%;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.legend{border-top-width:1px;display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;--tw-border-opacity:1;border-color:rgb(228 231 236/var(--tw-border-opacity));padding-top:1rem}.legend .legend-item{align-items:center;display:flex;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:500;gap:.5rem;line-height:20px;--tw-text-opacity:1;color:rgb(67 70 85/var(--tw-text-opacity))}.legend .legend-dot{border-radius:9999px;flex:none;height:.75rem;width:.75rem}.legend .legend-dot--answered{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.legend .legend-dot--unanswered{border-width:1px;--tw-border-opacity:1;border-color:rgb(228 231 236/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.legend .legend-dot--flagged{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity))}.board-item-question{--tw-border-opacity:1;border-color:rgb(228 231 236/var(--tw-border-opacity));--tw-text-opacity:1;align-items:center;border-radius:8px;border-style:solid;border-width:1.5px;color:rgb(18 27 46/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:36px;min-width:36px;transition:all .15s ease}.board-item-question:hover{--tw-border-opacity:1;background-color:#2563eb0d;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.board-item-question-checked,.board-item-question:hover{border-color:rgb(37 99 235/var(--tw-border-opacity))}.board-item-question-checked{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(37 99 235/var(--tw-bg-opacity));border-radius:8px;border-style:solid;border-width:1.5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:36px;min-width:36px;transition:all .15s ease}.board-item-question-checked:hover{filter:brightness(.9)}.board-item-question-flagged{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity));--tw-bg-opacity:1;align-items:center;background-color:rgb(217 119 6/var(--tw-bg-opacity));border-radius:8px;border-style:solid;border-width:1.5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:36px;min-width:36px;transition:all .15s ease}.board-item-question-flagged:hover{filter:brightness(.9)}.board-box--empty{border-width:1px;--tw-border-opacity:1;border-color:rgb(228 231 236/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(225 232 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(67 70 85/var(--tw-text-opacity))}.board-box--correct{background-color:rgb(0 108 73/var(--tw-bg-opacity))}.board-box--correct,.board-box--wrong{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.board-box--wrong{background-color:rgb(186 26 26/var(--tw-bg-opacity))}.board-box--essay{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.board-box{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:36px;min-width:36px;transition:opacity .15s}.board-box:hover{opacity:.85}.legend.legend--top{border-top-width:0;-moz-column-gap:1rem;column-gap:1rem;flex-direction:row;flex-wrap:wrap;margin-bottom:.75rem;margin-top:0;padding-top:0;row-gap:.25rem}.part-name{color:#121b2e;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}