*{margin:0;padding:0;box-sizing:border-box}.LandingPageContainer{height:100vh;width:100vw;background:url(/assets/background-BMcApMqX.png);background-repeat:no-repeat;background-size:cover;color:#fff}.LandingPageContainer nav{padding-inline:1.2rem;padding-block:1.6rem;display:flex;justify-content:space-between;align-items:center}.LandingPageContainer nav h2{font-size:1.8rem;font-weight:500}.LandingPageContainer nav .navlist{display:flex;gap:1.6rem;cursor:pointer}.landingMainContainer{display:flex;justify-content:space-between;padding-inline:3rem;height:80vh;align-items:center}.landingMainContainer>div:nth-child(1){font-size:2.2rem}.landingMainContainer>div:nth-child(1) div[role=button]{background:#d97500;width:fit-content;padding:1rem;border-radius:20px;margin-top:1.9rem}.landingMainContainer>div:nth-child(1) div[role=button] a{text-decoration:none;color:#fff;font-size:1.7rem}.landingMainContainer>div:nth-child(2) img{height:70vh;opacity:.5;width:auto}.NavLanding{display:flex;justify-content:space-between;align-items:center;background-color:transparent;padding:10px 20px;position:relative}.NavLanding h2{color:#fff;margin:0}.toggle-btn{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;display:none}.navHeader{flex-grow:1}.navlist{display:flex;gap:20px}.navlist p,.navlist div p{color:#fff;margin:0;cursor:pointer;font-size:16px}.navlist p:hover,.navlist div p:hover{color:#ff9839}@media screen and (max-width: 768px){.toggle-btn{display:block}.navlist{display:none;flex-direction:column;position:absolute;top:60px;right:20px;padding:10px}.navlist>p{display:none}.navlist.active>p{display:flex;flex-direction:column;padding:0;margin:0;list-style-type:none;width:100%}.navlist p{padding:10px;text-align:center;color:#fff;margin:5px 0;cursor:pointer}.navlist p:hover{background-color:#252423}.landingMainContainer{display:flex;margin-top:50%;flex-direction:column;justify-content:center;text-align:center;padding-inline:1rem;height:auto;align-items:center}.landingMainContainer>h1{font-size:1.5rem;text-align:center}.landingMainContainer>div:nth-child(1){font-size:1.2rem;text-align:center;margin-bottom:1rem}.landingMainContainer>div:nth-child(1) div[role=button]{background:#d97500;width:auto;padding:1rem;border-radius:20px;margin-top:1rem}.landingMainContainer>div:nth-child(1) div[role=button] a{text-decoration:none;color:#fff;font-size:1.2rem}.landingMainContainer>div:nth-child(2) img{height:auto;max-width:100%;opacity:.5;width:auto;margin-top:1rem}}.navBar{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:#1f1f1f;box-shadow:0 2px 10px #0003;color:#fff;font-family:Roboto,sans-serif;position:sticky;top:0;z-index:1000}.navBar h2{font-size:1.5rem;font-weight:500;color:#f5f5f5;margin:0;transition:color .3s ease}.navBar h2:hover{color:#4fc3f7}.navBar div{display:flex;align-items:center;gap:20px}.navBar p{font-size:1rem;color:#ccc;margin:0;cursor:pointer;transition:color .3s ease}.navBar p:hover{color:#4fc3f7}.navBar button{background-color:transparent;color:#ccc;border:1px solid #4fc3f7;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.navBar button:hover{background-color:#4fc3f7;color:#fff;border-color:#4fc3f7}.navBar .MuiIconButton-root{color:#ccc;transition:transform .3s ease}.navBar .MuiIconButton-root:hover{color:#e7ecef;transform:scale(1.05)}@media only screen and (max-width: 768px){.navBar{flex-direction:column;align-items:flex-start;padding:10px 15px}.navBar div{justify-content:flex-start;width:100%;padding:10px 0}.navBar h2{font-size:1.3rem}.navBar button{width:100%;text-align:center;margin-top:10px}.navBar p{font-size:.9rem}}@media only screen and (max-width: 480px){.navBar{padding:8px 10px}.navBar h2{font-size:1.2rem}.navBar button{font-size:.85rem;padding:6px 10px}}.meetContainer{display:flex;padding-inline:20px;height:80vh;gap:10vw;justify-content:center}.leftPanel{height:100%;display:flex;align-items:center}.leftPanel{animation:flipInY 1s ease-in forwards}@keyframes flipInY{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.leftPanelInner{display:inline-block;font-size:32px;position:relative;white-space:nowrap;overflow:hidden}.leftPanelInner{margin-bottom:1rem}.leftPanelInner:before,.leftPanelInner:after{content:"";position:absolute;width:0;height:1px;background-color:#000;transition:width 1.5s ease}.leftPanelInner:before{top:0;left:0;animation:topLine 2s ease-in-out forwards}.leftPanelInner:after{bottom:0;left:0;animation:bottomLine 2s ease-in-out forwards,fadeOutLine .5s ease-in-out 2s forwards}@keyframes topLine{0%{width:100%}to{width:0%}}@keyframes bottomLine{0%{width:0}to{width:100%}}@keyframes fadeOutLine{0%{opacity:1}to{opacity:0}}.rightPanel{display:flex;align-items:center}.rightPanel>img{width:30vw;height:auto;border-radius:20px}@media only screen and (max-width: 768px){.leftPanelInner{font-size:24px}}@media only screen and (max-width: 480px){.leftPanelInner{font-size:15px;white-space:normal;text-align:left}.leftPanelInner:before,.leftPanelInner:after{height:1px}}._UserLobbyContainer_rtmzj_2{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5;padding:20px;position:relative}._homeIcon_rtmzj_13{position:absolute;top:20px;left:20px;font-size:32px;cursor:pointer;color:#333}h2{color:#333;margin-bottom:20px}._UserInputField_rtmzj_27{width:300px;margin-bottom:20px}._UserConnectButton_rtmzj_32{width:300px;padding:10px}._chatContainer_rtmzj_51{padding:20px;display:flex;flex-direction:column;height:100%}._chattingDisplay_rtmzj_58{flex-grow:1;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;background-color:#fff}._chatRoom_rtmzj_68{position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#f7f7f7;box-shadow:-2px 0 5px #0003;z-index:1000;display:flex;flex-direction:column;justify-content:space-between}._chattingArea_rtmzj_38{display:flex;align-items:center;padding:10px;background-color:#fff;border-top:1px solid #ddd}._chattingArea_rtmzj_38 input{flex-grow:1}._chattingArea_rtmzj_38 button{margin-left:10px}._chatContainer_rtmzj_51{display:flex;flex-direction:column;height:100%;padding:10px}._chattingDisplay_rtmzj_58{flex-grow:1;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;background-color:#e8e9e6}._chatMessage_rtmzj_118{max-width:100%;margin-bottom:4px;padding:.1rem;font-size:10px}._messageContent_rtmzj_126._sender_rtmzj_126{align-self:flex-start;text-align:left;background-color:#fff}._receiver_rtmzj_134{align-self:flex-end;text-align:right}._userName_rtmzj_141{font-size:.4rem;color:#555;margin-bottom:0;font-weight:700}._messageContent_rtmzj_126{padding:.4rem;border-radius:.5rem;font-size:small;background-color:#dbf7d2;display:inline-block}._UserVideoContainer_rtmzj_158{margin-top:30px;width:300px;height:220px;border-radius:10px;overflow:hidden}._UserVideoElement_rtmzj_165{width:100%;height:100%}._videoContainer_rtmzj_171{position:relative;width:100%;height:auto;background-color:#000;border-radius:8px;overflow:hidden}._meetUserVideo_rtmzj_181,._videoContainer_rtmzj_171 video{width:100%;height:100%;object-fit:cover}._youLabel_rtmzj_187{position:absolute;top:10px;left:10px;color:#fff;font-size:16px;font-weight:700;background-color:#00000080;padding:5px;border-radius:5px}._controlsContainer_rtmzj_199{position:absolute;bottom:0;left:6px;display:flex;gap:5px}._controlsContainer_rtmzj_199 ._MuiIconButton-root_rtmzj_208{padding:5px;font-size:5px;background-color:#e8bfbf80;border-radius:50%;opacity:.2}._buttonContainers_rtmzj_217{display:flex;justify-content:center;gap:10px;padding:10px}._meetVideoContainer_rtmzj_224{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100vw;padding:10px;background:#f7f7f7}._videoGrid_rtmzj_235{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;flex-grow:1;padding:10px;overflow-y:auto}._videoContainer_rtmzj_171{position:relative;background-color:#000;border-radius:8px;min-height:30vh;min-width:30vw;overflow:hidden;aspect-ratio:16 / 9}._videoContainer_rtmzj_171 video{width:100%;height:100%;object-fit:cover}._buttonContainers_rtmzj_217{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px;background:transparent;position:sticky;bottom:0;z-index:999;border-top:1px solid #ddd}._buttonContainers_rtmzj_217{font-size:2rem;cursor:pointer;color:#333;transition:transform .2s ease}._buttonContainers_rtmzj_217:nth-child(2){color:red}._buttonContainers_rtmzj_217 svg:hover{transform:scale(1.1)}._chatRoom_rtmzj_68{position:fixed;top:0;right:0;width:500px;height:100vh;background-color:#f9f9f9;box-shadow:-2px 0 5px #0003;display:flex;flex-direction:column;z-index:1000}._videoGrid_rtmzj_235{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){._videoGrid_rtmzj_235{grid-template-columns:repeat(3,1fr)}._chatRoom_rtmzj_68{font-size:x-small;width:100%;height:50vh;position:static;box-shadow:none}._buttonContainers_rtmzj_217{flex-wrap:wrap}}@media (max-width: 1024px){._videoGrid_rtmzj_235{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){._videoGrid_rtmzj_235{grid-template-columns:repeat(2,1fr)}._buttonContainers_rtmzj_217 svg{font-size:1.5rem}}