@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";body{box-sizing:border-box;margin:0;padding:0;font-family:Geist,sans-serif;font-weight:300}.mainContainer{min-height:100dvh;padding:10px;display:flex;flex-direction:column}@media screen and (max-width: 500px){.mainContainer{align-items:center}}.mainApp{flex:.8;display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%;justify-content:center;background:#fff;color:#133a59}.logo{width:200px;height:auto}.btn{background-color:#133a59;border-radius:24px;cursor:pointer;color:#fff;border:none;font-size:1.8rem;padding:8px 20px;font-weight:300!important}.lastChoice{display:flex;flex-direction:column;gap:1.5rem}.idInput{font-size:1.5rem;padding:9px 23px;border-radius:24px;border:2px solid #133A59}.btn,.idInput,.choice{font-family:Geist,sans-serif}.idInput:focus{outline:none;border:2px solid #133A59}body{overflow:hidden;font-family:Geist,sans-serif;font-weight:300;margin:0;padding:0}.heading{font-size:1.65rem;font-weight:500;padding:0 10px}.mainRoom{background:#fff;display:flex;align-items:center;width:100%;height:100dvh}.mainBody{background-color:#f3f4f6;width:100%;height:100%;display:flex;flex-direction:column;padding:4px}.container{height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;background:#fff;width:100%;gap:.4rem;padding:7px}.namePlaceholder{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:.5rem;align-items:center}.namePlaceholder span{color:#fff;background:#133a59;width:6rem;height:6rem;display:flex;justify-content:center;font-size:1.875rem;align-items:center;border-radius:50%;z-index:0}.name{position:absolute;bottom:.5vh;left:1.2vh;z-index:100;padding:6px 11px;border-radius:12px;background-color:#133a59}.name span{font-size:1rem;color:#fff}.fullCoverVideo{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0;background-color:#ff640033}i{cursor:pointer;color:#fff}.callEndButton{background:#fd5050!important}.callEndButton:hover{background:#f00c!important}button{border:0}.mainPeersCont{flex:.95;display:flex;gap:.7rem;height:100%;max-height:100%;width:100%;max-width:100%;padding:7px 25px;overflow:hidden}.screenShare{flex:1.8;display:flex;align-items:center;justify-content:center}.peersCont{flex:1;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:1rem;max-height:100%;overflow-y:hidden;width:100%}.peerCont{display:flex;justify-content:center;align-items:center;position:relative;border-radius:30px;border:2px solid transparent}.glowingBorder{border:2px solid #133A59}.peerCont video{border-radius:30px}.peerCont .micElem{position:absolute;top:2vh;left:1.2vh;z-index:10000;padding:6px 9px;border-radius:12px;background-color:#133a59}.peerBottomButtons{display:flex;justify-content:center;gap:1rem;z-index:20}@media screen and (max-width: 430px){.peerBottomButtons{gap:.4rem}.peerBottomButton{width:2.5rem;height:2.5rem}}@media screen and (max-width: 380px){.peerBottomButtons{gap:.25rem}.peerBottomButton{width:2rem;height:2rem}}.peerBottomButtons .selected{background-color:#133a59}.peerBottomButton{background:#133a59;display:flex;height:3.5rem;align-items:center;justify-content:center;padding:1rem;border-radius:20px;width:3.5rem;cursor:pointer}.peerBottomButton:disabled{background:#37536a;pointer-events:none}.hidden{display:none}.pointer-events-none{pointer-events:none!important}.fill-white{fill:#fff!important}.peerBottomButton:hover{background:#0d3b60}.upperBox{display:flex;width:100%;justify-content:space-between;align-items:center}.upperBox .left img{width:200px;height:auto}.upperBox .right{display:flex;align-items:center;gap:.5rem}.upperBox .right .widget{display:flex;align-items:center;gap:1.4rem;margin-top:10px;background-color:#133a59;padding:10px;border-radius:7px;overflow:hidden}.upperBox .right .widget>*{cursor:alias;background-color:transparent;padding:0;margin:0}.upperBox .right .widget .controls{flex:.05;display:flex;align-items:center;padding-top:1rem;gap:.5rem}.upperBox .right .widget .controls>*{cursor:pointer;background-color:transparent;padding:0;margin:0}.timerBox{display:flex;align-items:center;justify-content:center;z-index:20;background-color:#133a59;border-radius:7px;color:#fff;margin-top:10px;padding:10px;font-size:1.2rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:1}}.adjustMirror{transform:rotateY(180deg)}@media screen and (max-width:600px){.upperBox .left img{width:180;height:auto}.timerBox{padding:9px;font-size:1.1rem}.upperBox .right .widget{gap:1.2rem}.upperBox .right .widget .controls{gap:.4rem}.upperBox .right .widget svg{width:20px;height:20px}}@media screen and (max-width:450px){.upperBox .left img{width:150px;height:auto}.timerBox{padding:8px;font-size:1rem}.upperBox .right .widget{gap:1rem}.upperBox .right .widget svg{width:18px;height:18px}.upperBox .right .widget .controls{gap:.35rem}.mainPeersCont{flex-direction:column}}@media screen and (max-width:400px){.upperBox .left img{width:120px;height:auto}.timerBox{padding:8px;font-size:.9rem}.upperBox .right .widget{gap:.9rem}.upperBox .right .widget .controls{gap:.3rem}.upperBox .right .widget svg{width:16px;height:16px}}.ant-drawer-body{background-color:#f3f4f6;font-family:Geist,sans-serif}.ant-drawer-header{background-color:#f3f4f6;border-bottom:1px solid #133A59!important;font-family:Geist,sans-serif}.ant-input{border-radius:6px 0 0 6px}.ant-drawer-title{color:#133a59}.chat-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#f3f4f6;overflow:hidden;color:#133a59;font-family:Geist,sans-serif}.chat-container .message-list{flex:.96;display:flex;width:100%;flex-direction:column;gap:1rem;overflow-y:auto;padding:0 2px}.chat-container .message-container{display:flex;flex-direction:column;gap:.3rem;width:100%}.chat-container .align-end{align-items:flex-end}.chat-container .align-start{align-items:flex-start}.chat-container .message-name{font-size:.75rem}.chat-container .text-message{padding:9px 12px;border-radius:7px;max-width:50%;background:#133a59;font-size:1rem;color:#fff;overflow-wrap:anywhere;text-align:center;min-width:10%;min-height:7%}.chat-container .cancel-icon{cursor:pointer}.chat-container .input-container{width:100%;flex:.04;margin-top:15px}.chat-container .input-container>*{font-family:Geist,sans-serif}.mainUsernameDialog[open]{opacity:1;transform:scaleY(1)}.mainUsernameDialog{opacity:0;transform:scaleY(0);transition:opacity .7s ease-out,transform .7s ease-out,overlay .7s ease-out allow-discrete,display .7s ease-out allow-discrete}@starting-style{.mainUsernameDialog[open]{opacity:0;transform:scaleY(0)}}.mainUsernameDialog::backdrop{background-color:#0000;transition:display .7s allow-discrete,overlay .7s allow-discrete,background-color .7s}.mainUsernameDialog[open]::backdrop{background-color:#000000e5}@starting-style{.mainUsernameDialog[open]::backdrop{background-color:#0000}}.mainUsernameDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:max(25vw,30%,300px);overflow-x:hidden;background:#133a59;color:#fff;border:1px solid white}.mainUsernameDialog .mainHeading{align-self:center}.mainUsernameDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.mainUsernameDialog .effects{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mainUsernameDialog .effects .effect{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mainUsernameDialog .effects .effect img,.mainUsernameDialog .effects .effect video{border-radius:8px;padding:4px;cursor:pointer;border:2px solid transparent}.mainUsernameDialog .effects .effect img:hover,.mainUsernameDialog .effects .effect video:hover{border:2px solid white}.mainUsernameDialog .effects .selectedEffect img,.mainUsernameDialog .effects .selectedEffect video{border:2px solid white}.mainUsernameDialog input{font-size:1.2rem;padding:7px 18px;border-radius:18px;width:90%;border:2px solid #161B21}.mainUsernameDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end}