body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{color:#fff}.App{height:100vh;width:100vw}.DesktopLayout,.MobileLayout{background-color:#151327;display:flex;flex-direction:column;height:100%}#app-navbar-container{align-items:center;background-color:#0f0e1e;color:#fff;display:flex;flex-shrink:0;height:55px;width:100%}#app-body-container{display:flex;flex-grow:none;height:calc(100% - 95px);padding:20px;width:calc(100% - 40px)}#app-stream-viewer-page-section{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:70%}#app-sidebar-page-section{align-items:center;display:flex;flex-direction:column;height:100%;min-width:340px;padding:0 20px;width:calc(30% - 40px)}#app-sidebar-container{border:2px solid #242141;border-radius:6px;height:100%;width:calc(100% - 4px)}#auth-container{background-color:#242141;border-radius:6px;padding:20px;width:calc(100% - 40px)}#change-this-to-component-stream{background-color:#000;height:80%;width:100%}#change-this-to-component-stream-selector{border:2px solid #242141;height:15%;margin-top:10px;width:calc(100% - 4px)}#chat-room-container{display:flex;flex-direction:column;height:100%;width:100%}#messages-scroll-container{display:flex;flex-direction:column;flex-grow:1;overflow:scroll;width:100%}#chat-input-section-container{align-items:center;display:flex;gap:10px;height:80px;justify-content:center;padding:10px;width:calc(100% - 20px)}#chat-text-input{flex-grow:1;height:40px}.message{margin:10px 0}.message-by-logged-in-user{border:2px solid blue;padding:20px}.message-by-other-user{border:2px solid red;padding:20px}.MobileLayout #app-body-container{flex-direction:column;height:calc(100% - 55px);padding:0;width:100%}.MobileLayout #app-stream-viewer-page-section{height:500px;width:100%}.MobileLayout #app-sidebar-page-section{min-width:0;padding:0;width:100%}iframe{border:none}#app-sidebar-tabs{box-sizing:border-box;color:#fff;display:flex;width:100%}#app-sidebar-tabs span{cursor:pointer;padding:10px}#app-sidebar-tabs span:hover{background-color:#343151}#app-sidebar-tabs .selected{background-color:#242141}.MobileLayout #auth-container{flex:1 1}.MobileLayout #app-sidebar-container{display:flex}#app-navbar-tabs span{cursor:pointer;padding:10px}#app-navbar-tabs span.selected{background-color:#242141}#app-navbar-tabs span:hover{background-color:#343151}
/*# sourceMappingURL=main.ed36b7fc.css.map*/