<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

#usercam_box {
    display:none;
    position: absolute;
    width: 100%;
    max-width:30vw;
    height: auto;
    top: 1%;
    right: 1%;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#usercam_box #usercam_box_header {
    cursor: move;
}

#usercam_box #usercam_video img { 
    width: -webkit-fill-available;
    width: -moz-available;
    height: -webkit-fill-available;
    height: -moz-available;
}

#usercam_box video {
    /*
    height: 100%;
    width: 100%;
    object-fit: cover;
    */
    /*
    height: auto;
    width: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center top;
    */
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center top;
    position: absolute;
    width: 100%;
    height: 100%;
}

#usercam_box #usercam_video {
    position:relative;

    overflow: hidden;
    padding-bottom: 56.25%;
}


#usercam_box #receiver_info {
    display:none;
    position:absolute;
    top:5px;
    right:5px;
    z-index:1;
}

#usercam_box #receiver_info #info_text {
    display:none;
    vertical-align: middle;
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

#usercam_box #receiver_info .material-symbols-outlined {
    display: inline-block;
    font-size: 40px;
    vertical-align: middle;
    cursor:pointer;
}

#usercam_box .receiver_online {color: limegreen;}
#usercam_box .receiver_offline {color: orangered;}

	
#usercam_box #status {
    z-index:1;
    position:absolute;
    box-sizing: border-box;
    display:none;
    width: 100%;
    text-align: center;
    font-size: 0.9em;
}

#usercam_box #status div {
    color:#ffffff;
    padding:5px;
    background-color:#0000007a;
}


#usercam_box #controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index:1;
    display:flex;
    align-items: flex-end;
}

#usercam_box #controls div:first-child div {
    background-color: #000000b8;
    width: fit-content;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    border-top-right-radius: 20px;
}

#usercam_box #controls div:nth-of-type(2) div {
    background-color: #000000b8;
    width: fit-content;
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
    border-top-left-radius: 20px;
    float: right;    
}

#usercam_box #controls div i {
    font-size:1.2rem;
    vertical-align: middle;
    cursor:pointer;
}

#usercam_box #controls div span {
    vertical-align: middle;
}

#usercam_box #controls #user_microphone {
    display:none;
    font-size:1.5rem;
}

#usercam_box #controls #mic_on,
#usercam_box #controls #status_cam_on,
#usercam_box #controls .webcam_play {
    color: var(--erocms-color-green);
}

#usercam_box #controls #mic_off,
#usercam_box #controls .webcam_stop {
    color:#d43f3a;
    font-size: 1.5rem;
}


@media only screen and (max-width: 776px) {
    #usercam_box {
        width: 100%;
        max-width:250px;
        max-height: 40vh;
    }
}</pre></body></html>