.composite-layout .composite-layout-button{position:relative;width:150px;height:75px}.composite-layout .composite-layout-button .composite-layout-button-label{font-size:150%}.composite-layout .composite-layout-button .composite-layout-pip{position:absolute;width:40px;height:25px;border:1px solid grey;border-radius:3px;font-size:100%}.composite-layout .composite-layout-button .composite-layout-pip.pip-top-left{top:10px;left:10px}.composite-layout .composite-layout-button .composite-layout-pip.pip-top-right{top:10px;right:10px}.composite-layout .composite-layout-button .composite-layout-pip.pip-bottom-left{bottom:10px;left:10px}.composite-layout .composite-layout-button .composite-layout-pip.pip-bottom-right{bottom:10px;right:10px}.composite-layout .composite-layout-button .composite-layout-quarter{position:absolute;width:75px;height:38px;border:1px solid grey;border-radius:3px;font-size:100%;padding-top:.4em}.composite-layout .composite-layout-button .composite-layout-quarter.quarter-left{top:17px;left:0}.composite-layout .composite-layout-button .composite-layout-quarter.quarter-right{top:17px;right:0}#composite-video-container{position:relative;width:100%;height:0%;padding:57% 0 0}#publisher-canvas{position:absolute;background-color:grey;top:0;left:0;height:100%;width:100%}.hop-page{flex-grow:1}.hop-page .col-md-8.col-sm-12{height:100%;display:flex;flex-wrap:wrap}.hop-page #peer-video-container{height:100%}.hop-page #player-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;height:100%}.hop-page .hop-peer-player-container{margin:10px;text-align:center}.hop-page .auto #player-list .hop-peer-player-container{flex-grow:1;flex-shrink:1;flex-basis:300px;max-width:calc(50% - 20px)}.hop-page .hop-meeting-peer-player{width:100%;height:100%;background:#eee;border-radius:10px}.hop-page .hop-peer-player-name{color:#333;margin-top:8px;font-size:14px;font-weight:500}.hop-page .grid-2x2{background-color:#2c2c2c}.hop-page .grid-2x2 #player-list{justify-content:center}.hop-page .grid-2x2 #player-list .hop-peer-player-container{width:calc(50% - 10px);height:calc(50% - 10px);margin:5px;position:relative}.hop-page .grid-2x2 .hop-meeting-peer-player{object-fit:cover}.hop-page .grid-3x3{background-color:#2c2c2c}.hop-page .grid-3x3 #player-list{justify-content:center}.hop-page .grid-3x3 #player-list .hop-peer-player-container{width:calc(33.33% - 10px);height:calc(33.33% - 10px);margin:5px;position:relative}.hop-page .grid-3x3 .hop-meeting-peer-player{object-fit:cover}.hop-page .grid-2x2 #player-list .hop-peer-player-name,.hop-page .grid-3x3 #player-list .hop-peer-player-name{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.6);color:#fff;padding:2px 8px;border-radius:4px;margin-top:0}body,html{height:100%}body{background:#f8f8f8;background-image:url(../../static/media/bg-image-1.5ce47883.svg),url(../../static/media/bg-image-2.5ce47883.svg);background-position:bottom,top;background-repeat:no-repeat;background-size:100% 32%,100% 60%}a:disabled,button:disabled{cursor:not-allowed}.alert-dismissible .close{padding:.4rem 1.25rem}#top-nav{background:#fff;box-shadow:0 3px 3px rgba(0,0,0,.05)}#content{margin-top:3em;max-width:1500px}#player-video,#publisher-video{width:100%!important;position:relative;left:50%;transform:translateX(-50%)}#player-video,#publisher-video,.meeting-peer-player{height:auto!important;background:#eee;border-radius:10px}.meeting-peer-player{width:45%!important;margin:15px}#video-live-indicator{position:absolute;top:.5em;left:1.5em;opacity:.9}#build{position:absolute;color:#ccc;font-size:50%;bottom:1em;right:1em}#play-video-container{height:0;width:100%;padding-bottom:57%;background-color:#666;border-radius:.75em}#composite-content,#meeting-content,#play-content,#publish-content{max-width:1500px}#composite-content-inner,#meeting-settings,#play-settings,#publish-settings{background:#fff;border:1px solid #f0f0f0;box-sizing:border-box;box-shadow:0 2px 2px rgba(0,0,0,.05);border-radius:8px;padding:1em}#composite-content-outer{padding:0 1em}#meeting-toggle,#play-toggle,#publish-toggle{background:#ff8400;border-radius:55px;width:100%;font-weight:500;font-size:17px;line-height:130%;text-align:center;color:#fff}#navbarNav{height:40px}#meeting-share-link,#play-share-link,#publish-share-link{padding:.25em .7em}#play-share-link,#publish-share-link:focus{outline:none}.control-button{background:#fff;border:1px solid #b2b3b5;box-sizing:border-box;border-radius:6px;margin-top:2em}ul.navbar-nav{flex-direction:unset}.navbar-nav li.nav-item.page{text-align:center}.navbar-nav li.nav-item.page.active span{border-bottom:3px solid #65686a}.navbar-nav li.nav-item.page span{padding:0 40px;position:relative;left:0;display:block;top:20px;border-bottom:none}.navbar-nav li.nav-item a{text-decoration:none;color:#939597}.navbar-nav li.nav-item.active a{color:#65686a}#nav-publish-indicator{display:inline;margin-right:.5em;color:#dc3545}
/*# sourceMappingURL=main.91fb6afc.chunk.css.map */