*{margin:0;padding:0}html{font-size:16px}#root{width:100%;height:100%}body{font-family:Lato,"sans-serif","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.grid{flex-direction:column;border-radius:6px;padding:40px 60px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.grid,.grid .row{display:flex;width:100%}.grid .row{justify-content:space-between;margin:5px 0;align-items:center}.grid .row .label,.grid .row .value{width:40%;white-space:nowrap}.grid .row .label{font-weight:700}.grid .row .label.flex{display:flex;align-items:center}.grid .row .value{border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;padding:10px 0}.grid.yellow{background-color:#fef9e3}.capitalize{text-transform:capitalize}.full-screen-centered{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:767px){[class*="computer only"]:not(.mobile),[class*="large monitor only"]:not(.mobile),[class*="mobile hidden"],[class*="or lower hidden"],[class*="tablet only"]:not(.mobile),[class*="widescreen monitor only"]:not(.mobile){display:none!important}}@media only screen and (min-width:768px)and (max-width:991px){[class*="computer only"]:not(.tablet),[class*="large monitor only"]:not(.tablet),[class*="mobile only"]:not(.tablet),[class*="or lower hidden"]:not(.mobile),[class*="tablet hidden"],[class*="widescreen monitor only"]:not(.tablet){display:none!important}}.authCallbackContainer{width:100%;height:100%}.page-not-found-container{width:100%;min-height:100vh;min-width:350px;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0}.page-not-found-container .error-message{font-size:1.25em;font-weight:700;margin:40px 0 0}.page-not-found-container .error-subtitle{font-size:1em;margin:10px 0 0;text-align:center}.setup-wrapper{display:flexbox;width:100%;height:100%;overflow-y:scroll}.setup-wrapper .setup-error{z-index:50;position:absolute}.setup-wrapper .setup-container{display:flexbox;width:100%;height:100%;overflow-y:scroll}@media only screen and (max-width:767px){.grid{padding:10px}.grid .row{flex-direction:column}.grid .row .label{width:100%!important;justify-content:center}}.privacy-auth{margin-top:40px}.auth-help-text{margin:3vh 0}.auth-help-text .header{font-weight:700;font-size:1.25em;padding-bottom:1vh}.password-input{display:flex}.password-input .confirm-password{margin-left:10px;margin-bottom:10px}.wide-button{width:250px;margin-bottom:10px}.workspace-name{height:45px;display:flex;align-items:center}.yellow{background-color:#fef9e3}.grey{background-color:#f8f8f8}.grid .row{margin-bottom:20px}.grid .row .title{font-size:1em}.grid .row .label{width:33%}.grid .row .copyButton,.grid .row .label,.grid .row .value{margin-bottom:10px}@media only screen and (max-width:767px){.stream-info{margin:0;padding:10px 20px}.stream-info>.row>.value{margin-left:10px;margin-right:10px}.stream-info>.row .label{text-align:center;white-space:normal;width:100%}.stream-info>.row .value{width:100%}}@media only screen and (min-width:768px){.stream-info>.row>.value{margin-left:10px;margin-right:10px}.stream-info>.row>.label{white-space:normal}}.stream-info-header{font-size:1.25em}@media only screen and (max-width:767px){.stream-name-banner>.grid{padding:0;margin:0!important}.stream-name-banner>.grid .row{margin-bottom:0}.stream-name-banner_outer-grid{margin:0!important;margin-left:auto;margin-right:auto}.stream-name-banner_title{font-size:1.5em}.stream-name-banner_button{font-size:12px;margin-left:auto!important;margin-right:auto!important}.stream-name-banner_grid{box-shadow:0 0;margin:0!important;border-radius:0;height:100%}.stream-name-banner_grid>.row{margin-bottom:0}.stream-name-banner_icon{width:100%;vertical-align:middle}.stream-name-banner_img{line-height:3em;padding-left:5px!important;padding-right:5px!important}.stream-name-banner .stream-info-grid{padding-left:0!important;padding-right:0}.stream-info-grid{margin:0!important}}@media only screen and (min-width:768px){.stream-name-banner{margin-bottom:1.5em;height:100%}.stream-name-banner>.grid{padding:0;margin:0!important}.stream-name-banner>.grid .row{margin-bottom:0}.stream-name-banner_outer-grid{height:100%}.stream-name-banner_title{font-size:2.3em}.stream-name-banner_grid{box-shadow:0 0;margin:0!important;border-radius:0;height:100%}.stream-name-banner_icon{width:5em;min-width:3em;vertical-align:middle;height:2.3em}.stream-name-banner_img{line-height:1em}}.stream-info-header{margin-top:2vh;font-size:1em;font-weight:700}.stream-info-copy{margin:1vh 0}.stream-info-restriction{margin-top:1em;margin-bottom:1em}.stream-setup{display:flex;flex-direction:column}.stream-setup .name{font-size:2em;font-style:italic}.stream-setup .config{margin-top:20px}.stream-info-reminder{font-style:italic}.stream-name-banner{background-color:#fcf3c5;vertical-align:middle;height:8em;width:100%}.stream-name-banner_outer-grid{box-shadow:0 0;margin:0;border-radius:0;width:100%;height:100%}.stream-name-banner_outer-grid>.grid{padding:0!important}.stream-name-banner_info{width:50%;margin-left:auto;margin-right:auto}.stream-name-banner_title{font-style:italic;vertical-align:middle;line-height:1em}.stream-name-banner_button{text-align:center}.stream-name-banner_button .choose-another-stream{height:100%;vertical-align:middle;display:flex;justify-content:center;align-items:center;margin-right:10px}.stream-name-banner_button .choose-another-stream>.button{background-color:#fff;width:100%;white-space:normal;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}@media only screen and (max-width:767px){.table thead tr .channel-header{color:#adadad;font-weight:900;font-size:8px;letter-spacing:.125em}.table tbody tr{display:flex!important;height:64px;padding-top:0!important;padding-bottom:0!important}.table tbody tr td .ui.dropdown .menu{left:-130px}.table tbody tr #row-logo{display:flex;flex-direction:column;justify-content:center;vertical-align:middle}.table tbody tr #row-logo>.live-stream-icon{vertical-align:middle}.table tbody tr #name{align-content:ceneter}.table tbody tr #name,.table tbody tr #row-menu{display:flex;justify-content:center;flex-direction:column}}@media only screen and (min-width:768px){.table{padding-left:0;padding-right:0}.table thead tr .channel-header{color:#adadad;font-weight:900;font-size:12px;letter-spacing:.125em}.table tbody tr{height:64px}.table tbody tr #row-logo{height:64px;line-height:64px;vertical-align:middle}.table tbody tr #row-logo>.live-stream-icon{display:inline-block;vertical-align:middle}.table tbody tr #name{width:50%}}.stream-list{width:100%}.stream-list tbody tr #name{font-weight:700;font-size:16px;padding-right:0;margin-right:0}.stream-list tbody tr #created-cell,.stream-list tbody tr #lastused-cell{font-size:12px}.stream-list tbody tr:hover{cursor:pointer}.stream-list tbody tr td .loader.inline{z-index:0}.stream-list tbody tr td .ui.dropdown{padding-bottom:.785714em}.stream-list tbody tr td .ui.dropdown .menu{top:20px}.stream-list tbody tr td .ui.dropdown .menu>.item.stream-menu-list span{margin-left:12px}.stream-list tbody tr td .ui.dropdown .menu>.item.delete span{color:#d0021b}.stream-list tbody tr td .ui.dropdown .menu>.item.delete i{background:#d0021b}@media only screen and (max-width:767px){.grid>.row>.stream-creation-sidebar{margin-top:10px}.stream-selection_header{display:block;justify-content:space-between}.stream-selection_header_selection-text{width:auto;display:block;flex-direction:row;padding-bottom:0}.stream-selection_header_selection-text .primary-lbl{display:block;font-size:1.5em;line-height:1em;padding-bottom:8px}.stream-selection_header_selection-text .secondary-lbl{display:block;color:#adadad}.stream-creation-sidebar .live-stream-icon{display:none}}@media only screen and (min-width:768px){.grid>.row{margin-bottom:0}.grid>.row>.column{padding-left:0!important;padding-right:0!important}.grid>.row>.stream-creation-sidebar{margin-top:0}.stream-selection_header{margin-bottom:2em;display:block;justify-content:space-between}.stream-selection_header_selection-text{width:auto;display:block;flex-direction:row;padding-bottom:30px}.stream-selection_header_selection-text .primary-lbl{display:block;font-size:2em;line-height:1em;padding-bottom:8px}.stream-selection_header_selection-text .secondary-lbl{display:block;color:#adadad}}.grid{box-shadow:0 0 0 0;border-radius:0}.grid>.row{padding:0!important;margin-top:0}.stream-selection{font-family:Lato;justify-content:center}.stream-selection-grid{margin-top:0;border-radius:0;padding:0}.stream-selection-grid>.row{width:100%;padding:0;margin-bottom:0!important}.stream-selection-grid>.row>.column>.grid{margin:0!important}.stream-selection-grid>.row>.column>.grid>.row{margin:0}.stream-selection-table-grid{margin:0!important;padding-top:64px!important}.setup-error{display:block;width:100%}.stream-creation-sidebar{background-color:#fafafa;padding-top:40px}.stream-creation-sidebar .stream-creation-sidebar-container{width:100%;height:100%;text-align:center}.stream-creation-sidebar .stream-creation-sidebar-container .live-stream-icon{width:75%}.stream-creation-sidebar .stream-creation-sidebar-container .button{background-color:#fff;width:72%;min-height:45px;max-height:100px!important;white-space:normal;padding:10px;margin:20px 0 0;font-weight:700;font-size:16}.stream-creation-sidebar .stream-creation-sidebar-container .button,.stream-creation-sidebar .stream-creation-sidebar-container .button:active{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.stream-creation-sidebar .stream-creation-sidebar-container .create-stream-description{width:70%;margin-left:auto;margin-right:auto;margin-top:20px;color:#7b7d83;font-size:.9em}.initial-setup img{max-width:100%}.initial-setup_content .button{margin-top:40px;max-width:100%;min-width:292px}@media only screen and (max-width:767px){.stream-naming-modal .stream-naming-content{padding:70px 10px}}@media only screen and (min-width:768px){.stream-naming-modal .stream-naming-content{padding:120px}}.stream-naming-modal{background-color:rgba(0,0,0,.5);position:absolute;top:0;right:0;color:#1f2027;z-index:1}.stream-naming-modal .md-content{background-color:#f8f8f8!important}.stream-naming-modal .stream-naming-content{display:flex;height:100%;position:relative;flex-direction:column;align-items:center;justify-content:space-between}.stream-naming-modal .stream-naming-content .header{font-weight:700;font-size:1.5em}.stream-naming-modal .stream-naming-content .description{text-align:center;padding:24px 0 56px;color:#4c4c52}.stream-naming-modal .stream-naming-content .stream-name-input{font-size:2em;border:none;border-bottom:2px solid #fecf00;background-color:#f8f8f8!important;padding-bottom:12px;text-align:center;color:#1f2027;width:85%}.stream-naming-modal .stream-naming-content .stream-name-input:focus{outline:none}.stream-naming-modal .stream-naming-content .invalid{border-bottom:2px solid red}.stream-naming-modal .stream-naming-content .error-message{color:red;position:absolute;top:60%;width:85%;text-align:center}.stream-naming-modal .stream-naming-content .continue-button{margin-top:80px}@media only screen and (max-width:767px){.delete-channel-warning-modal .delete-channel-warning{padding:70px 10px}}@media only screen and (min-width:768px){.delete-channel-warning-modal .delete-channel-warning{padding:80px}}.delete-channel-warning-modal{background-color:rgba(0,0,0,.5);position:absolute;top:0;right:0;z-index:1}.delete-channel-warning-modal .md-content{background-color:#f8f8f8!important}.delete-channel-warning-modal .delete-channel-warning{display:flex;position:relative;flex-direction:column;align-items:center;height:100%;justify-content:space-between;text-align:center}.delete-channel-warning-modal .delete-channel-warning .header{font-weight:700;font-size:1.5em;padding-bottom:.5em}.delete-channel-warning-modal .delete-channel-warning_msg{padding-bottom:2em}.setup-create{width:100%;height:100%;margin:0!important}.errorInfo{border-radius:0;margin-bottom:5px}@media only screen and (max-width:767px){.initial-setup_content{padding-left:10px;padding-right:10px}}@media only screen and (min-width:768px){.initial-setup_content{min-width:60%;padding:40px 80px}}.initial-setup{text-align:center;margin-top:64px}.initial-setup_content{width:-webkit-min-content;width:min-content;margin:auto}.initial-setup_content h3{margin-top:48px;font-size:16px}.live-streams-player{width:100vw;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.live-streams-player .viewer-error{z-index:50;position:absolute;top:0;width:100%}.live-streams-player .stream-offline-container{padding:0;max-width:100%}.live-streams-player .stream-offline-container .stream-offline{max-width:100%;max-height:100%}.live-streams-player .video-player-container{padding:0;max-width:100%;max-height:100%}.video-js-player .vjs-big-play-button{margin:auto;top:0;left:0;right:0;bottom:0}@media only screen and (min-width:768px){.video-js-player{height:100%}}@media only screen and (max-device-width:414px)and (orientation:portrait){.video-js-player{display:flex;width:100%}}.player-loader-overlay{position:absolute;top:0;right:0;background-color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fullscreen-emoji-picker{position:relative;left:90%;top:30%}.reactions-container{height:100%;width:248px;overflow:hidden;position:absolute;top:0;left:0}.reactions-container.fullscreen{height:calc(100vh - 3em)}.reactions-container .reactions{display:inline-flex;flex-direction:column;margin-left:8px;padding-bottom:8px;position:absolute;bottom:3em;left:0}@media screen and (orientation:landscape)and (max-width:900px){.fullscreen-emoji-picker{left:92%;top:0}}@media screen and (orientation:portrait){.fullscreen-emoji-picker{left:92%;top:0}}.reaction{margin:8px 0;width:240px;height:90px;background:#fff;color:#1f2027;border:1px solid #d9d9d9;padding:8px;border-radius:5px;display:inline-flex;align-items:center}.reaction .content{font-family:Lato;width:calc(100% - 68px);font-size:16px;margin-left:8px;display:inline-flex;justify-content:center;flex-direction:column}.reaction .reaction-emoji{margin:4px 0 0;font-size:1.25em}.fade-out{-webkit-animation:fadeOut .5s ease-out forwards;animation:fadeOut .5s ease-out forwards;position:absolute}.fade-in{display:inline-flex;-webkit-animation:fadeIn .5s ease-out both;animation:fadeIn .5s ease-out both}.user-name{font-weight:700;display:inline-block;max-width:100%;vertical-align:bottom;overflow:hidden}.reaction-avatar{width:60px;border-radius:50%;height:60px}@-webkit-keyframes fadeIn{0%{height:0;opacity:0}50%{opacity:.5}to{height:94px;opacity:1}}@keyframes fadeIn{0%{height:0;opacity:0}50%{opacity:.5}to{height:94px;opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1;display:inline-flex}50%{opacity:.5}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:inline-flex}50%{opacity:.5}to{opacity:0;display:none}}@media screen and (max-width:767px){.reaction{background:transparent;border:none}.reaction .reaction-emoji{font-size:2em}.top-line{display:none}}.emoji-picker-container{display:flex;flex:24 1;justify-content:flex-end;padding:10px}@media only screen and (max-device-width:414px)and (orientation:portrait){.emoji-picker-container{justify-content:flex-start;padding-left:0}}.emojis{display:flex;font-size:24px}.emojis span{cursor:pointer;padding:4px;display:inline-flex;width:40px;justify-content:center;border-radius:6px}.emojis span:hover{opacity:.7}.emojis.vertical{flex-direction:column}.emojis.vertical span{padding:8px}.current-emoji{font-size:24px;cursor:pointer}.current-emoji.animate{-webkit-animation:currentEmoji .4s ease-out both;animation:currentEmoji .4s ease-out both}.emoji-reaction{width:24px;margin-right:20px;cursor:pointer}.current-emoji:hover,.emoji-reaction:hover{opacity:.7}@-webkit-keyframes currentEmoji{0%{opacity:1}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes currentEmoji{0%{opacity:1}50%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.stream-offline-container,.video-player-container{width:100%;max-width:1280px}.stream-offline-container{padding:10px;display:grid}.stream-offline-container:before,.stream-offline-container>*{grid-area:1/1}.stream-offline-container:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 9'/%3E");line-height:0}.stream-offline{background-color:#6236ff;color:#fff;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;max-width:1280px;max-height:720px;padding:10px}.stream-offline .title{font-weight:700;font-size:2em;line-height:1.25em;text-align:center}.stream-offline .subtitle{font-size:1.25em;line-height:1em;text-align:center}.stream-offline .subtitle,.stream-offline .title{padding-top:1.5vh}.stream-offline .logo{height:4em}@media only screen and (max-device-width:900px)and (orientation:landscape){.stream-offline-container{width:100%;padding:0}}@media only screen and (max-device-width:414px)and (orientation:portrait){.stream-offline-container{width:100%;padding:0}.stream-offline .title{font-size:1em}.stream-offline .subtitle{font-size:1em;line-height:1em}.stream-offline .logo{height:3em}}.view-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;margin-top:20px}.view-container .viewer-error{z-index:50;position:absolute;top:0;width:100%}.view-container .view-inner-container{display:flex;flex-direction:column;width:100%;height:100%;align-items:center}.loader-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.toolbar{max-width:1280px}@media only screen and (max-device-width:900px)and (orientation:landscape){.view-container{margin-top:10px}.view-container .view-inner-container{display:flex;flex-direction:column;width:85%;height:100%;align-items:center}}@media only screen and (device-width:812px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:3){.view-container .view-inner-container{display:flex;flex-direction:column;width:79%;height:100%;align-items:center}}@media only screen and (max-device-width:414px)and (orientation:portrait){.view-container{margin-top:0}.view-container .view-inner-container{display:flex;flex-direction:column;width:100%;height:100%;justify-content:flex-start;align-items:flex-start}}.toolbar{display:flex;width:100%;padding-left:10px;padding-right:10px;justify-content:space-between;flex-wrap:wrap}.toolbar .stream-info{display:flex;flex-direction:column;flex:4 1;padding:10px;flex-shrink:0}.toolbar .stream-info .stream-name{font-weight:700;font-size:1.25em}.toolbar .stream-info .viewer-count{text-transform:uppercase;font-size:.7em;font-weight:700;color:#4c4d52}.toolbar .stream-options{display:flex;flex:4 1;flex-wrap:wrap}.toolbar .stream-options .broadcast-settings{display:flex;justify-content:flex-end;flex:1 1;padding:15px 10px 10px;line-height:1.4285em}.toolbar .stream-options .broadcast-settings-icon{padding:10px;width:24px}.mobile-only{display:none}.stream-info-modal{background-color:rgba(0,0,0,.5);position:absolute;top:0;right:0;color:#1f2027;z-index:1}.stream-info-modal .md-content{background-color:#f8f8f8!important}.stream-info-modal .stream-info-modal-content{padding:60px 20px}.stream-info-modal .stream-info-modal-content .header{text-align:center}.stream-info-modal .stream-info-modal-content .header .title{font-size:1.5em}.stream-info-modal .stream-info-modal-content .header .subtitle{font-size:1em;font-style:italic}.stream-info-modal .stream-info-modal-content .stream-info{padding:10px 0}.stream-info-modal .stream-info-modal-content .stream-info .row{flex-direction:row}.stream-info-modal .stream-info-modal-content .stream-info .row .label{text-align:left}.stream-info-modal .stream-info-modal-content .bottom-bar{display:flex;justify-content:center}.stream-info-modal .stream-info-modal-content .bottom-bar .button{background-color:#fff}@media only screen and (max-device-width:900px)and (orientation:landscape){.toolbar{padding-right:0;justify-content:space-between}.toolbar,.toolbar .stream-info{padding-left:0}.toolbar .stream-info .stream-name{width:-webkit-max-content;width:max-content}.toolbar .broadcast-settings{padding-right:0;justify-content:flex-end;align-items:center}.stream-info-modal .stream-info-modal-content{padding-top:30px;padding-bottom:30px}.stream-info-modal .stream-info-modal-content .stream-info{padding-bottom:0}}@media only screen and (max-device-width:414px)and (orientation:portrait){.toolbar{width:100%;padding-left:0;padding-right:0;justify-content:space-between}.toolbar .stream-info .stream-name{width:-webkit-max-content;width:max-content}.toolbar .broadcast-settings{align-items:center}}.login-container,.login-container .copy{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-container .copy{text-align:center}.login-container .copy .actions .auth-spinner{display:inline-block!important}.login-container .copy .actions .auth-message{font-size:1.25em;margin-left:10px}.login-container .copy .actions .sign-in-button{margin:0 10px;cursor:pointer}.login-container .copy .actions .sign-in-button img{height:45px;background-size:contain;border-radius:4px}.login-container .copy .actions .sign-in-button img:hover{box-shadow:0 1px 3px hsla(0,0%,86.7%,.4)}.login-container .copy .actions .sign-in-button.disabled{pointer-events:none;opacity:.7}.login-page{background-color:#f8f8f8;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page .logo{font-size:2em;font-weight:700;position:absolute;top:50px;left:50px}.login-page .logo img{width:50px;margin-right:20px}.login-page .login-error{z-index:50;position:absolute;top:0;width:100%}.login-page .login-message{font-size:1.25em;margin-bottom:2vh}@media (orientation:landscape)and (max-width:1024px),screen and (max-width:767px){.login-page .logo{position:static;margin-bottom:5vh}}.stream-authentication{display:flex;flex-direction:column;height:20vh;width:50vw;justify-content:space-between}.stream-authentication .stream-auth-label{font-size:1.2em;text-align:center}.stream-authentication .stream-name{padding-bottom:2vh;font-style:italic;font-size:2em;text-align:center}.stream-authentication .password-auth{width:50%;display:flex;flex-direction:column;margin:0 auto}.stream-authentication .password-auth form{width:100%;display:flex-box}.stream-authentication .password-auth .login-button,.stream-authentication .password-auth form .password-textbox{margin-top:1vh;width:100%}.stream-authentication .password-auth .errorInfo{width:100%;margin:10px 0 0}.stream-authentication .auth-error,.stream-authentication .password-error{font-size:1em;color:red;top:100%;margin-top:1vh;text-align:center;width:100%}@media (orientation:landscape)and (max-width:1024px),screen and (max-width:767px){.stream-authentication{width:100%;justify-content:space-between}.stream-authentication .login-container{margin-top:5vh}}
/*# sourceMappingURL=main.b93dec9f.chunk.css.map */