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}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#333e5a;font-family:Helvetica,Arial,sans-serif;min-height:100%}h1{font-weight:300;padding:.4em 0}#root,.app{height:100vh;height:calc(var(--vh, 1vh)*100)}.app{display:flex;flex-direction:column}main{background:#fff;flex-grow:1}form{margin:0 auto;max-width:300px}h2{font-weight:300;text-align:center}form>div,h2{margin-bottom:1em}form>div{width:100%}form>div>label{display:block;margin-bottom:.3em}form>div>input{border:1px solid #333e5a;border-radius:6px;display:block;width:100%}button,form>div>input{font-size:16px;padding:.4em}button{background:#333e5a;border:1px solid transparent;border-radius:6px;color:#fff}button:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.room{position:relative}.room button{right:20px;top:0}.room>h3{font-weight:300;margin-bottom:1em;text-align:center}.local-participant{margin-bottom:2em;text-align:center}.remote-participants{display:flex;flex-wrap:nowrap;justify-content:center;padding:0 2em 2em}.participant:last-child{margin-right:0}.participant h3{color:#43405d;padding-bottom:.5em;text-align:center}video{border-radius:6px;display:block;margin:0 auto;max-height:30vh;max-width:600px;width:100%}.appContainer{display:flex;flex-direction:column;height:calc(var(--vh)*100)}footer,header,main{display:flex;justify-content:center;width:100%}header{flex:0.05 1}main{flex:0.90 1}footer{background:#43405d;border-top-left-radius:25px;border-top-right-radius:25px;bottom:0;flex:0.1 1;padding-bottom:calc(1rem + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.buttonContainer{gap:20px}.buttonContainer,.iconButton{align-items:center;display:flex;justify-content:center}.iconButton{background-color:#3c376b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:60px;transition:background-color .3s;width:60px}.iconButton:hover{background-color:#ab1f2f}.name-input{border:1px solid #ccc;border-radius:5px;display:block;font-size:16px;margin:10px 0;padding:10px}.inactivityModal-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.inactivityModal{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:400px;padding:20px;text-align:center;width:80%}.inactivityModal button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s}.inactivityModal button:hover{background-color:#0056b3}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:8px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#000;height:20px;width:20px}.spinnerContainer{background-color:#3c376b;border-radius:30px!important;display:flex;flex-direction:row;justify-content:center;padding:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){video{max-height:25vh}footer{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.d9b0ac85.css.map*/