.qr-reader{width:100%;max-width:400px;height:auto;aspect-ratio:3 / 4;margin:2rem auto;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.qr-reader video{width:100%;height:100%;object-fit:cover}.qr-reader .qr-box{width:100%!important;left:0!important}.qr-reader .qr-frame{position:absolute;fill:none;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}@media (max-width: 426px){.qr-reader{margin:1rem auto;aspect-ratio:3 / 4}}
