[style*="--aspect-ratio"]>img{height:auto}[style*="--aspect-ratio"]{position:relative}[style*="--aspect-ratio"]>:first-child{height:100%;left:0;position:absolute;top:0;width:100%}[style*="--aspect-ratio"]:before{content:"";display:block;width:100%}@supports not (aspect-ratio:1/1){[style*="--aspect-ratio"]:before{height:0;padding-bottom:calc(100%/(var(--aspect-ratio)))}}@supports (aspect-ratio:1/1){[style*="--aspect-ratio"]:before{aspect-ratio:calc(var(--aspect-ratio))}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;height:100vh;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#5a8bff}a:hover{opacity:.8}.container{box-sizing:border-box;height:100vh;padding:32px}.prejoin{align-items:center;display:grid;justify-items:center}.prejoin main{width:750px}.prejoin h2{margin-top:30px;text-align:center}.prejoin hr{border:1px solid hsla(0,0%,100%,.1)}.prejoin footer{font-size:14px;margin-bottom:40px;margin-top:50px}.entrySection{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr;margin-top:40px}@media only screen and (max-width:800px){.container{padding:8px}.entrySection{gap:20px;grid-template-columns:1fr;margin-top:20px}.prejoin main{width:100%}}.entrySection .label{font-size:16px;font-weight:900;margin-bottom:10px}.entrySection input{background-color:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:16px;padding:8px}.entrySection input[type=text]{width:calc(100% - 16px)}.entrySection div{vertical-align:middle}.videoSection{aspect-ratio:16/9;margin-top:20px;width:100%}.videoSection .placeholder,.videoSection video{border-radius:4px;height:100%;width:100%}.videoSection .placeholder{background:#2f2f2f}.controlSection{display:grid;grid-template-columns:auto auto minmax(100px,-webkit-min-content);grid-template-columns:auto auto minmax(100px,min-content);margin-top:30px}.controlSection .right{grid-column:3/4}.roomContainer{height:calc(100vh - 100px)}.topBar{grid-template-columns:auto auto;justify-content:space-between}.topBar,.topBar .right{align-items:center;display:grid}.topBar .right{grid-gap:16px;gap:16px;grid-template-columns:auto auto auto}.iconButton{cursor:pointer}.iconButton:disabled{cursor:auto}.participantCount{font-size:14px}.participantCount span{display:inline-block;margin-left:5px}.options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,fit-content(120px)) auto}.options label{font-size:.9rem;margin-left:.2rem;text-align:center}
/*# sourceMappingURL=main.d34d3168.css.map*/