body{margin:0;width:100%;height:100%}.user-section{display:flex;flex-direction:column;justify-content:center;align-items:center;background:white;box-shadow:0 3px 10px #00000080;padding-top:5px;padding-bottom:8px}#localVideo{margin:20px 10px;display:none;justify-content:center}#localVideo video{max-height:40vh}#remoteVideos{margin:2vh 2vw;display:flex;align-items:center;justify-content:space-around;flex-flow:row wrap}.entry{display:flex;justify-content:center;align-items:center;margin:.5rem;flex-grow:1}.entry:first-child:nth-last-child(1),.entry:first-child:nth-last-child(1)~.entry{height:85vh}.entry:first-child:nth-last-child(n + 2),.entry:first-child:nth-last-child(n + 2)~.entry{width:500px}video{max-height:100%;max-width:100%;object-fit:contain;object-position:center;transition:all .1s ease-in-out;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.controls{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;max-width:1000px}input[type=file]{display:none}.control-button{font-weight:700;position:relative;margin:2px;padding:0;flex:1 0 auto;overflow:hidden;border-width:0;outline:none;border-radius:2px;box-shadow:0 1px 4px #0009;background-color:#00c853;color:#ecf0f1;transition:background-color .3s}.control-button:hover,.control-button:focus{background-color:#27ae60}.control-button>*{position:relative}.control-button span{display:block;padding:12px 24px}.control-button:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:#ecf0f14d;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.control-button:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}.control-button:disabled{background-color:#a5d6a7}.control-button.orange{background-color:#ff9800}.control-button:hover.orange,.control-button:focus.orange{background-color:#ef6c00}.modal{visibility:hidden;position:fixed;top:0px;right:0px;max-width:450px;border:0;background:rgba(28,28,28,.8);border-radius:8px;margin:20px;padding:20px}.modal.open{visibility:visible;opacity:1;transition-delay:0s}.modal .modal-text{color:#fff;font-family:sans-serif;font-size:11px;margin:0;padding:0}.modal .modal-text p{display:inline-block;font-weight:700;padding:0 .7rem;text-align:right;width:5em}.modal .modal-text span{text-align:left;direction:ltr;line-height:1.3;padding-right:.8em}.modal .modal-close{cursor:pointer;position:absolute;right:10px;top:10px;color:#fff;font-size:x-small;max-width:fit-content}