:root{--main-bg-color: #fff;--primary-color: #438e96;--btn-color: #285459;--box-shadow-color: rgba(0, 0, 0, .32);--overlay-color: rgba(73, 73, 73, .35)}#scan-select-cam{background:#7da9ae36;border-color:#438e96d1}.scanner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.scanner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-color);z-index:1049}.scanner-modal{overflow:hidden;outline:0;border-radius:3px;background-color:var(--main-bg-color);padding:10px;position:fixed;z-index:1050;top:50%;left:50%;transform:translate(-50%,-45%);width:80%;max-width:700px;max-height:700px;box-shadow:0 4px 8px 0 var(--box-shadow-color),0 6px 20px 0 var(--box-shadow-color)}.scanner-modal-content{position:relative;display:flex;flex-direction:column;width:auto;margin:auto}.scanner-btn{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);padding:5px;width:70px}.x-btn{width:50px;background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.scanner-btn:hover,.x-btn:hover{background-color:var(--btn-color);color:#fff}#barcodeInput:focus,#numberInput:focus{box-shadow:none}.scanner-select{border:1px solid var(--primary-color)}@media screen and (max-width: 500px){.scanner-modal{width:96%;height:50%;top:45%}.scanner-modal-content{width:auto}}.error[data-v-9d7dac4e]{font-weight:bolder;text-align:center;color:#c64646}.barcode-format-checkbox[data-v-9d7dac4e]{margin-right:10px;white-space:nowrap}.modal-mask[data-v-4dd5957a]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:table;transition:opacity .3s ease}.modal-wrapper[data-v-4dd5957a]{display:table-cell;vertical-align:middle}.modal-container[data-v-4dd5957a]{width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header h3[data-v-4dd5957a]{margin-top:0;color:#42b983}.modal-body[data-v-4dd5957a]{margin:20px 0}.modal-default-button[data-v-4dd5957a]{float:right;cursor:pointer}.modal-default-button[data-v-4dd5957a]:disabled{cursor:not-allowed;background-color:#ccc}.modal-enter[data-v-4dd5957a],.modal-leave-active[data-v-4dd5957a]{opacity:0}.modal-enter .modal-container[data-v-4dd5957a],.modal-leave-active .modal-container[data-v-4dd5957a]{-webkit-transform:scale(1.1);transform:scale(1.1)}
