.mask-circle {
    border-radius: 50%;
}

.mask-circle video {
    /*border-radius: 50%;*/
    width: 100%;
    display: block;
    height: 100%;
    /*object-fit: cover;*/
}

.camera {
    position: relative;
}

    .camera .camera-video {
        margin: 0 auto;
        display: block;
    }

        .camera .camera-video video {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .camera .camera-photo {
        /*display:none;*/
    }

    .camera .camera-video, .camera .camera-photo {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .camera .camera-photo img {
            height: 100%;
            margin: 0 auto;
            display: block;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .camera .camera-options {
        position: absolute;
        height: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
    }

        .camera .camera-options .camera-take {
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #fff;
            vertical-align: middle;
            padding: 3px;
        }

            .camera .camera-options .camera-take i {
                vertical-align: middle
            }

        .camera .camera-options .camera-ok {
            display: inline-block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #fff;
            vertical-align: middle;
            padding: 3px;
            /*float: right;*/
        }


            .camera .camera-options .camera-ok i {
                vertical-align: middle
            }