:root{--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--accent-h: 217.75deg;--accent-s: 98.36%;--accent-l: 52.16%;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--background-body: #ffffff;--background-alt: #f7f7f7;--background: #efefef;--background-input: #ffffff;--text-main: #363636;--text-muted: #70777f;--links: var(--accent);--focus: var(--accent);--border: #b9b8b8;--info-color: #0584c7;--success-color: #16a34a;--neutral-color: #52525b;--warning-color: #d87708;--danger-color: #dc2626;--dialog-background: #ffffff;--scan-frame-color: rgba(255, 255, 255, .9);--dropzone-background: var(--background-alt);--dropzone-background-dragover: var(--background);--dropzone-background-hover: var(--background);--camera-actions-background: #ffffff;--alert-background: #ffffff;--alert-foreground: var(--text-main);--highlight: #ffff99;--body-max-width: 64rem;--border-radius: 6px;--animation-duration: .1s;--container-max-width: 37.5rem;--capture-border-width: 3px;--select-arrow-light: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");--select-arrow-dark: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23ffffff'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");--select-arrow: var(--select-arrow-light);accent-color:var(--accent)}@media(prefers-color-scheme:dark){:root{--accent-h: 206;--accent-s: 100%;--accent-l: 73%;--background-body: #212529;--background-alt: #343a40;--background: var(--background-alt);--background-input: var(--background);--text-main: #dbdbdb;--text-muted: #a9b1ba;--links: var(--accent);--focus: var(--accent);--border: #495057;--info-color: #27bbfc;--success-color: #3ae075;--neutral-color: #8e8e9a;--warning-color: #ffbd11;--danger-color: #fe5c5c;--dialog-background: var(--background-alt);--dropzone-background: #1a1c1e;--dropzone-background-dragover: #161718;--dropzone-background-hover: #161718;--camera-actions-background: var(--background);--alert-background: var(--background-alt);--highlight: #fff3b0;--select-arrow: var(--select-arrow-dark)}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);max-width:var(--body-max-width);padding:0 .75rem;margin:1.25rem auto;word-wrap:break-word;color:var(--text-main);background:var(--background-body);text-rendering:optimizeLegibility;line-height:1.5}[hidden]{display:none!important}:not(:defined):not(bs-settings){display:none!important}a{color:var(--links)}a>code,a>strong{color:inherit}a,button,input,custom-clipboard-copy::part(button),alert-element::part(close):focus-visible{outline-color:var(--accent)}button{color:var(--text-main);font-family:inherit;font-size:inherit;padding:.625rem;border:none;border-radius:var(--border-radius)}button:not(:disabled){cursor:pointer}input[type=checkbox]{min-width:1rem;width:1rem;height:1rem}input[type=checkbox]:not(:disabled){cursor:pointer}kbd{background:var(--background);border:1px solid var(--border);border-radius:2px;color:var(--text-main);padding:.125rem .25rem}img,video{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border)}h1{margin-block:.75rem 0;font-size:1.6rem;font-weight:300}select{padding-block:.75rem;padding-inline:.75rem 2.25rem;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--background-input) var(--select-arrow) calc(100% - .75rem) 50% / .75rem no-repeat;color:var(--form-text);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}:dir(rtl) select{background-position:.75rem 50%}select:disabled{cursor:not-allowed}.noscript{width:100%;padding:1rem;margin:0 auto;border-radius:var(--border-radius);border:1px solid var(--border);border-top:3px solid var(--danger-color);max-width:var(--container-max-width);background-color:var(--background-alt);text-align:center;text-wrap:balance}.site-header{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:2rem 0;text-align:center}.container{max-width:var(--container-max-width);margin:0 auto}.source-code{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem}.scan-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:.5rem;border-radius:0;color:#fff;background-color:#000000b3!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.9375rem;text-wrap:balance;line-height:1.5;outline-offset:-2px}.scan-button kbd{font-size:.8rem}.scan-instructions{font-size:.95rem;text-align:center;text-wrap:balance}.scan-frame-container{position:relative;max-width:var(--container-max-width);margin:0 auto}.scan-frame-container:has(video-capture[loading]) .scan-frame{display:none}.scan-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);pointer-events:none}.scan-frame svg{position:absolute;top:0;left:0;width:100%;height:100%}input[type=file]::-webkit-file-upload-button{color:var(--background);background-color:var(--accent);border:0;border-radius:.25rem;padding-inline:.5rem;margin-right:.5rem;line-height:1.6;cursor:pointer;-webkit-appearance:none;appearance:none}input[type=file]:disabled::-webkit-file-upload-button{cursor:not-allowed}.dropzone{--dropzone-focus-box-shadow: inset 0 0 0 2px var(--focus);--dropzone-transition-duration: var(--animation-duration);--dropzone-border-color: var(--border);--dropzone-border-color-dragover: var(--accent);--dropzone-border-color-hover: var(--accent);--dropzone-background-color: var(--dropzone-background);--dropzone-background-color-dragover: var(--dropzone-background-dragover);--dropzone-background-color-hover: var(--dropzone-background-hover);--dropzone-body-color: var(--text-main)}.dropzone::part(dropzone){display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:17.625rem;border-radius:var(--border-radius)}.dropzone-preview{display:flex;flex-direction:column;gap:.5rem}.dropzone-preview__image-wrapper{max-width:200px;margin:0 auto}.dropzone-preview__file-name{font-size:.9rem;color:var(--text-main)}.dropzone-instructions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}body>footer{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:10px;color:var(--text-muted);text-align:center}body>footer>p:last-child{margin-block:.5rem 0}video-capture{position:relative;display:flex;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;border:var(--capture-border-width) solid var(--border);border-radius:var(--border-radius);background-color:#000}video-capture::part(video){width:100%;background-color:#000}video-capture[loading]::part(video){background-image:url("data:image/svg+xml,%3csvg%20version='1.1'%20id='loader-1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='40px'%20height='40px'%20viewBox='0%200%2040%2040'%20enable-background='new%200%200%2040%2040'%20xml:space='preserve'%3e%3cpath%20opacity='0.2'%20fill='white'%20d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946%20s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z%20M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634%20c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3e%3cpath%20fill='white'%20d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%20C22.32,8.481,24.301,9.057,26.013,10.047z'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='rotate'%20from='0%2020%2020'%20to='360%2020%2020'%20dur='0.5s'%20repeatCount='indefinite'/%3e%3c/path%3e%3c/svg%3e");background-size:3.75rem;background-position:center center;background-repeat:no-repeat}video-capture [slot=actions]{position:absolute;left:0;bottom:0;width:100%;display:flex;justify-content:space-between;gap:.375rem;padding:.375rem}video-capture[loading] [slot=actions]{display:none}.camera-select{width:100%;padding-block:.5rem;border-radius:calc(var(--border-radius) / 2);background-color:var(--camera-actions-background);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.zoom-controls{display:flex}.torch-button,.zoom-controls button,.zoom-controls label{display:inline-flex;justify-content:center;align-items:center;margin:0;padding-block:.5rem;border:none;border-radius:0;background-color:var(--camera-actions-background);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-main)}.torch-button{border:1px solid var(--border);border-radius:calc(var(--border-radius) / 2)}.zoom-controls button{border:1px solid var(--border)}.zoom-controls button[data-action=zoom-in]{border-start-end-radius:calc(var(--border-radius) / 2);border-end-end-radius:calc(var(--border-radius) / 2);border-inline-start:none}.zoom-controls button[data-action=zoom-out]{border-start-start-radius:calc(var(--border-radius) / 2);border-end-start-radius:calc(var(--border-radius) / 2);border-inline-end:none}.zoom-controls label{min-width:2rem;border-block:1px solid var(--border);border-inline:none;overflow:hidden;font-size:.9rem}.global-actions{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;gap:.5rem}.global-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background-color:transparent!important;color:var(--text-main);line-height:1;padding:8px;margin:0;font-size:1rem}.global-actions button span{display:none}.popover-dialog{--me-background-color: var(--dialog-background);--me-border-radius: var(--border-radius);--me-border-style: none;--me-width: fit-content;--me-header-spacing: .75rem;--me-body-spacing: 0;--me-footer-spacing: .75rem;--me-backdrop-filter: blur(4px)}.popover-dialog::part(body){font-size:.9rem}.popover-dialog::part(footer){text-align:center}.popover-dialog ul{margin:0;padding:0;list-style:none}.popover-dialog ul li{position:relative;display:flex;align-items:center;color:var(--text-main);text-decoration:none}.history-dialog{--me-width: 20rem}.settings-dialog ul li{padding:.25rem .75rem}.settings-dialog ul li input[type=checkbox]{margin-block:.15rem 0;margin-inline:0 .5rem}.settings-dialog ul li label{display:flex;flex:1;margin:0;cursor:pointer}.settings-dialog fieldset{border:0;padding:0;margin:0 0 1rem;border-radius:0}.settings-dialog fieldset legend{padding:0 .75rem;margin-block-end:.25rem;font-weight:500}.settings-dialog .formats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));column-gap:.75rem;row-gap:.25rem}a-tab-group::part(tabs){border-radius:var(--border-radius);padding:0}a-tab{display:flex;flex:1}a-tab:nth-of-type(1){border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}a-tab:last-of-type{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}a-tab::part(base){flex:1;justify-content:center;padding:.5rem .75rem;background-color:var(--background);transition:background-color var(--animation-duration) ease-in-out,color var(--animation-duration) ease-in-out}a-tab:focus-visible{outline:.125rem solid var(--text-main);outline-offset:-.125rem}a-tab[selected]::part(base){background-color:var(--accent);color:var(--background-body)}alert-element{--alert-bg-color: var(--alert-background);--alert-fg-color: var(--alert-foreground)}.alert-toast-stack alert-element{font-size:.95rem}.results{margin-block-start:1.5rem;background-color:var(--background-alt);border-radius:var(--border-radius);border:1px solid var(--border);overflow-x:hidden;max-height:20.125rem;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.results{scroll-behavior:smooth}}.results:empty{display:none!important}.results bs-result:not(:last-child)::part(result){border-block-end:1px solid var(--border)}.batch-results{margin-block-start:1.25rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--background-alt)}.batch-results__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;border-block-end:1px solid var(--border)}.batch-results__header h2{margin:0;font-size:1rem;font-weight:600}.batch-results__count{color:var(--text-muted);font-size:.9rem}.batch-results__list{margin:0;padding:0;list-style:none;max-height:14rem;overflow:auto;overscroll-behavior:contain}.batch-results__list:empty:before{content:"No scanned barcodes yet.";display:block;padding:.75rem;color:var(--text-muted);font-size:.95rem}.batch-results__list li{padding:.625rem .75rem;border-block-end:1px solid var(--border);word-break:break-word}.batch-results__list li:last-child{border-block-end:none}.batch-results__actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem;border-block-start:1px solid var(--border)}.batch-results__actions button{background-color:var(--background-body);border:1px solid var(--border);line-height:1.2}.batch-results__actions button:disabled{opacity:.6;cursor:not-allowed}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-underline{text-decoration:underline!important}.text-muted{color:var(--text-muted)!important}.fw-normal{font-weight:400!important}@media(min-width:37.5rem){h1{font-size:2rem}.scan-instructions p{max-width:none}video-capture{max-width:var(--container-max-width)}.global-actions button{font-size:.9rem}.global-actions button span{display:inline}}@media(min-height:43.75rem){header{margin:3rem 0}}@media screen and (max-width:20rem){a-tab span{font-size:.9rem}a-tab svg{display:none}}