body{margin:0;font-family:Roboto,sans-serif;color:#555}#qr-code-full-region{border:none!important}img[alt="Info icon"],img[alt="Camera based scan"]{display:none}.qr-scanner[data-v-5445fbe8]{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-reader[data-v-5445fbe8]{width:300px}.grid-wrapper[data-v-23753e07]{padding:16px;background:#eee;border-radius:16px}.input-box-wrapper[data-v-23753e07]{margin-bottom:1em;display:flex;flex-wrap:wrap;justify-content:center}.grid[data-v-23753e07]{display:grid;grid-template-columns:repeat(5,60px);grid-template-rows:repeat(5,60px);gap:10px}.grid div[data-v-23753e07],.code-item-box[data-v-23753e07]{font-size:1.5rem;border:none;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0003;transition:background .2s ease;display:flex;justify-content:center;align-items:center}.code-item-box[data-v-23753e07]{border:3px solid white;position:relative;display:flex;margin:6px;width:60px;height:60px}.grid div[data-v-23753e07]{cursor:pointer}.grid div[data-v-23753e07]:hover{background:#dceaff}.grid div[data-v-23753e07]:active{background:#a7d0ff}i[data-v-23753e07]{color:#2e32db}.code-item-box.selected[data-v-23753e07]{border:3px solid #2e32db}.remove-icon[data-v-23753e07]{opacity:.2;transition:opacity .2s ease;position:absolute;top:-.5em;right:-.5em;color:#aaa;cursor:pointer}.remove-icon[data-v-23753e07]:hover{opacity:1}#teacher-login{position:fixed;right:16px;bottom:16px}button{background:#ffc442;border-radius:32px;padding:1rem 1.5rem;font-size:1rem;border:1px solid rgb(255,196,66);margin:4px;cursor:pointer}