@font-face{font-family:"product";font-weight:400;src:url(../../static/media/ProductSans-Regular.2765c696.ttf)}@font-face{font-family:"product";font-weight:700;src:url(../../static/media/Product-Bold.53df38d5.ttf)}@font-face{font-family:"product";font-weight:100;src:url(../../static/media/ProductSans-Thin.cc886c27.ttf)}@font-face{font-family:"product";font-weight:300;src:url(../../static/media/ProductSans-Light.1dde435c.ttf)}@font-face{font-family:"product";font-weight:500;src:url(../../static/media/ProductSans-Medium.50b60017.ttf)}@font-face{font-family:"circular";font-weight:700;src:url(../../static/media/circular-bold.632caba3.woff)}@font-face{font-family:"circular";font-weight:500;src:url(../../static/media/circular-medium.c68dd443.woff)}@font-face{font-family:"circular";font-weight:400;src:url(../../static/media/CircularStd-Book.90481370.otf)}@font-face{font-family:"circular";font-weight:100;src:url(../../static/media/CircularStd-Light.45b97fab.ttf)}@font-face{font-family:"DMSans";font-weight:500;src:url(../../static/media/DMSans-Medium.f4583469.ttf)}@font-face{font-family:"DMSans";font-weight:800;src:url(../../static/media/DMSans-Bold.da49214b.ttf)}@font-face{font-family:"DMSans";font-weight:400;font-style:italic;src:url(../../static/media/DMSans-Italic.63d6efd0.ttf)}.light{--theme-color:#a80000;--theme-page-background:#fff;--theme-page-text:#111}.dark{--theme-color:#0000a8;--login-button-bg:#fff;--theme-page-background:#111;--theme-page-text:#fff;--left-panel-background:#14141c;--login-input-box:#26262e;--center-panel-background:#212529;--right-panel-background:rgba(49,51,62,0.3215686274509804);--team-id-background:#607d8b;--svg-background:hsla(0,0%,96.1%,0.8);--svg-stroke:hsla(0,0%,96.1%,0.8);--title-color:#fff;--subtitle-color:hsla(0,0%,100%,0.6);--subtitle-color2:hsla(0,0%,100%,0.4);--chat-block-border-color:hsla(0,0%,100%,0.02);--teamheader-bg:#1c1c26;--team-id-color:#1c1c26;--left-panel-search-bg:#303238;--left-panel-search-icon:#b2b5ba;--left-panel-search-color:#b2b5ba;--add-button-color:hsla(0,0%,100%,0.4);--inactive-group-color:hsla(0,0%,100%,0.5);--online-dot-bg:#019183;--offline-dot-bg:rgba(105,105,111,0.3215686274509804);--active-header-center-bg:#2f3135;--top-bars-height:75px;--centerPanelSvg-bg:hsla(0,0%,100%,0.4);--quoted-border-bg:#509cc1;--quoted-bg:rgba(192,234,255,0.03137254901960784);--panel-header-right-bg:#1d1f2b;--user-name-hover-bg:#1c1d26;--user-name-active-bg:#272835;--central-panel-message-input:#dadada;--centerPanelSvg-hover:hsla(0,0%,100%,0.95);--svg-background-hover:hsla(0,0%,100%,0.95);--modal-background:#333b40;--modal-header:#2f3135;--modal-box-shadow:hsla(0,0%,96.1%,0.1);--emoji-trigger-active:#383a4b;--danger-color:#ed4245;--status-change:#2f3135}#strokeSvg{stroke:var(--svg-stroke)}.App{background:var(--theme-page-background);color:var(--theme-page-text)}.App,body,html{overflow-x:hidden!important}.circular{font-family:circular}.dm-sans{font-family:DMSans}.product{font-family:product}.notification__content{font-family:circular!important;padding:17px!important}.notification__title{margin-bottom:2px!important;font-weight:500!important}.notification__message{font-weight:lighter!important;font-family:circular!important;font-size:12px!important}.center-panel,.left-panel,.right-panel{overflow-y:auto;height:100%;overflow-x:hidden}.center-panel{background:var(--center-panel-background)}.right-panel{background:var(--right-panel-background)}.cursor{cursor:pointer!important}.react-grid-item>.react-resizable-handle:after{width:10px!important;height:10px!important;border-right:2px solid #607d8a!important;border-bottom:2px solid #607d8a!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sb-avatar__text{opacity:.8!important}.section-header{margin-bottom:-3px}.modal-main{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:600;width:650px;padding:75px}.modal-body-cont{border-radius:5px;box-shadow:0 0 0 4px hsla(0,0%,96.1%,.1);background:var(--modal-background)}.modal-header{text-align:left;border-radius:5px 5px 0 0;background:var(--modal-header)}.cross-icon{cursor:pointer;pointer-events:all!important;width:25px;height:25px;-moz-border-radius:20px;-webkit-border-radius:20px;background-size:11px 11px;background-position:50%;background-repeat:no-repeat}.cross-icon:hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.486)!important}.cross-icon:active{box-shadow:0 0 1px 5px hsla(0,0%,100%,.486)!important}.cross-icon-small{width:16px!important;height:16px!important;vertical-align:middle}.userlist-dropdown{background:#35393e!important;color:hsla(0,0%,100%,.6)!important;font-family:circular;font-weight:100;border-radius:5px;width:197px;max-height:170px;overflow:auto}.user-item-drop:hover{background:#393e44;box-shadow:0 0 0 2px #393e44!important;cursor:pointer;border-radius:2px}.user-item-drop:hover #user-item-drop-border{box-shadow:none!important}#user-item-drop-border{box-shadow:0 -1px 0 0 #393e44}.danger-color{color:var(--danger-color)!important}.selected-user-drop{background:#333b40;border-radius:4px}.create-btn{background:#384550!important;border-color:#9ba6af!important;font-weight:100!important}.totoro{-webkit-animation:mover 2s infinite alternate!important;animation:mover 2s infinite alternate!important}.m-t-2px{margin-top:2px}@-webkit-keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}h1,h2,h3,h4,h5,h6{color:inherit!important}.notification__item--info{background-color:#0b0b11!important;border-left:8px solid hsla(0,0%,85.9%,.7607843137254902)!important}.notification__item--danger{background-color:#6a252b!important;border-left:8px solid #ee8a93!important}.notification__item--success{background-color:#0a6820!important;border-left:8px solid #1f8337!important}.notification__timer{background-color:hsla(0,0%,100%,.1607843137254902)!important}.notification__close{background-color:rgba(220,222,241,.25882352941176473)!important;margin-top:5px!important;margin-right:4px!important}::-webkit-scrollbar{background-color:none;width:6px;height:6px}::-webkit-scrollbar-track{background-color:#1f2225}::-webkit-scrollbar-thumb{background-color:#191b1d;border-radius:105px}::-webkit-scrollbar-button{display:none}div,html{scrollbar-width:thin}.panel-settings .settings-list{font-size:15px}.panel-settings .rc-slider-rail{background:var(--active-header-center-bg)!important}.panel-settings .rc-slider-dot,.panel-settings .rc-slider-handle{border:2px solid var(--active-header-center-bg)!important;background-color:var(--center-panel-background)!important;cursor:pointer!important}.panel-settings .rc-slider-mark-text-active{color:var(---subtitle-color)}.panel-settings .close-button-border{border-color:hsla(0,0%,100%,.6)}.panel-settings .close-button-border:hover{border-color:#165996!important}.panel-settings .submit-btn{background-color:#308130}.panel-settings .submit-btn:hover{background-color:#bebebe}.panel-settings .link-btn{text-decoration:underline;font-size:12px}.member-profile{margin-top:-25px}.member-profile .snap{width:100%;height:130px;background-size:cover;background-position:50%;border-top-left-radius:7px;border-top-right-radius:7px}.member-profile .avatar-box{box-shadow:0 1px 0 10px #1c1c20;border-radius:100px;margin-top:-45px;margin-left:27px}.member-profile .user-status-box{margin-left:-20px;margin-top:5px}.member-profile .dm{border-color:#0a6820!important;background:#0a6820!important;font-weight:300!important;border-radius:3px!important;vertical-align:middle!important}#member-profile .user-status-box img,#member-profile .user-status-box svg{width:15px!important;height:15px!important;box-shadow:0 0 0 7px #1c1c20;background:#1c1c20;border-radius:100px}.invite_url_container{position:fixed;bottom:0;z-index:1;width:100%;justify-content:center;flex-direction:column;border-top-left-radius:5px;border-top-right-radius:5px}.invite_url,.invite_url_container{background:var(--left-panel-search-bg);display:flex}.invite_url{width:95%;box-sizing:border-box;flex-direction:row;border:1px solid var(--left-panel-search-color);padding:10px;border-radius:5px;justify-content:space-between;box-shadow:0 1px 2px rgba(0,0,0,.07);cursor:pointer;color:var(--left-panel-search-color);margin:auto}.team-header{background:var(--teamheader-bg);height:var(--top-bars-height)}.team-icon{width:30px;height:30px;background:var(--team-id-background);border-radius:100px}#fillSvg{fill:var(--svg-background)}#fillSvg:hover{fill:var(--svg-background-hover)}.left-panel{background:var(--left-panel-background)!important;color:var(--theme-page-text)!important;overflow:hidden}.left-panel-card{overflow-x:hidden}.team-id{color:var(--team-id-color)}.modal-body-cont input{color:var(--subtitle-color)}.search-box-left-panel,.search-left-panel{background:var(--left-panel-search-bg);border:none;color:var(--left-panel-search-color)}.search-box-left-panel input{color:var(--left-panel-search-color)}#search-icon-left-panel{fill:var(--left-panel-search-icon)}.left-panel ::-webkit-input-placeholder{color:var(--left-panel-search-icon)!important}.left-panel :-ms-input-placeholder{color:var(--left-panel-search-icon)!important}.left-panel ::placeholder{color:var(--left-panel-search-icon)!important}#chanel-plus-icon{fill:var(--add-button-color)}#chanel-plus-icon:hover{fill:var(--centerPanelSvg-hover);cursor:pointer}.channel-plus-icon-box{margin-top:-21px}.active-group{color:var(--theme-page-text);font-weight:400}.group{color:var(--inactive-group-color);font-weight:400}.sub-title2{color:var(--subtitle-color2)}.sub-title{color:var(--subtitle-color)}#onlineDot{fill:var(--online-dot-bg)}#offlineDot{fill:var(--offline-dot-bg)}.user-item{position:relative;z-index:1}.active-group:hover,.group:hover,.user-item:hover{background:var(--user-name-hover-bg);border-radius:3px!important}.active-group,.active-group:active,.group:active,.user-item.active-group,.user-item:active{box-shadow:0 0 0 1px var(--user-name-active-bg)!important;background:var(--user-name-active-bg)!important}.active-group,.user-item.active-group{border-radius:3px!important}.user-item:hover .buttons-overlay-users-left-panel{display:block}.buttons-overlay-users-left-panel{display:none;position:absolute;right:20px;top:3px}.user-hvr-icon-cont{pointer-events:all!important;width:25px;height:25px;-moz-border-radius:20px;-webkit-border-radius:20px;background-size:48%;background-position:50%;background-repeat:no-repeat;cursor:pointer}.user-hvr-icon-cont-video{background-size:56%!important}.user-hvr-icon-cont:hover{box-shadow:0 0 0 3px hsla(0,0%,100%,.486)!important}.user-hvr-icon-cont:active{box-shadow:0 0 1px 5px hsla(0,0%,100%,.486)!important}.truncate{width:100%}.truncate,.truncate-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-username{width:calc(100% - 1.48225rem - 30px)}.selected-room-bg{position:absolute;z-index:0;height:22px;left:0;margin-top:-32px}.selected-channel{margin-top:-32px!important;background:rgba(33,37,41,.17254901960784313)}.unread-count{font-weight:400;font-size:10px;position:absolute;margin-top:-4px;margin-left:-12px;height:14px;font-family:"DMSans";background:#fff;color:#000;vertical-align:middle;width:14px!important;text-align:center;line-height:13px;z-index:-1;border-radius:1px}.avatar-selector .sb-avatar__text{box-shadow:0 0 0 3px #14141c!important;opacity:1!important;z-index:444}.avatar-selector-no-bs .sb-avatar__text{box-shadow:none!important}.dm-rooms-container{height:calc(100vh - var(--top-bars-height));overflow:auto;position:relative;overflow-x:hidden;margin-right:-6px;overflow-y:auto}#status-change{background:var(--status-change);text-align:left;width:270px;opacity:1;padding:5px 10px;font-family:circular;font-weight:300;left:20px!important;top:77px!important;box-shadow:0 0 0 2px hsla(0,0%,63.9%,.10980392156862745);border-radius:5px;font-size:13px;transition:all .3s ease-in-out 0s,visibility 0s linear .1s}.status-option:hover{background:#1b1b23;border-radius:5px;cursor:pointer}#status-input,#status-input input{background:var(--left-panel-background)!important;transition:0s!important}.blink_div{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.usericons-leftpanel{background-color:#14141c;background-size:cover;background-position:50%;width:25px;height:25px;border-radius:100px}.profile-drop-btn{transition:0s}.illustration-bg,.login-box{height:100vh;width:100vw}.illustration-bg{padding-left:10%;background-position:100%;background-repeat:no-repeat;background-size:70% 70%}.login-right{text-align:left;display:table-cell;vertical-align:middle;height:100vh}.login-input{padding:15px 20px;border:none;border-radius:8px}.login-input,.login-input:focus{background-color:var(--login-input-box)!important;color:#fff;width:300px;display:flex}.login-input:focus{border-radius:8px}#login-input::-webkit-input-placeholder{color:var(--subtitle-color2)!important;opacity:1!important}#login-input:-ms-input-placeholder{color:var(--subtitle-color2)!important;opacity:1!important}#login-input::placeholder{color:var(--subtitle-color2)!important;opacity:1!important}.login-btn{background:var(--login-button-bg);color:var(--modal-header);border:none;border-radius:8px;padding:12px 30px;height:auto;vertical-align:middle;font-weight:500;font-size:18px}.forget-password,.send-message{display:inline-block;color:var(--subtitle-color2);text-decoration:underline;font-weight:100;font-size:14px}.max-width{max-width:90%!important}.max-width>.ant-form-item-control{max-width:85%}.team_input{display:block;background-color:#e8f0fe;color:#3c4142;border-radius:5px}.team_input,.team_input>.ant-form-item-control{max-width:100%}.input_dark_color.ant-form-item-has-error{border:1px solid #a61d24}.input_dark_color::-webkit-input-placeholder{color:rgba(0,0,0,.4)}.input_dark_color:-ms-input-placeholder{color:rgba(0,0,0,.4)}.input_dark_color::placeholder{color:rgba(0,0,0,.4)}.toast{background-color:rgba(20,30,48,.65);border:1px solid #424242;text-align:left;z-index:600;width:300px;list-style:none;height:auto;padding:10px 20px;font-family:"circular";font-weight:300;border-radius:2px;vertical-align:middle;margin-bottom:20px}.selected,.single_option--image{display:flex}.selected{position:relative;justify-content:center;align-items:center;grid-gap:.2rem;gap:.2rem;padding:.3rem;background-color:rgba(48,50,56,.7);border-radius:6px;transition:all .2s;cursor:pointer;overflow:hidden}.selected:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.remove{transition:all .2s;-webkit-transform:scale(0);transform:scale(0);position:absolute;top:0;right:4px;visibility:hidden}.selected:hover .remove{-webkit-transform:scale(1);transform:scale(1);visibility:visible}.selected{margin-right:.3rem}.name{font-size:.7rem;white-space:nowrap;max-width:40px;overflow:hidden;text-overflow:ellipsis}.selected_container{max-width:70%;display:flex;flex-wrap:wrap;grid-gap:.3rem;gap:.3rem}.input{width:100%;-webkit-filter:drop-shadow(.15rem .15rem .2rem rgba(0,0,0,.2));filter:drop-shadow(.15rem .15rem .2rem rgba(0,0,0,.2));background:#72767c;border-radius:6px;padding:.5rem .7rem;display:flex;align-items:flex-start;border:2px solid transparent;transition:all .2s}.input--hovering{border:2px solid #19191d;-webkit-filter:drop-shadow(.35rem .35rem .4rem rgba(0,0,0,.2));filter:drop-shadow(.35rem .35rem .4rem rgba(0,0,0,.2));cursor:text}.select_input_main{border:none;background:transparent;width:100%;margin:auto;min-width:30%;flex:1 1}.select_input_main:focus{outline:none}.select_input_main::-webkit-input-placeholder{color:#4e4f53}.select_input_main:-ms-input-placeholder{color:#4e4f53}.select_input_main::placeholder{color:#4e4f53}.remove_all{margin:auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.single_option{display:flex;padding:.3rem .5rem;border-radius:6px}.single_option:hover{background:#26282a}.single_option--txt{display:flex;text-align:left;cursor:pointer;line-height:1rem;font-size:.85rem;align-items:center}.select_input_container{background:#2f3135;padding:1rem;border-radius:6px;-webkit-filter:drop-shadow(.15rem .15rem .4rem rgba(0,0,0,.5));filter:drop-shadow(.15rem .15rem .4rem rgba(0,0,0,.5))}.options_container{margin-top:1rem;max-height:10rem;overflow:auto}.ant-dropdown-placement-bottomLeft{width:400px!important;min-width:400px!important}.custom-select-input{text-align:left;margin-top:.23257rem}.custom-select-input .ant-select-selector{padding:4px 11px;border-color:transparent!important;border-radius:6px!important;border:none}.custom-select-input .ant-select-selector .ant-select-selection-placeholder{text-align:left;left:15px}.all-members .member-bar{border-radius:4px}.all-members .member-bar:hover{background:#30353a;color:var(--title-color);opacity:1!important}.all-members .member-bar:hover #member-staus-bar img,.all-members .member-bar:hover #member-staus-bar svg{box-shadow:0 0 0 4px #30353a!important;background-color:#30353a!important}.all-members .member-bar .member-staus-bar img,.all-members .member-bar .member-staus-bar svg{width:9px!important;height:9px!important;box-shadow:0 0 0 4px #262a2e!important;background-color:#262a2e!important;border-radius:100px}#delete-button{padding:7px 26px;height:auto;vertical-align:middle;background:#ed4245;border-radius:3px;border-color:#ed4245}.active-header-center{background:var(--active-header-center-bg);height:var(--top-bars-height);z-index:200;width:"100%"}#centerPanelSvg{fill:var(--centerPanelSvg-bg)}#centerPanelSvg:hover{fill:var(--centerPanelSvg-hover);cursor:pointer}.three-dot-icon-box{margin-top:-12px}.settings-icon-box{margin-top:-13px}.center-panel ::-webkit-input-placeholder{color:var(--left-panel-search-icon)!important}.center-panel :-ms-input-placeholder{color:var(--left-panel-search-icon)!important}.center-panel ::placeholder{color:var(--left-panel-search-icon)!important}.chat-box{overflow:auto;height:calc(100% - var(--top-bars-height) - 55px);position:fixed;width:inherit;overflow-x:hidden!important}.members-list{background:#262a2e}.chat-block{font-weight:400;width:100%;border-radius:4px;white-space:pre-wrap}#border-top-chat-block{border-top:1px solid var(--chat-block-border-color)}.quoted-block{border-left:5px solid var(--quoted-border-bg);border-radius:2px;background-color:var(--quoted-bg)}.center-panel-card{position:relative;width:inherit;overflow-x:hidden!important}.input-center-panel{position:fixed;bottom:0;width:inherit;background:none}.input-center-panel .search-left-panel:focus{box-shadow:none!important;border:none!important;font-weight:100}#input-container{outline:none!important;box-shadow:none!important}.emoji-picker{position:absolute;z-index:500;bottom:50px;right:0}#emojiTrigger{fill:var(--emoji-trigger-active);fill:var(--left-panel-search-icon)}.emoji-mart-title-label{display:none}.emoji-mart-dark{border-color:#555453!important;background-color:#1c1c20!important}.emoji-mart-dark .emoji-mart-category-label span{background-color:#1c1c20!important;font-size:14px!important;font-weight:300!important}.emoji-mart-dark .emoji-mart-search input{border-color:#1c1c20!important;background-color:#212529!important}.chatbox-ice{vertical-align:middle;text-align:center;margin-top:80px}.chat-block.active-message,.chat-block:hover,.no-user-info.active-message .chat-block{box-shadow:-3px 1px 0 3px hsla(0,0%,100%,.03137254901960784)!important;background:hsla(0,0%,100%,.03137254901960784)!important}.no-user-info .chat-block{padding-right:1px}.chat-block,.user-info-top{padding-left:1px}#active-reply .chat-block{box-shadow:-3px 0 0 3px #2f3643!important;border-radius:2px;background:#2f3643!important}#active-reply .user-info-top{box-shadow:0 -2px 0 6px #2f3643!important;border-radius:2px;background:#2f3643!important}.user-info-top.active-message,.user-info-top:hover{box-shadow:0 0 0 6px hsla(0,0%,100%,.03137254901960784)!important;border-radius:2px;background:hsla(0,0%,100%,.03137254901960784)!important}.user-info-top{border-radius:.5px}.chat-block:hover .action-block-chat,.user-info-top:hover .action-block-chat{visibility:visible!important}.action-block-chat{visibility:hidden;height:0;width:0;position:relative}.copy-message-box{top:-13px;position:absolute;right:-55px;width:200px}#copy-message-icon{fill:var(--left-panel-search-icon)}#copy-message-icon:hover{fill:var(--subtitle-color);cursor:pointer}#copy-message-icon:active,#copy-message-icon:focus{fill:var(--theme-page-text);cursor:pointer}.copied-message-active{color:var(--subtitle-color2);background:#1c1c20!important;transition-property:opacity;transition-duration:.5s;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}.copied-message,.copied-message-active{font-weight:200;margin-bottom:7px;vertical-align:middle;padding:4px 9px;border-radius:2px;line-height:normal}.copied-message{opacity:0;color:var(--subtitle-color);background:#1c1c20}.emoji-trigger-box{margin-top:5px;display:block}.reply-tag{padding:6px 14px;background:#2f3643;font-family:"circular";font-weight:100;border-radius:4px 4px 0 0;font-size:16px}.close-reply:active,.close-reply:focus{box-shadow:0 0 1px 5px hsla(0,0%,100%,.486)!important}.file-input svg path:active,.file-input svg path:focus{fill:#fff;box-shadow:0 0 0 1px hsla(0,0%,100%,.486)}.file-input,.file-input svg{background:none!important;border:none!important}.file-input svg:active,.file-input svg:focus{box-shadow:0 0 0 4px hsla(0,0%,100%,.486)}.file-input svg{border-radius:100px}.close-reply:hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.486)}#file-input-overlay{background:rgba(2,2,2,.81);position:absolute;z-index:1000000;width:100vw;height:100vh;top:0;left:0}#file-preview{border-radius:7px}#upload-button{padding:7px 26px;height:auto;vertical-align:middle;background:#41558b;border-radius:3px;border-color:#41558b}.cancel-btn:hover{text-decoration:underline}.file-block{display:inline-block;background:#1c1c20;padding:10px 14px 10px 13px;border-radius:4px}.file-link{max-width:150px;display:table-cell;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-link:hover{text-decoration:underline}.ant-spin-dot-item{background:#fff}.action-buttons-chat{background:#1c1c20;padding:4px 8px 1px;border-radius:3px}.close-reply{background:#fff;border-radius:100px;width:16px;height:16px;margin-top:5px;margin-right:-4px}.panel-header-right{background:var(--panel-header-right-bg);height:var(--top-bars-height);width:"100%"}.chat-head-box{cursor:pointer;background-size:cover;background-position:50%;height:190px;width:100%;display:inline-block;position:relative;box-shadow:0 0 0 1px rgba(33,38,41,.07058823529411765)}.chat-head-name{position:absolute;bottom:0;font-family:circular;border-top-right-radius:2px;width:100%;color:var(--central-panel-message-input)}.grid-container{display:grid;overflow-x:hidden;width:100%;overflow-y:auto;max-height:calc(100% - var(--top-bars-height));position:fixed;padding-bottom:1px!important}.grid-container--fill{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.chat-head-box:hover .buttons-overlay,.chat-head-box:hover .hover-overlay,.hover-overlay-block{display:block!important}.hover-overlay-block{height:190px;width:100%;position:absolute;top:0;left:0;background-color:rgba(20,23,26,.788235294117647)!important}.chat-head-box:hover .chat-head-name{background:none!important}.hover-overlay{height:190px;top:0;left:0;background-color:rgba(33,38,41,.788235294117647)!important}.buttons-overlay,.hover-overlay{display:none;width:100%;position:absolute}.buttons-overlay{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.icon-cont{cursor:pointer;pointer-events:all!important;width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;background-size:50%;background-position:50%;background-repeat:no-repeat}.icon-cont-video{background-size:60%!important}.icon-cont:hover{box-shadow:0 0 0 3px hsla(0,0%,100%,.486)!important}.icon-cont:active{box-shadow:0 0 1px 5px hsla(0,0%,100%,.486)!important}.right-panel{overflow-x:hidden}.timer-container{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;width:60px;height:60px}#mediasoup-demo-app-container{height:100%;width:100%}#mediasoup-demo-app-container [data-component=Room]{position:relative;height:100%;width:100%;will-change:opacity}#mediasoup-demo-app-container [data-component=Room].Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#mediasoup-demo-app-container [data-component=Room].Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.3s;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}#mediasoup-demo-app-container [data-component=Room]>.state{position:fixed;z-index:100;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;border-radius:25px;background-color:#333b40}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.state{top:20px;left:20px;width:124px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.state{top:10px;left:10px;width:110px}}#mediasoup-demo-app-container [data-component=Room]>.state>.icon{-o-box-flex:1;box-flex:1;flex:0 0 auto;border-radius:100%}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.state>.icon{margin:6px 0 6px 6px;height:16px;width:16px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.state>.icon{margin:4px 0 4px 4px;height:16px;width:16px}}#mediasoup-demo-app-container [data-component=Room]>.state>.icon.closed,#mediasoup-demo-app-container [data-component=Room]>.state>.icon.new{background-color:hsla(0,0%,66.7%,.5)}#mediasoup-demo-app-container [data-component=Room]>.state>.icon.connecting{-webkit-animation:Room-info-state-connecting .75s linear infinite;animation:Room-info-state-connecting .75s linear infinite}#mediasoup-demo-app-container [data-component=Room]>.state>.icon.connected{background-color:rgba(48,189,24,.75)}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.state>.icon.connected{display:none}}#mediasoup-demo-app-container [data-component=Room]>.state>.text{-o-box-flex:100;box-flex:100;flex:100 0 auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;text-align:center;text-transform:uppercase;font-family:"DMSans";font-weight:400;color:hsla(0,0%,100%,.75)}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.state>.text{font-size:12px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.state>.text{font-size:10px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.state>.text.connected{display:none}}#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper{pointer-events:none;position:absolute;z-index:1;top:0;left:0;right:0;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:center;justify-content:center}#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper>.room-link{width:auto;background-color:rgba(36,59,85,.75);border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:0 3px 12px 2px rgba(17,17,17,.4)}#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper>.room-link>a.link{display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:"DMSans";font-weight:400;color:hsla(0,0%,100%,.75);cursor:pointer;text-decoration:none;transition-property:color;transition-duration:.1s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:10px 20px;font-size:12px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:6px 10px;font-size:10px}}#mediasoup-demo-app-container [data-component=Room]>.room-link-wrapper>.room-link>a.link:hover{color:#fff;text-decoration:underline}#mediasoup-demo-app-container [data-component=Room]>.me-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px rgba(17,17,17,.5);transition-property:border-color;transition-duration:.2s;border-radius:2px}#mediasoup-demo-app-container [data-component=Room]>.me-container.active-speaker{border-color:#fff}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.me-container{height:180px;width:294px;bottom:60px;left:20px;border:1px solid hsla(0,0%,100%,.15)}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.me-container{height:220px;width:200px;bottom:50px;left:10px;border:1px solid hsla(0,0%,100%,.25)}}#mediasoup-demo-app-container [data-component=Room]>.chat-input-container{position:fixed;z-index:100;overflow:hidden;box-shadow:0 5px 12px 2px rgba(17,17,17,.5)}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.chat-input-container{height:30px;width:294px;bottom:20px;left:20px;border:1px solid hsla(0,0%,100%,.15)}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.chat-input-container{height:30px;width:200px;bottom:10px;left:10px;border:1px solid hsla(0,0%,100%,.25)}}#mediasoup-demo-app-container [data-component=Room]>.sidebar{position:fixed;z-index:101;top:calc(50% - 60px);height:120px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.sidebar{left:20px;width:36px;margin-top:-60px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.sidebar{left:10px;width:32px;margin-top:-80px}}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button{-o-box-flex:1;box-flex:1;flex:0 0 auto;margin:4px 0;background-position:50%;background-size:75%;background-repeat:no-repeat;background-color:#333b40;cursor:pointer;transition-property:opacity,background-color;transition-duration:.2s;border-radius:100%}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button{height:40px;width:40px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button{height:40px;width:40px}}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.on{background-color:hsla(0,0%,100%,.7)}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.disabled{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);transition-duration:0s}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.hide-videos{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii42NSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xNyAxMC41VjdjMC0uNTUtLjQ1LTEtMS0xSDRjLS41NSAwLTEgLjQ1LTEgMXYxMGMwIC41NS40NSAxIDEgMWgxMmMuNTUgMCAxLS40NSAxLTF2LTMuNWw0IDR2LTExbC00IDR6Ii8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.hide-videos.on{background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSA2LjVsLTQgNFY3YzAtLjU1LS40NS0xLTEtMUg5LjgyTDIxIDE3LjE4VjYuNXpNMy4yNyAyTDIgMy4yNyA0LjczIDZINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy4yMSAwIC4zOS0uMDguNTQtLjE4TDE5LjczIDIxIDIxIDE5LjczIDMuMjcgMnoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.mute-audio{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii42NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxwYXRoIGQ9Ik0zIDl2Nmg0bDUgNVY0TDcgOUgzem0xMy41IDNBNC41IDQuNSAwIDAwMTQgNy45N3Y4LjA1YzEuNDgtLjczIDIuNS0yLjI1IDIuNS00LjAyek0xNCAzLjIzdjIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxcy0yLjExIDUuODUtNSA2LjcxdjIuMDZjNC4wMS0uOTEgNy00LjQ5IDctOC43N3MtMi45OS03Ljg2LTctOC43N3oiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.mute-audio.on{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE2LjUgMTJBNC41IDQuNSAwIDAwMTQgNy45N3YyLjIxbDIuNDUgMi40NWMuMDMtLjIuMDUtLjQxLjA1LS42M3ptMi41IDBjMCAuOTQtLjIgMS44Mi0uNTQgMi42NGwxLjUxIDEuNTFBOC43OTYgOC43OTYgMCAwMDIxIDEyYzAtNC4yOC0yLjk5LTcuODYtNy04Ljc3djIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxek00LjI3IDNMMyA0LjI3IDcuNzMgOUgzdjZoNGw1IDV2LTYuNzNsNC4yNSA0LjI1Yy0uNjcuNTItMS40Mi45My0yLjI1IDEuMTh2Mi4wNmE4Ljk5IDguOTkgMCAwMDMuNjktMS44MUwxOS43MyAyMSAyMSAxOS43M2wtOS05TDQuMjcgM3pNMTIgNEw5LjkxIDYuMDkgMTIgOC4xOFY0eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.restart-ice{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii42NSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMSA5bDIgMmM0Ljk3LTQuOTcgMTMuMDMtNC45NyAxOCAwbDItMkMxNi45MyAyLjkzIDcuMDggMi45MyAxIDl6bTggOGwzIDMgMy0zYTQuMjM3IDQuMjM3IDAgMDAtNiAwem0tNC00bDIgMmE3LjA3NCA3LjA3NCAwIDAxMTAgMGwyLTJDMTUuMTQgOS4xNCA4Ljg3IDkuMTQgNSAxM3oiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.pointer-sharing{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjOTk5IiBkPSJNMzQzLjg2OCA1MjIuMjcybDMuNTc2LTMyMi4yNTRMNTk0LjM3IDQwNy4xMTNsLTE0OC4yNDEgNy41Njl6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTYwMy4wNSAzOTYuNzY1TDM1Ni4xMjMgMTg5LjY2OWExMy41MDUgMTMuNTA1IDAgMDAtMjIuMTgzIDEwLjE5OGwtLjMzNSAzMC4xNjljLTcuMzA1LTMuMzEzLTEzLjM3NC05LjE2My0xNi44MTYtMTYuNjcyLTMuNzU4LTguMTk5LTQuMDk3LTE3LjM2OS0uOTU3LTI1LjgyMyAzLjE0LTguNDU0IDkuMzg1LTE1LjE3OCAxNy41ODMtMTguOTM1IDguMTk4LTMuNzU4IDE3LjM2Ni00LjA5OSAyNS44MjMtLjk1OCA4LjQ1NCAzLjE0IDE1LjE3OCA5LjM4NSAxOC45MzUgMTcuNTgyIDMuMTA3IDYuNzgxIDExLjEyIDkuNzU5IDE3LjkwNCA2LjY1IDYuNzgtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0LTYuNzYzLTE0Ljc1Ny0xOC44Ny0yNS45OTctMzQuMDg1LTMxLjY0OS0xNS4yMi01LjY1My0zMS43MjYtNS4wNC00Ni40ODEgMS43MjMtMTQuNzU3IDYuNzYzLTI1Ljk5NyAxOC44NjktMzEuNjUgMzQuMDg1LTUuNjUxIDE1LjIxNy01LjA0IDMxLjcyNCAxLjcyNCA0Ni40ODEgNy44MjYgMTcuMDc0IDIzLjE4OCAyOS40MDcgNDEuMDU2IDMzLjc0NWwtLjIyOCAyMC42MDljLTI1Ljc1LTQuNzI5LTQ4LjE3NS0yMS43NjUtNTkuMjQyLTQ1LjkxMy0xOC42MTctNDAuNjE4LS43MTctODguODA2IDM5Ljg5OS0xMDcuNDIyIDQwLjYxOS0xOC42MTcgODguODA2LS43MTcgMTA3LjQyMyAzOS45IDMuMTA3IDYuNzgxIDExLjEyMyA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4LTMuMTA3IDkuNzU3LTExLjEyNCA2LjY1LTE3LjkwNC0yNC44MjItNTQuMTU2LTg5LjA3NS03OC4wMjItMTQzLjIzMS01My4yMDFzLTc4LjAyMSA4OS4wNzUtNTMuMiAxNDMuMjMxYzE1LjQwNiAzMy42MTIgNDcuMjk3IDU2Ljg5IDgzLjQ5MyA2MS45NTRsLS4yMjQgMjAuNDA2Yy00NC4wMzMtNS4yNzUtODMuMDMzLTMzLjIyOC0xMDEuNjgyLTczLjkxOC0xNC4yNTMtMzEuMDk4LTE1LjUyNC02NS45MzktMy41NzYtOTguMTA0czM1LjY1My01Ny43MyA2Ni43NS03MS45ODFjNjQuMzEzLTI5LjQ3NSAxNDAuNjEyLTEuMTM0IDE3MC4wODYgNjMuMTc1IDMuMTA3IDYuNzgxIDExLjEyIDkuNzU5IDE3LjkwNCA2LjY1IDYuNzgtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0QzQ1Mi45ODQgNTYuNzQgMzYwLjYyIDIyLjQzOSAyODIuNzcgNTguMTEzYy0zNy42NTcgMTcuMjU5LTY2LjM1OCA0OC4yMDMtODAuODE4IDg3LjEzMS0xNC40NiAzOC45MjktMTIuOTE3IDgxLjEwNyA0LjM0MiAxMTguNzYzIDIyLjk4NCA1MC4xNDUgNzEuNDgyIDg0LjI5MSAxMjUuOTM1IDg5Ljc4MWwtMS44NjggMTY4LjMzNGExMy41MDggMTMuNTA4IDAgMDAxMy41IDEzLjY1NWMzLjYzIDAgNy4xOTItMS40NjQgOS43OTItNC4yMDFsNjcuODUtNzEuMzg2IDQwLjQyOCA4Ny45NDJjMi4yNzYgNC45NTEgNy4xNjYgNy44NjggMTIuMjc5IDcuODY4IDEuODg3IDAgMy44MDYtLjM5NyA1LjYzMi0xLjIzOGw1MC42NTMtMjMuMjg3YzYuNzc3LTMuMTE2IDkuNzQ1LTExLjEzNSA2LjYzLTE3LjkxMmwtMjYuMzU0LTU3LjMyN2MtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ3LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmwyMC43MTMgNDUuMDU3LTI2LjExMiAxMi4wMDUtMzkuMjkxLTg1LjQ2OSAxMC42NTktMTEuMjE1IDE0Mi44NTctNy4yOTVhMTMuNTA1IDEzLjUwNSAwIDAwMTIuMTE3LTkuMTk2IDEzLjUgMTMuNSAwIDAwLTQuMTIyLTE0LjY0em0tMTQ4LjQ3MiAzLjk2NGwtNDAuOTEzLTg4Ljk5NmMtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ1LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmw0MC45MTMgODguOTk4LTcyLjI4NCA3Ni4wNDkgMS42MjktMTQ2LjgxMXYtLjAwMmwuNTI0LTQ3LjI1NXYtLjAwOC0uMDA5bC41MjQtNDcuMjM1di0uMDA1LS4wMDVsLjItMTguMDI0IDE5OC43MyAxNjYuNjcyLTEwNC43ODEgNS4zNDl6Ii8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Room]>.sidebar>.button.pointer-sharing.on{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTk5IDUxMS45OTkiPjxwYXRoIGZpbGw9IiNjZWU4ZmEiIGQ9Ik0xOTkuODY3IDQ3OC4yNzJsMy41NzYtMzIyLjI1NCAyNDYuOTI2IDIwNy4wOTUtMTQ4LjI0MSA3LjU2OXoiLz48cGF0aCBkPSJNNDU5LjA0OSAzNTIuNzY1TDIxMi4xMjIgMTQ1LjY2OWExMy41MDUgMTMuNTA1IDAgMDAtMjIuMTgzIDEwLjE5OGwtLjMzNSAzMC4xNjljLTcuMzA1LTMuMzEzLTEzLjM3NC05LjE2My0xNi44MTYtMTYuNjcyLTMuNzU4LTguMTk5LTQuMDk3LTE3LjM2OS0uOTU3LTI1LjgyMyAzLjE0LTguNDU0IDkuMzg1LTE1LjE3OCAxNy41ODMtMTguOTM1IDguMTk4LTMuNzU4IDE3LjM2Ni00LjA5OSAyNS44MjMtLjk1OCA4LjQ1NCAzLjE0IDE1LjE3OCA5LjM4NSAxOC45MzUgMTcuNTgyIDMuMTA3IDYuNzgxIDExLjEyMSA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4MS0zLjEwNyA5Ljc1Ny0xMS4xMjQgNi42NS0xNy45MDQtNi43NjMtMTQuNzU3LTE4Ljg2OS0yNS45OTctMzQuMDg1LTMxLjY0OS0xNS4yMTktNS42NTMtMzEuNzI2LTUuMDQtNDYuNDgxIDEuNzIzLTE0Ljc1NyA2Ljc2My0yNS45OTcgMTguODY5LTMxLjY0OSAzNC4wODUtNS42NTIgMTUuMjE3LTUuMDQgMzEuNzI0IDEuNzIzIDQ2LjQ4MSA3LjgyNiAxNy4wNzQgMjMuMTg4IDI5LjQwNyA0MS4wNTYgMzMuNzQ1bC0uMjI4IDIwLjYwOWMtMjUuNzQ5LTQuNzI5LTQ4LjE3NS0yMS43NjUtNTkuMjQyLTQ1LjkxMy0xOC42MTctNDAuNjE4LS43MTctODguODA2IDM5Ljg5OS0xMDcuNDIyIDQwLjYxOS0xOC42MTcgODguODA2LS43MTcgMTA3LjQyMyAzOS45IDMuMTA3IDYuNzgxIDExLjEyMyA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4MS0zLjEwNyA5Ljc1Ny0xMS4xMjQgNi42NS0xNy45MDQtMjQuODIyLTU0LjE1Ni04OS4wNzUtNzguMDIyLTE0My4yMzEtNTMuMjAxcy03OC4wMjEgODkuMDc1LTUzLjIgMTQzLjIzMWMxNS40MDYgMzMuNjEyIDQ3LjI5NyA1Ni44OSA4My40OTMgNjEuOTU0bC0uMjI0IDIwLjQwNmMtNDQuMDMzLTUuMjc1LTgzLjAzMy0zMy4yMjgtMTAxLjY4Mi03My45MTgtMTQuMjUzLTMxLjA5OC0xNS41MjQtNjUuOTM5LTMuNTc2LTk4LjEwNHMzNS42NTMtNTcuNzMgNjYuNzUxLTcxLjk4MWM2NC4zMTItMjkuNDc1IDE0MC42MTEtMS4xMzQgMTcwLjA4NSA2My4xNzUgMy4xMDcgNi43ODEgMTEuMTIgOS43NTkgMTcuOTA0IDYuNjUgNi43ODEtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0LTM1LjY4My03Ny44NDktMTI4LjA0Ny0xMTIuMTUtMjA1Ljg5Ny03Ni40NzYtMzcuNjU3IDE3LjI1OS02Ni4zNTggNDguMjAzLTgwLjgxOCA4Ny4xMzEtMTQuNDYgMzguOTI5LTEyLjkxNyA4MS4xMDcgNC4zNDIgMTE4Ljc2MyAyMi45ODQgNTAuMTQ1IDcxLjQ4MiA4NC4yOTEgMTI1LjkzNSA4OS43ODFsLTEuODY4IDE2OC4zMzRhMTMuNTA4IDEzLjUwOCAwIDAwMTMuNTAxIDEzLjY1NWMzLjYzIDAgNy4xOTEtMS40NjQgOS43OTEtNC4yMDFsNjcuODUtNzEuMzg2IDQwLjQyOCA4Ny45NDJjMi4yNzYgNC45NTEgNy4xNjYgNy44NjggMTIuMjc5IDcuODY4IDEuODg3IDAgMy44MDYtLjM5NyA1LjYzMi0xLjIzOGw1MC42NTMtMjMuMjg3YzYuNzc3LTMuMTE2IDkuNzQ1LTExLjEzNSA2LjYzLTE3LjkxMmwtMjYuMzU0LTU3LjMyN2MtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ3LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmwyMC43MTMgNDUuMDU3LTI2LjExMiAxMi4wMDUtMzkuMjkxLTg1LjQ2OSAxMC42NTktMTEuMjE1IDE0Mi44NTctNy4yOTVhMTMuNTA1IDEzLjUwNSAwIDAwMTIuMTE3LTkuMTk2IDEzLjUgMTMuNSAwIDAwLTQuMTIyLTE0LjY0em0tMTQ4LjQ3MiAzLjk2NGwtNDAuOTEzLTg4Ljk5NmMtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ1LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmw0MC45MTMgODguOTk4LTcyLjI4NCA3Ni4wNDkgMS42MjktMTQ2LjgxMXYtLjAwMmwuNTI0LTQ3LjI1NXYtLjAwOC0uMDA5bC41MjQtNDcuMjM1di0uMDA1LS4wMDVsLjItMTguMDI0TDQxNS4zNTkgMzUxLjM4bC0xMDQuNzgyIDUuMzQ5eiIgZmlsbD0iIzJkNTI3YyIvPjwvc3ZnPg==")}@-webkit-keyframes Room-info-state-connecting{50%{background-color:rgba(255,165,0,.75)}}@keyframes Room-info-state-connecting{50%{background-color:rgba(255,165,0,.75)}}#mediasoup-demo-app-container [data-component=Me]{position:relative;height:100%;width:100%}#mediasoup-demo-app-container [data-component=Me]>.controls{position:absolute;z-index:10;top:0;left:0;right:0;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:end;justify-content:flex-end;-o-box-align:center;align-items:center;pointer-events:none}#mediasoup-demo-app-container [data-component=Me]>.controls>.button{-o-box-flex:1;box-flex:1;flex:0 0 auto;margin:4px 4px 4px 0;border-radius:2px;pointer-events:auto;background-position:50%;background-size:75%;background-repeat:no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Me]>.controls>.button{width:28px;height:28px;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}#mediasoup-demo-app-container [data-component=Me]>.controls>.button:hover{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Me]>.controls>.button{width:26px;height:26px}}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.unsupported{pointer-events:none}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.disabled{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.on{background-color:hsla(0,0%,100%,.85)}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.mic.on{background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTRjMS42NiAwIDIuOTktMS4zNCAyLjk5LTNMMTUgNWMwLTEuNjYtMS4zNC0zLTMtM1M5IDMuMzQgOSA1djZjMCAxLjY2IDEuMzQgMyAzIDN6bTUuMy0zYzAgMy0yLjU0IDUuMS01LjMgNS4xUzYuNyAxNCA2LjcgMTFINWMwIDMuNDEgMi43MiA2LjIzIDYgNi43MlYyMWgydi0zLjI4YzMuMjgtLjQ4IDYtMy4zIDYtNi43MmgtMS43eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.mic.off{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii44NSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyNHYyNEgwem0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgMTFoLTEuN2MwIC43NC0uMTYgMS40My0uNDMgMi4wNWwxLjIzIDEuMjNjLjU2LS45OC45LTIuMDkuOS0zLjI4em0tNC4wMi4xN2MwLS4wNi4wMi0uMTEuMDItLjE3VjVjMC0xLjY2LTEuMzQtMy0zLTNTOSAzLjM0IDkgNXYuMThsNS45OCA1Ljk5ek00LjI3IDNMMyA0LjI3bDYuMDEgNi4wMVYxMWMwIDEuNjYgMS4zMyAzIDIuOTkgMyAuMjIgMCAuNDQtLjAzLjY1LS4wOGwxLjY2IDEuNjZjLS43MS4zMy0xLjUuNTItMi4zMS41Mi0yLjc2IDAtNS4zLTIuMS01LjMtNS4xSDVjMCAzLjQxIDIuNzIgNi4yMyA2IDYuNzJWMjFoMnYtMy4yOGMuOTEtLjEzIDEuNzctLjQ1IDIuNTQtLjlMMTkuNzMgMjEgMjEgMTkuNzMgNC4yNyAzeiIvPjwvc3ZnPg==");background-color:rgba(212,34,65,.7)}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.mic.unsupported{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOSAxMWgtMS43YzAgLjc0LS4xNiAxLjQzLS40MyAyLjA1bDEuMjMgMS4yM2MuNTYtLjk4LjktMi4wOS45LTMuMjh6bS00LjAyLjE3YzAtLjA2LjAyLS4xMS4wMi0uMTdWNWMwLTEuNjYtMS4zNC0zLTMtM1M5IDMuMzQgOSA1di4xOGw1Ljk4IDUuOTl6TTQuMjcgM0wzIDQuMjdsNi4wMSA2LjAxVjExYzAgMS42NiAxLjMzIDMgMi45OSAzIC4yMiAwIC40NC0uMDMuNjUtLjA4bDEuNjYgMS42NmMtLjcxLjMzLTEuNS41Mi0yLjMxLjUyLTIuNzYgMC01LjMtMi4xLTUuMy01LjFINWMwIDMuNDEgMi43MiA2LjIzIDYgNi43MlYyMWgydi0zLjI4Yy45MS0uMTMgMS43Ny0uNDUgMi41NC0uOUwxOS43MyAyMSAyMSAxOS43MyA0LjI3IDN6Ii8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.webcam.on{background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE3IDEwLjVWN2MwLS41NS0uNDUtMS0xLTFINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy41NSAwIDEtLjQ1IDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.webcam.off{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE3IDEwLjVWN2MwLS41NS0uNDUtMS0xLTFINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy41NSAwIDEtLjQ1IDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.webcam.unsupported{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSA2LjVsLTQgNFY3YzAtLjU1LS40NS0xLTEtMUg5LjgyTDIxIDE3LjE4VjYuNXpNMy4yNyAyTDIgMy4yNyA0LjczIDZINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy4yMSAwIC4zOS0uMDguNTQtLjE4TDE5LjczIDIxIDIxIDE5LjczIDMuMjcgMnoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.change-webcam.on{background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkgOGwtNCA0aDNjMCAzLjMxLTIuNjkgNi02IDZhNS44NyA1Ljg3IDAgMDEtMi44LS43bC0xLjQ2IDEuNDZBNy45MyA3LjkzIDAgMDAxMiAyMGM0LjQyIDAgOC0zLjU4IDgtOGgzbC00LTR6TTYgMTJjMC0zLjMxIDIuNjktNiA2LTYgMS4wMSAwIDEuOTcuMjUgMi44LjdsMS40Ni0xLjQ2QTcuOTMgNy45MyAwIDAwMTIgNGMtNC40MiAwLTggMy41OC04IDhIMWw0IDQgNC00SDZ6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.change-webcam.unsupported{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkgOGwtNCA0aDNjMCAzLjMxLTIuNjkgNi02IDZhNS44NyA1Ljg3IDAgMDEtMi44LS43bC0xLjQ2IDEuNDZBNy45MyA3LjkzIDAgMDAxMiAyMGM0LjQyIDAgOC0zLjU4IDgtOGgzbC00LTR6TTYgMTJjMC0zLjMxIDIuNjktNiA2LTYgMS4wMSAwIDEuOTcuMjUgMi44LjdsMS40Ni0xLjQ2QTcuOTMgNy45MyAwIDAwMTIgNGMtNC40MiAwLTggMy41OC04IDhIMWw0IDQgNC00SDZ6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.share.on{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTIxIDNIM2MtMS4xMSAwLTIgLjg5LTIgMnYxNGMwIDEuMTEuODkgMiAyIDJoMThjMS4xMSAwIDItLjg5IDItMlY1YzAtMS4xMS0uODktMi0yLTJ6bTAgMTYuMDJIM1Y0Ljk4aDE4djE0LjA0ek0xMCAxMkg4bDQtNCA0IDRoLTJ2NGgtNHYtNHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.share.off,#mediasoup-demo-app-container [data-component=Me]>.controls>.button.share.unsupported{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTIxIDNIM2MtMS4xMSAwLTIgLjg5LTIgMnYxNGMwIDEuMTEuODkgMiAyIDJoMThjMS4xMSAwIDItLjg5IDItMlY1YzAtMS4xMS0uODktMi0yLTJ6bTAgMTYuMDJIM1Y0Ljk4aDE4djE0LjA0ek0xMCAxMkg4bDQtNCA0IDRoLTJ2NGgtNHYtNHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Me]>.controls>.button.pointer-sharing{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjYwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjOTk5IiBkPSJNMzQzLjg2OCA1MjIuMjcybDMuNTc2LTMyMi4yNTRMNTk0LjM3IDQwNy4xMTNsLTE0OC4yNDEgNy41Njl6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTYwMy4wNSAzOTYuNzY1TDM1Ni4xMjMgMTg5LjY2OWExMy41MDUgMTMuNTA1IDAgMDAtMjIuMTgzIDEwLjE5OGwtLjMzNSAzMC4xNjljLTcuMzA1LTMuMzEzLTEzLjM3NC05LjE2My0xNi44MTYtMTYuNjcyLTMuNzU4LTguMTk5LTQuMDk3LTE3LjM2OS0uOTU3LTI1LjgyMyAzLjE0LTguNDU0IDkuMzg1LTE1LjE3OCAxNy41ODMtMTguOTM1IDguMTk4LTMuNzU4IDE3LjM2Ni00LjA5OSAyNS44MjMtLjk1OCA4LjQ1NCAzLjE0IDE1LjE3OCA5LjM4NSAxOC45MzUgMTcuNTgyIDMuMTA3IDYuNzgxIDExLjEyIDkuNzU5IDE3LjkwNCA2LjY1IDYuNzgtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0LTYuNzYzLTE0Ljc1Ny0xOC44Ny0yNS45OTctMzQuMDg1LTMxLjY0OS0xNS4yMi01LjY1My0zMS43MjYtNS4wNC00Ni40ODEgMS43MjMtMTQuNzU3IDYuNzYzLTI1Ljk5NyAxOC44NjktMzEuNjUgMzQuMDg1LTUuNjUxIDE1LjIxNy01LjA0IDMxLjcyNCAxLjcyNCA0Ni40ODEgNy44MjYgMTcuMDc0IDIzLjE4OCAyOS40MDcgNDEuMDU2IDMzLjc0NWwtLjIyOCAyMC42MDljLTI1Ljc1LTQuNzI5LTQ4LjE3NS0yMS43NjUtNTkuMjQyLTQ1LjkxMy0xOC42MTctNDAuNjE4LS43MTctODguODA2IDM5Ljg5OS0xMDcuNDIyIDQwLjYxOS0xOC42MTcgODguODA2LS43MTcgMTA3LjQyMyAzOS45IDMuMTA3IDYuNzgxIDExLjEyMyA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4LTMuMTA3IDkuNzU3LTExLjEyNCA2LjY1LTE3LjkwNC0yNC44MjItNTQuMTU2LTg5LjA3NS03OC4wMjItMTQzLjIzMS01My4yMDFzLTc4LjAyMSA4OS4wNzUtNTMuMiAxNDMuMjMxYzE1LjQwNiAzMy42MTIgNDcuMjk3IDU2Ljg5IDgzLjQ5MyA2MS45NTRsLS4yMjQgMjAuNDA2Yy00NC4wMzMtNS4yNzUtODMuMDMzLTMzLjIyOC0xMDEuNjgyLTczLjkxOC0xNC4yNTMtMzEuMDk4LTE1LjUyNC02NS45MzktMy41NzYtOTguMTA0czM1LjY1My01Ny43MyA2Ni43NS03MS45ODFjNjQuMzEzLTI5LjQ3NSAxNDAuNjEyLTEuMTM0IDE3MC4wODYgNjMuMTc1IDMuMTA3IDYuNzgxIDExLjEyIDkuNzU5IDE3LjkwNCA2LjY1IDYuNzgtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0QzQ1Mi45ODQgNTYuNzQgMzYwLjYyIDIyLjQzOSAyODIuNzcgNTguMTEzYy0zNy42NTcgMTcuMjU5LTY2LjM1OCA0OC4yMDMtODAuODE4IDg3LjEzMS0xNC40NiAzOC45MjktMTIuOTE3IDgxLjEwNyA0LjM0MiAxMTguNzYzIDIyLjk4NCA1MC4xNDUgNzEuNDgyIDg0LjI5MSAxMjUuOTM1IDg5Ljc4MWwtMS44NjggMTY4LjMzNGExMy41MDggMTMuNTA4IDAgMDAxMy41IDEzLjY1NWMzLjYzIDAgNy4xOTItMS40NjQgOS43OTItNC4yMDFsNjcuODUtNzEuMzg2IDQwLjQyOCA4Ny45NDJjMi4yNzYgNC45NTEgNy4xNjYgNy44NjggMTIuMjc5IDcuODY4IDEuODg3IDAgMy44MDYtLjM5NyA1LjYzMi0xLjIzOGw1MC42NTMtMjMuMjg3YzYuNzc3LTMuMTE2IDkuNzQ1LTExLjEzNSA2LjYzLTE3LjkxMmwtMjYuMzU0LTU3LjMyN2MtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ3LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmwyMC43MTMgNDUuMDU3LTI2LjExMiAxMi4wMDUtMzkuMjkxLTg1LjQ2OSAxMC42NTktMTEuMjE1IDE0Mi44NTctNy4yOTVhMTMuNTA1IDEzLjUwNSAwIDAwMTIuMTE3LTkuMTk2IDEzLjUgMTMuNSAwIDAwLTQuMTIyLTE0LjY0em0tMTQ4LjQ3MiAzLjk2NGwtNDAuOTEzLTg4Ljk5NmMtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ1LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmw0MC45MTMgODguOTk4LTcyLjI4NCA3Ni4wNDkgMS42MjktMTQ2LjgxMXYtLjAwMmwuNTI0LTQ3LjI1NXYtLjAwOC0uMDA5bC41MjQtNDcuMjM1di0uMDA1LS4wMDVsLjItMTguMDI0IDE5OC43MyAxNjYuNjcyLTEwNC43ODEgNS4zNDl6Ii8+PC9zdmc+")}#Mediasoup-demo-app-container [data-component=Me]>.controls>.button.pointer-sharing.on{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTk5IDUxMS45OTkiPjxwYXRoIGZpbGw9IiNjZWU4ZmEiIGQ9Ik0xOTkuODY3IDQ3OC4yNzJsMy41NzYtMzIyLjI1NCAyNDYuOTI2IDIwNy4wOTUtMTQ4LjI0MSA3LjU2OXoiLz48cGF0aCBkPSJNNDU5LjA0OSAzNTIuNzY1TDIxMi4xMjIgMTQ1LjY2OWExMy41MDUgMTMuNTA1IDAgMDAtMjIuMTgzIDEwLjE5OGwtLjMzNSAzMC4xNjljLTcuMzA1LTMuMzEzLTEzLjM3NC05LjE2My0xNi44MTYtMTYuNjcyLTMuNzU4LTguMTk5LTQuMDk3LTE3LjM2OS0uOTU3LTI1LjgyMyAzLjE0LTguNDU0IDkuMzg1LTE1LjE3OCAxNy41ODMtMTguOTM1IDguMTk4LTMuNzU4IDE3LjM2Ni00LjA5OSAyNS44MjMtLjk1OCA4LjQ1NCAzLjE0IDE1LjE3OCA5LjM4NSAxOC45MzUgMTcuNTgyIDMuMTA3IDYuNzgxIDExLjEyMSA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4MS0zLjEwNyA5Ljc1Ny0xMS4xMjQgNi42NS0xNy45MDQtNi43NjMtMTQuNzU3LTE4Ljg2OS0yNS45OTctMzQuMDg1LTMxLjY0OS0xNS4yMTktNS42NTMtMzEuNzI2LTUuMDQtNDYuNDgxIDEuNzIzLTE0Ljc1NyA2Ljc2My0yNS45OTcgMTguODY5LTMxLjY0OSAzNC4wODUtNS42NTIgMTUuMjE3LTUuMDQgMzEuNzI0IDEuNzIzIDQ2LjQ4MSA3LjgyNiAxNy4wNzQgMjMuMTg4IDI5LjQwNyA0MS4wNTYgMzMuNzQ1bC0uMjI4IDIwLjYwOWMtMjUuNzQ5LTQuNzI5LTQ4LjE3NS0yMS43NjUtNTkuMjQyLTQ1LjkxMy0xOC42MTctNDAuNjE4LS43MTctODguODA2IDM5Ljg5OS0xMDcuNDIyIDQwLjYxOS0xOC42MTcgODguODA2LS43MTcgMTA3LjQyMyAzOS45IDMuMTA3IDYuNzgxIDExLjEyMyA5Ljc1OSAxNy45MDQgNi42NSA2Ljc4MS0zLjEwNyA5Ljc1Ny0xMS4xMjQgNi42NS0xNy45MDQtMjQuODIyLTU0LjE1Ni04OS4wNzUtNzguMDIyLTE0My4yMzEtNTMuMjAxcy03OC4wMjEgODkuMDc1LTUzLjIgMTQzLjIzMWMxNS40MDYgMzMuNjEyIDQ3LjI5NyA1Ni44OSA4My40OTMgNjEuOTU0bC0uMjI0IDIwLjQwNmMtNDQuMDMzLTUuMjc1LTgzLjAzMy0zMy4yMjgtMTAxLjY4Mi03My45MTgtMTQuMjUzLTMxLjA5OC0xNS41MjQtNjUuOTM5LTMuNTc2LTk4LjEwNHMzNS42NTMtNTcuNzMgNjYuNzUxLTcxLjk4MWM2NC4zMTItMjkuNDc1IDE0MC42MTEtMS4xMzQgMTcwLjA4NSA2My4xNzUgMy4xMDcgNi43ODEgMTEuMTIgOS43NTkgMTcuOTA0IDYuNjUgNi43ODEtMy4xMDcgOS43NTctMTEuMTI0IDYuNjUtMTcuOTA0LTM1LjY4My03Ny44NDktMTI4LjA0Ny0xMTIuMTUtMjA1Ljg5Ny03Ni40NzYtMzcuNjU3IDE3LjI1OS02Ni4zNTggNDguMjAzLTgwLjgxOCA4Ny4xMzEtMTQuNDYgMzguOTI5LTEyLjkxNyA4MS4xMDcgNC4zNDIgMTE4Ljc2MyAyMi45ODQgNTAuMTQ1IDcxLjQ4MiA4NC4yOTEgMTI1LjkzNSA4OS43ODFsLTEuODY4IDE2OC4zMzRhMTMuNTA4IDEzLjUwOCAwIDAwMTMuNTAxIDEzLjY1NWMzLjYzIDAgNy4xOTEtMS40NjQgOS43OTEtNC4yMDFsNjcuODUtNzEuMzg2IDQwLjQyOCA4Ny45NDJjMi4yNzYgNC45NTEgNy4xNjYgNy44NjggMTIuMjc5IDcuODY4IDEuODg3IDAgMy44MDYtLjM5NyA1LjYzMi0xLjIzOGw1MC42NTMtMjMuMjg3YzYuNzc3LTMuMTE2IDkuNzQ1LTExLjEzNSA2LjYzLTE3LjkxMmwtMjYuMzU0LTU3LjMyN2MtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ3LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmwyMC43MTMgNDUuMDU3LTI2LjExMiAxMi4wMDUtMzkuMjkxLTg1LjQ2OSAxMC42NTktMTEuMjE1IDE0Mi44NTctNy4yOTVhMTMuNTA1IDEzLjUwNSAwIDAwMTIuMTE3LTkuMTk2IDEzLjUgMTMuNSAwIDAwLTQuMTIyLTE0LjY0em0tMTQ4LjQ3MiAzLjk2NGwtNDAuOTEzLTg4Ljk5NmMtMy4xMTYtNi43NzgtMTEuMTM2LTkuNzQ1LTE3LjkxMi02LjYzLTYuNzc3IDMuMTE2LTkuNzQ1IDExLjEzNS02LjYzIDE3LjkxMmw0MC45MTMgODguOTk4LTcyLjI4NCA3Ni4wNDkgMS42MjktMTQ2LjgxMXYtLjAwMmwuNTI0LTQ3LjI1NXYtLjAwOC0uMDA5bC41MjQtNDcuMjM1di0uMDA1LS4wMDVsLjItMTguMDI0TDQxNS4zNTkgMzUxLjM4bC0xMDQuNzgyIDUuMzQ5eiIgZmlsbD0iIzJkNTI3YyIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=ChatInput]{position:relative;height:100%;width:100%}#mediasoup-demo-app-container [data-component=ChatInput]>textarea{height:100%;width:100%;padding:4px 8px;resize:none;outline:none;background-color:#243b55;color:#fff;font-family:inherit;font-size:13px;font-weight:400;line-height:22px;border:none}#mediasoup-demo-app-container [data-component=ChatInput]>textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)}#mediasoup-demo-app-container [data-component=ChatInput]>textarea:-moz-placeholder,#mediasoup-demo-app-container [data-component=ChatInput]>textarea::-moz-placeholder{color:hsla(0,0%,100%,.35)}#mediasoup-demo-app-container [data-component=ChatInput]>textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.35)}#mediasoup-demo-app-container [data-component=ChatInput]>textarea:disabled{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65)}#mediasoup-demo-app-container [data-component=Peers]{min-height:100%;width:100%}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Peers]{width:100%;padding:40px 20px 220px 50px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;flex-wrap:wrap;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;align-content:center}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Peers]{min-height:100vh;width:100%;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}}#mediasoup-demo-app-container [data-component=Peers]>.peer-container{overflow:hidden;will-change:opacity;border-radius:5px;width:500px}#mediasoup-demo-app-container #peers-box:hover .icons-box{background:rgba(23,25,50,.6784313725490196)!important}#mediasoup-demo-app-container [data-component=Peers]>.peer-container.Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#mediasoup-demo-app-container [data-component=Peers]>.peer-container.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:1s;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Peers]>.peer-container{-o-box-flex:1;box-flex:1;flex:0 0 auto;width:400px;margin:6px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 5px 12px 2px rgba(17,17,17,.5);transition-property:border-color;transition-duration:.35s}#mediasoup-demo-app-container [data-component=Peers]>.peer-container.active-speaker{border-color:#fff}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Peers]>.peer-container{-o-box-flex:100;box-flex:100;flex:100 100 auto;-o-box-ordinal-group:2;order:2;min-height:25vh;width:100%;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}#mediasoup-demo-app-container [data-component=Peers]>.peer-container.active-speaker{-o-box-ordinal-group:1;order:1}}#mediasoup-demo-app-container [data-component=Peer]{-o-box-flex:100;box-flex:100;flex:100 100 auto;position:relative;height:100%;width:100%}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Peer]{display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}}#mediasoup-demo-app-container [data-component=Peer]>.indicators{position:absolute;z-index:10;top:0;right:0;width:150px;display:-ms-flexbox;display:box;display:flex;-o-box-pack:end;justify-content:flex-end;-o-box-align:center;align-items:center}#mediasoup-demo-app-container [data-component=Peer]>.indicators>.icon{-o-box-flex:1;box-flex:1;flex:0 0 auto;margin:4px 4px 4px 0;width:32px;height:32px;background-position:50%;background-size:75%;background-repeat:no-repeat;transition-property:opacity;transition-duration:.15s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Peer]>.indicators>.icon{opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}}#mediasoup-demo-app-container [data-component=Peer]>.indicators>.icon.mic-off{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOSAxMWgtMS43YzAgLjc0LS4xNiAxLjQzLS40MyAyLjA1bDEuMjMgMS4yM2MuNTYtLjk4LjktMi4wOS45LTMuMjh6bS00LjAyLjE3YzAtLjA2LjAyLS4xMS4wMi0uMTdWNWMwLTEuNjYtMS4zNC0zLTMtM1M5IDMuMzQgOSA1di4xOGw1Ljk4IDUuOTl6TTQuMjcgM0wzIDQuMjdsNi4wMSA2LjAxVjExYzAgMS42NiAxLjMzIDMgMi45OSAzIC4yMiAwIC40NC0uMDMuNjUtLjA4bDEuNjYgMS42NmMtLjcxLjMzLTEuNS41Mi0yLjMxLjUyLTIuNzYgMC01LjMtMi4xLTUuMy01LjFINWMwIDMuNDEgMi43MiA2LjIzIDYgNi43MlYyMWgydi0zLjI4Yy45MS0uMTMgMS43Ny0uNDUgMi41NC0uOUwxOS43MyAyMSAyMSAxOS43MyA0LjI3IDN6Ii8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Peer]>.indicators>.icon.webcam-off{background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yMSA2LjVsLTQgNFY3YzAtLjU1LS40NS0xLTEtMUg5LjgyTDIxIDE3LjE4VjYuNXpNMy4yNyAyTDIgMy4yNyA0LjczIDZINGMtLjU1IDAtMSAuNDUtMSAxdjEwYzAgLjU1LjQ1IDEgMSAxaDEyYy4yMSAwIC4zOS0uMDguNTQtLjE4TDE5LjczIDIxIDIxIDE5LjczIDMuMjcgMnoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=Peer] .incompatible-video{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}#mediasoup-demo-app-container [data-component=Peer] .incompatible-video>p{padding:6px 12px;border-radius:6px;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-size:15px;color:hsla(0,0%,100%,.55)}#mediasoup-demo-app-container [data-component=PeerView]{position:relative;-o-box-flex:100;box-flex:100;flex:100 100 auto;height:100%;width:100%;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;overflow:hidden;background-color:#171932;background-position:bottom;background-size:auto 80%;background-repeat:no-repeat}#mediasoup-demo-app-container [data-component=PeerView]>.info{position:absolute;pointer-events:none;z-index:5;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:justify;justify-content:space-between;background:linear-gradient(180deg,transparent 0,transparent 70%,rgba(0,0,0,.1) 80%,rgba(0,0,0,.5))}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons{display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon{pointer-events:auto;margin:4px 0 4px 4px;background-position:50%;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon{width:28px;height:28px;opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon:hover{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon{width:26px;height:26px}}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon.info.on{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0xIDE1aC0ydi02aDJ2NnptMC04aC0yVjdoMnYyeiIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon.info:not(.on){background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExIDdoMnYyaC0yem0wIDRoMnY2aC0yem0xLTlDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon.stats{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTdIN3YtN2gydjd6bTQgMGgtMlY3aDJ2MTB6bTQgMGgtMnYtNGgydjR6bTIuNSAyLjFoLTE1VjVoMTV2MTQuMXptMC0xNi4xaC0xNWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNWMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.icons>.icon.fullscreen{background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTkgMi42SDNjLS4yIDAtLjQuMi0uNC40djZjMCAuMi4yLjQuNC40aC45Yy4yIDAgLjQtLjIuNC0uNFY0LjNIOWMuMiAwIC40LS4yLjQtLjR2LS44YzAtLjMtLjItLjUtLjQtLjV6TTIxIDIuNmgtNmMtLjIgMC0uNC4yLS40LjR2LjljMCAuMi4yLjQuNC40aDQuN1Y5YzAgLjIuMi40LjQuNGguOWMuMiAwIC40LS4yLjQtLjRWM2MwLS4yLS4xLS40LS40LS40ek0yMSAxNC42aC0uOWMtLjIgMC0uNC4yLS40LjR2NC43SDE1Yy0uMiAwLS40LjItLjQuNHYuOWMwIC4yLjIuNC40LjRoNmMuMiAwIC40LS4yLjQtLjR2LTZjMC0uMy0uMS0uNC0uNC0uNHpNOSAxOS43SDQuM1YxNWMwLS4yLS4yLS40LS40LS40SDNjLS4yIDAtLjQuMi0uNC40djZjMCAuMi4yLjQuNC40aDZjLjIgMCAuNC0uMi40LS40di0uOWMwLS4yLS4yLS40LS40LS40eiIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box{pointer-events:auto;position:absolute;left:4px;right:4px;bottom:4px;padding:4px 6px 50px;border-radius:2px;background-color:rgba(0,0,0,.65);opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;overflow:auto;-webkit-transform-origin:left top;transform-origin:left top;transition:.1s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.box{top:36px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.box{top:34px}}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box:not(.visible){z-index:-1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(0);transform:scale(0)}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>h1{pointer-events:none;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;font-weight:400}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p{pointer-events:none;margin-bottom:2px;color:hsla(0,0%,100%,.75);font-size:11px}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p:last-child{margin-bottom:0}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p.clickable,#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p .clickable{pointer-events:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#44c5d6}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p.clickable:hover,#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p .clickable:hover{cursor:pointer;color:#73feff;text-decoration:underline}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p.copiable,#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p .copiable{pointer-events:auto;cursor:text}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p.copiable:hover,#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p .copiable:hover{color:#44c5d6;text-decoration:underline}#mediasoup-demo-app-container [data-component=PeerView]>.info>.box>p.indent{margin-left:10px}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer{-o-box-flex:1;box-flex:1;flex:0 0 auto;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:end;justify-content:flex-end}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer.is-me{padding:10px;-o-box-align:start;align-items:flex-start}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer:not(.is-me){padding:20px;-o-box-align:start;align-items:flex-start;pointer-events:none}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer.is-me{padding:10px;-o-box-align:start;align-items:flex-start}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer:not(.is-me){padding:10px;-o-box-align:end;align-items:flex-end}}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.display-name{font-size:16px;font-weight:400;color:hsla(0,0%,100%,.85)}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>span.display-name{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:text}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>span.display-name:not(.editable){cursor:default;background:rgba(14,14,14,.4392156862745098);padding:3px 12px;border-radius:3px;font-size:13px;text-transform:capitalize;font-weight:100}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>span.display-name.editable{pointer-events:auto}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>span.display-name.editable:hover{background-color:rgba(174,255,0,.25)}}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>span.display-name.loading{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>input.display-name{border:none;border-bottom:1px solid #aeff00;background-color:transparent}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row{margin-top:4px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:start;justify-content:flex-start;-o-box-align:center;align-items:center}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon{height:16px;width:16px;margin-right:5px;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-position:50%;background-size:cover;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9Ii41IiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMSAxOGgydi0yaC0ydjJ6bTEtMTZDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4em0wLTE0Yy0yLjIxIDAtNCAxLjc5LTQgNGgyYzAtMS4xLjktMiAyLTJzMiAuOSAyIDJjMCAyLTMgMS43NS0zIDVoMmMwLTIuMjUgMy0yLjUgMy01IDAtMi4yMS0xLjc5LTQtNC00eiIvPjwvc3ZnPg==")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.chrome{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADJElEQVR4AT1TQ4AuRxD+qnrm/2et5/VurGf73eJkr7Ft23ZyiXHKKafYtvNsrM351d1V2Z2gjfrKRe7ndZhq2x6NmJ3DIbc66XqloVLGx5arc62qCmLazSWl39de3DOy7y7PFIZovF0EABIGPz5XxkuvGJeeN5pL7dDgTWrtBRCZqSKAajIB9BKbl6i84pH6y/snDjyY4oZbC0K/nHkSz7tiTLY+XdEQWfuOUT0aIgkCOgVVQDxNTkCVwLzRlEcn1F2ZPdDxTMiJBjvuMiUukG8N89zIBJaZA58vkGSzQGJCCsyBqvdOVUIV+rMwWL3ysJeH4wAAzmlrvvmGj/fMPWqsYG2xCYM4RtHMGqSPXAkYRa7nN2THesmExSGztwaYW1E9eDPAd9Cpz55b9V1t+s/VWwbr7/iyQ5WFZqxYiY62G/Fp93RMtQ3NfThi5AFg5DtExSVqAiH11K6+ZK6xpy9eF1p/6b7pxVq/f5iOTJWg++IncO8X07B9d4zdnQV8tasSc49ehKbgC0ByRJRSCrmC0/IFO/UtogIxpG8eXQGeewy+7JmBzEiMijKDilKDXH4C722bBtTMBwUOlDJKhgDSliBxOAHpvMPG2SX4tKwaxXkPRwQkEVSIAkmjBJQc//0Eq8oeUYUXoSKTwgvcibktw6gpitA34TEwOcuiYhx/+CAwsRGgNAChKbAI9gRw8qMG3O5J69PMumN0iF7qeQVXH3ce/thVhYCB2jlDKMs+BUgvwEUKeFJFe8Hqj0ke1G9quE+ZbgdgGRSO2SxaK6qxbvahiHOCofbf8dph+1EepaAqdhIdetH7AdyRMGj8pbbERfwtiOYCapk4yDlLWckjN5jHW0dZtDV59XlxBhqK6J/jsV9ZWmJirvuzlvcv6ozZ+pNUZKNCQyceUWBUfSRtM0Jpq/eqeY9/wRtzeTlpCuydMnfM7ZTaSSbt87sOcMauUCf3Q7Uv5zxVuRzf3RozxJEX9Fmn94+OuxXpNB9wk2ATkPxfznV/1bEYQteR7XLEH7Mqd8Z++XEl2dZ35k8gzunuQkG/Ly/jETCxOAUzBAD+BhTZxancWpFRAAAAAElFTkSuQmCC")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.firefox{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADeUlEQVR4AU1TU2DEaBicP8m6tm3zbNu2ns62bdu27att2263q2yTTbL5rtvjw3yambdvQG+dDPlCsNeuu4w/9skuLrB/PrIWd1eD/fTra5y3XV/juO2WetcpLw/I0QHura5ZVvP81XxgDmCn/P7hLdwOOaWHXPHlzGPHfbzuPOmLDbrou1X9ou/X9LO+XKYLPp/bfL1z4/5vRbIFtD19d+14WKBsDNdV9hv33P+eyEdO9Lhcu+XEj1BUhImmsTcZORV2n8ppdhG7hijshFxxRf359Sv3TfZ+9Pt+93ECAIwP2w7SrYsPni/eogVHi/70sHXuQufTnF0ghJIXXlmFZd1JQ8ua/+xqW2zkQZUf9vR9IB1Qc8vXHACYrMaUlKBNHIAW2sfSzytTGtt/8BvssfAZ3GsizHY3jKrG5hadfO848ydVhCHj0NArAYDN3ZoX71ujbo1YLFl5MsQxpqk+WMR0vGM6GB95q2DeckL3erElA6nBa/TdoxpjqFmTl78vFnwO7KWIiIWRSND9jNwcIhM13O3aCz/OFSGSLUIWJSieze2+hbLDspjPN0zwFcV0vdZyIud1Ilz1AdBAqsxgH1Bx07d74rt+K9TFCcxMOeFcnAe5V+BZmEduUjesMTP6zKKIXk9ymiBL0JiPQeAJikqwmYDdw1fQOzuP+HAfqjMcqBkKx+SUB0ZNRpBzDHA4WLCqYI982xirOzIvyy+jK9hCwWYbiBkZM1s0+HgBAvkxLgt4eyUbP3XZUJG9hM/uXiGESUwbFDapy1LB7X1K8YS8Re0ekUGVoZNKEEUB33ZbcdHnCTjx42x82wrYNDtOrXKCc2u0XmNDz4/WuejyglkOADQFj4segltk8G2BDDrhoGwJJ1Z6cXbRKq4oWcKHpyzh6HgFG41GfapVwOA41wwAwvePDHBHXVfy3fsP9DwHnb+E/EzTNHBWs86OiXSx4+MBZmDk34Z3CrrsZoLZrdTtEaPcCOCvLPQdVsQARN6VlPzFx4U59MtueXr9AfnUcngedRyVR93HBpDv/2r/AnqqOP1XAFEB3/mp0QyBYb+wEFZos1qB7QcLDrvlwZSUntdyM10flWZrn1RmKx9VZTleL88cPTsp5VkBXF5GhNF8a2ES908a/8XPZUUcz8ADiAsDv+v+1pCjq0xBh1vAVwOIB3bCx/7v+RODWtK1Q31ZvwAAAABJRU5ErkJggg==")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.safari{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADXElEQVR4ATWTU5hjWRSF1zlxSu3uwtie1Ni2bT+Nbduetllt23YnbbuDMsJ7j/bkpr56WHhY/9veCIfDBTW1tPGGpOBOJ2or1UbcmlPqFUdOJ0qWFnYpyVvaUryDK1gq1cjawSOB5qT1xcLdMjZgo6Lf18uCBm6StGiPirWkrC+ItgacbTrdUGBgWR1wrDxyMLfp6xmCnhpjm/vHCXPXBKnvzuuB8cI8NzpnvpmtaHNUbiI6Vu4wtt3E0A4v8G3cl1r70jCLbhqSE9U10pw60dBJ0ygvQ2eOl3TGZDJ3/RMVr/28jzYdlWuJRvkclgNAY/0F79SsM5ftTlvyENOeI1yy1oCFbCCLTNDC7q5unB/bwO6Y94NnnXbLcWvUZc2Nt70DADwUqg8u2EMvbK610ADpboAN6ctCeLJoLtZo8kt8t3EE/hzwHHqffxfqe1W4t0RTWLiXvRAKNQRByd1XfTbpmKn+8Rh1/itO/hEx8k+PEhbH6fiJ62nR2x8THd+dHnj+M8KkNPX4K0YX/5KgL6fGDWX2XsWPNqiTmnOCZaQylhbQJGCJDCq8GksQxY3jBuKnqgsw5f4X4E3VI0MGOaVMsyVZrF6fxJUQZJSC0Qpa5tO2gGwOvSu9CJx/Jgbe/TD+eOwVQElokZezLUhDSpvc5YH0gRIeMB5F3CuAdJOF96/tgstSR/Htyh0Yec1jSPMi8NYMjB2ES2i4FXgpN6bclz7AAyd8HT61RO4qI4IrI8015aV4iB3DY7N3oa9djmyK5WEJpAFqM+gslSkhwinFcpfv+I/DPBL5VVxc3jLg7C4aVdylrzWH8OjkOFbkToRL+IGUC0i6YVpd6CyAkqzR53XVCPVoHhCJ/C04AFT7rut959mphef4c55RayBT7HRTZAeQPwbwZBC+lA+9bG56ZIw8u5R57jijZWG195reAOBui25ikaqwvqXLuEflBXdMKCvqedOWOk2twg3NQACDm4GVccYurIDnltMbF11bOv3RCMK6LRZuP+Xlc4a3/8OcEs+iOVNe+WfMyh1v9V+nXui9jhy9PWCd+rdm1Y5Fc6a+QhN9Hme7bPYI1vGNBc2eM4dF94e501tHX+KLzP734qWzxj7iKDLr34tbRl5cuP1YfjN37lzWwf0P5ahAscaevREAAAAASUVORK5CYII=")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.msedge{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR4AWJgqAD0SQcQDUVRGMetIpCkwiKBQjJLKQBRUYCEqKQqtqGogAkAEUCgAgQIIRBRkAUBCgggBVJUtao/vpvPwfBznnvv+XZ33rtNMqjTcysmUcAC8ranKqlZtQk7eMCvqaKCsRjizVncqOFb1f2obniI3+BcB55whDJK2MOzAqo6M6G++hSwpI1ddGE8zGQ03OwqzuASc3q+QDH9goWcpXmo5lJAD6Z0aF+b2yhgDetYRUV7n6ozKaBRzd1484FFWv/SczEFNChgPl0xBjgLKMWATTs0iz4MYcAMam0Y7TFg2QK2bIjUGmzKOXtN71ix8IxqB8ro/V8PB44V8KF6j1Oc4BovWs+nrzEGZHFX601IvwfEkDYc4NWD5BGHaPa/4Pzz7cQ0iljECFriEP8AsBC7uWBeNyIAAAAASUVORK5CYII=")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.opera{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACP0lEQVR4AYSQA6wcURSG72pm7mq69u7Utm07avxiG8XESWPXtm3beLatsHa7p+duzrP+7Jdv9kwOMqwlEBltbHsew/9FRs2F6Jg0SExKg4Ez58LarZxRHjvdRuEemkfrSBUOgb/hUdDkGwAlrigU9gtXonVGuet0GVubyS4kHQHBt9DwTy8cnv37jYbtB8zG+qMWC5yVFbjIrekHzSaX6Llot7dd0r45GRmV90z1hhmlJDJAuaKqdy6rKlxyOgGf0+lVh7MB+YP8RQaL+s/QCOm0oljE8/NYjN8PBBrvB4OAFugtzRypQYA4Iuo/QiMsjPIwFJKEX2naJgSImteaxsWAeS3byRtosIlR8kaMMArnDBs2EQEkSZ5nxvpARMRAriEDmVllGYRtnDehvosSvRpoZH2EBqRsU5QO2BFjEqACAJj4pcxYov1FtNlAA0J2zq0IIKJewb4GhvOP/mE1n/zDAS1IfcTG4LDWj5hcsUIS/rdixWYEiJp/y5dzJlLtGqQjUOMa9Af9t9Y9aLCoZ6ialFy5MjUIVq60Io0IEDprnxy7lp5tTwAachxa/tcZc8OMUjV2Cscr7sCqVSDA5vTWxnRb3Cj8VIm4nimR9MdyBJ4gb1TtU/PEGQdg/dodSD2sWQ1/li6DX4uXpuN/F11lFGavrTEjo9wwB/SrpkDVZYMPrluC8Mw7EDLiIyBbG1WZkxjZevaXuQuph4LbWwt7mMpPG7xzjzN32j72f9zx/QzM9sCIh2fnN5Z2cLUAfjkO1mkbI+wAAAAASUVORK5CYII=")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-icon.broadcaster{height:18px;width:18px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgb3BhY2l0eT0iLjEiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEgMTh2M2gzYzAtMS42Ni0xLjM0LTMtMy0zem0wLTR2MmMyLjc2IDAgNSAyLjI0IDUgNWgyYzAtMy44Ny0zLjEzLTctNy03em0xOC03SDV2MS42M2MzLjk2IDEuMjggNy4wOSA0LjQxIDguMzcgOC4zN0gxOVY3ek0xIDEwdjJhOSA5IDAgMDE5IDloMmMwLTYuMDgtNC45My0xMS0xMS0xMXptMjAtN0gzYy0xLjEgMC0yIC45LTIgMnYzaDJWNWgxOHYxNGgtN3YyaDdjMS4xIDAgMi0uOSAyLTJWNWMwLTEuMS0uOS0yLTItMnoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=PeerView]>.info>.peer>.row>.device-version{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-size:11px;color:hsla(0,0%,100%,.55)}#mediasoup-demo-app-container [data-component=PeerView]>video{-o-box-flex:100;box-flex:100;flex:100 100 auto;height:100%;width:100%;object-fit:contain;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity;transition-duration:.5s;background-color:rgba(0,0,0,.75)}#mediasoup-demo-app-container [data-component=PeerView]>video.hidden{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);transition-duration:0s}#mediasoup-demo-app-container [data-component=PeerView]>video.network-error{-webkit-filter:grayscale(100%) brightness(135%) blur(5px);filter:grayscale(100%) brightness(135%) blur(5px)}#mediasoup-demo-app-container [data-component=PeerView]>audio{display:none;position:absolute;top:0;bottom:0;right:0;z-index:1;border:2px solid red}#mediasoup-demo-app-container [data-component=PeerView]>canvas.face-detection{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}#mediasoup-demo-app-container [data-component=PeerView]>canvas.face-detection.is-me{-webkit-transform:scaleX(-1);transform:scaleX(-1)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container{position:absolute;top:0;bottom:0;right:2px;width:10px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;pointer-events:none}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar{width:6px;border-radius:6px;background:rgba(255,255,0,.65);transition-property:height background-color;transition-duration:.25s}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level0{height:0;background-color:rgba(255,255,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level1{height:10%;background-color:rgba(255,255,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level2{height:20%;background-color:rgba(255,255,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level3{height:30%;background-color:rgba(255,255,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level4{height:40%;background-color:rgba(255,165,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level5{height:50%;background-color:rgba(255,165,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level6{height:60%;background-color:rgba(255,0,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level7{height:70%;background-color:rgba(255,0,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level8{height:80%;background-color:rgba(0,0,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level9{height:90%;background-color:rgba(0,0,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.volume-container>.bar.level10{height:100%;background-color:rgba(0,0,0,.65)}#mediasoup-demo-app-container [data-component=PeerView]>.spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:rgba(0,0,0,.75)}#mediasoup-demo-app-container [data-component=PeerView]>.spinner-container .react-spinner{position:relative;width:48px;height:48px;top:50%;left:50%}#mediasoup-demo-app-container [data-component=PeerView]>.spinner-container .react-spinner .react-spinner_bar{position:absolute;width:20%;height:7.8%;top:-3.9%;left:-10%;-webkit-animation:PeerView-spinner 1.2s linear infinite;animation:PeerView-spinner 1.2s linear infinite;border-radius:5px;background-color:hsla(0,0%,100%,.5)}#mediasoup-demo-app-container [data-component=PeerView]>.video-elem-paused{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtb3BhY2l0eT0iLjQiIGQ9Ik05IDE2aDJWOEg5djh6bTMtMTRDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4em0xLTRoMlY4aC0ydjh6Ii8+PC9zdmc+");background-size:35%;background-color:rgba(0,0,0,.25);background-repeat:no-repeat}@-webkit-keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}to{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}@keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}to{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}#mediasoup-demo-app-container [data-component=Stats]{position:fixed;z-index:1000;top:0;bottom:0;right:0;overflow:hidden;pointer-events:none}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Stats]{width:470px;padding-left:20px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Stats]{left:0}}#mediasoup-demo-app-container [data-component=Stats]>.content{position:relative;height:100%;pointer-events:auto;background:hsla(0,0%,100%,.925);-ms-scroll-chaining:none;overscroll-behavior:contain;transition-property:-webkit-transform opacity;transition-property:transform opacity;transition-property:transform opacity,-webkit-transform opacity;transition-duration:.25s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Stats]>.content{width:450px;box-shadow:-4px 0 12px 2px rgba(0,0,0,.5)}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Stats]>.content{width:100%}}#mediasoup-demo-app-container [data-component=Stats]>.content:not(.visible){-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#mediasoup-demo-app-container [data-component=Stats]>.content>.header{position:absolute;z-index:2;top:0;left:0;right:0;padding:0 28px;background:linear-gradient(180deg,#fff,#fff,hsla(0,0%,100%,.9),hsla(0,0%,100%,0))}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.info{height:80px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.info>.close-icon{-o-box-flex:1;box-flex:1;flex:0 0 auto;width:28px;height:28px;margin-left:-6px;margin-right:20px;cursor:pointer;background-position:0;background-size:100%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");opacity:.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.info>.close-icon:hover{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.info>h1{-o-box-flex:100;box-flex:100;flex:100 100 auto;text-transform:uppercase;color:#444;font-size:14px;font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.list{height:150px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:start;justify-content:flex-start;-o-box-align:end;align-items:flex-end}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.list>p{margin-bottom:5px;color:rgba(36,59,85,.75);font-size:14px;font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.list>p>a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;color:rgba(77,125,180,.75);cursor:pointer}#mediasoup-demo-app-container [data-component=Stats]>.content>.header>.list>p>a.disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);cursor:not-allowed}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats{padding:0 28px;height:100%;overflow:auto}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items{margin-bottom:40px;will-change:opacity}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items.Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.15s;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items:after{content:"";display:block;visibility:hidden;margin-bottom:-230px}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>h2{margin-bottom:20px;text-transform:uppercase;color:rgba(20,30,48,.65);font-size:13px;font-weight:500;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>h2:before{content:"";display:block;visibility:hidden;height:230px}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>.item{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e5e5e5}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>.item>.line{display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:justify;justify-content:space-between;-o-box-align:center;align-items:center;margin-bottom:8px}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>.item>.line>.key{-o-box-flex:1;box-flex:1;flex:0 0 auto;width:38.5%;color:rgba(20,30,48,.65);font-size:11px;font-weight:400;word-break:break-all;text-align:right}#mediasoup-demo-app-container [data-component=Stats]>.content>.stats>.items>.item>.line>.value{-o-box-flex:1;box-flex:1;flex:0 0 auto;width:58.5%;color:rgba(77,125,180,.75);font-size:11px;font-weight:400;word-break:break-all;text-align:left}#mediasoup-demo-app-container [data-component=Notifications]{position:fixed;z-index:9999;pointer-events:none;top:0;right:0;bottom:0;padding:20px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:vertical;flex-direction:column;-o-box-pack:end;justify-content:flex-end;-o-box-align:end;align-items:flex-end}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Notifications]{padding:10px;width:300px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Notifications]{padding:4px;width:65%;max-width:220px}}#mediasoup-demo-app-container [data-component=Notifications]>.notification{pointer-events:auto;margin-top:4px;border-radius:4px;display:-ms-flexbox;display:box;display:flex;-o-box-orient:horizontal;flex-direction:row;-o-box-pack:start;justify-content:flex-start;-o-box-align:center;align-items:center}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Notifications]>.notification{min-width:75%}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Notifications]>.notification{width:100%}}#mediasoup-demo-app-container [data-component=Notifications]>.notification.Appear-appear{visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);transition:all .15s ease-in-out 0s,visibility 0s linear .25s;-webkit-transform:translateX(200px);transform:translateX(200px)}#mediasoup-demo-app-container [data-component=Notifications]>.notification.Appear-appear.Appear-appear-active{visibility:visible;pointer-events:auto;opacity:1;-ms-filter:none;-webkit-filter:none;filter:none;-webkit-transform:translateY(0);transform:translateY(0);transition-delay:0s,0s}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Notifications]>.notification{padding:16px 24px 16px 12px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Notifications]>.notification{padding:6px 16px 6px 12px}}#mediasoup-demo-app-container [data-component=Notifications]>.notification>.icon{-o-box-flex:1;box-flex:1;flex:0 0 auto;height:24px;width:24px;margin-right:12px;background-position:50%;background-size:100%;background-repeat:no-repeat}#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.title{font-weight:500;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;line-height:1.35em;margin-bottom:10px}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.title{font-size:14px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.title{font-size:12px}}#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.text{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;line-height:1.35em;font-family:"circular";margin-bottom:0!important}@media (min-device-width:721px){#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.text{font-size:13px}}@media (max-device-width:720px){#mediasoup-demo-app-container [data-component=Notifications]>.notification>.body>.text{font-size:12px}}#mediasoup-demo-app-container [data-component=Notifications]>.notification.info{background-color:#0e0e13;color:hsla(0,0%,100%,.95)}#mediasoup-demo-app-container [data-component=Notifications]>.notification.info>.icon{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExIDE3aDJ2LTZoLTJ2NnptMS0xNUM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6TTExIDloMlY3aC0ydjJ6Ii8+PC9zdmc+")}#mediasoup-demo-app-container [data-component=Notifications]>.notification.error{background-color:rgba(255,25,20,.75);color:#fff}#mediasoup-demo-app-container [data-component=Notifications]>.notification.error>.icon{opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=")}#mediasoup-demo-app-container [data-component=NetworkThrottle]{position:absolute;top:0;left:0;z-index:99999;padding:0 20px;background:hsla(0,0%,100%,.95);border-radius:4px;box-shadow:0 5px 12px 2px rgba(17,17,17,.5);font-family:"DMSans"}#mediasoup-demo-app-container [data-component=NetworkThrottle]>h1.draggable{padding:20px;text-align:center;text-transform:uppercase;font-weight:400;font-size:12px;color:#111;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:move}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row{display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;height:20px;margin-bottom:8px}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row:last-child{margin-bottom:0}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.key{margin-right:4px;-o-box-flex:1;box-flex:1;flex:0 0 auto;width:100px;font-weight:400;font-size:11px;text-align:right;color:rgba(36,59,85,.75)}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value{margin-left:4px;-o-box-flex:1;box-flex:1;flex:0 0 auto;width:100px;padding:4px 8px;font-size:11px;text-align:right;color:rgba(20,30,48,.65);border:none;background:hsla(0,0%,40%,.1);border-radius:2px;transition-property:opacity;transition-duration:.1s}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value:disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value::-webkit-input-placeholder{color:rgba(20,30,48,.25)}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value:-ms-input-placeholder{color:rgba(20,30,48,.25)}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value::placeholder{color:rgba(20,30,48,.25)}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value:focus::-webkit-input-placeholder{color:transparent}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value:focus:-ms-input-placeholder{color:transparent}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.inputs>.row>.value:focus::placeholder{color:transparent}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.buttons{display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;padding:20px}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.buttons>button{margin:0 4px;-o-box-flex:1;box-flex:1;flex:0 0 auto;width:66px;height:20px;display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;justify-content:center;-o-box-align:center;align-items:center;border:none;border-radius:2px;font-weight:400;font-size:11px;color:#fff;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition-property:opacity;transition-duration:.1s}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.buttons>button:disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);cursor:default}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.buttons>button.apply{background:#e9736e}#mediasoup-demo-app-container [data-component=NetworkThrottle]>.buttons>button.reset{background:rgba(53,87,126,.75)}#mediasoup-demo-app-media-query-detector{position:relative;z-index:-1000;bottom:0;left:0;height:1px;width:1px}@media (max-device-width:720px){#mediasoup-demo-app-media-query-detector{display:none;position:fixed}}.peers-main-container{max-width:95%;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-columns:auto;width:100%;margin:0 auto;list-style:none;justify-content:center}.peer-main-container{width:100%!important;max-width:95%!important}@media only screen and (max-width:600px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.peer-main-container{width:100px!important}}@media only screen and (min-width:600px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media only screen and (min-width:768px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media only screen and (min-width:992px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media only screen and (min-width:1200px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(350px,.7fr))}}@media only screen and (min-width:1600px){.peers-main-container{grid-template-columns:repeat(auto-fit,minmax(400px,.5fr))}}.settings-btn:focus,.settings-btn:hover{color:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.8)}.large-notif{position:absolute;top:13px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:1000;-webkit-animation:blinker2 .3s linear;animation:blinker2 .3s linear;transition:all .3s ease-in-out 0s,visibility 0s linear 3s}.large-notif .large-notif-cont{background:#353b41;border-radius:3px;box-shadow:0 0 0 3px hsla(0,0%,100%,.1568627450980392)}@-webkit-keyframes blinker2{0%{opacity:.4}50%{opacity:.7}to{opacity:1}}@keyframes blinker2{0%{opacity:.4}50%{opacity:.7}to{opacity:1}}.large-notif .call-info{font-size:14px}.large-notif .user-info{width:70vw;max-width:1100px;padding:23px 30px}.large-notif .user-img{box-shadow:0 0 0 3px #e1e1e1;width:50px;height:50px;border-radius:100px;background-size:cover!important}.large-notif .knock-img{margin-left:-25px;margin-top:20px;box-shadow:0 0 0 4px #353b41;border-radius:100px;background:#353b41}.large-notif .call-btn{border-color:hsla(0,0%,100%,.6)}.large-notif .call-btn:hover{border-color:hsla(0,0%,100%,.9);color:var(---subtitle-color)}.context-menu-box{background:#18191c;box-shadow:0 8px 16px rgba(0,0,0,.24);border-radius:4px;width:205px;padding:11px 10px 10px}.context-item{padding:5px 5px 5px 10px;margin-bottom:3px;color:hsla(0,0%,100%,.568)}.context-item:hover{background:#2e3144;border-radius:2px;color:#fff!important}.context-item:active{background:#47495f}.divider-context{background:none;margin:6px;border-bottom:1px solid hsla(0,0%,100%,.06)}.react-contextmenu-item--disabled{opacity:.34!important;cursor:not-allowed;pointer-events:none}.danger-items{color:#ed4245}.danger-items:hover{background:#ed4245;border-radius:2px;color:#fff!important}.danger-items:active{background:#ed4245}.overlay{position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);cursor:pointer;z-index:9999}.container{width:95vw;height:95vh;left:50%;top:50%;background:hsla(0,0%,76.1%,.3);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(15px);border-radius:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.container,.dot{position:absolute}.dot{width:clamp(5vw,15vw,230px);height:clamp(5vw,15vw,230px);background:#f8f8f8;-webkit-filter:blur(30px);filter:blur(30px);border-radius:50%}.topRight{top:-10%;right:20%}.topLeft{left:10%;top:10%}.bottomLeft{left:10%;bottom:-10%}.bottomRight{right:10%;bottom:20%}
/*# sourceMappingURL=main.01b5977e.chunk.css.map */