body[data-v-46c836ac]{display:flex;justify-content:center}.web-camera-container[data-v-46c836ac]{margin-top:2rem;margin-bottom:2rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:4px;width:500px}.web-camera-container .camera-button[data-v-46c836ac]{margin-bottom:2rem}.web-camera-container .camera-box .camera-shutter[data-v-46c836ac]{opacity:0;width:300px;height:300px;background-color:#fff;position:absolute}.camera-box[data-v-46c836ac],.card[data-v-46c836ac]{margin-left:auto;margin-right:auto}#videobox[data-v-46c836ac]{width:300px;height:300px;position:relative}#videobox video[data-v-46c836ac]{position:absolute;top:0;left:0;z-index:100}#videobox canvas[data-v-46c836ac]{position:absolute;top:0;left:0;z-index:1100}.web-camera-container .camera-box .camera-shutter.flash[data-v-46c836ac]{opacity:1}.web-camera-container .camera-shoot[data-v-46c836ac]{margin:1rem 0;height:60px;width:60px;display:flex;align-items:center;justify-content:center;border-radius:100%}.web-camera-container .camera-shoot img[data-v-46c836ac]{height:35px;-o-object-fit:cover;object-fit:cover}.web-camera-container .camera-loading[data-v-46c836ac]{overflow:hidden;height:100%;position:absolute;width:100%;min-height:150px;margin:3rem 0 0 -1.2rem}.web-camera-container .camera-loading ul[data-v-46c836ac]{height:100%;position:absolute;width:100%;z-index:999999;margin:0}.web-camera-container .camera-loading .loader-circle[data-v-46c836ac]{display:block;height:14px;margin:0 auto;top:50%;left:100%;transform:translateY(-50%);transform:translateX(-50%);position:absolute;width:100%;padding:0}.web-camera-container .camera-loading .loader-circle li[data-v-46c836ac]{display:block;float:left;width:10px;height:10px;line-height:10px;padding:0;position:relative;margin:0 0 0 4px;background:#999;-webkit-animation:preload-46c836ac 1s infinite;animation:preload-46c836ac 1s infinite;top:-50%;border-radius:100%}.web-camera-container .camera-loading .loader-circle li[data-v-46c836ac]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.web-camera-container .camera-loading .loader-circle li[data-v-46c836ac]:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes preload-46c836ac{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes preload-46c836ac{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.lowerform[data-v-46c836ac]{max-width:500px;margin-left:auto;margin-right:auto}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}