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;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;display:flex;justify-content:center;padding:0}video{height:100%;width:100%}.join-header{display:flex;justify-content:center}.join-header h2{margin:0 0 10px}.join-container{height:80vh;position:relative;width:80vw}.join-btn{all:unset;background:#6495ed;border-radius:15px;color:#fff;cursor:pointer;padding:10px 5px;text-align:center;width:150px}.join-actions{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.join-actions button{all:unset;align-items:center;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:50px;justify-content:center;margin:8px;width:50px}.call-container{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;height:calc(100vh - 100px);width:95vw}.call-container.grid-1 .media-container{grid-area:1/1/3/5}.call-container.grid-2 .media-container:first-child{grid-area:1/1/3/3}.call-container.grid-2 .media-container:nth-child(2){grid-area:1/3/3/5}.call-container.grid-3 .media-container:first-child{grid-area:1/1/3/4}.call-container.grid-3 .media-container:nth-child(2){grid-area:1/4/2/5}.call-container.grid-3 .media-container:nth-child(3){grid-area:3/4/2/5}.call-container.grid-4 .media-container:first-child,.call-container.grid-4 .media-container:nth-child(3){grid-column:1/3}.call-container.grid-4 .media-container:nth-child(2),.call-container.grid-4 .media-container:nth-child(4){grid-column:3/5}.call-container.grid-5{grid-template-rows:3fr 1fr}.call-container.grid-5 .media-container:first-child{grid-area:1/1/2/5}.call-container.grid-5 .media-container:nth-child(2){grid-area:2/1/3/2}.call-container.grid-5 .media-container:nth-child(3){grid-area:2/2/3/3}.call-container.grid-5 .media-container:nth-child(4){grid-area:2/3/3/4}.call-container.grid-5 .media-container:nth-child(5){grid-area:2/4/3/5}.media-container{align-items:center;background:#747474;border-radius:20px;display:flex;grid-column:span 4;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.hidden{position:absolute;visibility:hidden}.user{color:#ffdead}.user.top{left:0;position:absolute;top:0}.control-wrapper{align-items:center;display:flex;justify-content:center;margin:20px auto 0;width:100%}.control-container{border-radius:50px!important;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;gap:20px;height:40px;justify-content:space-around;overflow:visible!important;padding:0 30px}.control-container button{all:unset;cursor:pointer}.control-container button.leave-call{background:crimson;border-radius:100%;color:#fff;height:60px;line-height:0;text-align:center;width:60px}.leave-call{margin-top:-10px!important}.user-details{align-items:center;background:rgba(0,0,0,.78);border-radius:20px;bottom:5px;color:#fff;display:flex;justify-content:center;padding:2px 10px;position:absolute}.user-details svg{margin:0 4px}.speaking{outline:5px solid #5f9ea0;transition:.2s}.username{align-items:center;bottom:10px;color:#fff;display:flex;position:absolute}.username span{padding:4px 16px}.username span,.username svg{background:rgba(0,0,0,.76);border-radius:20px}.username svg{padding:4px;position:absolute;right:-40px}.media-container.disabled:after{background:#000;content:"";height:100%;position:absolute;width:100%}video{object-fit:cover}.micOff{margin-left:10px}
/*# sourceMappingURL=main.8af0417f.css.map*/