.barcode-scanner--area--container p{color:#fff;font-family:sans-serif;font-weight:600;text-align:center}.container-box{align-content:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.relative{position:relative;z-index:1}.square{overflow:hidden;position:relative;transition:.3s;width:100%}.square:after{content:"";display:block;padding-bottom:100%;top:0}.square>div{bottom:0;left:0;position:absolute;right:0;top:0}.surround-cover{box-shadow:0 0 0 99999px #00000080}.barcode-scanner--area--container{margin:25vh auto auto;max-width:min(500px,80vh);width:80%}.barcode-scanner--area--outer{border-radius:1em;display:flex}.barcode-scanner--area--inner{border:2px solid #fff;border-radius:1rem;box-shadow:0 0 2px 1px #00000080,inset 0 0 2px 1px #00000080;margin:1rem;width:100%}#scanner-area{display:none}@keyframes shake{0%{transform:translate(0) rotate(0deg) scale(1)}20%{transform:translate(5px,5px) rotate(-1deg) scale(1.05)}40%{transform:translate(5px,5px) rotate(-2deg) scale(1.07)}60%{transform:translate(2px,2px) rotate(0deg) scale(1.04)}80%{transform:translate(-1px,-1px) rotate(-2deg) scale(1.05)}to{transform:translate(0) rotate(0deg) scale(1)}}