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}.app{padding:.75vw;width:100%;box-sizing:border-box}.lobby{margin-top:100px;text-align:center;font-size:1.25em}.participants{display:flex;flex-wrap:wrap;width:100%;margin-left:-.75vw}.participant{box-sizing:border-box;position:relative;border-radius:8px;margin-left:.75vw;margin-bottom:.75vw;width:23.5vw;overflow:hidden;height:50vh;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);display:flex;justify-content:center}.identity{position:absolute;left:0;bottom:15px;color:#fff;padding-left:15px;box-sizing:border-box;z-index:10}video{box-shadow:0 0 15px 5px #ddd;transform:scaleX(-1)}button,video{display:block}button{background-color:#fe019a;font-weight:700;margin:0 auto;color:#fff;border:none;padding:15px;border-radius:5px;width:200px;cursor:pointer;font-size:1em}button:disabled{opacity:.4;cursor:auto}#leaveRoom{margin-top:25px;margin-left:0}input{padding-bottom:5px;outline:none;border:none;border-bottom:1px solid #555;margin-bottom:25px;width:200px;font-size:1em;text-align:center;border-radius:0}@media (max-width:1048px){.app{padding:1vw}.participant{width:47vw;margin-top:1vw;margin-bottom:1vw;margin-left:2vw;height:42vh}}@media (max-width:1048px) and (orientation:landscape){.participant{width:48vw;margin-left:1vw;height:96vh}}
/*# sourceMappingURL=main.4ef5d32e.chunk.css.map */