.collapsable-source pre{font-size:small}.input-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:260px}.input-field label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem}.input-field input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:20px}.input-field button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:28px;font-size:20px;width:40px}.icon-barcode{background-size:contain;background-repeat:no-repeat;background-position:50%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTAgNGg0djIwSDB6bTYgMGgydjIwSDZ6bTQgMGgydjIwaC0yem02IDBoMnYyMGgtMnptOCAwaDJ2MjBoLTJ6bTYgMGgydjIwaC0yek0yMCA0aDF2MjBoLTF6bS02IDBoMXYyMGgtMXptMTMgMGgxdjIwaC0xek0wIDI2aDJ2Mkgwem02IDBoMnYySDZ6bTQgMGgydjJoLTJ6bTEwIDBoMnYyaC0yem0xMCAwaDJ2MmgtMnptLTYgMGg0djJoLTR6bS0xMCAwaDR2MmgtNHoiLz48L3N2Zz4=)}.overlay{overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;background-color:rgba(0,0,0,.3)}.overlay__content{top:50%;position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-height:90%;max-width:800px}.overlay__close{position:absolute;right:0;padding:.5rem;width:2rem;height:2rem;line-height:2rem;text-align:center;background-color:#fff;cursor:pointer;border:3px solid #000;font-size:1.5rem;margin:-1rem;border-radius:2rem;z-index:100;-webkit-box-sizing:content-box;box-sizing:content-box}.overlay__content video{width:100%;height:100%}.overlay__content canvas{position:absolute;width:100%;height:100%;left:0;top:0}#interactive.viewport{position:relative}#interactive.viewport>canvas,#interactive.viewport>video{max-width:100%;width:100%}canvas.drawing,canvas.drawingBuffer{position:absolute;left:0;top:0}.controls fieldset{border:none;margin:0;padding:0}.controls .input-group{float:left}.controls .input-group button,.controls .input-group input{display:block}.controls .reader-config-group{float:right}.controls .reader-config-group label{display:block}.controls .reader-config-group label span{width:9rem;display:inline-block;text-align:right}.controls:after{content:"";display:block;clear:both}#result_strip{margin:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0}#result_strip ul.thumbnails{padding:0;margin:0;list-style-type:none;width:auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#result_strip ul.thumbnails>li{display:inline-block;vertical-align:middle;width:160px}#result_strip ul.thumbnails>li .thumbnail{padding:5px;margin:4px;border:1px dashed #ccc}#result_strip ul.thumbnails>li .thumbnail img{max-width:140px}#result_strip ul.thumbnails>li .thumbnail .caption{white-space:normal}#result_strip ul.thumbnails>li .thumbnail .caption h4{text-align:center;word-wrap:break-word;height:40px;margin:0}#result_strip ul.thumbnails:after{content:"";display:table;clear:both}@media (max-width:603px){#container{margin:10px auto;-webkit-box-shadow:none;box-shadow:none}}@media (max-width:603px){.reader-config-group{width:100%}.reader-config-group label>span{width:50%}.reader-config-group label>input,.reader-config-group label>select{max-width:calc(50% - 2px)}#interactive.viewport{width:100%;height:auto;overflow:hidden}#result_strip{margin-top:5px;padding-top:5px}#result_strip ul.thumbnails{width:100%;height:auto}#result_strip ul.thumbnails>li{width:150px}#result_strip ul.thumbnails>li .thumbnail .imgWrapper{width:130px;height:130px;overflow:hidden}#result_strip ul.thumbnails>li .thumbnail .imgWrapper img{margin-top:-25px;width:130px;height:180px}}html{background:#000}.wrap,html{width:100%;height:100%}.wrap{background:rgba(0,0,0,.5)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}