.scanner{--padd: 8px;--ratio: calc(16 / 9);--height: calc(var(--width) * var(--ratio));--width: calc(100vw - calc(var(--padd) * 2));contain:strict;overflow:hidden;width:var(--width);height:var(--height);border-radius:var(--padd);max-height:calc(100vh - 70px);margin:calc(var(--padd) - .5px)}.scanner video{display:block;width:var(--width);aspect-ratio:16 / 9;height:var(--height);transform:scale(2.5)}.scanner video::-webkit-media-controls,.scanner video::-webkit-media-controls-panel{display:none}.scanner canvas{z-index:2;opacity:.5;display:none;position:absolute}