@import url("https://fonts.googleapis.com/css2?family=Helvetica:wght@200;300;400;500;600;700;800&display=swap");body *{font-family:Helvetica,sans-serif;line-height:1.5}body option{color:#000}body .output-code{padding:10px}body .output-code code{text-wrap:wrap}body .output-code p{margin-bottom:20px}body .output-code p:last-child{margin-bottom:0}.page-transition{transition:opacity .5s ease-in-out;opacity:1}.page-transition.loading{opacity:0}.grid-transition{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(-20px)}.grid-transition-enter{opacity:1;transform:translateY(0)}body .output-code li,body .output-code ul{list-style-position:inside}body .output-code li:last-child,body .output-code ul li:last-child{margin-bottom:20px}.video-overlay{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:.1}}.video-overlay{position:absolute;top:130px;left:570px;width:50%;height:50%;z-index:1;opacity:.05}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.avatar{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:visible;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.avatar.avatar-active{outline:transparent}.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:rgba(0,0,0,.6)}.avatar .corner-name 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;background:#0171eb;display:none}.avatar .more-button:hover{background:#2681f2}.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%}.avatar .avatar-volume:hover{opacity:.5}.avatar .avatar-volume label{transform:translateY(-10px);color:#ccc;font-size:12px;margin-right:5px}.avatar .avatar-volume .ant-slider{flex:1 1}.avatar .avatar-volume .ant-slider-mark-text{color:#ccc}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.join-by-phone-dialog .ant-form-item{margin-bottom:10px}.join-by-phone-dialog .phone-number{display:flex}.join-by-phone-dialog .phone-number .country-code{flex-basis:300px}.join-by-phone-dialog .phone-number .number{flex-grow:1}.join-by-phone-dialog .phone-call-status .status-text{margin-left:15px}.join-by-phone-dialog .phone-call-status .pending{color:#666}.join-by-phone-dialog .phone-call-status .fail{color:red}.join-by-phone-dialog .phone-call-status .success{color:green}form{width:100%}.react-calendar{border:none!important;background-color:transparent!important;font-family:Plus Jakarta Sans,sans-serif}.react-calendar__navigation__next2-button,.react-calendar__navigation__prev2-button{display:none}.react-calendar__navigation{align-items:center}abbr[title]{border-bottom:none;text-decoration:unset;-webkit-text-decoration:unset;text-decoration:unset!important}.react-calendar__navigation__next-button,.react-calendar__navigation__prev-button{background-color:#4318ff!important;border-radius:10px;min-width:34px!important;height:34px!important;color:#fff}.react-calendar__navigation__next-button{width:34px!important}.react-calendar__navigation__label{font-weight:700!important;font-size:18px}.react-calendar__navigation__label:focus,.react-calendar__navigation__label:hover{background-color:unset!important;border-radius:10px}.react-calendar__tile{font-size:12px;display:flex;align-items:center;justify-content:center;padding:0!important;height:34px!important;color:#1b2559}.react-calendar__month-view__weekdays{margin-bottom:6px}.react-calendar__month-view__weekdays,.react-calendar__tile--now,.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background-color:#f4f7fe;border-radius:10px}.react-calendar__month-view__days__day--neighboringMonth{color:#b0bbd5}.react-calendar__tile--active,.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#4318ff;border-radius:10px;color:#fff}.react-calendar__tile--range,.react-calendar__tile--range:enabled:focus,.react-calendar__tile--range:enabled:hover{background:#f4f7fe;color:#4318ff;border-radius:0}.react-calendar__tile--rangeStart,.react-calendar__tile--rangeStart:enabled:focus,.react-calendar__tile--rangeStart:enabled:hover{background:#4318ff;border-top-left-radius:10px;border-bottom-left-radius:10px;color:#fff}.react-calendar__tile--rangeEnd,.react-calendar__tile--rangeEnd:enabled:focus,.react-calendar__tile--rangeEnd:enabled:hover{background:#4318ff;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff}body.chakra-ui-dark .react-calendar{border-radius:30px}body.chakra-ui-dark .react-calendar__navigation__prev-button{background-color:#7551ff!important}body.chakra-ui-dark .react-calendar__navigation__next-button{background-color:#7551ff!important;color:#fff}body.chakra-ui-dark .react-calendar__tile{color:#fff}body.chakra-ui-dark .react-calendar__month-view__weekdays,body.chakra-ui-dark .react-calendar__tile--now,body.chakra-ui-dark .react-calendar__tile--now:enabled:focus,body.chakra-ui-dark .react-calendar__tile--now:enabled:hover,body.chakra-ui-dark .react-calendar__tile:enabled:focus,body.chakra-ui-dark .react-calendar__tile:enabled:hover{background-color:hsla(0,0%,100%,.1)}body.chakra-ui-dark .react-calendar__month-view__days__day--neighboringMonth{color:#b0bbd5}body.chakra-ui-dark .react-calendar__tile--active,body.chakra-ui-dark .react-calendar__tile--active:enabled:focus,body.chakra-ui-dark .react-calendar__tile--active:enabled:hover{background:#7551ff;color:#fff}body.chakra-ui-dark .react-calendar__tile--range,body.chakra-ui-dark .react-calendar__tile--range:enabled:focus,body.chakra-ui-dark .react-calendar__tile--range:enabled:hover{background:hsla(0,0%,100%,.1);color:#7551ff}body.chakra-ui-dark .react-calendar__tile--rangeEnd,body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:focus,body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:hover,body.chakra-ui-dark .react-calendar__tile--rangeStart,body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:focus,body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:hover{background:#7551ff;color:#fff}.pagination{position:absolute;top:50%;left:0;transform:translateY(-50%);height:100px;width:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.pagination .next-page-button,.pagination .previous-page-button{display:flex;justify-content:center;align-items:center;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;flex-direction:column;transform:none;height:100%;align-items:center}.next-page-button .anticon,.pagination.in-sharing .previous-page-button{transform:rotate(90deg)}body.chakra-ui-light .react-kanban-column{background-color:#fff;box-shadow:14px 17px 40px 4px rgba(112,144,176,.08);border-radius:30px}body.chakra-ui-dark .react-kanban-column{background-color:#111c44;border-radius:30px}.react-kanban-column{width:500px}.react-kanban-card-adder-form{width:100%;border-radius:15px}.react-kanban-card-adder-button{display:none;border-radius:15px}a.fc-daygrid-day-number{width:100%;text-align:center}div.fc-daygrid-event-harness{top:unset}.fc-daygrid-event-harness .fc-daygrid-event-harness-abs{top:0;bottom:unset}.fc-daygrid-block-event .fc-event-title{font-weight:500}.fc-daygrid-event{border-radius:10px!important;height:44px;display:flex!important;overflow:hidden;justify-content:center;align-items:center}.fc-daygrid-event .fc-event-main{margin-top:auto;margin-bottom:auto}body.chakra-ui-dark .fc-theme-standard td{border-color:#ffffff1a!important}.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-right:0!important}.fc-theme-standard .fc-scrollgrid{border:1px solid #e0e5f2!important;border-radius:10px}body.chakra-ui-dark .fc-theme-standard .fc-scrollgrid{border-color:#ffffff1a!important}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-mon{border-right:0;border-left:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-mon{border-right:0;border-left:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-tue{border-left:0;border-right:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-tue{border-left:0;border-right:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-wed{border-right:0;border-left:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-wed{border-right:0;border-left:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-thu{border-left:0;border-right:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-thu{border-left:0;border-right:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-fri{border-right:0;border-left:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-fri{border-right:0;border-left:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-sat{border-left:0;border-right:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-sat{border-left:0;border-right:0;border-color:#ffffff1a}body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-sun{border-left:0;border-right:0}body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-sun{border-left:0;border-right:0;border-color:#ffffff1a}body.chakra-ui-light .fc-scrollgrid.fc-scrollgrid-liquid>td{border:0}body.chakra-ui-dark .fc-scrollgrid.fc-scrollgrid-liquid>td{border:0;border-color:#ffffff1a}.fc .fc-scrollgrid-section>td{border:0}.remote-camera-control-panel{position:absolute;width:156px;height:120px;bottom:10vh;right:5vw;display:flex;flex-direction:column;align-items:center;background:#000;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(26,26,26,.8)}.remote-camera-control-panel .control-title{font-size:10px;color:hsla(0,0%,100%,.8);font-weight:700;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;flex-shrink:0;padding:5px 15px;cursor:move}.remote-camera-control-panel .control-wrap{display:flex;align-items:center;justify-content:space-around;width:100%}.remote-camera-control-panel .control-wrap .zoom-control{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:24px;height:68px;border-radius:6px;border:1px solid hsla(0,0%,100%,.12);padding:1px 0}.remote-camera-control-panel .control-wrap .zoom-control .ant-btn-icon-only{width:20px;height:32px;border:none;color:#747487;border-radius:5px}.remote-camera-control-panel .control-wrap .zoom-control .ant-btn-icon-only:hover{background:#ffffff17;color:#fff}.remote-camera-control-panel .control-wrap .zoom-control .ant-btn-icon-only:active{background:#ffffff2e;color:#fff}.remote-camera-control-panel .control-wrap .pan-control{width:72px;height:72px;position:relative}.remote-camera-control-panel .control-wrap .pan-control .pan-control-btn{width:24px;height:24px;border:1px solid hsla(0,0%,100%,.12);padding:1px;position:absolute}.remote-camera-control-panel .control-wrap .pan-control .turn-up{top:0;left:24px;border-radius:6px 6px 0 0;border-bottom:none}.remote-camera-control-panel .control-wrap .pan-control .turn-left{top:24px;left:0;border-radius:6px 0 0 6px;border-right:none}.remote-camera-control-panel .control-wrap .pan-control .center-button{top:24px;left:24px;border:none}.remote-camera-control-panel .control-wrap .pan-control .turn-right{top:24px;left:48px;border-radius:0 6px 6px 0;border-left:none}.remote-camera-control-panel .control-wrap .pan-control .turn-down{top:48px;left:24px;border-radius:0 0 6px 6px;border-top:none}.remote-camera-control-panel .control-wrap .pan-control .ant-btn-icon-only{width:20px;height:20px;border:none;color:#747487;border-radius:5px}.remote-camera-control-panel .control-wrap .pan-control .ant-btn-icon-only:hover{background:#ffffff17;color:#fff}.remote-camera-control-panel .control-wrap .pan-control .ant-btn-icon-only:active{background:#ffffff2e;color:#fff}.remote-control-dropdown{position:absolute;top:3vh;left:3vw;width:30px!important;height:30px!important;border:none;>*{font-size:18px!important;color:#439a97}}.info-button{position:absolute;top:5px;left:10px}.screen-share-control-bar{color:#fff;padding:10px 16px;display:flex;align-items:center;border-radius:14px;background-color:hsla(0,0%,39%,.6);top:2vh;max-width:80vw;position:fixed;left:30%;z-index:1}.screen-share-control-bar .ant-btn-icon-only{width:26px;height:26px;border:none;color:#fff;border-radius:5px}.screen-share-control-bar .ant-btn-icon-only:hover{background:#ffffff17}.screen-share-control-bar .ant-btn-icon-only:active{background:#ffffff2e}.screen-share-control-bar .share-bar-move{cursor:move}.screen-share-control-bar .share-bar-move:active,.screen-share-control-bar .share-bar-move:hover{background:none}.screen-share-control-bar .share-bar-tip{padding:0 30px}.screen-share-control-bar .share-bar-canvas{width:47px;height:28px;border-radius:5px;border:1px solid #23d959;margin-right:10px}.screen-share-control-bar .share-bar-btn{margin-right:10px}.screen-share-control-bar .share-bar-more{width:auto}.share-bar-hide{display:none}.share-indication-bar{height:26px;position:absolute;top:0;left:30%;display:flex;align-items:center}.share-indication-bar .share-indication-tip{padding:0 24px;max-width:480px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#23d959;color:#202123;cursor:ew-resize;display:flex;align-items:center;height:100%;border-bottom-left-radius:6px}.share-indication-bar .share-indication-tip .anticon{color:rgba(0,0,0,.6);margin-right:3px}.share-indication-bar .share-indication-tip .anticon path{fill:#000}.share-indication-bar .share-indication-tip.share-indication-in-control{background:#ffbf39}.share-indication-bar .share-bar-more{background:#000;height:100%;width:auto;border:none;color:#fff;font-weight:700}.share-dropdown-menu{min-width:254px;text-align:left;background:hsla(0,0%,7%,.8);max-height:500px;overflow:auto}.share-dropdown-menu .ant-dropdown-menu-item{padding:5px 30px;color:#ccc;position:relative}.share-dropdown-menu .ant-dropdown-menu-item .anticon-check{position:absolute;left:10px;top:10px}.share-dropdown-menu .ant-dropdown-menu-item:hover{color:#40a9ff}.share-dropdown-menu .ant-dropdown-menu-item-group-title{color:#fff;font-weight:700}.share-dropdown-menu .ant-dropdown-menu-item-active{background:none}.share-view{display:none}.share-view .share-view-in-sharing{display:flex;flex-grow:1;justify-content:center;align-items:center;overflow:hidden;border-right:1px solid #333}.share-view .share-view-original{display:block}.share-view .share-view-viewport{max-width:100%}.share-view .share-view-viewport.share-view-viewport-original{max-width:none;cursor:move}.share-view .share-view-viewport.share-view-viewport-in-control{cursor:default}.share-view .share-view-viewport .share-view-canvas{height:100%}.transcript-subtitle{position:fixed;top:90%;left:0;right:0;background:hsla(0,0%,100%,.2);display:none;justify-content:center;padding:10px 0;z-index:10;pointer-events:none}.transcript-subtitle.transcript-subtitle-show{display:flex}.transcript-subtitle-message{color:#fff;font-size:16px;width:50vw;flex-wrap:wrap}.transcript-subtitle-message,.video-footer{display:flex;justify-content:center;align-items:center}.video-footer{height:8vh;width:100%}.vc-button{font-size:10px;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:min(30px,1vw);width:50px!important;height:50px!important}.vc-button *{font-size:28px!important}.vc-button.active{color:#00cc64}.vc-dropdown-button{border-radius:20px;border:1px solid #fff;width:80px;display:flex;justify-content:center;margin-right:min(30px,1vw)}.vc-dropdown-button .ant-btn{font-size:30px;color:#fff;display:flex;height:50px!important;align-items:center;border-width:0!important;padding:0;margin-right:5px}.vc-dropdown-button .ant-btn:hover{color:#fff}.vc-dropdown-button .ant-btn[disabled]{background:transparent;color:#999}.vc-dropdown-button .ant-dropdown-trigger{width:20px!important;margin-right:5px;margin-left:0}.vc-dropdown-menu{border:1px solid #747487;background:rgba(0,0,0,.9)!important}.vc-dropdown-menu .ant-dropdown-menu-item{padding:10px 30px;color:#ccc;position:relative}.vc-dropdown-menu .ant-dropdown-menu-title-content{color:#fff;font-weight:700}.vc-dropdown-menu .ant-dropdown-menu-item .anticon-check{position:absolute;left:10px;top:15px}.vc-dropdown-menu .ant-dropdown-menu-item:hover{color:#fff}.vc-dropdown-menu .ant-dropdown-menu-item-group-title{color:#fff;font-weight:700}.video-mask-setting-dialog .video-preview{width:520px;height:292px;border-radius:6px;overflow:hidden;position:relative}.video-mask-setting-dialog .video-preview-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.video-mask-setting-dialog .video-clip{position:absolute;width:208px;height:208px;top:0;left:0}.video-mask-setting-dialog .video-clip:hover{border:1px solid #4477ce;cursor:move}.video-mask-setting-dialog .video-background-list{border:none;display:flex}.video-mask-setting-dialog .video-background-list .video-background-item{border-radius:4px;background-color:#333;color:#f5f5f5;font-size:14px;font-weight:700;margin-right:5px;padding:0;overflow:hidden}.video-mask-setting-dialog .video-background-list .video-background-item,.video-mask-setting-dialog .video-background-list .video-background-item .ant-menu-title-content{width:120px;height:68px;display:flex;justify-content:center;align-items:center}.video-mask-setting-dialog .video-background-list .video-background-item img{width:100%;max-height:100%}.video-mask-setting-dialog .video-background-list .video-background-item__active{border:1px solid #f86f03}.viewport{position:relative;box-sizing:border-box;width:100%;height:90%;display:flex;overflow:hidden;border-radius:30px}.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:100%;height:100%}.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 .video-container-wrap{flex:1 1}.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 1;margin:20px}.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;margin:20px 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}