:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-black: rgb(12, 12, 12);--color-red5: rgb(208, 56, 50);--color-gray: rgb(136, 136, 136);--color-offwhite: rgb(245, 245, 245, .87)}body{margin:0;font-family:sans-serif;font-weight:300;font-size:.8rem;background-color:var(--color-black)}hr{width:100%}[role=tooltip],.hidetooltip.hidetooltip.hidetooltip+[role=tooltip]{visibility:hidden;position:absolute;top:40%;left:20px;right:40px;background:var(--color-offwhite);color:var(--color-black);padding:10px;border-radius:5px;z-index:101;line-height:1.2rem;box-shadow:3px 3px 10px #00000080}[aria-describedby]:hover,[aria-describedby]:focus{position:relative}[aria-describedby]:hover+[role=tooltip],[aria-describedby]:focus+[role=tooltip]{visibility:visible}dialog>.dialog_container{display:flex;flex-direction:column;align-items:center;column-gap:12px;row-gap:12px}dialog>.dialog_container>h3{margin:0}:modal{border:2px solid var(--color-gray);background-color:var(--color-offwhite);box-shadow:3px 3px 10px #00000080;max-width:50vw}.warning-modal_message,.error-modal_message{line-height:1.2rem;text-align:center;margin:4px}.red5pro-hls-vod{position:unset!important}.red5pro-media{width:100vw!important}#app{display:flex;flex-direction:column;height:100lvh}.main-video-container{flex-grow:1;width:100vw;position:relative}.secondary-video-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.secondary-video-container_more{display:none}.secondary-video-container>.subscriber{width:calc(100vw / 3);height:unset;aspect-ratio:1 / 1;cursor:pointer}.main-video,.subscriber{width:100%;height:100%;object-fit:contain;background-color:#000}.subscriber{position:relative;display:flex;align-items:center;justify-content:center}.subscriber_video{width:100%;height:100%;object-fit:contain}.secondary-video-container>.subscriber>.subscriber_video{object-fit:cover}.subscriber_label{color:color(--color-offwhite);position:absolute;width:100%;bottom:0;left:0;padding:6px 0;margin:0;text-align:center;backdrop-filter:blur(88px);z-index:2}.subscriber_label-top{bottom:unset;top:0}.subscriber_notification{background-color:#fff9;padding:4px 8px;margin:0 10px;text-align:center;position:absolute;backdrop-filter:blur(88px);z-index:1}.r5-custom-controls{position:absolute;z-index:1000;width:100%;bottom:0;backdrop-filter:blur(30px);padding:0 10px;box-sizing:border-box}.r5-custom-controls_bar{display:flex;justify-content:center;align-items:center;color:var(--color-offwhite)}.r5-custom-controls_scrubber{flex-grow:2}.hidden{display:none!important}.show{display:block}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tools{position:absolute;top:0px;right:10px;display:flex;flex-direction:column;row-gap:0px;align-items:flex-end}#tools>p{margin:0}#tools>p#flip{margin-top:10px}#embedder{z-index:2000;cursor:pointer}#logo-holder{width:100%;padding-top:10px;padding-bottom:10px;text-align:center;height:51px}#logo-holder img{width:240px}.intro-container{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#000000ab;top:0;left:0;right:0;bottom:0}.intro-container_info{width:40%;height:fit-content;top:25%;background-color:#eee;color:#000;padding:40px;z-index:3000}.intro-container_buttons{display:flex;flex-direction:row;justify-content:center}#intro-submit{cursor:pointer;border:1px solid var(--color-black);border-radius:50px;padding:9px 15px!important}.red5pro-media-container{display:block;box-sizing:border-box;position:relative;height:100%;line-height:0px}.red5pro-media{width:100%}.red5pro-media-background{background-color:#000}.red5pro-media-container-full-screen{width:100%!important;height:100%!important;overflow:hidden!important}.red5pro-media-control-bar{font-family:sans-serif;opacity:0;display:flex;align-items:center;flex-direction:row;flex-align:center;display:-ms-flexbox;-ms-flex-direction:row;-ms-flex-align:center;-ms-flex-pack:justify;position:absolute;bottom:0;left:0;right:0;height:1.5em;padding:.5em;background-color:#ffffffe6;color:#595959;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}input[type=range][orient=vertical]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:175px;padding:0 5px}.red5pro-media-control-bar-show{opacity:1}.red5pro-media-control-element{margin:0 .5em;cursor:pointer}.red5pro-media-time-field{font-size:.8em;line-height:1em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.red5pro-media-slider{-webkit-appearance:none!important;transition:all .3s ease;margin-top:.8em;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.red5pro-media-slider-track{background-color:#595959;height:.2em;position:relative;display:block;top:.1em}.red5pro-media-slider-progress{background-color:#4286f4;height:.2em;position:relative;display:block;top:-.1em}.red5pro-media-slider-button{width:1em;height:1em;max-width:24px;max-height:24px;top:-.7em;position:relative;display:block;border-radius:20px;background-color:#4286f4}.red5pro-media-slider-disabled{background-color:#bbb;cursor:arrow}.red5pro-media-volume-slider{width:110px}.red5pro-media-seektime-slider{flex-grow:1;-ms-flex-grow:1;-ms-flex-positive:1}.red5pro-media-element-button{width:24px;height:24px;display:inline-block;background-size:contain;background-position:50% 50%;background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer}.red5pro-media-element-button-disabled{cursor:arrow;opacity:.5}.red5pro-media-play-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGDR8MSrMwrQAAAS1JREFUSMftlbFKA0EQhv85Vw+xsBBfQBCsBAtLO19hOW7kUil2EWwtPN9ABV9AZXJwbyAWVwSbgEWw8BBsY5PSxiw3VtcZvcRsl69chv8r/hkWmDMNcRzfW2vXZ5EVjHk/MMa8MfNJmqaBDwEArKrqZVmWRRzHWz4ENXsAnpk5tdYu+RAAwLKqnhtjelEU7foQ1GwHQfDEzFdJkqz4EACAUdW2c67PzPs+BDUbqvrAzLetVmvNhwAASFWT0Wj0wszWh6BmoaqqRR+CioiunXObWZbJj4X9I/wVwJGIdGdd8hcRXYRhuNPpdLp/rtwkyaraI6JDEek33umGc59EdDYYDG6KonATHU2DmUciOhaR92mK+k0wJKJTEbkDoNNuwjhB7pxr53n+Mf9+vfMNOh1lhqBAXiIAAAAASUVORK5CYII=)}.red5pro-media-pause-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGDR4xC8BN/QAAADJJREFUSMdjYBgFAw0YcUlERkb+R+YvX76ckRR5GGCitQ9GLRi1YNSCUQtGLRgFwwMAAKnJCCB7toq/AAAAAElFTkSuQmCC)}.red5pro-media-unmute-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGDR8n5g/J7QAAAkRJREFUSMftVTGIE0EUfX93IyQSIRbigaCgpTYnXCF4nIUcKIIga3YmWRshlZ2KyjWp5CyuOxAOjGAxmxgUCzWcCN5pIQTORkUiCDZaHoE1RbKb+Ta7R4ibS+RALO7Dwufvn//+m/dnBti1f2W2bZulUik1HDcmWZzP549KKTeEEOujcizLeuX7/lfbtg/+FYCUct4wjCYzTwOYHZXHzD6AI5ZlPbFte89YgHK5bDiOs8jMDQD7xzWSyWRcAJ8BnLIs6+a2AK7r7m21WlUiugVAE9HtBGY5IcSdYrE4BQCVSsVn5mvR7+tSytwWgBDirRCC4y8Mw18AbACbRHReKXUvYUsuA7irtX4eb0m1Wl0DsAYgx8wXBxmcTiCyobWeUUqtJrFMp9MKwBdmnk6lUlfjOBE9jtxzAGANLvI8jyYdy0ql4juOs0BET7XWVwDcjwDWmRkAjk88ptsI+zoqeiKO9Xq9H5E7tWOAbrcbM+Y4ls1m9eAA7QhAa302EvxTHOt0Ooci9+cfGggheEjkfK1W+5ZUvFAo7Ov3+4tEBMMwHsVx0zTnIg0+DjJ4l1DjpGEYTSnl/IjuBREdI6IPQRA8GBpfAHi5xcDzvNnhgxaG4UMANjO/kFIuRF1hcBy11hnTNKv1er0XHb4zzDwHoE1EzwCAxtxDJWZeBpAaN8qu6x4Iw7AJ4DCAG57nLY0VWSm1QkQXAGyOEzwIgpWo+Pt2u7088W2qlFrVWs8AaAJ4MyqPiLIAvpumeanRaHR3X8j/x34DRnnn0LwuMegAAAAASUVORK5CYII=)}.red5pro-media-mute-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGDR84awfEGAAAAb9JREFUSMftVUFrE0EU/r7JCEPtSfDSYy3ePIneiodAIojHJbsLufoTVPCSk/QHePLinnaNC3oTKpRAPVhSLAUvycFfECg9SFjIZD8PJqAlaZpYEKEfDAyP9+ab9973ZoAr/GvwIk6NRuNWpVJ5J+lHlmUPliGwixziOK5LSiXdWCWDuQStVsv0er2Xkp5eNNNZMLOMzWbzer/ff0vyGYCS5PNVCSwARFG0D2B7avTeT7cnJOM0TXejKNqZdUAURfuS3Hg8fpTn+QAAgiC4aa39CGA4LdH2jNivZVk22u329/NuKMmRvGet3QuCoAoA1to9AHcAdP/oQZZlS9faOVcriuLThORgYt6UdOicq5u/1XmSJKfOuRqAYwCbk3XsnKslSXJqLmOYiqJYI7ku6ddwketFUazNVdEyCMNwg2RH0pYx5kjSkaQtkp0wDDfsGUVo2SaT/ADgNoBvo9Ho4e9NJvl+msHnGbF3jTHdOI7rC5IYAvjiva/meT7I83zgva9KOgAw5LxB896/ARAAGJN8IWlnFaVxwTv0RNIrANdWlfK5TU7T9DXJxwBOLvUtOkOyW5blfQBdAJ2rH+7/w08RWLPQvnuidAAAAABJRU5ErkJggg==)}.red5pro-media-fullscreen-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGCxw4RKfraQAAAO5JREFUSMftlTFKBEEQRd/fHgw7MxCDvYgoeIcBa0AED6GgIIveYmARA2dOoYGexEgxnFSGMpmWdV1hndVgZX7Sn6ru/7u66S5YdyiRPM83QgiXkg6A8eykuq61aLGZ+Vzoyd1vY4yTsizfALKUybLsCjhZccNjSWdN0wCcfzIADgEk7VVV9bCM2nxlZrYP3Ek6SgajmfwWwLLi3xjed3Q7xUZ/fcnrbzBgwC/CzHzB57WyzvCSf2Tw0p3hTl+xoih2O/r80WcScfcbSafAo5nRp6O5exqvvxi0bXsRQkDSMbDZs4hXYBpjnPyf9/UOCvNEEaDWmeQAAAAASUVORK5CYII=)}.red5pro-media-exit-fullscreen-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4QcGDR4UQMSZugAAAORJREFUSMftlTFKA1EQhr/xPdLtdjamyEVExDtsMQsi5BAREYl6jEUIaTKniBA8SaoQ0m2bhWfzhI3sLkRIE/dvZuD/h3+GYd6Ds4aqBlUNf+UBLk7d5Bkb5Hl+E9NNR/027uK6TeDrC6sTIYSfOOswmAMT4EtVDwgzkwODBuyAjzRNX9sEVVW9OOeCiIyBS3r0OAmk7Q6ANbBIkmRaFMW+qTjLsoH3/g1QYHTsHYyAp7IsA/DcJHDOvQOPXRP43461ie6ApYg8tBmIyH1Mb81sddRbZGafMR12NHgVtav+P/jH+AYb80AK5v+i6QAAAABJRU5ErkJggg==)}.red5pro-media-control-bar{background-color:unset!important;backdrop-filter:blur(30px);color:#fff!important;padding:1rem!important}.red5pro-media-slider-progress,.red5pro-media-slider-button{background-color:#fff!important}.red5pro-media-slider-button{width:1.4rem!important;height:1.4rem!important;max-width:30px!important;max-height:30px!important}.red5pro-media-time-field{font-size:.8rem}.red5pro-media-seektime-slider{position:relative!important;display:flex!important;align-items:center!important;margin-top:unset!important;margin-left:1rem!important;margin-right:1rem!important}.red5pro-media-slider-progress,.red5pro-media-slider-track{border-radius:10px!important;height:3px!important;position:absolute!important;top:unset!important}.red5pro-media-slider-button{top:unset!important}.red5pro-media-slider-track{width:100%}.red5pro-media-volume-slider,.red5pro-media-fullscreen-button{display:none!important}.red5pro-media-control-bar{z-index:100!important}.red5pro-media-pause-button{background-image:url(./pause-f23f07e6.svg)!important}.red5pro-media-play-button{background-image:url(./play-ba6b35e6.svg)!important}.red5pro-media-mute-button{background-image:url(./volume-x-f60e8518.svg)!important}.red5pro-media-unmute-button{background-image:url(./volume-2-854b0f9e.svg)!important}#embed-dialog{max-height:calc(100vh - 80px)}.embed-dialog_container{display:flex;flex-direction:column;background-color:var(--color-offwhite);color:#000}.embed-dialog_title{font-size:1rem;margin:0}.embed-dialog_link{color:var(--color-red5)}.embed-dialog_container_title{background-color:var(--color-offwhite)}.embed-dialog_options{flex:1;display:flex;flex-direction:column}.embed-options{display:flex;flex-direction:column;row-gap:16px;margin-bottom:10px;overflow-y:hidden}.embed-options_option{width:100%;display:flex;align-items:center;margin:0}.embed-options_option>label{display:block!important}.embed-options_option_label{width:30%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;text-align:right;margin:0 16px 0 0}.embed-options_option_input{flex-grow:1}.embed-options_option_info{margin-left:10px}.embed-dialog_code{box-sizing:border-box;width:100%;max-width:100%;min-height:120px;max-height:50vh}#embed-options_stream-list{display:flex;flex-direction:column;row-gap:10px;align-items:flex-end}#embed-options_stream-list>.stream-param{display:flex;flex-direction:row;column-gap:10px;justify-content:center;align-items:center}.stream-param>input{width:100%}.stream-param>.stream-param_remove{width:14px;height:14px;cursor:pointer}#embed-options_variants{display:flex;flex-direction:row;column-gap:14px;align-items:center;justify-content:center}#embed-options_variants>input{max-width:2rem}.embed-dialog_controls{display:flex;flex-direction:row;justify-content:flex-end;padding:10px 0}.embed-dialog_api_link{font-size:1rem}.embed-dialog_close{width:fit-content}@media (orientation: portrait){#embed-dialog{max-width:calc(100vw - 100px)}}.body_demo{background-color:var(--color-gray);display:flex;height:100vh;align-items:center;justify-content:center}.flip_demo{display:block}.app_demo{background-color:var(--color-black);box-sizing:border-box;box-shadow:-.5rem .5rem .5rem #0006;border-radius:20px;overflow:hidden}.main-video-container_demo{border-top-left-radius:20px;border-top-right-radius:20px}.main-video-container_demo>.subscriber>.subscriber_label{padding:10px 0}.secondary-video-container_demo{background-color:var(--color-black);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.app_demo_portrait{width:420px;max-width:420px;height:calc(100vh - 40px)!important;margin:20px}.main-video-container_demo_portait{border-radius:unset!important}.main-video-container_demo_portait,.secondary-video-container_demo_portrait{width:100%!important;overflow:hidden}.secondary-video-container_demo_portrait>.subscriber{width:140px!important;overflow:hidden}.app_demo_landscape{height:420px!important;max-height:420px;position:relative}.main-video-container_demo_landscape{width:100%!important;height:100%!important;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:1}.main-video-container_demo_landscape>.subscriber{border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden}.secondary-video-container_demo_landscape{position:absolute!important;bottom:50px;right:10px;height:84px;flex-direction:row;align-items:flex-end;background-color:unset;z-index:2}.secondary-video-container_demo_landscape>.subscriber{height:100%!important;width:unset!important;border-radius:10px;overflow:hidden;box-shadow:-.5rem .5rem .5rem #0006;z-index:10}.secondary-video-container_demo_landscape>.subscriber>.subscriber_label{border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:none}.secondary-video-container_demo_landscape>.subscriber>.subscriber_notification{border-radius:20px}.secondary-video-container_demo_landscape>.subscriber:not(:first-child){margin-left:10px}.secondary-video-container_demo_landscape>.subscriber:hover{transform:translateY(-20px);transition:.4s ease-out;z-index:100}.secondary-video-container_demo_landscape>.subscriber:hover~.secondary-video-container_demo_landscape>.subscriber{position:relative;left:50px;transition:.4s ease-out}
