@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;700&display=swap);#root{background-color:#474a51;color:#fff;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;height:100vh}li{list-style-type:none}.room-container{display:flex;flex-direction:column;height:100vh}.header{align-items:center;display:flex;justify-content:center;padding:1rem 0;width:100%}.cam-n-text-container{display:flex;flex-direction:row;height:100%}.text-container{display:flex;flex-direction:column;height:90%;padding:1rem;width:30%}.chat-header{display:flex;flex-direction:row;justify-content:space-around;padding:1rem}.nickname-input-field{display:flex;justify-content:center;width:100%}.nickname-input{border-radius:.5rem 0 0 .5rem;border-style:none;width:80%}.nickname-button,.nickname-input{background-color:hsla(0,0%,100%,.4);color:#fff}.nickname-button{border-radius:0 .5rem .5rem 0;border-style:none}.chat-users{max-height:20vh;overflow:auto;padding:1rem}.gray-text{color:hsla(0,0%,100%,.4)}.chat-container{background-color:rgb(0,0,0,.5);border-radius:.5rem;display:flex;flex-direction:column;height:100%}#chatContainer{display:flex;flex-direction:column-reverse;height:50vh;overflow-y:scroll;padding:1rem}.sender-message{color:#fff}.userMessage>.sender-message{color:hsla(0,0%,100%,.6)!important}.othersMessage,.userMessage{flex-direction:row;min-height:2.5rem;overflow:hidden;overflow-wrap:break-word;width:100%}#sendButton{align-self:flex-end;border-radius:.5rem;color:#fff;padding:.5rem;width:100%}#messageField,#sendButton{background-color:rgba(0,0,0,.5);border-style:none;font-family:Inter,sans-serif}#messageField{border-radius:.5rem;height:2.5vh;margin:1rem 0;padding:.2rem}#videoGrid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:70%}.videoId{border-radius:1rem 1rem 0 0;height:10%;justify-content:center;padding-top:5%;width:104%;z-index:1}.videoId,.vollumeController{background-color:rgba(0,0,0,.5);color:#fff;display:flex;position:absolute}.vollumeController{border-radius:0 0 1rem 0;bottom:0;height:85%;padding-left:.2rem;padding-right:.2rem;right:0;width:8%}.vollumeRange{-webkit-appearance:slider-vertical;width:100%;-webkit-writing-mode:bt-lr;writing-mode:bt-lr;z-index:1}.videoContainer{--borderWidth:250px;border-radius:1rem;display:flex;height:250px;position:relative;width:var(--borderWidth)}video{background-image:url(/static/media/no_camera.6694db201f3107eede8e.jpg);background-size:cover;border:5px solid rgba(0,0,0,.25);border-radius:1rem}.sound-active{border-color:green;transition:.5s}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.f3e3699e.css.map*/