body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.nav{height:10vh;-webkit-justify-content:space-between;justify-content:space-between}.nav,.navhome{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navhome{margin-left:5vw}.navhome span{color:#747487;display:inline-block;padding-left:1rem;margin-left:1rem;border-left-width:1px;border-color:#747487}.navdoc{-webkit-flex-grow:1;flex-grow:1}.navleave{margin-right:2rem}.navdoc span{margin:0 10px 0 0;padding-left:1rem;border-left-width:1px;border-color:#747487}.home{padding-top:10vh}.home h1{font-size:32px;margin-bottom:20px}.home .feature-entry{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around}.home .feature-entry .entry-item{margin:0 20px 50px 0}.home .feature-entry .entry-item .ant-card-cover{padding-top:20px}.avatar{position:absolute;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.avatar.avatar-active{outline:3px solid #d4e280}.avatar .corner-name{position:absolute;left:0;bottom:0;display:-webkit-flex;display:flex;padding:3px 5px;-webkit-align-items:center;align-items:center;max-width:100%;height:25px;font-size:14px;color:#fff;background-color:rgba(0,0,0,.6)}.avatar .corner-name .anticon-audio-muted{margin-right:5px}.avatar .center-name{font-size:38px;font-weight:700;color:#fff}.camere-button{font-size:30px;color:#fff;margin-left:30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60px!important;height:60px!important}.camere-button>*{font-size:28px!important}.camera-dropdown-button{border-radius:20px;border:1px solid #fff;width:70px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-left:30px}.camera-dropdown-button>.ant-btn{font-size:30px;color:#fff;display:-webkit-flex;display:flex;height:60px!important;-webkit-align-items:center;align-items:center;border-width:0!important;padding:0;margin-right:5px}.camera-dropdown-button>.ant-btn:hover{color:#40a9ff}.camera-dropdown-button>.ant-dropdown-trigger{width:20px!important;margin-right:0}.camera-menu{border:1px solid #747487;background:rgba(0,0,0,.9)!important}.camera-menu .ant-dropdown-menu-item{padding:10px 30px;color:#ccc;position:relative}.camera-menu .ant-dropdown-menu-item .anticon-check{position:absolute;left:10px;top:15px}.camera-menu .ant-dropdown-menu-item:hover{color:#40a9ff}.camera-menu .ant-dropdown-menu-item-group-title{color:#fff;font-weight:700}.microphone-button{font-size:30px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60px!important;height:60px!important}.microphone-button>*{font-size:28px!important}.microphone-dropdown-button{border-radius:20px;border:1px solid #fff;width:70px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.microphone-dropdown-button>.ant-btn{font-size:30px;color:#fff;display:-webkit-flex;display:flex;height:60px!important;-webkit-align-items:center;align-items:center;border-width:0!important;padding:0;margin-right:5px}.microphone-dropdown-button>.ant-btn:hover{color:#40a9ff}.microphone-dropdown-button>.ant-dropdown-trigger{width:20px!important;margin-right:0}.microphone-menu{border:1px solid #747487;background:rgba(0,0,0,.9)!important}.microphone-menu .ant-dropdown-menu-item{padding:10px 30px;color:#ccc;position:relative}.microphone-menu .ant-dropdown-menu-item .anticon-check{position:absolute;left:10px;top:15px}.microphone-menu .ant-dropdown-menu-item:hover{color:#40a9ff}.microphone-menu .ant-dropdown-menu-item-group-title{color:#fff;font-weight:700}.screen-share-button{font-size:30px;color:#fff;margin-left:30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:60px!important;height:60px!important}.screen-share-button.started-share{color:#00cc64}.screen-share-button>*{font-size:28px!important}.video-footer{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:10vh}.pagination,.video-footer{display:-webkit-flex;display:flex;width:100%}.pagination{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100px;-webkit-justify-content:space-between;justify-content:space-between;pointer-events:none;z-index:2}.pagination .next-page-button,.pagination .previous-page-button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:60px!important;height:100px!important;pointer-events:auto;border:0;background:#000}.pagination .next-page-button>.anticon,.pagination .previous-page-button>.anticon{font-size:56px!important}.pagination.in-sharing{top:0;right:0;left:auto;width:264px;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:none;transform:none;height:100%;-webkit-align-items:center;align-items:center}.pagination.in-sharing .next-page-button .anticon,.pagination.in-sharing .previous-page-button .anticon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.viewport{position:relative;padding:5vh 0 10vh;box-sizing:border-box;width:100vw;height:100vh;background-color:#000;display:-webkit-flex;display:flex}.viewport .share-container{display:none}.viewport .share-container.in-sharing{display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow:hidden}.viewport .share-container .share-container-viewport{display:inline-block;max-width:100%}.viewport .share-container .share-canvas{width:100%;height:100%}.viewport .share-container .share-canvas.hidden{display:none}.viewport .video-container{position:relative;width:100%;height:100%}.viewport .video-container.in-sharing{width:264px;-webkit-flex-shrink:0;flex-shrink:0;border-left:1px solid #333}.viewport .video-container .video-canvas{width:100%;height:100%}.viewport .avatar-list{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;padding:0;margin:0}.viewport .video-operations{position:absolute;left:0;bottom:0}.viewport .avatar-wrap{position:absolute;pointer-events:auto;list-style:none;top:0;left:0}.viewport .avatar-wrap-dragging{z-index:10}.viewport .single-view-avatar{top:0;left:0}.preview__root{margin-top:70px;-webkit-flex-direction:column;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.preview-video{width:800px;height:450px;background:#000;margin:1px;border-radius:14px;border:1px solid #000}.video-operations-preview div{background-color:#000!important}.join-button{color:#fff;background:#008dfa;border-radius:14px;font-size:16px;height:3em;width:24em;margin:2em auto;cursor:pointer;border:none;font-stretch:expanded;transition:-webkit-filter .15s ease-out;transition:filter .15s ease-out;transition:filter .15s ease-out,-webkit-filter .15s ease-out}.join-button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.join-button:active{-webkit-filter:brightness(80%);filter:brightness(80%)}.mic-feedback__very-low svg{color:green!important;opacity:.5!important}.mic-feedback__low svg{color:green!important;opacity:.6}.mic-feedback__medium svg{color:green!important;opacity:.7}.mic-feedback__high svg{color:green!important;opacity:.8}.mic-feedback__very-high svg{color:green!important;opacity:.9}.mic-feedback__max svg{color:green!important}.loading-layer{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:99}.loading-layer .loading-text{margin-top:20px;font-size:18px;color:#fff}.chat-message-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:15px;padding:5px 20px}.chat-message-item.myself{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.chat-message-item.myself .chat-message-avatar{margin-right:0;margin-left:16px}.chat-message-item .chat-message-avatar{width:50px;height:50px;color:#333;font-size:22px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-right:16px}.chat-message-item .chat-message-avatar .chat-message-avatar-img{width:26px;height:26px;border-radius:6px}.chat-message-item .chat-message-content{-webkit-flex-grow:1;flex-grow:1}.chat-message-item .chat-message-content .chat-message-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.chat-message-item .chat-message-content .chat-message-info.myself{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.chat-message-item .chat-message-content .chat-message-info.myself .chat-message-receiver{text-align:right}.chat-message-item .chat-message-content .chat-message-info .chat-message-receiver{-webkit-flex-grow:1;flex-grow:1;text-align:left}.chat-message-item .chat-message-content .chat-message-info .chat-message-receiver>span{margin:0 5px;color:#ccc}.chat-message-item .chat-message-content .chat-message-info .chat-message-receiver>a{text-decoration:none;color:#2da5ff}.chat-message-item .chat-message-content .chat-message-info .chat-message-time{max-width:100px;color:#ccc}.chat-message-item .chat-message-content .chat-message-text-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.chat-message-item .chat-message-content .chat-message-text-list .chat-message-text{padding:8px 10px;border-radius:8px;background:rgba(82,82,128,.09);color:#333;font-size:13px;margin-bottom:8px}.chat-message-item .chat-message-content .chat-message-text-list.myself{-webkit-align-items:flex-end;align-items:flex-end}.chat-message-item .chat-message-content .chat-message-text-list.myself .chat-message-text{background:#deedfd}.chat-receiver{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:0 20px;height:25px;margin:15px 0}.chat-receiver .chat-to{margin-right:5px}.chat-receiver-item{padding-left:30px}.chat-receiver-item.selected{padding-left:10px}.chat-receiver-item .chat-receiver-item-affix{color:#999;margin-left:5px}.chat-privilege-item{padding-left:25px}.chat-privilege-item.selected{padding-left:5px}.chat-container{width:100vw;height:100vh;background:rgba(0,0,0,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.chat-container .chat-wrap{width:60vw;max-width:800px;height:80vh;background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.5);box-sizing:border-box;padding:20px 0}.chat-container .chat-wrap h2{height:45px;line-height:45px}.chat-container .chat-wrap .chat-message-wrap{-webkit-flex-grow:1;flex-grow:1;overflow-y:auto;border-bottom:1px solid #eee}.chat-container .chat-wrap .chat-message-box{height:100px;box-sizing:border-box;padding:0 5px}.chat-container .chat-wrap .chat-message-box>textarea{padding:5px 20px;height:100%;width:100%;resize:none}.chat-container .chat-disabled{height:155px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:18px;-webkit-flex-shrink:0;flex-shrink:0}.App{text-align:center}h1,h2,li,ol,p,ul{padding:0;margin:0}li{list-style:none}.back-home{position:absolute;z-index:99;right:30px;bottom:30px}
/*# sourceMappingURL=main.d44b3e33.chunk.css.map */