:root{--color-primary:#7c4dff;--color--secondary:#262626}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:1px;background-color:#7c4dff;background-color:var(--color-primary);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.footer{width:100%;height:75px;background-color:#fff;position:fixed;bottom:0;justify-content:space-between;box-shadow:0 0 10px 0 rgba(0,0,0,.115)}.footer,.footer>button{display:flex;align-items:center}.footer>button{width:150px;margin-left:10px;height:55px;background-color:transparent;border:0;outline:0;cursor:pointer;transition:all .3s ease-in-out;border-radius:10px;font-size:18px;justify-content:space-around}.footer>button:hover{background-color:hsla(0,0%,80%,.5)}.meeting__controls{display:flex;grid-gap:20px;gap:20px;margin-right:10px}.meeting__controls button{width:55px;height:55px;border-radius:50%;border:1px solid #ccc;background-color:transparent;cursor:pointer}.meeting__controls button svg{width:25px;height:25px}.meeting__controls button:nth-child(2) svg{fill:red}.navbar{padding:10px;position:fixed;right:0;z-index:999;top:0;display:flex;align-items:center;background-color:#fff;width:35%;justify-content:space-between;height:55px;grid-gap:15px;gap:15px;border-bottom-left-radius:10px;transition:all .3s ease-in-out}.navbar__disable{top:-1000px}.navbar button{flex:1 1;height:48px;background-color:transparent;border:0;outline:0;cursor:pointer;position:relative;border-radius:10px;transition:all .3s ease-in-out}.navbar button:hover{background-color:rgba(46,0,250,.315)}.navbar button>span{position:absolute;top:10px;font-family:sans-serif;font-weight:600}.navbar button>svg{width:25px;height:25px}.current-time{font-size:20px;font-family:sans-serif;color:#999}.logined__user{display:flex;align-items:center;justify-content:center;height:100%;padding:12px}.logined__user span{font-family:sans-serif}.avatar{width:35px;height:35px}.avatar>img{width:100%;height:100%;border-radius:50%}@media screen and (max-width:465px){.navbar{width:100%;border-bottom-right-radius:10px}.logined__user span{display:none}}.sidebar{position:fixed;right:-1000px;background-color:#fff;height:100vh;transition:all .3s ease-in-out;width:350px;z-index:999}.sidebar__enable{right:0}.sidebar__header{display:flex;justify-content:space-between;padding:12px;align-items:center}.sidebar__header>h1{font-size:18px;font-family:sans-serif;font-weight:400}.sidebar__header button{width:48px;height:48px;border-radius:50%;border:0;outline:0;background-color:transparent;cursor:pointer}.sidebar__header button:hover{background-color:hsla(0,0%,80%,.178)}.sidebar__header button svg{width:30px;height:30px}.sidebar__tabs{width:100%;display:flex;justify-content:space-between}.sidebar__tabs button{flex:1 1;height:48px;border:0;outline:0;cursor:pointer;background-color:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center}.sidebar__tabs button:hover{background-color:rgba(124,77,255,.21176470588235294)}.sidebar__tabs button svg{width:25px;height:25px}.attendes__list{height:78vh;overflow-y:scroll}.attendes__list,.chat__body{display:flex;flex-direction:column}.chat__body{position:relative}.chat__body__chats{height:70vh;overflow:scroll}.chat__footer{height:82px;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 0 10px 0 rgba(0,0,0,.115)}.chat__footer__input{margin:auto;display:flex;justify-content:space-between;width:90%;align-items:center}.chat__footer__input input{width:90%;height:35px;padding-left:5px;border:0;transition:all .1s ease-in-out;outline:0}.chat__footer__input input:focus{border-bottom:2px solid var(--color-primary)}.chat__footer__input button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;outline:0;cursor:pointer}.chat__footer__input button svg{width:15px;height:15px}.user-list{align-items:center}.user-chat,.user-list{display:flex;justify-content:space-between;padding:.8rem}.user-chat{flex-direction:column}.chat__top{display:flex;align-items:center;grid-gap:10px;gap:10px}.chat__top span{font-family:sans-serif;font-size:12px}.chat__top span:first-child{font-weight:600}.chat__top span:nth-child(2){font-weight:400;color:#525252}.chat__message{margin-top:10px;color:#262626;font-weight:400;font-size:14px;font-family:sans-serif}.user__list__left{flex:1 1;display:flex;align-items:center}.user__list__left .avatar{margin-right:10px}.user__list__left span{font-family:sans-serif}.user-list button{width:45px;height:45px;background-color:transparent;border:0;outline:0}.user-list button svg{width:20px;height:20px}.activeTab{position:relative}.activeTab span{color:var(--color-primary)}.activeTab:after{content:"";width:50px;height:3px;position:absolute;background-color:var(--color-primary);left:50%;bottom:-1px;transform:translate(-50%,-50%)}.activeTab svg{fill:var(--color-primary)}.meeting__info{background-color:#fff;width:450px;border-radius:10px;position:fixed;bottom:-110px;left:10px;padding:32px;transition:all .1s ease-in-out}.info_enable{bottom:110px}.meeting__info__body{display:flex;flex-direction:column;align-items:flex-start}.meeting__info__body h3{color:var(--color-primary)}.meeting__info__body h3,.meeting__info__body span{font-size:14px;font-family:sans-serif;margin-bottom:15px}.meeting__info__body span{display:inline-block;width:100%;color:var(--color--secondary);selection:var(--color-primary);-webkit-user-select:text;-ms-user-select:text;user-select:text}.meeting__info__body span::selection{color:#fff;background-color:var(--color-primary)}.meeting__info__body button{padding:.5rem;background-color:transparent;border:0;outline:0;display:flex;align-items:center;cursor:pointer;font-size:16px;border-radius:4px}.meeting__info__body button svg{margin-right:10px;width:25px;height:25px}.meeting__info__body button:hover{background-color:rgba(42,40,40,.137)}.toast{padding:12px;background-color:var(--color--secondary);width:250px;height:55px;display:flex;align-items:center;justify-content:flex-start;color:#fff;font-family:sans-serif;border-radius:4px;position:fixed;bottom:-110px;left:10px;transition:all .1s ease-in-out}.toast__enable{bottom:110px}.toast-mini{position:fixed;top:45px;left:50%;padding:15px;display:flex;align-items:center;justify-content:space-around;color:#fff;background-color:#000;border-radius:65px;font-family:sans-serif;font-weight:500;font-size:15px;animation:scaleUp .1s linear 1}@keyframes scaleUp{0%{transform:scale(.1);opacity:.1}50%{transform:scale(.5);opacity:.5}to{transform:scale(1);opacity:1}}.toast-mini svg{width:20px;height:20px}.App,.application-room{width:100%;height:100vh}.application-room{background-color:var(--color--secondary)}.room-body{width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:1.75rem;gap:1.75rem;padding-top:15px}.user-tile{background-color:rgba(78,78,78,.233);border-radius:10px;display:flex;align-items:center;justify-content:center}.user-tile video{width:100%;height:100%;object-fit:cover;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);border-radius:inherit}.people__avatar{width:115px;height:115px}.people__avatar img{width:100%;height:100%;border-radius:50%}.homepage{width:100%;height:100vh}header{width:95%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:65px}.brandname{flex:1 1}.brandname a{font-size:20px;color:var(--color-primary);text-decoration:none;font-family:sans-serif}nav{flex:1 1;display:flex;align-items:center;justify-content:flex-end;grid-gap:25px;gap:25px;position:relative}.account_dropdown{width:250px;top:50px;position:absolute;box-shadow:0 0 10px 0 rgba(0,0,0,.115);display:flex;flex-direction:column;padding:15px 10px;border-radius:5px;align-items:flex-start;border:1px solid #cfcfcf;z-index:999;background-color:#fff}.account_dropdown:before{position:absolute;content:"";width:20px;right:10px;top:-11px;height:20px;transform:rotate(45deg);background-color:#fff;border-top:1px solid #cfcfcf;border-left:1px solid #cfcfcf}.account_dropdown h3{color:var(--color-primary);font-family:sans-serif}.account_dropdown p{color:#999;font-family:sans-serif;font-size:14px;line-height:25px}.logout_btn{width:100%;height:25px}.time_home{font-weight:400;color:#575757;font-size:20px;font-family:sans-serif}.nav__controls button{width:45px;height:45px;background-color:transparent;border:0;outline:0;cursor:pointer}.nav__controls button svg{width:20px;height:20px}.landing{width:100%;display:flex;align-items:center;height:65vh}.hero__left{flex:1 1;padding-left:25px;flex-direction:column;grid-gap:25px;gap:25px}.hero__heading{margin-bottom:15px}.hero__heading h1{font-size:2.5rem;font-weight:500;font-family:sans-serif}.hero__left p{font-size:18px;margin-bottom:35px;color:#999;font-family:sans-serif}.hero__right{flex:1 1;position:relative;height:55vh}.hero__right img{width:75%;height:55%;position:absolute;right:0;top:45px}.hero__meeting__form{width:100%;display:flex;flex-wrap:wrap;grid-gap:15px;gap:15px}.hero__meeting__form>button{background-color:var(--color-primary);padding:12px;color:#fff;border:0;height:45px;transition:all .2s ease-in-out;cursor:pointer;display:flex;align-items:center;position:relative}.button_popover{width:250px;position:absolute;background-color:#fff;left:0;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 0 10px 0 rgba(0,0,0,.115);padding-top:15px;padding-bottom:15px;top:0;z-index:999;border-radius:3px}.button_popover button{width:100%;height:45px;background-color:transparent;border:0;outline:0;font-size:16px;display:flex;align-items:center;padding-left:10px;cursor:pointer;border-radius:1px}.button_popover button:hover{background-color:var(--color-primary);color:#fff}.button_popover button>svg{margin-left:10px}.hero__meeting__form>button:hover{box-shadow:10px 0 10px 0 rgba(0,0,0,.115)}.hero__meeting__form button svg{width:18px;height:18px;margin-right:5px}.hero__meeting__form input{width:35%;padding-left:10px;outline:0;border-radius:5px;background-color:transparent;border:1px solid #999}.hero__meeting__form input:focus{border:2px solid var(--color-primary)}.google_login_auth{width:250px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #999;background-color:transparent;border-radius:5px;font-size:16px;grid-gap:15px;gap:15px;cursor:pointer}.google_login_auth:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.115)}.end-meeting{width:100%;height:100vh}.meeting-end-container{padding-top:100px;width:100%}.end-meeting-wrapper,.meeting-end-container{display:flex;align-items:center;justify-content:center}.end-meeting-wrapper{flex-direction:column}.end-meeting-heading{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:36px;font-weight:400;line-height:44px;color:#3c4043;cursor:default;max-width:700px;margin-bottom:25px}.end-meeting-buttons{width:100%;display:flex;align-items:center;grid-gap:15px;gap:15px}.end-meeting-buttons button{flex:1 1;height:45px;background-color:transparent;border-radius:5px;font-weight:500;cursor:pointer}.end-meeting-buttons button:first-child{color:var(--color-primary);border:1px solid #cacaca}.end-meeting-buttons button:nth-child(2){background-color:var(--color-primary);border:0;outline:0;color:#fff}.meeting-feedback{width:100%;margin-top:15px;display:flex;align-items:center;justify-content:center}.meeting-feedback button{width:120px;height:35px;color:var(--color-primary);border:0;outline:0;background-color:transparent;cursor:pointer;font-weight:500;border-radius:5px}.meeting-feedback button:hover{background-color:rgba(124,77,255,.20392156862745098)}@media screen and (max-width:846px){.nav__controls{display:none}.landing{width:100%;display:block;align-items:center;height:75vh}}@media screen and (max-width:515px){.time_home{display:none}.hero__meeting__form>button{flex:1 1}.hero__meeting__form input{flex:1 1;padding-left:10px;outline:0;border-radius:5px;background-color:transparent;border:1px solid #999}.hero__left{padding-left:5;padding-right:5}.hero__right img{width:100%;height:55%;position:absolute;right:0;top:45px}}@media screen and (max-width:465px){.room-body{display:flex;flex-direction:column;padding-top:65px}.user-tile{width:90%;margin:0 auto;height:350px}.end-meeting-heading{font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:20px}.end-meeting-wrapper{width:100%}}@media screen and (max-width:320px){end-meeting-buttons{width:90%;display:flex;align-items:center;justify-content:space-around}.end-meeting-buttons button{width:80px;height:45px;background-color:transparent;border-radius:5px;font-weight:500;cursor:pointer;font-size:12px}}.NewMeetingModal__popup{width:100%;height:100vh;position:fixed;background-color:rgba(38,38,38,.5568627450980392);display:flex;align-items:center;justify-content:center;z-index:1000}.new__meeting__modal{padding:12px;width:450px;background-color:#fff;border-radius:5px}.modal__header{height:35px;font-size:16px;font-family:sans-serif;color:var(--color--secondary);margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.modal__header button{width:45px;height:45px;border:0;background-color:transparent;outline:0;cursor:pointer}.modal__header button svg{width:25px;height:25px;fill:#999}.modal__header h3{font-weight:500}.new__meeting__modal>p{line-height:20px;font-size:14px;color:#4b4b4b;font-family:sans-serif}.generated__link__wrapper{width:100%;height:45px;background-color:#eee;display:flex;align-items:center;padding-left:15px;margin-top:15px;border-radius:5px;font-family:sans-serif;font-size:16px;justify-content:space-between;padding-right:15px}.generated__link__wrapper button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:0;outline:0;cursor:pointer;border-radius:65px}.generated__link__wrapper button svg{width:20px;height:20px}.generated__link__wrapper button:hover{background-color:rgba(38,38,38,.14901960784313725)}.PopUpPermission{width:100%;background-color:rgba(38,38,38,.3568627450980392);height:100vh;position:fixed;display:flex;align-items:center;justify-content:center}.popup-permission-modal{display:flex;flex-direction:column;padding:16px;width:360px;background-color:#fff;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.115);position:absolute;top:155px;height:150px;justify-content:space-between;animation:scaleup .1s linear 1}.popup-permission-modal p{color:#5c5c5c;font-family:sans-serif;font-weight:400;font-size:14px;line-height:25px}@keyframes scaleup{0%{transform:scale(.1);opacity:.2}to{transform:scale(1);opacity:1}}.permission-controls{display:flex;align-items:center;justify-content:flex-end;grid-gap:15px;gap:15px}.permission-controls button{padding:.5rem;border:0;outline:0;background-color:transparent;font-weight:500;color:var(--color-primary);cursor:pointer;border-radius:5px;font-size:14px}.permission-controls button:hover{background-color:rgba(124,77,255,.12156862745098039)}@media screen and (max-width:360px){.popup-permission-modal{width:340px}}@media screen and (max-width:320px){.popup-permission-modal{width:300px;padding-bottom:25px}}.feedback-popup{width:100%;height:100vh;background-color:rgba(38,38,38,.19215686274509805);position:fixed;display:flex;align-items:center;justify-content:center}.feedback-modal{width:330px;height:350px;background-color:#fff;display:flex;flex-direction:column;position:relative}.feedback-modal-header{width:100%;height:55px;background-color:var(--color-primary);display:flex;align-items:center;color:#fff;padding-left:15px}.feedback-modal-header h3{font-family:sans-serif;font-weight:400}.feedback-text{padding-left:15px;min-height:100px;padding-right:15px;padding-top:15px}.feedback-text textarea{width:100%;height:100%;resize:none;border:0;outline:0;font-family:sans-serif;font-size:14px}.feedback-text textarea::-webkit-input-placeholder{font-family:sans-serif;font-size:16px}.feedback-text textarea:-ms-input-placeholder{font-family:sans-serif;font-size:16px}.feedback-text textarea::placeholder{font-family:sans-serif;font-size:16px}.feedback-footer{width:100%;height:55px;display:flex;align-items:center;justify-content:flex-end;grid-gap:15px;gap:15px;position:absolute;bottom:0;border-top:1px solid #d3d3d3;padding-right:15px}.feedback-footer button{padding:.5rem;background-color:transparent;border:0;font-weight:500;font-size:14px;cursor:pointer;border-radius:5px}.feedback-footer button:hover{background-color:rgba(87,87,87,.19215686274509805)}.feedback-footer button:first-child{color:#585858}.feedback-footer button:nth-child(2){color:var(--color-primary)}
/*# sourceMappingURL=main.aebd7de9.chunk.css.map */