.audiovideoComponent{display:flex;height:95%;padding:10px}.renderedVideo{position:relative;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);grid-gap:5px}.renderedAudio,.renderedVideo{height:90%;text-align:center;color:#fff}.videoFooter{justify-content:center}.audioFooter,.videoFooter{height:10%;color:#fff!important;text-align:center;background-color:#202020;display:flex;align-items:center}.audioFooter{justify-content:space-between}.audiovideo{height:100%;width:100%;padding:5px;border:2px solid #f5f5f5;background-color:#000}.self_view{position:absolute;height:20%;width:15%;bottom:15px;right:15px;background-color:#000;z-index:999}.self_view .MuiSvgIcon-root{font-size:15px}.self_view .MuiAvatar-root{height:50px!important;width:50px!important}.self_view .video-wrap{background-color:#000}.self_view .video-wrap p{font-size:11px}.self_view .video-wrap .harkIcon div{width:15px!important;height:20px!important}.videoactionButtons{justify-content:center}.audioactionButtons,.videoactionButtons{display:flex;width:30%;height:65%;align-items:center}.audioactionButtons{justify-content:space-evenly}.setting-dlg{width:250px;height:100px;padding:15px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.setting-select{background-color:var(--color-primary);color:#000;padding:10px;font-size:14px;cursor:pointer}.setting-select option{font-family:inherit!important;font-size:14px!important;background-color:#fff;color:#000}.local-video,.videoOff{height:100%;width:100%}.videoOff{position:absolute;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#000}.video-box{width:100%;height:100%;background-color:red}.video-wrap{position:relative;width:100%;height:100%;overflow:hidden;background-color:#3d3d3d}.harkIcon{left:5px}.harkIcon,.videobttnActions{position:absolute;top:5px;z-index:999}.videobttnActions{right:5px}.activeUserName{position:absolute;bottom:-5px;left:5px;z-index:999}.activeUserName>p{color:#fff}.two{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.four,.three{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.five,.six{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}