*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;width:100%;height:100%;font-size:12px;font-weight:400;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:Gilroy-Light;src:url(/Gilroy-Light.ttf)}@font-face{font-family:Gilroy-Regular;src:url(/Gilroy-Regular.ttf)}@font-face{font-family:Gilroy-Medium;src:url(/Gilroy-Medium.ttf)}@font-face{font-family:Gilroy-Semibold;src:url(/Gilroy-Semibold.ttf)}@font-face{font-family:GreatVibes-Regular;src:url(/GreatVibes-Regular.ttf)}.login-card{position:relative;height:calc(100% - 50px);width:380px;display:flex;justify-content:row;margin:0 auto}.login-form{display:flex;margin:auto;flex-direction:column}.login-form-item{margin:8px 0!important}.login-form-btns{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px}.login-form-btn{width:calc(50% - 8px)}.camera-controls-title>span{font-family:Gilroy-Bold}.camera-controls-title>span.enabled{color:#20ad1d}.camera-controls-title>span.disabled{color:#e24235}.camera-controls-title>span.waiting{color:#fbb00e}.camera-controls-fast{display:flex;justify-content:center;position:absolute;bottom:16px;left:16px;right:16px}.camera-controls-fast button{margin:0 8px}.preview-login-wrapper{min-width:320px;max-width:40%;align-self:center}.preview-controls-wrapper{margin:20px auto auto}.preview-controls-wrapper .camera-control{margin:8px 0}.preview-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;height:100vh}.preview-header{margin:0 0 60px;font-size:18px;font-family:Gilroy-Regular}.preview-content{display:flex;width:1200px}.preview-camera-block{position:relative;display:flex;align-items:center;flex-direction:column;flex:1 1;margin:0 10px}.p-camera{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:5px;background-color:#000;color:#fff}.p-camera-placeholder{position:absolute;font-size:16px;font-family:Gilroy-Light}.p-block{width:100%;height:100%}.p-camera-controls{position:absolute;left:20px;bottom:10px;display:flex;align-items:center;width:100%;height:70px;border-radius:5px}.p-actions{display:flex;justify-content:flex-end;width:1200px;margin:20px}.p-action-button{font-size:16px;font-family:Gilroy-Regular}.camera-preview-icon{width:25px;height:25px;background-image:url(/camera-white.svg)}.camera-preview-icon,.menu-preview-icon{background-size:contain;background-repeat:no-repeat}.menu-preview-icon{width:30px;height:30px;z-index:15;cursor:pointer;background-image:url(/dots.svg)}.preview-main-settings-block{display:flex;flex-direction:column;width:40%;height:100%;padding:20px 30px;border-radius:5px;background-color:#09263c}.p-ms-title{margin:20px 0;font-size:16px;font-family:Gilroy-Regular}.p-ms-title>span{font-family:Gilroy-Bold}.p-ms-title>span.enabled{color:#20ad1d}.p-ms-title>span.disabled{color:#e24235}.p-ms-title>span.waiting{color:#fbb00e}@media screen and (max-width:1000px){.preview-container{overflow-y:auto;padding:350px 0 200px}.preview-content{flex-direction:column;width:300px;height:auto}.preview-camera-block{margin:0;min-width:100%}.preview-main-settings-block{width:100%;margin:20px 0}.p-actions{width:auto}}.video-content{position:absolute;top:0;width:100%;height:100%}.video-container{position:relative;display:flex;align-items:center;justify-content:center;width:70vw;height:100%;margin:20px;background-size:30%;background-repeat:no-repeat;background-position:50%;border:none}.video-container.audio-only{border:1px solid #437d6a;background-image:url(/microphone-white.svg)}.video-container.audio-only.local{border:1px solid #d8a87d}.muted{height:16px;width:16px;background-size:contain;background-image:url(/microphone-muted-red.svg)}.video-space{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.video-space.muted{background-image:url(/microphone-muted.svg)}video{max-width:100%;height:100%;border-width:0;outline-width:0;object-fit:cover}.participant-name{position:absolute;top:5%;left:50%;color:#fff}.disconnect-participant{position:absolute;right:10px;cursor:pointer;width:30px;height:30px;z-index:10}.user-control{position:absolute;right:8px;top:8px;cursor:pointer;color:rgba(25,118,210,.5)}.user-control-menu-container:hover,.user-control:hover~.user-control-menu-container{visibility:visible}.user-control-menu-container{width:220px;height:auto;position:absolute;top:8px;right:8px;background-color:#1976d2;z-index:20;border-radius:5px;visibility:hidden}.user-control-menu-container .menu-item{font-size:14px;padding:1em;display:flex;cursor:pointer;align-items:center;color:#fff}.user-control-menu-container .menu-item:hover{background-color:#1976f0;border-radius:5px}.active-speaker{box-shadow:0 0 5px 3px hsla(0,0%,100%,.28)!important}video::-webkit-media-controls{display:none!important}.video-container-background{display:none;position:absolute;top:0;left:0;background-color:#000;border-radius:7px;width:100%;height:100%;z-index:2}.avatar-image{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;font-size:15px}.avatar-image img{border-radius:50%;background-color:#474747}.video-container-avatar{max-width:100%;max-height:80%}.video-container-avatar-only{position:absolute;top:0;left:0;background-color:#000;border-radius:4px}.video-userinfo-container{display:flex;align-items:center;position:absolute;left:0;bottom:0;padding:4px 6px;background-color:rgba(67,125,106,.6);color:#fff;border-radius:0 4px;font-size:15px;font-family:Gilroy-Medium;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.video-userinfo-container.audio-only{width:100%;left:auto;justify-content:center;border-top-right-radius:4px}.video-userinfo-container.local{background-color:rgba(25,118,210,.6)}.hover-background{background-color:rgba(0,0,0,.6)!important;opacity:0;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3;pointer-events:none;transition:.3s ease}.video-container:hover .hover-background{opacity:1;transition:.3s ease}.flipVideoX{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.screen-share-video{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.user-indicator-container{position:absolute;left:0;bottom:0;height:22px;pointer-events:none;z-index:10;width:auto;background-color:#13babf;display:flex;font-size:14px;font-weight:500;align-items:center;border-radius:0 5px 0 0;padding:0 5px}.indicator-container{display:flex;margin-right:5px}.muted-audio{background-image:url(/microphone-muted.svg)}.muted-audio,.muted-video{width:16px;height:16px;background-repeat:no-repeat;background-size:contain}.muted-video{background-image:url(/camera-stopped.svg)}.muted-audio-container,.muted-video-container{display:none;margin:0 8px 0 0}.top-bar{position:absolute;top:0;left:0;width:100%}.connection-container{position:relative;font-size:8px;text-align:center;line-height:22px;padding:0;width:22px;height:22px;border-radius:50%;box-sizing:border-box;background:rgba(45,201,55,.6);color:#fff;border:2px solid #fff;margin:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.connection-image{width:8px;height:8px;background-image:url(/connection.svg);background-repeat:no-repeat;background-size:contain}.network-monitoring-container{top:8px;left:42px;z-index:20}.network-item{display:flex;padding:2px 0}.network-value{padding-left:10px}.connection-container:hover~.network-monitoring-container{visibility:visible!important}.chart-wrapper{position:absolute;top:-6px;left:0;right:0;border-radius:8px;padding:4px 8px 8px}.chart-select-abel,.chart-wrapper{background-color:#f6f6f6}.footer-left{position:absolute;display:flex;bottom:16px}.footer-center{display:flex;margin:16px auto auto}.footer-right{position:absolute;display:flex;bottom:16px}.footer-fab-leave:hover{background-color:#ff6861!important}.footer-control-menu-container{position:absolute;width:200px;height:auto;bottom:55px;right:33px;background-color:#071b29;z-index:20;border-radius:5px;visibility:hidden}.footer-control-menu-container:hover{visibility:visible}.timer{font-size:14px;display:flex;align-items:center;font-weight:700;margin-right:8px;color:#fff;justify-content:flex-end;min-width:60px;font-family:"Courier New",Courier,monospace}@media screen and (max-width:1000px){.timer{display:none}}.chat{position:relative;z-index:5;height:100%;display:flex}.unread-message{position:absolute;bottom:-7px;right:-5px;width:20px;height:20px;border-radius:50%;background-color:#bf2117;font-size:10px;display:flex;justify-content:center;align-items:center;font-weight:600;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.chat-container{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:16px;top:16px;box-sizing:border-box;box-shadow:0 7px 40px 2px rgba(148,149,150,.3);background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease-in-out;border-radius:4px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;z-index:99;text-align:left}.chat-container.closed{opacity:0;visibility:hidden;bottom:90px}.chat-header{background:#1976d2;border-top-left-radius:3px;border-top-right-radius:3px;color:#fff;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;box-sizing:border-box;display:flex}.chat-header-room-name{align-self:center;padding:10px;flex:1 1;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.chat-header--close-button{width:40px;align-self:center;height:40px;margin-right:10px;box-sizing:border-box;cursor:pointer;border-radius:5px}.chat-header--close-button img{width:100%;height:100%;padding:13px;box-sizing:border-box}.message-list{height:80%;overflow-y:auto;background-color:#fff;background-size:100%;padding:40px 0}.user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:#f4f7f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:background-color .2s ease,box-shadow .2s ease}.user-input textarea{background-color:transparent}.user-input--text{width:300px;resize:none;border:none;outline:none;border-bottom-left-radius:10px;box-sizing:border-box;padding:18px;font-size:15px;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;max-height:200px;overflow:scroll;bottom:0;overflow-x:hidden;overflow-y:auto}.user-input--text:empty:before{content:attr(placeholder);display:block;color:rgba(86,88,103,.3);outline:none}.user-input--buttons{width:100px;position:absolute;right:10px;height:100%;display:flex;justify-content:flex-end}.user-input--button{width:40px;height:55px}.user-input--button,.user-input--send-icon-wrapper{display:flex;flex-direction:column;justify-content:center}.user-input--send-icon-wrapper{background:none;border:none;padding:2px;margin:0}.chat-container button{cursor:pointer}.user-input--send-icon{height:20px;width:20px;cursor:pointer;align-self:center;outline:none}.message{width:300px;margin:auto;padding-bottom:10px;display:flex}.message-content{width:100%;display:flex}.message-content.sent{justify-content:flex-end}.message-content.receive{justify-content:flex-start}.message-additional-info{display:flex;font-size:10px;font-style:italic;margin-top:5px}.message-text{padding:17px 20px;border-radius:6px;font-weight:300;font-size:14px;line-height:1.4;white-space:pre-wrap;-webkit-font-smoothing:subpixel-antialiased;word-wrap:break-word;width:calc(100% - 90px);text-transform:none}.message-content.sent .message-text{color:#fff;background-color:#4e8cff;max-width:calc(100% - 120px);word-wrap:break-word}.message-content.receive .message-text{color:#263238;background-color:#f4f7f9;margin-right:40px}.m-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5333333333333333);z-index:100;transition:.1s ease;opacity:0;pointer-events:none}.m-wrapper.opened{opacity:1;transition:.1s ease;pointer-events:all}.m-content{position:absolute;bottom:90px;right:20px;width:250px;border-radius:4px;background-color:#1976d2;box-shadow:5px 5px 18px 5px rgba(0,0,0,.1);z-index:101;opacity:0;pointer-events:none}.m-content.opened{pointer-events:all;opacity:1;transition:.1s ease}.m-list-icon{width:20px;height:20px;margin:0 15px 0 0;background-position:50%;background-size:contain}.m-list-icon.player{background-image:url(/video-player.svg)}.m-list-icon.headphones{background-image:url(/headphones.svg)}.device-selector-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5333333333333333);z-index:103;transition:.1s ease;opacity:0;pointer-events:none}.device-selector-wrapper.opened{transition:.1s ease}.ds-content{position:absolute;top:calc(50vh - 125px);left:calc(50vw - 250px);width:500px;border-radius:4px;background-color:#1976d2;box-shadow:5px 5px 18px 5px rgba(0,0,0,.1);z-index:105;opacity:0;pointer-events:none}.ds-content.opened{pointer-events:all;opacity:1;transition:.1s ease}.ds-content-container{height:100%;padding:20px}.ds-camera-preview{width:100%;height:300px;margin:15px 0 0;background-color:#000}@media screen and (max-width:1000px){.ds-content{left:calc(50vw - 45%);width:90%}}.video-quality{position:absolute;left:0;top:calc(50vh - 125px);width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;-webkit-transform:.5s cubic-bezier(.23,1,.32,1) 0s;transform:.5s cubic-bezier(.23,1,.32,1) 0s}.closed{opacity:0;visibility:hidden}.video-quality-container{width:400px;padding:20px 10px;background-color:#1976d2;color:#fff;display:flex;flex-direction:column;border-radius:5px;justify-content:center;transition:.3s ease-in-out;z-index:101}.video-width-container{display:flex;font-size:13px;margin:0 10px;justify-content:space-between;align-items:center}.slider-container{width:60%}.MuiSlider-root{color:#fff!important}.MuiSlider-mark,.MuiSlider-markActive{color:transparent!important;background-color:transparent!important}.video-quality-footer-buttons{display:flex;justify-content:space-around;margin:15px 0 0}.video-quality-footer-buttons button{border:none;height:40px;width:100px;color:#fff;margin:0;padding:0 10px;border-radius:48px;font-weight:500;text-align:center;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.13333333333333333)}.video-quality-footer-buttons button:hover{background-color:rgba(63,81,181,.4)}.video-quality-footer-buttons button:focus{outline:none;border:none}@media screen and (max-width:1000px){.video-quality-container{width:90%;height:auto}}.session-my-video-card{position:absolute!important;width:194px!important;right:8px;bottom:88px}@media screen and (max-width:600px){.session-my-video-card{width:128px!important;bottom:152px}}.session-container{overflow:hidden;display:grid;grid-template-rows:1fr 70px;background-color:#082b44}.footer-controls{width:100%;position:absolute;bottom:0;display:flex;height:50px;max-height:50px;justify-content:center;align-items:center}.controls-buttons{width:125px;display:flex;justify-content:space-between}.network-quality-container{display:flex;align-items:center;color:#fff;margin:10px;align-content:flex-start}.bad{background-color:#cc3232!important}.good{background-color:#e7b416!important}.excellent{background-color:#2dc937!important}.network-audio-container,.network-video-container{display:flex}.network-cycle{width:25px;height:25px;border-radius:50%;background-color:#fff;margin:0 10px}.unapproved-users-container{position:absolute;top:0;right:20px;width:250px;max-height:100vh;padding:20px 0;z-index:99;overflow-y:auto}.unapproved-users-container::-webkit-scrollbar{display:none}.user-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99%;padding:25px 0;margin-bottom:10px;border:1px solid hsla(0,0%,80%,.06666666666666667);box-shadow:5px 5px 18px 5px rgba(0,0,0,.2);background-color:#082b44}.user-face{background-image:url(/man-user-dark.svg);height:100px;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.username{color:#fff;max-width:80%;margin:10px 0;font-size:16px;font-family:Gilroy-Regular;text-align:center}.username span{text-decoration:underline}.approved-buttons{width:100%;display:flex;justify-content:space-around}.admit-button{background:url(/success.svg) no-repeat 50%;background-size:contain}.admit-button,.reject-button{cursor:pointer;width:30px;height:30px}.reject-button{background:url(/error.svg) no-repeat 50%;background-size:contain}.waiting-container{position:absolute;bottom:88px;left:0;right:0;margin-top:16px;color:#fff;font-size:20px;display:flex;flex-direction:column;align-self:center;text-align:center;font-family:Gilroy-Regular;z-index:99}@media screen and (max-width:600px){.waiting-container{bottom:152px}}.session-videos{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;margin:0 0 20px}.video-spaces{position:relative;display:flex;flex-direction:row;justify-content:space-between;flex:1 1}.video-containers{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:100%}.video-containers.p1>.video-container{width:70vw;height:73vh;margin:0}.video-containers.p2>.video-container{width:44vw;height:70vh;margin:10px}.video-containers.p3{margin:0}.video-containers.p3>.video-container{width:35vw;height:42vh;margin:5px}.video-containers.p4{margin:0}.video-containers.p4>.video-container{width:26vw;height:34vh;margin:10px}.video-containers.p5{margin:0}.video-containers.p5>.video-container{width:20vw;height:35vh;margin:10px}.video-containers.p6{margin:0}.video-containers.p6>.video-container{width:20vw;height:35vh;margin:10px}.video-containers.p7{margin:0}.video-containers.p7>.video-container{width:20vw;height:35vh;margin:10px}.video-containers.p8{margin:0 2%}.video-containers.p8>.video-container{width:20vw;height:35vh;margin:10px}.video-containers.p9{margin:0 2%}.video-containers.p9>.video-container{width:18vw;height:35vh;margin:10px}.video-containers.p10{margin:0}.video-containers.p10>.video-container{width:18vw;height:34vh;margin:10px}.video-containers.pu{margin:0 2%}.video-containers.pu>.video-container{width:14vw;height:25vh;margin:10px}.stats-chart-switch{position:absolute;top:16px;right:16px;color:hsla(0,0%,100%,.9)}.app-bg{z-index:-1;background:url("https://images.squarespace-cdn.com/content/v1/5af0831b85ede1abac791b88/1612983720318-77NA5N7G6MT9KWPQD1TB/Copy+of+behaviour+co-watch+(3).jpg");background-size:100% auto}.app-bg,.app-bg:after{position:absolute;top:0;right:0;bottom:0;left:0}.app-bg:after{content:"";background-color:rgba(0,0,0,.69)}@media screen and (max-width:599px){.app-bg:after{background-color:rgba(0,0,0,.87)}}@media screen and (max-width:900px){.app-bg{background-size:auto 100%}}.app-bg-dark{background-color:rgba(0,0,0,.8);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.powered-by-container{grid-column-start:1;grid-column-end:-1;width:100%;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.powered-by-text{color:#fff;font-size:16px;font-family:Gilroy-Regular}.logo-top{background-image:url(/sceenic.svg);background-repeat:no-repeat;width:90px;height:110px;background-size:contain;background-position:50%}.hide{display:none!important}
/*# sourceMappingURL=main.ccf16acb.chunk.css.map */