@media only screen and (min-width : 320px) and (max-width: 479px) and (orientation: portrait){#videoFlex{align-items:center;flex-direction:column}#localVideoDiv,#remoteVideoDiv{flex:1;width:90%;height:50%}#buttonArea{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}#inputArea{flex-direction:column}}@media only screen and (min-width : 480px) and (max-width: 767px) and (orientation: portrait){#videoFlex{flex-direction:column}#localVideoDiv,#remoteVideoDiv{width:90dvw;aspect-ratio:18 / 9}#buttonArea{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}#inputArea{flex-direction:column}}@media only screen and (min-width : 768px) and (max-width: 991px) and (orientation: portrait){#videoFlex{flex-direction:column}#localVideoDiv,#remoteVideoDiv{width:90dvw;aspect-ratio:18 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}@media only screen and (min-width : 992px) and (orientation: portrait){#videoFlex{flex-direction:row}#localVideoDiv,#remoteVideoDiv{width:45dvw;aspect-ratio:16 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}@media only screen and (min-width : 600px) and (max-width: 879px) and (orientation: landscape){#callRoot{justify-content:center}#videoFlex{align-items:center;flex-direction:row;height:45dvh}#localVideoDiv,#remoteVideoDiv{flex:1;width:40dvw;aspect-ratio:16 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}@media only screen and (min-width : 880px) and (max-width: 991px) and (orientation: landscape){#callRoot{justify-content:center}#videoFlex{align-items:center;flex-direction:row;height:45dvh}#localVideoDiv,#remoteVideoDiv{flex:1;width:40dvw;aspect-ratio:16 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}@media only screen and (min-width : 992px) and (max-width: 1199px) and (orientation: landscape){#callRoot{justify-content:center}#videoFlex{align-items:center;flex-direction:row;height:45dvh}#localVideoDiv,#remoteVideoDiv{flex:1;width:40dvw;aspect-ratio:16 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}@media only screen and (min-width : 1200px) and (orientation: landscape){#callRoot{justify-content:center}#videoFlex{align-items:center;flex-direction:row;height:45dvh}#localVideoDiv,#remoteVideoDiv{flex:1;width:40dvw;aspect-ratio:16 / 9}#buttonArea{display:flex;gap:.5em}#inputArea{flex-direction:row}}.videoWrapper{border-radius:1em;display:flex;align-items:stretch;justify-content:center;overflow:hidden;margin:0 auto}#localVideoDiv .videoWrapper{grid-area:grid-layer}#localVideoDiv{display:grid;grid-template-areas:grid-layer;border-radius:1em;overflow:hidden}#localVideoControlArea{display:none;z-index:1;grid-area:grid-layer;height:fit-content;padding:.25em}#localVideoDiv video{display:block;object-fit:contain;object-position:center;width:100%}#remoteVideoDiv{display:grid;grid-template-areas:remote-layer;border-radius:1em;overflow:hidden}#remoteVideoControlArea{display:none;z-index:1;grid-area:remote-layer;height:fit-content;padding:.25em}#remoteVideoDiv video{display:block;object-fit:contain;object-position:center;width:100%}#remoteVideoDiv .videoWrapper{grid-area:remote-layer}:root{font-family:Open Sans,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;--color: hsl(0, 0%, 90);--bg-color: #292929;color:var(--color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0}html,body,main{background-color:#292929}main{width:100dvw;height:100dvh}