.microphone-status{position:absolute;bottom:.5rem;left:.5rem;z-index:3;font-size:1rem}.microphone-status.grey{color:#949494}.microphone-status.red{color:#fa3c3c}.microphone-status.green{color:#28b450}.microphone-status .rf-icon{position:relative}.participant-status{position:absolute;top:.5rem;right:.5rem;z-index:3;font-size:1rem}.participant-status.grey{color:#949494}.participant-status.red{color:#fa3c3c}.participant-status.green{color:#28b450}.participant-status.yellow{color:#fff03c}.participant-status .rf-icon{position:relative}.videochat-layout.grid-layout{display:grid;grid-column-gap:10px;grid-row-gap:10px;align-items:center;justify-items:center;overflow:hidden;box-sizing:border-box}.videochat-layout.grid-layout .participant{background-color:#202020;border-radius:16px;aspect-ratio:16/10;box-sizing:border-box;border:1px solid #202020;-webkit-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);-moz-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);box-shadow:1px 1px 3px #2f2f2fbf;text-align:center;-webkit-user-select:none;user-select:none}.videochat-layout.grid-layout .participant .container{position:relative;width:100%;height:calc(100% - 26px)}.videochat-layout.grid-layout .participant .container .avatar{position:absolute;left:0;right:0;top:0;bottom:0;height:fit-content;aspect-ratio:1/1;border-radius:50%;border:3px solid #fff;width:30%;margin:auto;background:url(../../Components/Videochat/assets/img/no-avatar.png) 50% 50% no-repeat;background-size:cover;z-index:1}.videochat-layout.grid-layout .participant .container .avatar img{position:absolute;top:0;left:0;width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.videochat-layout.grid-layout .participant .container video{position:absolute;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto;border-top-right-radius:16px;border-top-left-radius:16px}.videochat-layout.grid-layout .participant .container .speaker-hover{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px 16px 0 0;-webkit-box-shadow:inset 0 0 4px 2px rgb(30,170,70);-moz-box-shadow:inset 0 0 4px 2px rgb(30,170,70);box-shadow:inset 0 0 4px 2px #1eaa46;z-index:3}.videochat-layout.grid-layout .participant .container .speaker-hover.show{opacity:1;transition:opacity .2s;transition-delay:.2s}.videochat-layout.grid-layout .participant .container .speaker-hover.hide{opacity:0;transition:opacity .2s;transition-delay:0s}.videochat-layout.grid-layout .participant .label{display:inline-block;position:relative;width:90%;height:26px;line-height:26px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videochat-layout.screen-share-layout .share-screen{display:block;position:relative;width:100%;height:100%}.videochat-layout.screen-share-layout .share-screen .screen-share-participant{position:relative;width:100%;height:100%;background-color:#202020;aspect-ratio:16/10;box-sizing:border-box;border:1px solid #202020;-webkit-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);-moz-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);box-shadow:1px 1px 3px #2f2f2fbf;text-align:center;-webkit-user-select:none;user-select:none}.videochat-layout.screen-share-layout .share-screen .screen-share-participant .container{position:relative;width:100%;height:calc(100% - 26px)}.videochat-layout.screen-share-layout .share-screen .screen-share-participant .container video{position:absolute;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto}.videochat-layout.screen-share-layout .share-screen .screen-share-participant .label{display:inline-block;position:relative;width:90%;height:26px;line-height:26px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videochat-layout.screen-share-layout .share-screen .screen-share-participant .label .type{margin-right:8px;color:#dbab3a;background:#5e5e5e;padding:.0625rem .25rem;border-radius:.25rem}.videochat-layout.screen-share-layout .share-screen .screen-share-participant .label .position{margin-left:8px;color:#ccc}.videochat-layout.conference-layout{display:grid;gap:10px 10px;padding:10px;box-sizing:border-box}.videochat-layout.conference-layout .share-screen{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;grid-area:share}.videochat-layout.conference-layout .share-screen .screen-share-participant{position:relative;width:100%;height:fit-content;background-color:#202020;aspect-ratio:16/10;border-radius:16px;box-sizing:border-box;border:1px solid #202020;-webkit-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);-moz-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);box-shadow:1px 1px 3px #2f2f2fbf;text-align:center;-webkit-user-select:none;user-select:none}.videochat-layout.conference-layout .share-screen .screen-share-participant .container{position:relative;width:100%;height:calc(100% - 26px)}.videochat-layout.conference-layout .share-screen .screen-share-participant .container video{position:absolute;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto;border-top-right-radius:16px;border-top-left-radius:16px}.videochat-layout.conference-layout .share-screen .screen-share-participant .label{display:inline-block;position:relative;width:90%;height:26px;line-height:26px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videochat-layout.conference-layout .share-screen .screen-share-participant .label .type{margin-right:8px;color:#dbab3a;background:#5e5e5e;padding:.0625rem .25rem;border-radius:.25rem}.videochat-layout.conference-layout .share-screen .screen-share-participant .label .position{margin-left:8px;color:#ccc}.videochat-layout.conference-layout .camera{display:inline-flex}.videochat-layout.conference-layout .camera .camera-participant{position:relative;width:100%;height:fit-content;background-color:#202020;aspect-ratio:16/10;border-radius:16px;box-sizing:border-box;border:1px solid #202020;-webkit-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);-moz-box-shadow:1px 1px 3px 0 rgba(47,47,47,.75);box-shadow:1px 1px 3px #2f2f2fbf;text-align:center;-webkit-user-select:none;user-select:none}.videochat-layout.conference-layout .camera .camera-participant .container{position:relative;width:100%;height:calc(100% - 26px)}.videochat-layout.conference-layout .camera .camera-participant .container video{position:absolute;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto;border-top-right-radius:16px;border-top-left-radius:16px}.videochat-layout.conference-layout .camera .camera-participant .container .speaker-hover{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px 16px 0 0;-webkit-box-shadow:inset 0 0 4px 2px rgb(30,170,70);-moz-box-shadow:inset 0 0 4px 2px rgb(30,170,70);box-shadow:inset 0 0 4px 2px #1eaa46;z-index:3}.videochat-layout.conference-layout .camera .camera-participant .container .speaker-hover.show{opacity:1;transition:opacity .2s;transition-delay:.2s}.videochat-layout.conference-layout .camera .camera-participant .container .speaker-hover.hide{opacity:0;transition:opacity .2s;transition-delay:0s}.videochat-layout.conference-layout .camera .camera-participant .label{display:inline-block;position:relative;width:90%;height:26px;line-height:26px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.videochat-layout.conference-layout .camera .camera-participant .label .type{margin-right:8px;color:#ccc;background:#5e5e5e;padding:.0625rem .25rem;border-radius:.25rem}.videochat-layout.conference-layout .camera .camera-participant .label .position{margin-left:8px;color:#ccc}.videochat-layout.conference-layout.with-share-screen{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.videochat-layout.conference-layout.with-share-screen.single{grid-template-areas:"share share presenter" "share share presenter"}.videochat-layout.conference-layout.with-share-screen.single .camera{max-width:33vw}.videochat-layout.conference-layout.with-share-screen.single .camera.camera-presenter,.videochat-layout.conference-layout.with-share-screen.single .camera.camera-co-presenter{grid-area:presenter;align-items:center}.videochat-layout.conference-layout.with-share-screen.duo{grid-template-areas:"share share presenter" "share share copresenter"}.videochat-layout.conference-layout.with-share-screen.duo .camera{max-width:33vw}.videochat-layout.conference-layout.with-share-screen.duo .camera.camera-presenter{grid-area:presenter;align-items:end}.videochat-layout.conference-layout.with-share-screen.duo .camera.camera-co-presenter{grid-area:copresenter;align-items:start}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen){grid-template-columns:1fr 1fr;grid-template-rows:1fr}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).single{grid-template-areas:"presenter presenter"}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).single .camera{max-width:100vw}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).single .camera.camera-presenter{grid-area:presenter;align-items:center}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).single .camera.camera-co-presenter{grid-area:presenter;align-items:center}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).duo{grid-template-areas:"presenter copresenter"}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).duo .camera{max-width:50vw}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).duo .camera.camera-presenter{grid-area:presenter;align-items:center}.videochat-layout.conference-layout:not(.videochat-layout.conference-layout.with-share-screen).duo .camera.camera-co-presenter{grid-area:copresenter;align-items:center}.logo{background:url(/assets/img/roomful-logo-w-cd607cd7.svg) 50% 50% no-repeat}.videochat-status{display:block;position:absolute;left:0;right:0;top:50px;bottom:0;width:fit-content;height:fit-content;min-width:500px;margin:auto;padding:10px 20px;border-radius:16px;background:#242424;text-align:center;-webkit-user-select:none;user-select:none}.videochat-status .logo{position:absolute;top:-100px;width:500px;height:70px}.videochat-status .status-detail{display:inline-block;position:relative;height:80px;line-height:80px;font-size:2rem}.videochat-status .loader{display:inline-block;position:relative;width:80px;height:80px;float:left;margin-right:10px}.videochat-status .loader div{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:lds-default 1.2s linear infinite}.videochat-status .loader div:nth-child(1){animation-delay:0s;top:37px;left:66px}.videochat-status .loader div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.videochat-status .loader div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.videochat-status .loader div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.videochat-status .loader div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.videochat-status .loader div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.videochat-status .loader div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.videochat-status .loader div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.videochat-status .loader div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.videochat-status .loader div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.videochat-status .loader div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.videochat-status .loader div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}.video-chat-info{position:relative;width:100%;height:64px;background-color:#202020;border-bottom:1px solid #505050;text-align:center;line-height:64px;box-sizing:border-box}.video-chat-info .logo{position:absolute;width:200px;height:50px;top:4px;left:20px;margin:auto}.video-chat-control{position:relative;width:100%;height:64px;background-color:#202020;border-top:1px solid #505050;text-align:center;line-height:64px;box-sizing:border-box}.video-chat-control .group{display:inline-block;position:relative;height:50px;padding:2px;margin-right:5px;background-color:#464646;line-height:50px;border-radius:8px}.video-chat-control .group>.button:not(:last-child){margin-right:3px}.video-chat-control .button{display:inline-block;position:relative;width:48px;height:48px;line-height:48px;margin-right:1px;background-color:#2f2f2f;border:1px solid #525252;border-radius:8px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color ease .5s,color ease-in-out .5s}.video-chat-control .button .icon{line-height:1rem}.video-chat-control .button:last-child{margin-right:0}.video-chat-control .button.more{position:relative;top:0;right:-30px;margin:auto;width:16px}.video-chat-control .button:hover{background-color:#525252}.video-chat-control .button:active,.video-chat-control .button.active{background-color:#525252;color:#ff9a1d;transition:background-color ease 50ms,color ease-in-out 50ms}.video-chat-control .button.green{background-color:#34924a!important}.video-chat-control .button.green:hover{background-color:#39ac52!important}.video-chat-control .button.green:active,.video-chat-control .button.green.active{background-color:#296a3a!important}.video-chat-control .button.red{background-color:#b92930!important}.video-chat-control .button.red:hover{background-color:#d04d52!important}.video-chat-control .button.red:active,.video-chat-control .button.red.active{background-color:#9a282d!important}.videochat-container{position:relative;height:100%}.videochat-container .header,.videochat-container .footer,.videochat-container .content{position:relative;width:100%}.videochat-container .header,.videochat-container .footer{height:64px}.videochat-container .content{height:calc(100% - 128px)}.videochat-container .content .dialog-pre-join{position:absolute;left:0;right:0;top:-64px;bottom:-64px;width:fit-content;height:fit-content;margin:auto;z-index:3}.videochat-container .content .dialog-pre-join .row{position:relative;width:100%;max-width:350px;height:fit-content;min-height:48px;margin:2px 0;text-align:center;white-space:nowrap}.videochat-container .content .dialog-pre-join .row:not(:last-child){margin-bottom:14px}.videochat-container .content .dialog-pre-join .row.input-row{margin-top:32px}.videochat-container .content .dialog-pre-join .row.buttons-row{margin-bottom:50px}.videochat-container .content .dialog-pre-join .row.smart-buttons-row{-webkit-user-select:none;user-select:none}.videochat-container .content .dialog-pre-join .row.smart-buttons-row .button:not(:last-child){margin-right:64px}.videochat-container .content .dialog-pre-join .row.smart-buttons-row .label{display:inline-block;position:absolute;left:-50px;right:-50px;top:56px;width:fit-content;height:fit-content;margin:0 auto;line-height:1rem}.videochat-container .content .dialog-pre-join .row .label{position:absolute;top:-20px}.videochat-container .content .dialog-pre-join .button{display:inline-block;position:relative;width:48px;height:48px;line-height:48px;margin-right:1px;background-color:#2f2f2f;border:1px solid #525252;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color ease .5s,color ease-in-out .5s;text-align:center}.videochat-container .content .dialog-pre-join .button .icon{line-height:1rem}.videochat-container .content .dialog-pre-join .button.join{margin-top:24px;width:348px}.videochat-container .content .dialog-pre-join .button.back,.videochat-container .content .dialog-pre-join .button.reload-devices{padding:0 10px;width:fit-content}.videochat-container .content .dialog-pre-join .button.back .icon,.videochat-container .content .dialog-pre-join .button.reload-devices .icon{margin-right:10px}.videochat-container .content .dialog-pre-join .button.back{padding:0 10px;width:fit-content;float:left}.videochat-container .content .dialog-pre-join .button.reload-devices{float:right}.videochat-container .content .dialog-pre-join .button:hover{background-color:#525252}.videochat-container .content .dialog-pre-join .button:active,.videochat-container .content .dialog-pre-join .button.active{background-color:#525252;color:#ff9a1d;transition:background-color ease 50ms,color ease-in-out 50ms}.videochat-container .content .dialog-pre-join .button.grey{background-color:#5b5b5b!important}.videochat-container .content .dialog-pre-join .button.grey:hover{background-color:#7a7a7a!important}.videochat-container .content .dialog-pre-join .button.grey:active,.videochat-container .content .dialog-pre-join .button.grey.active{background-color:#696969!important}.videochat-container .content .dialog-pre-join .button.green{background-color:#34924a!important}.videochat-container .content .dialog-pre-join .button.green:hover{background-color:#39ac52!important}.videochat-container .content .dialog-pre-join .button.green:active,.videochat-container .content .dialog-pre-join .button.green.active{background-color:#296a3a!important}.videochat-container .content .dialog-pre-join .device-button{border:none;border-radius:4px 0 0 4px}@font-face{font-family:RoomfulIconFont;src:url(/assets/font/roomful-font-f3e06134.ttf) format("truetype"),url(/assets/font/roomful-font-ad45e70b.eot) format("embedded-opentype"),url(/assets/font/roomful-font-b79ee741.woff) format("woff"),url(/assets/font/roomful-font-ce147d40.woff2) format("woff2")}.rf-icon{vertical-align:middle}.rf-icon:before{font: 14px/1 RoomfulIconFont;font-size:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rf-web-camera:before{content:""}.rf-web-camera-slash:before{content:""}.rf-gear:before{content:""}.rf-hand:before{content:""}.rf-microphone:before{content:""}.rf-microphone-slash:before{content:""}.rf-phone-slash:before{content:""}.rf-play:before{content:""}.rf-board:before{content:""}.rf-share-screen-slash:before{content:""}.rf-share-screen:before{content:""}.rf-stop:before{content:""}.rf-refresh:before{content:""}.rf-circle-back:before{content:""}.rf-circle-close:before{content:""}.rf-more:before{content:""}.rf-hand-slash:before{content:""}.rf-camera:before{content:""}.rf-camera-slash:before{content:""}.rf-circle-slash:before{content:""}.rf-bullhorn:before{content:""}.rf-headphone:before{content:""}.rf-phone:before{content:""}.rf-circle-question:before{content:""}.rf-star:before{content:""}.rf-thumbs-down:before{content:""}.rf-thumbs-up:before{content:""}.rf-circle-warning:before{content:""}.rf-triangle-warning:before{content:""}.rf-gears:before{content:""}.rf-layout:before{content:""}.rf-user:before{content:""}.rf-user-presenter:before{content:""}.rf-user-group:before{content:""}.rf-users:before{content:""}.rf-user-moderator:before{content:""}.rf-user-co-presenter:before{content:""}:root{font-family:Roboto,system-ui,Helvetica,Arial,sans-serif;line-height:1rem;font-weight:400;background:#2f2f2f;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;border:none;outline:none;box-sizing:border-box}body{min-width:100%;min-height:100vh;height:100vh}.application{display:block;position:relative;height:100%;width:100%;overflow:hidden}