@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif!important}.mainApp{display:flex;flex-direction:column;gap:1.5rem;min-height:100dvh;align-items:center;width:100%;justify-content:center;background:#161b21;color:#fff}.btn{background-color:#32b008;border-radius:24px;cursor:pointer;color:#fff;border:none;font-size:1.8rem;padding:8px 20px}.lastChoice{display:flex;flex-direction:column;gap:1.5rem}.idInput{font-size:1.5rem;padding:9px 23px;border-radius:24px;border:2px solid #161B21}.btn,.idInput,.choice{font-family:Montserrat,sans-serif}.idInput:focus{outline:none;border:2px solid #32b008}body{overflow:hidden;font-family:Montserrat,sans-serif;margin:0;padding:0}.mainRoom{background:#fff;display:flex;align-items:center;width:100%;height:100dvh}.container{height:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column;position:relative;background:#161b21;width:100%;gap:2rem;padding:7px}.namePlaceholder{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:.5rem;align-items:center}.namePlaceholder span{color:#15a83d;background:#86efac;width:6rem;height:6rem;display:flex;justify-content:center;font-size:1.875rem;align-items:center;border-radius:50%}.name{position:absolute;bottom:.5vh;left:1.2vh;z-index:10000;padding:6px 11px;border-radius:12px;background-color:#161b21}.name span{font-size:1rem;color:#fff}.fullCoverVideo{height:100%;width:100%;object-fit:cover;position:absolute;top:0;left:0}i{cursor:pointer;color:#fff}.callEndButton{background:#fd5050!important}.callEndButton:hover{background:#f00c!important}button{border:0}.mainPeersCont{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;box-shadow:-1px 1px 3px #2d3237;border:2px solid transparent}.glowingBorder{border:2px solid #3fbe14}.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:#161b21}.peerBottomButtons{display:flex;justify-content:space-around;gap:1rem;z-index:20;padding-bottom:20px}.peerBottomButtons .selected{background-color:#3fbe14}.peerBottomButton{background:#2d3237;display:flex;height:3.5rem;align-items:center;justify-content:center;padding:1rem;border-radius:20px;width:3.5rem;cursor:pointer}.peerBottomButton:disabled{background:#ffffffc4;pointer-events:none}.hidden{display:none}.pointer-events-none{pointer-events:none!important}.fill-white{fill:#fff!important}.peerBottomButton:hover{background:#0003}.upperBox{display:flex;width:100%;justify-content:space-between;align-items:center}.upperBox .left{display:flex;align-items:center;gap:.5rem}.upperBox .left .widget{display:flex;align-items:center;gap:1.4rem;margin-top:10px;background-color:#0003;padding:10px;border-radius:7px;overflow:hidden}.upperBox .left .widget>*{cursor:alias;background-color:transparent;padding:0;margin:0}.upperBox .left .widget .controls{display:flex;align-items:center;gap:.5rem}.upperBox .left .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:#0003;border-radius:7px;color:#fff;margin-top:10px;padding:10px;font-size:1.2rem}.pingBox{display:flex;align-items:center;justify-content:center;gap:1rem;z-index:20;width:max(9%,130px);background-color:#0003;border-radius:7px;color:#fff;margin-top:10px}::-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)}.mainBackgroundDialog[open]{opacity:1;transform:scaleY(1)}.mainBackgroundDialog{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{.mainBackgroundDialog[open]{opacity:0;transform:scaleY(0)}}.mainBackgroundDialog::backdrop{background-color:#0000;transition:display .7s allow-discrete,overlay .7s allow-discrete,background-color .7s}.mainBackgroundDialog[open]::backdrop{background-color:#0000007f}@starting-style{.mainBackgroundDialog[open]::backdrop{background-color:#0000}}.mainBackgroundDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.mainBackgroundDialog .mainHeading{align-self:center}.mainBackgroundDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.mainBackgroundDialog .effects{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mainBackgroundDialog .effects .effect{display:flex;flex-direction:column;gap:.5rem;align-items:center}.mainBackgroundDialog .effects .effect img,.mainBackgroundDialog .effects .effect video{border-radius:8px;padding:4px;cursor:pointer;border:2px solid transparent}.mainBackgroundDialog .effects .effect img:hover,.mainBackgroundDialog .effects .effect video:hover{border:2px solid white}.mainBackgroundDialog .effects .selectedEffect img,.mainBackgroundDialog .effects .selectedEffect video{border:2px solid white}.mainBackgroundDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end}.mainLinkDialog[open]{opacity:1;transform:scaleY(1)}.mainLinkDialog{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{.mainLinkDialog[open]{opacity:0;transform:scaleY(0)}}.mainLinkDialog::backdrop{background-color:#0000;transition:display .7s allow-discrete,overlay .7s allow-discrete,background-color .7s}.mainLinkDialog[open]::backdrop{background-color:#0000007f}@starting-style{.mainLinkDialog[open]::backdrop{background-color:#0000}}.mainLinkDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:center;padding:2vh 2vw;gap:1rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.mainLinkDialog .mainHeading{align-self:center}.mainLinkDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.mainLinkDialog input{font-size:1.2rem;padding:7px 18px;border-radius:18px;width:90%;border:2px solid #161B21}.mainLinkDialog input{font-family:Montserrat,sans-serif}.mainLinkDialog input:focus{outline:none;border:2px solid #32b008}.mainLinkDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end;margin-top:2vh}.publishStreamDialog[open]{opacity:1;transform:scaleY(1)}.publishStreamDialog{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{.publishStreamDialog[open]{opacity:0;transform:scaleY(0)}}.publishStreamDialog::backdrop{background-color:#0000;transition:display .7s allow-discrete,overlay .7s allow-discrete,background-color .7s}.publishStreamDialog[open]::backdrop{background-color:#0000007f}@starting-style{.publishStreamDialog[open]::backdrop{background-color:#0000}}.publishStreamDialog{border-radius:10px;border:none;display:flex;flex-direction:column;align-items:center;padding:2vh 2vw;gap:1rem;max-width:100%;overflow-x:hidden;background:#161b21;color:#fff;border:1px solid white}.publishStreamDialog .mainHeading{align-self:center}.publishStreamDialog .close{position:absolute;top:2%;right:2%;font-size:1.4rem;cursor:pointer}.publishStreamDialog input{font-size:1.2rem;padding:7px 18px;border-radius:18px;width:90%;border:2px solid #161B21}.publishStreamDialog input{font-family:Montserrat,sans-serif}.publishStreamDialog input:focus{outline:none;border:2px solid #32b008}.publishStreamDialog .save{padding:6px 8px;border-radius:8px;color:#000;background-color:#fff;cursor:pointer;font-size:1.1rem;align-self:flex-end;margin-top:2vh}.publishStreamDialog .save:disabled{pointer-events:none;background-color:#ffffff9c}.ant-drawer-body{background-color:#1f272f;font-family:Montserrat,sans-serif}.ant-drawer-header{background-color:#1f272f;border-bottom:1px solid white!important;font-family:Montserrat,sans-serif}.ant-input{border-radius:6px 0 0 6px}.ant-drawer-title{color:#fff}.chat-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#1f272f;overflow:hidden;color:#fff;font-family:Montserrat,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 .file-message{padding:6px 9px;border-radius:7px;width:50%;background:#11b214;font-size:1rem;color:#fff;overflow-wrap:anywhere;display:flex;gap:.3rem;align-items:center}.chat-container .file-details{display:flex;gap:.1rem;align-items:center;flex-direction:column;width:100%}.chat-container .file-name{font-size:1rem}.chat-container .file-size{font-size:.7rem}.chat-container .file-progress-container{width:100%}.chat-container .file-progress{width:100%;accent-color:green}.chat-container .cancelled-text,.chat-container .waiting-text,.chat-container .complete-text{width:100%;justify-content:center;align-items:center;display:flex;font-size:.7rem}.chat-container .file-progress-status{width:100%;justify-content:space-between;align-items:center;display:flex;font-size:.6rem}.chat-container .text-message{padding:9px 12px;border-radius:7px;max-width:50%;background:#11b214;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:Montserrat,sans-serif}