body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.no-of-participants{position:fixed;bottom:14px;right:24px;color:#fff;cursor:pointer;z-index:100}.chat-button{position:fixed;bottom:11px;right:68px;color:#fff;cursor:pointer;z-index:100}.agenda-button{position:fixed;bottom:11px;right:108px;color:#fff;cursor:pointer;z-index:100}.logo-img{position:fixed;top:10px;left:16px;color:#fff}.parent-of-render-participant{padding:2.5rem 1rem 1rem;background:#000;min-height:90vh}.participants-main-div{justify-content:flex-start;align-items:center;gap:1.5rem;height:100px;padding:10px 0;overflow-x:auto;overflow-y:hidden;position:absolute;bottom:67px;left:0;scroll-behavior:smooth}.transition-participant-remote{transition:transform .5s ease,opacity .1s ease,visibility .4s ease}.make-it-flex{display:flex;opacity:1;visibility:visible;transform:translateY(0)}.hide-it{display:flex;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px)}.participants-main-div::-webkit-scrollbar{height:5px}.participants-main-div::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px;cursor:grab}.participants-main-div::-webkit-scrollbar-track{background:transparent}.participant-container{border:2px solid #707070;border-radius:10px;background:#222;overflow:hidden;position:relative;width:159px;height:100%;flex-shrink:0;margin-left:10px;margin-right:10px;box-shadow:0 4px 12px #0000004d}.transition-participant{transition:width .3s ease,height .3s ease}.active-participant{width:100%;height:62vh;margin:auto}.active-participant-full-screen{width:100%;height:83vh;margin:auto}.full-screen-icon{position:absolute;bottom:10px;right:10px;color:#fff;cursor:pointer}.mic-icon{position:absolute;right:10px;top:10px;z-index:5;color:#fff}.mic-off{color:red}.mic-on{color:#fff}.shifted-container{width:74%;transition:width .3s ease-in-out}.unshifted-container{width:100%;transition:width .3s ease-in-out}.close-icon{position:absolute;top:8px;right:8px;color:#000;cursor:pointer}.back-to-agenda-list-icon{position:absolute;color:#000;top:10px;left:10px;cursor:pointer}.open-agenda-container{position:relative;width:100%;height:100%;padding-top:20px}.loading_container{position:absolute;top:0;left:0;width:100%;color:#fff;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:5}.messageAlertBox{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-20px);background-color:#007bff;color:#fff;padding:16px 24px;border-radius:6px;z-index:999;opacity:0;transition:transform .4s ease,opacity .4s ease;pointer-events:none}.messageAlertBox.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.chat-container,.agenda-container{position:absolute;bottom:71px;right:22px;width:20%;height:76.8vh;background-color:#fff;border:1px solid #ffffff;border-radius:12px;box-shadow:0 10px 25px #0009;padding:16px;z-index:8;overflow:hidden}.agenda-agenda{font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700}.agendas-title-container{width:100%;height:100%;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;padding:20px 0;overflow-y:auto;margin-top:10px}.agendas-title-container::-webkit-scrollbar{width:6px;margin-left:8px}.agendas-title-container::-webkit-scrollbar-track{background:transparent}.agendas-title-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;transition:background-color .3s}.agendas-title-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.agenda-title{padding:12px;width:80%;margin:2px auto;text-align:left;background-color:#fff;border:2px solid #02043D;color:#000;border-radius:8px;cursor:pointer;font-size:14px;position:relative;transition:background-color .18s ease-in-out,color .18s ease-in-out}.agenda-title:hover{background-color:#02043d;border-color:#02043d;color:#fff}.open-agenda-title{padding:12px;width:80%;margin:20px auto;text-align:center;background-color:#000;color:#fff;border-radius:8px;font-size:16px}.open-agenda-desc{text-align:center;width:80%;margin:24px auto;max-height:160px;overflow-y:auto}.open-agenda-desc::-webkit-scrollbar{width:0px}.open-agenda-desc::-webkit-scrollbar-track{background:transparent}.open-agenda-desc::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;transition:background-color .3s}.open-agenda-desc::-webkit-scrollbar-thumb:hover{background-color:#aaa}.voting-icons-container{width:100%;display:flex;justify-content:space-around;align-items:center}.vote-yes-icon{display:flex;justify-content:center;align-items:center;padding:10px;background-color:green;width:fit-content;border-radius:50%;color:#fff;cursor:pointer}.vote-No-icon{display:flex;justify-content:center;align-items:center;padding:10px;background-color:red;width:fit-content;border-radius:50%;color:#fff;cursor:pointer}.vote-done-yes-icon{display:flex;justify-content:center;align-items:center;width:fit-content;color:#007bff;position:absolute;bottom:4px;right:4px}.vote-done-no-icon{display:flex;justify-content:center;align-items:center;width:fit-content;color:red;position:absolute;bottom:4px;right:4px}.vote-sign-img{width:100%;max-width:280px;max-height:160px;margin:20px auto;border-radius:8px}.vote-sign-img img{width:100%;object-fit:cover;max-width:280px;max-height:160px;opacity:1;border-radius:8px}.open-chat,.open-agenda{transition:transform .3s ease-in-out,visibility .3s;transform:translate(0);pointer-events:auto;visibility:visible}.close-chat,.close-agenda{transition:transform .3s ease-in-out,visibility .3s;transform:translate(100%);visibility:hidden;pointer-events:none}.agenda-box{height:84%;text-align:center}.text-message{padding:8px;border-radius:8px;background-color:#007bff;color:#fff;margin-bottom:8px;width:fit-content;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.chat-messages{height:70.4vh;overflow-y:auto;padding-right:8px;margin-bottom:14px;color:#f1f1f1;font-size:14px;line-height:1.5;border-bottom:1px solid #444;scrollbar-width:thin;scrollbar-color:#888 transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;transition:background-color .3s}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#aaa}.chat-footer{display:flex;gap:10px;align-items:center}.chat-input{flex-grow:1;width:80%;background-color:#fff;color:#000;border:1px solid #444;border-radius:8px;padding:8px 12px;font-size:14px;outline:none}.chat-input::placeholder{color:#888}.chat-send{background-color:#000;border:none;padding:5px 9px;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.chat-send:hover{background-color:#007bff}.bottom-bar{padding:10px;width:100%;display:flex;background-color:#000;position:fixed;justify-content:center;bottom:0;left:50%;transform:translate(-50%);z-index:99}.bottom-bar .bottom-bar-button{padding:10px 20px;background-color:#000;border:none;border-radius:8px;font-size:16px;margin-right:10px;position:relative;width:6px;height:24px;cursor:pointer}.joining_page_container{width:100%;height:100vh;display:flex;justify-content:center;margin:auto;align-items:center}.left_logo_column{width:50%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#02043d}.ping-sign-on{min-height:8px;min-width:8px;border-radius:50%;background-color:red;position:absolute;top:0;right:0;z-index:99;opacity:1;transition:opacity .3s ease-in-out}.ping-sign-off{min-height:8px;min-width:8px;border-radius:50%;background-color:red;position:absolute;top:6px;right:6px;z-index:99;opacity:0;transition:opacity .3s ease-in-out}.left_logo_column img{width:40%}.left_logo_column h2{width:50%;font-weight:400;text-align:center;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.right_joining_column{width:50%;display:flex;flex-direction:column;padding:2rem;text-align:center;justify-content:center}.right_joining_column input{width:60%;padding:10px;border-radius:8px;border:1px solid rgb(221,221,221);font-size:16px;box-sizing:border-box;margin:.8rem auto}.right_joining_column button{width:60%;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin:1rem auto}.joined-room-container{overflow-x:hidden;width:100vw;position:relative}@media (max-width: 993px){.parent-of-render-participant{padding:1rem;background:#000;min-height:100vh}.active-participant{width:90%;height:70vh;margin:70px auto}.active-participant-full-screen{width:100%;height:80vh;margin:70px auto}}@media (max-width: 1360px){.parent-of-render-participant{padding:1rem;background:#000;min-height:97vh}.agendas-title-container{width:100%;height:88%;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;padding:20px 0;overflow-y:auto;margin-top:10px}.shifted-container{width:63%;height:50%;transition:width .3s ease-in-out}.bottom-bar{padding:34px;width:100%;display:flex;background-color:#000;position:fixed;justify-content:center;bottom:0;left:50%;transform:translate(-50%);z-index:99}.no-of-participants{position:fixed;bottom:34px;right:24px;color:#fff;cursor:pointer;z-index:100}.chat-button{position:fixed;bottom:32px;right:68px;color:#fff;cursor:pointer;z-index:100}.agenda-button{position:fixed;bottom:33px;right:108px;color:#fff;cursor:pointer;z-index:100}.agenda-box{height:84%;text-align:center}.participants-main-div{justify-content:flex-start;align-items:center;gap:1.5rem;height:100px;padding:10px 0;overflow-x:auto;overflow-y:hidden;position:absolute;bottom:174px;left:0;scroll-behavior:smooth}.chat-container,.agenda-container{position:absolute;top:56px;bottom:unset;right:22px;width:28%;height:24.5vh;background-color:#fff;border:1px solid #ffffff;border-radius:12px;box-shadow:0 10px 25px #0009;padding:16px;z-index:6;overflow:hidden}.chat-messages{height:85%;overflow-y:auto;padding-right:8px;margin-bottom:14px;color:#f1f1f1;font-size:14px;line-height:1.5;border-bottom:1px solid #444;scrollbar-width:thin;scrollbar-color:#888 transparent}.active-participant{width:90%;height:70vh;margin:38px auto}.active-participant-full-screen{width:100%;height:80vh;margin:38px auto}}@media (max-width: 480px){.parent-of-render-participant{padding:1rem;background:#000;min-height:89vh}.active-participant{width:90%;height:60vh;margin:38px auto!important}.active-participant-full-screen{width:100%;height:75vh;margin:38px auto}.bottom-bar{padding:10px 0 18px;width:100%;display:flex;background-color:#000;position:fixed;justify-content:center;bottom:0;left:50%;transform:translate(-50%);z-index:99}.participants-main-div{justify-content:flex-start;align-items:center;gap:0rem;height:100px;padding:10px 0;overflow-x:auto;overflow-y:hidden;position:absolute;bottom:80px;left:0;scroll-behavior:smooth}.joining_page_container{width:100%;height:100vh;display:flex;flex-direction:column-reverse;justify-content:start;margin:0;align-items:center}.left_logo_column{width:100%;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#02043d}.left_logo_column img{width:60%}.left_logo_column h2{width:70%;font-size:18px;text-align:center;color:#fff}.right_joining_column{width:80%;display:flex;flex-direction:column;padding:2rem;text-align:center;margin-top:0;height:50vh}.right_joining_column input,.right_joining_column button{width:100%;padding:10px;border-radius:8px;border:1px solid rgb(221,221,221);font-size:16px;box-sizing:border-box;margin:.8rem auto}.no-of-participants{position:fixed;top:14px;right:24px;color:#fff;cursor:pointer;z-index:6;bottom:unset}.chat-button{position:fixed;top:16px;right:68px;color:#fff;cursor:pointer;z-index:6;bottom:unset}.agenda-button{position:fixed;top:15px;right:108px;color:#fff;cursor:pointer;z-index:6;bottom:unset}.chat-container,.agenda-container{position:absolute;bottom:26px;left:50%;height:60vh;transform:translate(-50%);width:85%;z-index:6;transition:width .3s ease-in-out}.chat-messages{height:84%;margin-top:28px}.shifted-container{width:100%;transition:width .3s ease-in-out}.open-chat,.open-agenda{transition:transform .3s ease-in-out,visibility .3s;transform:translate(-50%);pointer-events:auto;visibility:visible}.close-chat,.close-agenda{transition:transform .3s ease-in-out,visibility .3s;transform:translate(100%);visibility:hidden;pointer-events:none}}@supports (-webkit-touch-callout: none){@media screen and (max-width: 480px){.parent-of-render-participant{background-color:#111}.active-participant{height:65vh}.bottom-bar{padding-bottom:24px}.participants-main-div{padding-bottom:14px}.right_joining_column input,.right_joining_column button{font-size:18px}.chat-container,.agenda-container{bottom:36px;z-index:6}.no-of-participants,.chat-button,.agenda-button{top:18px}}}