barcode-scanner{display:contents}.barcode-scanner__fab{position:fixed;right:max(env(safe-area-inset-right),var(--padding-md));bottom:calc(env(safe-area-inset-bottom) + var(--padding-md));z-index:var(--layer-sticky, 90);display:none;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);min-width:var(--minimum-touch-target);min-height:var(--minimum-touch-target);padding:0;border-radius:var(--style-border-radius-buttons-primary);box-shadow:var(--shadow-popover);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.barcode-scanner__fab:active{transform:scale(.96)}.barcode-scanner__fab-icon{display:inline-flex;width:22px;height:22px}.barcode-scanner__fab-icon svg{width:100%;height:100%}@media(pointer:coarse){.barcode-scanner__fab{display:inline-flex}}barcode-scanner[hidden] .barcode-scanner__fab{display:none!important}.barcode-scanner__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:none;overflow:hidden;background:#000;color:var(--color-foreground);top:0;right:0;bottom:0;left:0}.barcode-scanner__dialog::backdrop{background:rgb(var(--backdrop-color-rgb, 0 0 0) / var(--backdrop-opacity, .5))}.barcode-scanner__dialog[open]{display:block}.barcode-scanner__camera{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.barcode-scanner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter var(--animation-speed) var(--animation-easing)}.barcode-scanner__dialog[data-stage=sheet] .barcode-scanner__video{filter:brightness(.42)}.barcode-scanner__guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-md);pointer-events:none;transition:opacity var(--animation-speed) var(--animation-easing)}.barcode-scanner__dialog[data-stage=sheet] .barcode-scanner__guide{opacity:0;visibility:hidden}.barcode-scanner__reticle{width:min(72vw,280px);height:88px;border:2px solid rgb(255 255 255 / .85);border-radius:var(--style-border-radius-popover, 8px);box-shadow:0 0 0 9999px #00000059}.barcode-scanner__hint{margin:0;padding:var(--padding-xs) var(--padding-sm);max-width:18rem;font-size:var(--font-size--body-sm, .875rem);line-height:1.35;text-align:center;color:#fff;background:#00000073;border-radius:var(--style-border-radius-buttons-secondary, 999px)}.barcode-scanner__topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + var(--padding-sm)) var(--padding-sm) var(--padding-sm);pointer-events:none;z-index:2}.barcode-scanner__icon-btn{pointer-events:all;display:inline-flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;color:#fff;background:#00000059;border-radius:var(--style-border-radius-buttons-secondary, 50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .15s ease,transform .15s ease}.barcode-scanner__icon-btn:active{transform:scale(.94);background:#00000080}.barcode-scanner__icon-btn svg{width:20px;height:20px}.barcode-scanner__icon-btn[aria-pressed=true]{background:var(--color-background);color:var(--color-foreground)}.barcode-scanner__dimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;padding:0;border:none;cursor:pointer;background:transparent;animation:barcode-scanner-fade-in var(--animation-speed) var(--animation-easing) both}.barcode-scanner__dimmer[hidden],.barcode-scanner__sheet[hidden]{display:none!important}.barcode-scanner__sheet{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;max-height:min(78dvh,640px);background-color:var(--color-background);color:var(--color-foreground);border:var(--style-border-popover, 1px solid rgb(var(--color-foreground-rgb) / .12));border-bottom:none;border-radius:var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0;box-shadow:var(--shadow-popover);padding-bottom:env(safe-area-inset-bottom);animation:barcode-scanner-sheet-in var(--animation-speed) var(--animation-easing) both}.barcode-scanner__sheet-grab{flex:0 0 auto;width:40px;height:4px;margin:var(--padding-sm) auto 0;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .2)}.barcode-scanner__sheet-head{flex:0 0 auto;padding:var(--padding-sm) var(--padding-md) 0}.barcode-scanner__sheet-title{margin:0;font-size:var(--font-size--md, 1rem);font-weight:600}.barcode-scanner__sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--padding-md);-webkit-overflow-scrolling:touch}.barcode-scanner__sheet-foot{flex:0 0 auto;padding:var(--padding-sm) var(--padding-md) var(--padding-md);border-top:1px solid rgb(var(--color-foreground-rgb) / .08)}.barcode-scanner__scan-another{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2xs)}.barcode-scanner__scan-another svg{width:18px;height:18px;flex-shrink:0}.barcode-scanner__card{position:relative;min-height:120px;display:block}.barcode-scanner__card product-card,.barcode-scanner__card product-card-link,.barcode-scanner__card .product-grid__item{width:100%;max-width:100%}.barcode-scanner__card .product-grid__item{display:block;list-style:none;margin:0;padding:0}.barcode-scanner__card :is(product-card,product-card-link){display:block}.barcode-scanner__card .product-card__content{background:var(--color-background);border:var(--style-border-popover, 1px solid rgb(var(--color-foreground-rgb) / .12));border-radius:var(--style-border-radius-popover);box-shadow:none;overflow:hidden}.barcode-scanner__card .quick-add{--quick-add-display: flex;--quick-add-mobile-display: flex}.barcode-scanner__loader{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:var(--padding-lg) auto}.barcode-scanner__message{display:flex;flex-direction:column;gap:var(--gap-sm);text-align:center;padding:var(--padding-md) 0}.barcode-scanner__message-title{margin:0;font-size:var(--font-size--md);font-weight:600}.barcode-scanner__message-body{margin:0;font-size:var(--font-size--body-sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .65));line-height:1.45}@keyframes barcode-scanner-sheet-in{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes barcode-scanner-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/barcode-scanner.css.map */