body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-page{display:flex;flex-direction:column;height:100vh}.home-page .body{align-items:center;display:flex;flex:1 1;justify-content:space-around}.home-page .body .left-side{max-width:500px}.home-page .body .left-side .content h2{font-size:44px;font-weight:400;margin:0}.home-page .body .left-side .content p{font-size:18px;font-weight:300}.home-page .body .left-side .content .action-btn{align-items:center;display:flex;justify-content:space-between;margin-top:60px}.home-page .body .left-side .content .action-btn .btn{align-items:center;background:none;border:none;border-radius:5px;color:#1a73e8;cursor:pointer;display:flex;font-size:16px;justify-content:center;outline:none;padding:15px;text-decoration:none}.home-page .body .left-side .content .action-btn .btn .icon-block{padding-right:10px}.home-page .body .left-side .content .action-btn .btn:hover{background:#f6faf9}.home-page .body .left-side .content .action-btn .input-block{display:flex;flex:1 1;margin-left:20px}.home-page .body .left-side .content .action-btn .input-block .input-section{margin-right:10px;position:relative}.home-page .body .left-side .content .action-btn .input-block .input-section .icon-block{color:#5f6368;position:absolute;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}.home-page .body .left-side .content .action-btn .input-block .input-section input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;height:48px;outline:none;padding-left:35px;width:100%}.home-page .body .left-side .help-text{border-top:1px solid #ddd;margin-top:30px;padding-top:25px}.home-page .body .left-side .help-text a{color:#1a73e8;text-decoration:none}.home-page .body .right-side .content{border:1px solid #eee;border-radius:5px;box-shadow:0 1px 2px 0 rgba(60,64,67,.302),0 2px 6px 2px rgba(60,64,67,.149);box-sizing:border-box;max-width:650px;padding:30px;width:100%}.home-page .body .right-side .content img{border-radius:5px;width:100%}.header{box-sizing:border-box;display:flex;justify-content:space-between;padding:20px;width:100%}.header .logo{align-items:center;cursor:pointer;display:flex;width:124px}.header .logo img{width:100%}.header .logo .help-text{color:#5f6368;font-size:22px;padding-left:4px;text-decoration:none}.header .user-info{display:flex;flex-direction:row}.header .user-info .time{font-size:20px}.callpage-container,.header .action-btn{align-items:center;display:flex}.callpage-container{background:#202124;height:100vh;justify-content:center;z-index:-1}.callpage-container #video-1,.callpage-container #video-2{margin:10px;object-fit:cover}.callpage-container .video{border:2px solid gray}.messenger-container{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 90px);justify-content:space-between;position:absolute;right:0;top:0;width:350px}.messenger-container .messenger-header{align-items:center;display:flex;justify-content:space-between;margin:10px 0;padding:20px}.messenger-container .messenger-header h3{font-weight:400;margin:0}.messenger-container .messenger-header .icon{cursor:pointer;font-size:20px}.messenger-container .messenger-header-tabs{align-items:center;border-bottom:1px solid #eee;display:flex}.messenger-container .messenger-header-tabs .tab{align-items:center;color:#555;display:flex;justify-content:center;width:100%}.messenger-container .messenger-header-tabs .tab p{margin-left:10px}.messenger-container .messenger-header-tabs .tab.active{border-bottom:2px solid #04796a;color:#04796a}.messenger-container .messenger-header-tabs .tab:hover{background:rgba(0,121,107,.039);cursor:pointer}.messenger-container .chat-section{flex:1 1;overflow-y:scroll;padding:20px}.messenger-container .chat-section .chat-block{margin-bottom:30px}.messenger-container .chat-section .chat-block .sender{font-size:14px;font-weight:500}.messenger-container .chat-section .chat-block .sender small{font-weight:300;margin-left:5px}.messenger-container .chat-section .chat-block .msg{color:#555;font-size:14px;margin:0;padding-top:5px}.messenger-container .send-msg-section{align-items:center;border-bottom:1px solid #eee;border-top:1px solid #eee;color:#555;display:flex;justify-content:space-between;padding:20px}.messenger-container .send-msg-section input{border:none;border-bottom:1px solid #eee;outline:none;padding:5px;width:80%}.messenger-container .send-msg-section .icon{cursor:pointer}.messenger-container .send-msg-section .icon:hover{color:#04796a}.message-alert-popup{background:#fff;border-radius:5px;bottom:100px;max-width:250px;min-width:250px;padding:15px;position:absolute;right:10px}.message-alert-popup .alert-header{align-items:center;color:#04796a;display:flex;margin-bottom:5px}.message-alert-popup .alert-header .icon{margin-right:10px}.message-alert-popup .alert-header h3{font-size:16px;font-weight:500;margin:0}.message-alert-popup .alert-msg{font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-info-block{background:#fff;border-radius:10px;left:50px;padding:25px;position:absolute;top:250px;width:310px}.meeting-info-block .meeting-header{align-items:center;color:#222;display:flex;justify-content:space-between}.meeting-info-block .meeting-header h3{font-size:18px;font-weight:400;margin:0}.meeting-info-block .meeting-header .icon{cursor:pointer;font-size:20px}.meeting-info-block .add-people-btn{align-items:center;background:#1a73e8;border:none;border-radius:5px;color:#fff;display:flex;font-size:16px;justify-content:center;margin-top:20px;outline:none;padding:10px}.meeting-info-block .add-people-btn .icon{font-size:12px;margin-right:10px}.meeting-info-block .info-text{color:#222;font-size:14px}.meeting-info-block .meet-link{align-items:center;background:#f1f3f5;border-radius:5px;display:flex;justify-content:space-between;padding:15px}.meeting-info-block .meet-link span{background:none;border:none;color:#555;flex:1 1;font-size:14px;font-weight:600;outline:none}.meeting-info-block .meet-link .icon{color:#555;cursor:pointer}.meeting-info-block .permission-text{align-items:center;display:flex;justify-content:center}.meeting-info-block .permission-text .icon{color:#4385f4;font-size:20px;margin-right:10px}.meeting-info-block .small-text{color:#222;font-size:13px}.footer-item{align-items:center;background:#202124;bottom:0;display:flex;height:80px;justify-content:center;left:0;position:absolute;width:100%;z-index:1}.footer-item .left-item{align-items:center;display:flex;height:100%;width:350px}.footer-item .left-item .icon-block{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;padding:0 20px}.footer-item .left-item .icon-block .icon{color:#fff;font-size:20px;margin-left:10px}.footer-item .center-item{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.footer-item .center-item .icon-block{align-items:center;border:1px solid #dfdfdf;border-radius:50%;display:flex;height:45px;justify-content:center;margin:0 10px;width:45px}.footer-item .center-item .icon-block .icon{color:#fff;font-size:20px}.footer-item .center-item .icon-block:hover{box-shadow:0 0 10px #ddd;cursor:pointer}.footer-item .center-item .icon-block.red-bg{background:#d93025}.footer-item .center-item .icon-block.red-bg .icon{color:#fff}.footer-item .right-item{align-items:center;display:flex;height:100%;justify-content:flex-end;width:350px}.footer-item .right-item .icon-block{align-items:center;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center;width:146px}.footer-item .right-item .icon-block .icon{font-size:20px;margin-bottom:10px}.footer-item .right-item .icon-block .title{font-size:14px;font-weight:500;margin:0}.footer-item .right-item .icon-block:hover{background:#eee;cursor:pointer}.no-match .no-match__content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}.no-match .no-match__content h2{font-size:38px;font-weight:300}.no-match .no-match__content .btn{background:none;border:none;border-radius:5px;cursor:pointer;font-size:16px;outline:none;padding:15px;text-decoration:none}
/*# sourceMappingURL=main.1c81d419.css.map*/