h1[data-v-5c129697]{font-size:20px;margin:0}span[data-v-5c129697]{font-size:12px;margin:0}.container[data-v-5c129697]{text-align:center}.main-frame[data-v-5c129697]{padding-top:150px;width:100%;max-width:500px;height:100vh;text-align:center;display:inline-block}.camera-area[data-v-5c129697]{width:300px;height:300px;border-radius:300px;background-color:#dcdcdc;text-align:center;display:inline-block;position:relative}.camera-area .videoContainer[data-v-5c129697]{position:absolute;width:100%;height:100%}.camera-area .videoContainer .child[data-v-5c129697]{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:50%}.line-area[data-v-5c129697]{pointer-events:none;width:100%}.camera-center-circle[data-v-5c129697]{display:flex;width:175px;height:200px;text-align:center;line-height:80px;border-radius:50%;border:3px dashed #fff;position:absolute;margin:40px 62.5px 50px 62.5px}.camera-center-bar[data-v-5c129697]{width:5px;height:100%;background-color:#fff;margin:auto;left:0;right:0;position:absolute}.camera-button[data-v-5c129697]{margin-top:100px;width:70px;height:70px;border-radius:100px;background-color:#000;cursor:pointer}.main-frame section[data-v-5c129697]{text-align:center}.slider[data-v-5c129697]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#333;height:5px;width:100%;border-radius:6px}.slider[data-v-5c129697]:active,.slider[data-v-5c129697]:focus{outline:none}.slider[data-v-5c129697]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;border:2px solid rgba(0,0,0,.7);width:22px;height:22px;display:block;background-color:#fff;border-radius:50%;-webkit-border-radius:50%}.slider[data-v-5c129697]:active::-webkit-slider-thumb{box-shadow:0 0 0 4px hsla(0,0%,100%,.6);-webkit-transition:.4s;transition:.4s}#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}