h1>span{font-size:.9375rem;font-weight:normal;color:#6c757d}#uploader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:300px;cursor:pointer;border:2px dashed #dee2e6 !important;background:none !important}#uploader:hover{border:2px dashed #fedb00 !important}#uploader.dragover{border:2px dashed #fedb00 !important;background-color:rgba(13,110,253,.1) !important}#uploader.dragleave{border:2px dashed #dee2e6 !important;background:none !important}#uploader.drop{border:2px dashed #fedb00 !important;background:none !important}#uploader .bi-qr-code-scan,#uploader .bi-upc-scan{font-size:4rem;color:#dee2e6;margin-bottom:.25rem}.upload-input{display:none}#upload-tip{margin-top:.75rem;text-align:center}#image-preview{max-width:128px;max-height:128px;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,.15)}#result-table-container{max-height:700px;overflow-y:auto}#result-table th{position:sticky;top:0;background-color:#fff;z-index:1}#result-tbody tr td p{margin-bottom:0}#result-tbody .td-id,#result-tbody .td-type,#result-tbody .th_format,#result-tbody .td-content{padding-right:0}#result-tbody .td-action{text-align:right}.btn-copy,.btn-remove{padding:.25rem .75rem;color:#212529;background:#f8f9fa;border:none;border-radius:2px;cursor:pointer !important}.btn-copy:hover,.btn-remove:hover{background:#dee2e6}#about ul li{margin-bottom:.75rem}#camera-monitor{width:100%;min-height:300px;aspect-ratio:1/1;object-fit:cover;display:block;position:relative;overflow:hidden;background-color:#000}#scanning-notes{position:absolute;bottom:1rem;text-align:center;width:100%}#scanning-notes p{display:inline-block;padding:.5rem 1rem;margin:0;border-radius:2px;background:hsla(0,0%,100%,.75)}#scanning-notes.success{color:#198754;transition:color .15s ease-in-out}#scanning-notes.duplicate{color:#ffad00;transition:color .15s ease-in-out}#focus-box{flex:1;display:flex;flex-direction:column;position:absolute;width:160px;height:90px;background-repeat:no-repeat;background-position:center;background-size:20%}#focus-box.success{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23198754' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3e%3c/svg%3e")}#focus-box.duplicate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffad00' class='bi bi-check-circle-fill' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z'/%3e%3c/svg%3e")}#focus-box .corner{position:absolute;width:40px;height:40px}#focus-box .corner.top-left{top:0;left:0;border-top:2px solid hsla(0,0%,100%,.75);border-left:2px solid hsla(0,0%,100%,.75)}#focus-box .corner.top-right{top:0;right:0;border-top:2px solid hsla(0,0%,100%,.75);border-right:2px solid hsla(0,0%,100%,.75)}#focus-box .corner.bottom-left{bottom:0;left:0;border-bottom:2px solid hsla(0,0%,100%,.75);border-left:2px solid hsla(0,0%,100%,.75)}#focus-box .corner.bottom-right{bottom:0;right:0;border-bottom:2px solid hsla(0,0%,100%,.75);border-right:2px solid hsla(0,0%,100%,.75)}#scan-line{position:absolute;top:0%;left:5%;width:90%;height:20px;background:radial-gradient(ellipse 50% 21px at top, rgb(0, 0, 255) 0%, rgba(0, 128, 255, 0.75) 5%, transparent 100%);animation:scan-line 2.5s infinite ease-in-out}@keyframes scan-line{0%{top:20%;opacity:.5}100%{top:80%;opacity:.25}}@media(max-width: 991.98px){#uploader{height:15rem}#uploader .bi-cloud-arrow-up{font-size:3.5rem;color:#dee2e6}.td-action{padding-left:0 !important;padding-right:0 !important}#sound-toggle i.bi,#btn-download i.bi,#btn-clear i.bi{display:none}}