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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-container-main{align-items:center;flex-direction:column;height:100vh;overflow:hidden;width:100%}.video-container-main,.video-grid{background-color:#000!important;display:flex;position:relative}.video-grid{flex:1 1;margin-top:10px;width:99%}.video-left,.video-right{flex:1 1;height:calc(100vh - 70px);position:relative}.video-left{border-right:2px solid #000}.video-box{background-color:#2f2f2f;height:100%;position:relative;width:100%}.OT_publisher,.OT_subscriber{height:100%!important;position:absolute!important;width:100%!important}.OT_video-element{height:100%!important;object-fit:cover!important;width:100%!important}.waiting-msg{background:#000000b3;border-radius:8px;color:#fff;left:50%;padding:1rem 2rem;position:absolute;top:10%;transform:translate(-50%,-50%);z-index:10}#network-status{left:10px;position:absolute;top:10px;z-index:5}.controls-container{align-items:center;bottom:10px;display:flex;gap:2rem;height:70px;justify-content:center;position:absolute;width:100%;z-index:100}.control-group{display:flex;gap:.5rem}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.exit-button{align-items:center;background-color:#dc3545;border-radius:50%;display:flex;height:50px;justify-content:center;padding:0;width:50px}.exit-button:hover{background-color:#b02a37}.exit-button svg{color:#fff;font-size:24px}.common-button{align-items:center;background-color:#333131;border-radius:50%;display:flex;height:50px;justify-content:center;padding:0;width:50px}.common-button:hover{background-color:#1a1818}.common-button svg{color:#fff;font-size:24px}.common-button-selected{align-items:center;background-color:#ff8000;border-radius:50%;display:flex;height:50px;justify-content:center;padding:0;width:50px}.common-button:hover{background-color:#b85d01}.archive-button{align-items:center;background-color:#333131;border-radius:50%;display:flex;height:50px;justify-content:center;padding:0;width:50px}.archive-button:hover{background-color:#1a1818}.archive-button svg{color:#fff;font-size:24px}.caption-box{bottom:20%;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.OT_subscriber{position:relative}@media (max-width:768px){.video-container-main{background-color:#000;height:100vh}.video-container-main,.video-grid{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.video-left,.video-right{align-items:center;display:flex;height:50vh;justify-content:center;margin-bottom:1rem;width:90%}.waiting-msg{color:#fff;margin-top:1rem}#network-status{color:#fff}}.button-group{background-color:#424242;gap:.5rem;justify-content:center;padding:1rem;width:97%}.button-group,.toolbarContainer{align-items:center;border-radius:25px;display:flex}.toolbarContainer{background-color:#41464d;bottom:0;height:90px;justify-content:flex-end;left:0;margin:16px;position:absolute;right:0}.paper{background-color:#fff;border:2px solid #000;box-shadow:0 4px 20px #0003;display:flex;padding:16px 32px 24px;position:absolute;width:400px}.toolbarMobileContainer{align-items:center;background-color:#0d141c;border-radius:10px;bottom:0;display:flex;height:60px;justify-content:center;left:0;margin:16px;position:absolute;right:0}.toolbarButtons{background-color:#32353a;margin:8px}.toolbarButtons,.toolbarButtons2{border-radius:5em;color:#fff}.toolbarButtonsSm{border-radius:5px;margin:8px}.arrowButton,.toolbarButtonsSm{background-color:#32353a;color:#fff}.arrowButton{border-radius:5em;height:50px;width:50px}.arrowButton2{width:30px}.arrowButton2,.infoButton{border-radius:5em;color:#fff;height:50px}.infoButton{background-color:#32353a;left:0;margin:8px;position:absolute;width:50px}.groupButton{margin:8px}.groupButton2{margin:5px}.disabledButton,.disabledButton:hover{background-color:#d96d00}.activeButton,.activeButton:hover{background-color:#1c8731}.activeButtonIcon{color:#1c8731}.screen-share-wrapper{background-color:#000000e6;height:100%;isolation:isolate;left:0;position:absolute;top:0;width:100%;z-index:2000}.screen-share-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;max-width:100vw;padding:0;width:100%}.screen-share-header{background-color:#f0f0f01a;color:#fff;padding:10px}.screen-share-title{font-size:1.2em;margin:0}.screen-share-videoContainer{flex:1 1;height:100%;position:relative;width:100%}.screen-share-publisherVideo{bottom:20px;height:auto;position:absolute;right:20px;width:20%;z-index:2001}#screen-share-subscriberVideo{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}body{margin:0;padding:0}.container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:50px}.content-wrapper{max-width:400px;width:100%}.heading{color:#1976d2;font-size:24px;margin-bottom:50px;text-align:center}.form-container{background-color:#c5e0e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px 20px 50px}.form-control{margin:10px 0!important}.MuiFormControl-root,.MuiOutlinedInput-root,.form-control{width:100%!important}.button-container{display:flex;justify-content:center;margin-bottom:50px;margin-top:30px}.action-button{padding:12px!important;width:100%!important}@media (max-width:600px){.container{align-items:center;padding:16px}.content-wrapper{width:100%}.form-container{padding:16px}.heading{font-size:20px}}
/*# sourceMappingURL=main.7069f0d5.css.map*/