.vid{position:fixed;width:100%;height:100%}.vid video{height:100%;object-fit:fill}.header{position:absolute;width:100%;top:20px;display:flex;justify-content:center;column-gap:14px}body.barcode-scanner-active{visibility:hidden;--background: transparent;--ion-background-color: transparent}body.barcode-scanner-active :is(.tools,.header,.cart-drawer,.v-navigation-drawer__scrim,.v-overlay:not(.native-barcode-dialog,.hide-on-barcode-scan)){visibility:visible;--background: transparent;--ion-background-color: transparent}.barcode-scanner-modal{visibility:visible}.square{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px;width:90vw;max-width:300px;height:175px;border:4px solid white;box-shadow:0 0 0 4000px rgba(0,0,0,.5)}@media (prefers-color-scheme: dark){.barcode-scanner-modal{--background: transparent;--ion-background-color: transparent}}.sel{border:1px solid #ccc;color:#fff;padding:0 4px}.tools{position:absolute;width:100%;bottom:20px;display:flex;justify-content:center;column-gap:14px}.header{position:absolute;width:100%;top:20px;display:flex;justify-content:center;column-gap:14px;z-index:100}