#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}.camera-main[data-v-cf4f2676]{margin-right:2px}.camera-main[data-v-cf4f2676],.canvas-main[data-v-cf4f2676]{position:relative;float:left}.camera-main .camera-placement[data-v-cf4f2676],.camera-main video[data-v-cf4f2676]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.camera-placement[data-v-cf4f2676]{display:table}.camera-placement-inner[data-v-cf4f2676]{display:table-cell;color:#fff;font-size:18px;vertical-align:middle}.camera-control[data-v-cf4f2676]{position:absolute;z-index:10;left:0;right:0;bottom:0;text-align:center;padding:10px;min-height:40px}.camera-main[data-v-cf4f2676]:after{position:absolute;content:"";display:block;width:100%;height:50%;z-index:9;left:0;bottom:0;max-height:100px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.camera-btn[data-v-cf4f2676]{cursor:pointer;color:#fff;padding:8px 12px;font-size:14px;outline:none;background-color:hsla(0,0%,100%,.3);transition:all .3s;border:none;box-shadow:0 2px 0 0 rgba(45,140,240,.8);margin:0 5px}.camera-btn[data-v-cf4f2676]:hover{background-color:rgba(45,140,240,.6);box-shadow:0 2px 0 0 #2d8cf0}.camera-btn[data-v-cf4f2676]:active{background-color:rgba(45,140,240,.2)}.camera-canvas-group[data-v-cf4f2676]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;left:0;right:0}.camera-canvas-item[data-v-cf4f2676]{cursor:pointer;opacity:.8;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100px;height:100%;overflow:hidden;clear:both;margin-bottom:-1px;transition:all .2s}.camera-canvas-item img[data-v-cf4f2676]{float:left;width:100%;background-color:#000;border:1px solid #fff}.camera-canvas-item[data-v-cf4f2676]:hover{opacity:1;position:relative;box-shadow:0 0 10px 0 rgba(0,0,0,.8)}
/*# sourceMappingURL=app.449224f9e13970a5d2ca41065f9fb7d1.css.map */