#lectureQR{position:fixed;right:24px;top:100px;width:232px;padding:20px;background:#fff;border:1px solid #d5ddd9;border-top:4px solid #32735b;border-radius:10px;z-index:19;color:#1a303b;box-shadow:0 10px 35px #1a303b0c}
#lectureQR[hidden]{display:none}#lectureQR .qr-eyebrow{font-size:12px;color:#32735b;font-weight:700;letter-spacing:.08em}#lectureQR h2{font-size:20px;line-height:1.45;margin:10px 0 6px}#lectureQR p{font-size:13px;line-height:1.65;margin:6px 0;color:#5d7179}#lectureQR .qr-image{display:block;background:white;border:0;padding:0;margin:10px auto;width:192px;height:192px}#lectureQR svg{width:100%;height:100%;display:block}#lectureQR .qr-code{font-size:25px;font-weight:700;letter-spacing:.12em;color:#1a303b;text-align:center;font-variant-numeric:tabular-nums}#lectureQR a{display:block;text-align:center;font-size:14px;padding:9px 0}#lectureQR .qr-result{border-top:1px solid #e4e9e6;margin-top:12px;color:#32735b}#lectureQR select{width:100%;font-size:13px;padding:7px;border:1px solid #d5ddd9;background:white;border-radius:5px;margin-top:10px}body.hasLectureQR main{margin-right:268px}body.hasLectureQR .slide{padding-left:4vw;padding-right:2vw}#lectureQRModal{padding:28px;border:1px solid #d5ddd9;border-radius:16px;max-width:90vw;width:500px;color:#1a303b;text-align:center}#lectureQRModal::backdrop{background:#142b37b8}#lectureQRModal svg{width:100%;height:auto;max-height:55vh}#lectureQRModal .close-qr{float:right}#lectureQRModal h2{font-size:25px}#lectureQRModal p{font-size:18px}.qr-editor-note{display:none}body.boardEditing #lectureQR{display:none}body.boardEditing.hasLectureQR main{margin-right:0}
@media(max-width:1000px){body.hasLectureQR main{margin-right:0}#lectureQR{position:relative;inset:auto;width:calc(100% - 40px);margin:0 20px 90px;display:grid;grid-template-columns:1fr 192px;gap:0 20px}#lectureQR .qr-image{grid-column:2;grid-row:1/6}#lectureQR[hidden]{display:none}}
@media print{#lectureQR,#lectureQRModal{display:none!important}body.hasLectureQR main{margin-right:0}}

@media(max-width:600px){#lectureQR{display:block}#lectureQR .qr-image{max-width:100%}#lectureQR select{min-width:0}}