*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[hidden=true]{display:none!important}html,body{margin:0;overscroll-behavior:none;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body{max-width:calc(100% - 40px);width:400px;margin:0 auto}#CurrentCode{display:flex;gap:5px;width:100%;margin:10px auto;color:#333;font-weight:300;flex-direction:column}#CurrentCode .header{display:flex;justify-content:space-between}#CurrentCode .title{font-weight:400}#CurrentCode:has(.value:empty){display:none}#CurrentCode button{background:none;border:none;border-radius:3px;padding:3px 5px;color:#737373;background-color:#ddd;font-size:12px;cursor:pointer}#CurrentCode .value{background-color:#d9d9d9;border-radius:3px;padding:10px;word-break:break-word;overflow-wrap:anywhere}#Results{width:100%;margin:10px auto;font-size:20px;text-align:center}#Results:empty{display:none}#Results.success{color:#44a200}#Results.error{color:red}#ScannedBarcodes{width:100%;margin:5px auto 20px;padding:10px;border:1px #d9d9d9 solid;border-radius:5px;background-color:#f9f9f9;color:#7b7b7b}#ScannedBarcodes label{font-size:16px}list-items{display:flex;flex-direction:column;gap:7px;margin-top:7px;max-height:300px;overflow-x:auto}list-items::-webkit-scrollbar{display:none}list-items .empty{color:#ccc;font-size:14px;padding:8px 0}list-item{display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:3px;background-color:#d9d9d9;padding:7px 10px;font-size:14px}list-item>div{display:flex;flex-direction:column;gap:5px}list-item item-datetime{font-size:12px;color:#a5a5a5}list-item item-code{word-break:break-word;overflow-wrap:anywhere}#ScanningLens{position:relative;width:100%;height:152px;margin:20px auto 10px;overflow:hidden;border:1px #BBBBBB solid;border-radius:5px;background-color:#8d8d8d}#ScanningLens .message{position:absolute;z-index:100;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#333;font-size:20px;background-color:#ffffffb8;cursor:pointer;transition:opacity .3s}#ScanningLens .message:hover{opacity:.8}[state=start] #ScanningLens .message,[state=finish] #ScanningLens .message{display:none}[state=stop] #ScanningLens .message:after{content:"\5f00\59cb\626b\63cf"}barcode-scanner{width:100%;height:100%}