.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000;z-index:2000}.controls{position:absolute;z-index:2;top:10px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:50px;padding:20px}.controls-bottom{position:absolute;z-index:2;bottom:15px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:50px;padding:30px}.serials{position:absolute;z-index:1;bottom:80px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 5px 0 10px}.serials .title,.controls .title{font-size:17px;flex-basis:90%;color:#fff;text-align:left;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.controls>div:not(.title){flex-basis:50px;min-width:50px}.controls>div:not(.title)>div{position:relative;width:40px;height:40px;padding:8px;margin:auto;border-radius:50%;color:#ccc;background-color:gray;cursor:pointer}.controls>div>div.activated{color:#fff;background-color:#4169e1}.controls>div>div.disabled{pointer-events:none;filter:blur(1px) brightness(.66)}.controls>div>div.close{color:red;background-color:transparent}.controls>div>div.disabled:after{content:"";position:absolute;top:15px;left:15px;width:32px;height:32px;border-top:1px solid white;transform:rotate(-45deg)}.barcode-container{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;width:100%;justify-content:center;align-items:center}.overlay-top,.overlay-bottom,.overlay-left,.overlay-right{z-index:1;background-color:#00000080}.overlay-top{position:absolute;top:0;left:0;height:calc(50% - 75px);width:100%}.overlay-bottom{position:absolute;bottom:0;left:0;height:calc(50% - 75px);width:100%}.overlay-left{position:absolute;top:calc(50% - 75px);left:0;height:150px;width:5%}.overlay-right{position:absolute;top:calc(50% - 75px);right:0;height:150px;width:5%}.scanning-zone{border:2px solid white;position:absolute;top:calc(50% - 75px);left:5%;height:150px;width:90%}.scanning-line{border:1px solid white;opacity:.5;position:absolute;top:calc(50% - .25px);left:5%;height:.25px;width:90%}video{object-fit:cover!important;width:100%!important}.zoom-container{position:absolute;z-index:3;top:50px;bottom:0;right:0;width:55px;color:#fff}.zoom-container>div{position:absolute;top:10px;left:0;right:0;text-align:center}.zoom-container input[type=range]{transform:rotate(270deg);touch-action:none;width:200px;height:24px;position:absolute;right:-75px;top:120px}.focus-container{position:absolute;z-index:3;top:50px;bottom:0;left:0;width:55px;color:#fff}.focus-container>div{position:absolute;top:10px;left:0;right:0;text-align:center}.focus-container input[type=range]{transform:rotate(270deg);touch-action:none;width:200px;height:24px;position:absolute;left:-75px;top:120px}