video[data-v-e16c822a]{max-width:100%;max-height:100%}.scanner-container[data-v-e16c822a]{position:relative}.overlay-element[data-v-e16c822a]{position:absolute;top:0;width:100%;height:99%;background:rgba(30,30,30,.5);-webkit-clip-path:polygon(0% 0%,0% 100%,20% 100%,20% 20%,80% 20%,80% 80%,20% 80%,20% 100%,100% 100%,100% 0%);clip-path:polygon(0% 0%,0% 100%,20% 100%,20% 20%,80% 20%,80% 80%,20% 80%,20% 100%,100% 100%,100% 0%)}.laser[data-v-e16c822a]{width:60%;margin-left:20%;background-color:tomato;height:1px;position:absolute;top:40%;z-index:2;box-shadow:0 0 4px red;-webkit-animation:scanning-e16c822a 2s infinite;animation:scanning-e16c822a 2s infinite}@-webkit-keyframes scanning-e16c822a{50%{-webkit-transform:translateY(75px);transform:translateY(75px)}}@keyframes scanning-e16c822a{50%{-webkit-transform:translateY(75px);transform:translateY(75px)}}#scanner{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:white;text-align:center}#scanner h2{padding:10px 0;border:0}#scanner .close{position:absolute;right:10px;top:10px;width:32px;height:32px;opacity:.3;display:block;cursor:pointer}#scanner .close:hover{opacity:1}#scanner .close:before,#scanner .close:after{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#333}#scanner .close:before{transform:rotate(45deg)}#scanner .close:after{transform:rotate(-45deg)}#scanner .scanner-wrapper{width:100%;max-width:300px;margin:0 auto;border:2px solid #f4f4f4;border-radius:5px;overflow:hidden}#scanner .scanner-wrapper .scanner-container div .overlay-element{height:100%}#scanner .scanner-wrapper .scanner-container div video{width:100%}#scanner form{padding-top:20px}#scanner form label{padding:5px 0;display:block;color:#000;font-weight:600;font-size:16px}#scanner form input{height:auto;padding:6px;font-size:20px;border-radius:3px;border:2px solid #d3d3d3}#scanner form .error{padding:0}#scanner form .error b{font-weight:600}#scanner form button{max-width:100%;margin:10px auto 0}#scanner #step-1{padding-bottom:20px}#scanner #step-2{padding:0 20px 20px}#scanner #step-2 input{width:220px;max-width:100%;margin:0}#scanner #step-2 button.cancel{background:#b3b3b3}#scanner #step-2 .product{padding-bottom:20px}#scanner #step-2 .product b.title{padding-bottom:5px;color:#000;font-weight:600;line-height:normal;display:block}#scanner #step-2 .product b.barcode{padding-bottom:5px;display:block}#scanner #step-2 .product img{max-width:100px;border:1px solid lightgray}