#root{margin:0 auto;padding:0rem;height:100vh}*:focus{outline:none!important}::-webkit-scrollbar-track{background:#f1f1f1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vertical-list-times ::-webkit-scrollbar,.form-credit-card ::-webkit-scrollbar{width:7px}.vertical-list-times ::-webkit-scrollbar-thumb,.form-credit-card ::-webkit-scrollbar-thumb{background:#e6e7e4;border-radius:5px}.vertical-list-times ::-webkit-scrollbar-track,.form-credit-card ::-webkit-scrollbar-track{background:transparent}.vertical-list-times ::-webkit-scrollbar-thumb:hover,.form-credit-card ::-webkit-scrollbar-thumb:hover{background:#e0e1de}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.MuiInputBase-root{outline:none!important;border:none!important;border-radius:4px!important}.MuiTypography-root,.MuiTypography-h5{font-family:Nunito Sans,sans-serif}.MuiOutlinedInput-root.Mui-focused.MuiOutlinedInput-notchedOutline{outline:none!important}.app{display:flex;flex-direction:column;align-items:center;margin:1rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-slide{animation:fadeInSlide .5s ease-in-out}progress{background:rgba(0,0,0,.3);border:none;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;overflow:hidden;height:6px;display:block;margin:4px 0;width:100%}progress::-moz-progress-bar{background-color:var(--color-interactive-hover)}progress::-webkit-progress-value{background-color:var(--color-interactive-hover)}progress::-webkit-progress-bar{background:rgba(0,0,0,.3);border-radius:8px}.select{display:inline-block;background:var(--color-interactive);padding:0 .25rem}select{background:var(--color-interactive);color:#fff;border:none;outline:none!important;padding:.25rem 0;height:2rem}.controls{display:flex;align-items:center;justify-content:space-between;button:last-child {margin-right: 0;}}.avatar{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:visible;@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.avatar.avatar-active{outline:3px solid #d4e280}.avatar .corner-name{position:absolute;left:0;bottom:0;display:flex;padding:3px 5px;align-items:center;max-width:100%;height:25px;font-size:14px;color:#fff;background-color:#0009;span.anticon {margin-right: 5px;}}.avatar .center-name{font-size:38px;font-weight:700;color:#fff}.avatar .more-button{position:absolute;top:3px;right:3px;border:0;border-radius:3px;display:none}.avatar .more-button.more-button-active{display:inline-block}.avatar .avatar-volume{position:absolute;display:flex;align-items:center;opacity:.1;top:10%;right:2%;width:20%;label {transform: translateY(-10px); color: #ccc; font-size: 12px; margin-right: 5px;} .ant-slider {flex: 1;} .ant-slider-mark-text {color: #ccc;}}.avatar .avatar-volume:hover{opacity:.5}.chat-container{width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.chat-container .chat-wrap{width:60vw;max-width:800px;height:80vh;background:#fff;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 10px 20px #00000080;box-sizing:border-box;padding:20px 0;h2{height: 45px; line-height: 45px;} .chat-message-wrap {flex-grow: 1; overflow-y: auto; border-bottom: 1px solid #eee;} .chat-message-box {height: 100px; box-sizing: border-box; padding: 0 5px; >textarea {padding: 5px 20px; height: 100%; width: 100%; resize: none;}}}.chat-container .chat-disabled{height:155px;display:flex;justify-content:center;align-items:center;font-size:18px;flex-shrink:0}.nav{height:10vh;display:flex;align-items:center;justify-content:space-between}.navhome{margin-left:5vw;display:flex;align-items:center}.navhome span{color:#747487;display:inline-block;padding-left:1rem;margin-left:1rem;border-left-width:1px;border-color:#747487}.navdoc{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;h1{font-size: 32px; margin-bottom: 20px;} .feature-entry {display: flex; flex-wrap: wrap; justify-content: space-around; .entry-item{margin: 0 20px 50px 0; .ant-card-cover {padding-top:20px}}}}.viewport{position:relative;padding:5vh 0 10vh;box-sizing:border-box;width:100vw;height:100vh;background-color:#000;display:flex;overflow-x:hidden}.viewport .video-container{position:relative;width:100%;height:100%}.viewport .video-container.video-container-attech{display:flex;align-items:center}.viewport .video-container.video-container-in-sharing{width:264px;flex-shrink:0}.viewport .video-container.single-video-container{display:flex;align-items:center;justify-content:center}.viewport .video-container .single-video-wrap{width:100%;aspect-ratio:16/9;height:auto;position:relative;max-height:100%}.viewport .video-container .video-canvas{width:150%;height:100%;margin-left:10%}.viewport .video-container .self-video{position:absolute;width:254px;height:143px;top:50px;right:30px;z-index:2;display:none}.viewport .video-container .self-video.single-self-video{width:100%;height:100%;top:0;left:0}.viewport .video-container .self-video.self-video-show{display:block}.viewport .video-container .ant-radio-button-wrapper{z-index:1}.viewport .video-container .video-container-wrap{flex:1;height:100%}.viewport .video-container .user-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.viewport .video-container .user-list .video-cell{min-width:256px;aspect-ratio:16/9;position:relative;flex:1;margin:12px}.viewport .video-container .user-list .video-cell .change-video-resolution{position:absolute}.viewport .video-container .user-list .video-cell .video-player{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.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}.viewport .self-video-tag{display:none;position:absolute}.video-footer{display:flex;justify-content:center;align-items:center;height:10vh;width:100%}.vc-button{font-size:30px;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:min(30px,1vw);width:60px!important;height:60px!important}.vc-button>*{font-size:28px!important}.vc-button.active{color:#00cc64}.vc-dropdown-button{border-radius:20px;border:1px solid #fff;width:70px;display:flex;justify-content:center;margin-right:min(30px,1vw)}.vc-dropdown-button>.ant-btn{font-size:30px;color:#fff;display:flex;height:60px!important;align-items:center;border-width:0!important;padding:0;margin-right:5px}.vc-dropdown-button>.ant-dropdown-trigger{width:20px!important;margin-right:0;margin-left:3px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #7f56d9b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #7f56d900}to{transform:scale(1);box-shadow:0 0 #7f56d900}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.notification-button{animation:pulse 2s infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-button:hover{transform:scale(1.1);animation:none}.notifications-modal{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.notifications-modal.mobile{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}.notification-content{animation:fadeIn .4s ease-out;position:relative;overflow:hidden}.notification-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.notification-content:hover:before{left:100%}.notification-indicator{transition:all .2s ease;cursor:pointer}.notification-indicator:hover{transform:scale(1.2)}.notification-indicator.active{transform:scale(1.3);box-shadow:0 0 10px #7f56d980}.notification-nav-button{transition:all .2s ease;position:relative;overflow:hidden}.notification-nav-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(127,86,217,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.notification-nav-button:hover:before{width:100%;height:100%}.notification-success{border-left:4px solid #4caf50;background:linear-gradient(135deg,rgba(76,175,80,.05) 0%,rgba(76,175,80,.02) 100%)}.notification-error{border-left:4px solid #f44336;background:linear-gradient(135deg,rgba(244,67,54,.05) 0%,rgba(244,67,54,.02) 100%)}.notification-warning{border-left:4px solid #ff9800;background:linear-gradient(135deg,rgba(255,152,0,.05) 0%,rgba(255,152,0,.02) 100%)}.notification-info{border-left:4px solid #2196f3;background:linear-gradient(135deg,rgba(33,150,243,.05) 0%,rgba(33,150,243,.02) 100%)}.notification-unread{position:relative;background:linear-gradient(135deg,rgba(127,86,217,.08) 0%,rgba(127,86,217,.03) 100%);border:1px solid rgba(127,86,217,.2)}.notification-unread:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent #7f56d9 transparent transparent}.notification-badge{animation:pulse 1.5s infinite;font-weight:700;box-shadow:0 2px 8px #f443364d}@media (max-width: 600px){.notification-content{padding:16px;min-height:250px}.notification-nav-button{padding:8px 16px;font-size:14px}.notification-indicator{width:6px;height:6px}}.notifications-modal ::-webkit-scrollbar{width:6px}.notifications-modal ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notifications-modal ::-webkit-scrollbar-thumb{background:#7f56d9;border-radius:3px}.notifications-modal ::-webkit-scrollbar-thumb:hover{background:#6b46c1}.notification-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInNotification{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.new-notification{animation:slideInNotification .5s ease-out}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.notification-action-button{position:relative;overflow:hidden;transition:all .3s ease}.notification-action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.notification-action-button:hover:before{width:100%;height:100%}.notification-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.notification-loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #7f56d9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-empty{text-align:center;padding:40px 20px;color:#666}.notification-empty-icon{font-size:64px;color:#ccc;margin-bottom:16px;opacity:.5}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.notification-error-shake{animation:shake .5s ease-in-out}:root{font-family:Nunito Sans;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;font-family:Nunito Sans,sans-serif!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#666}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}