.search-scan-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.search-scan-modal[hidden]{display:none}.search-scan-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;cursor:pointer}.search-scan-modal__container{position:relative;z-index:1;background:rgb(var(--color-background));border-radius:var(--popup-corner-radius, 8px);overflow:hidden;width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.search-scan-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.search-scan-modal__title{margin:0;font-size:1.2rem;font-family:var(--font-heading-family);color:rgb(var(--color-foreground))}.search-scan-modal__close{background:none;border:none;cursor:pointer;padding:.25rem;color:rgb(var(--color-foreground));display:flex;align-items:center;border-radius:4px;transition:opacity .2s}.search-scan-modal__close:hover{opacity:.7}.search-scan-modal__body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.search-scan-modal__camera-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:4px;overflow:hidden}.search-scan-modal__video{width:100%;height:100%;object-fit:cover;display:block}.search-scan-modal__frame{position:absolute;top:15%;right:15%;bottom:15%;left:15%;pointer-events:none}.search-scan-modal__frame-corner{position:absolute;width:20px;height:20px;border-color:#fff;border-style:solid}.search-scan-modal__frame-corner--tl{top:0;left:0;border-width:3px 0 0 3px}.search-scan-modal__frame-corner--tr{top:0;right:0;border-width:3px 3px 0 0}.search-scan-modal__frame-corner--bl{bottom:0;left:0;border-width:0 0 3px 3px}.search-scan-modal__frame-corner--br{bottom:0;right:0;border-width:0 3px 3px 0}.search-scan-modal__scanline{position:absolute;left:0;right:0;height:2px;background:#ff5050d9;animation:search-scan-scanline 2s linear infinite}@keyframes search-scan-scanline{0%{top:0}to{top:100%}}.search-scan-modal__status{text-align:center;font-size:.9rem;color:rgb(var(--color-foreground));margin:0;min-height:1.4em}.search-scan-modal__status--error{color:#c00}.js-search-scan-btn{display:flex;align-items:center;justify-content:center}.js-search-scan-btn.hidden{display:none}@media screen and (min-width:750px){.js-search-scan-btn{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dreambaby-barcode-scanner.css.map */