#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}@media (max-width: 600px){.Toastify__toast-body{display:flex;align-items:center;gap:10px}.Toastify__toast-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;display:inline-flex;align-items:center;justify-content:center}.Toastify__toast-icon svg{width:20px!important;height:20px!important}.Toastify__toast--error .Toastify__toast-icon{width:20px!important;height:20px!important}}: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}}