#app[data-v-23f79f64]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}#app[data-v-23f79f64],body[data-v-23f79f64]{display:-webkit-box;display:-ms-flexbox;display:flex}body[data-v-23f79f64]{font-family:Arial,sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;margin:0;background-color:#f4f4f9}#camera-container[data-v-23f79f64]{position:relative;width:100%;height:320px;border:1px solid #ccc}#video[data-v-23f79f64]{width:100%;height:100%}#frame[data-v-23f79f64]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px;height:250px;border:2px solid red;opacity:0}#output[data-v-23f79f64]{width:300px;height:200px;margin:20px auto 0 auto}#output img[data-v-23f79f64]{width:100%;max-width:50%;height:auto;margin-bottom:10px}#rect-frame[data-v-23f79f64]{position:absolute;top:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:280px;height:270px;border-bottom:none;background-image:url(../img/outline.03957ab1.png);background-size:cover}