:root{--colour1:#000000;--colour2:#FFFFFF;--colour3:#0585fe;--colour4:#35b350;--colour5:#ffab00;--colour6:#1e1d22;--colour7:#3c3b40}body{margin:0;background-color:#000;font-family:"Montserrat",sans-serif}#playerUI{width:100%;height:100%}canvas{image-rendering:crisp-edges;position:absolute}#player,#videoPlayOverlay,video{position:absolute;width:100%;height:100%}#player{background-color:#000}#videoPlayOverlay{font-size:1.8em;color:var(--colour2)}.clickableState,.textDisplayState{align-items:center;justify-content:center;display:flex;cursor:pointer}.hiddenState{display:none}#playButton{display:inline-block;height:auto;z-index:30}img#playButton{max-width:241px;width:10%}#freezeFrameOverlay{background-color:transparent}.freezeframeBackground{background-color:#000!important}#overlay,.tooltip .tooltiptext{color:var(--colour2);position:absolute;z-index:20}#overlay{width:100%;height:100%;pointer-events:none;overflow:hidden}#overlay button{background-color:var(--colour7);border:1px solid var(--colour7);color:var(--colour2);position:relative;width:3rem;height:3rem;padding:.5rem;text-align:center}#fullscreen-btn{padding:.6rem!important}#overlay button:active,#overlay button:hover{border:3px solid var(--colour3);padding-left:.55rem;padding-top:.55rem}#overlay button:hover{background-color:var(--colour3);transition:.25s ease}#overlay button:active{background-color:var(--colour7)}#overlay img{width:100%;height:100%}.tooltip .tooltiptext{visibility:hidden;width:auto;border-radius:15px;padding:0 10px;font-size:.75rem;letter-spacing:.75px;top:0;transform:translateY(25%);left:125%}.tooltip:hover .tooltiptext{visibility:visible;background-color:var(--colour7)}#connection .tooltiptext,#settings-panel .tooltiptext{top:125%;transform:translateX(-25%);left:0;z-index:20;padding:5px 10px}#settings-panel .tooltiptext{display:block;transform:translateX(-50%);border:3px solid var(--colour5);width:max-content}#controls{position:absolute;top:2%;left:1%;font-family:"Michroma",sans-serif;pointer-events:all;display:block}#controls>*{margin-bottom:.5rem;border-radius:50%;display:block;height:2rem;line-height:1.75rem;padding:.5rem}#controls #additionalinfo,.tooltip .tooltiptext{text-align:center;font-family:"Montserrat",sans-serif}#connection,#unrealengine{position:absolute;bottom:5%;font-family:"Michroma",sans-serif;pointer-events:all}#unrealengine{right:10%;width:min-content}#unrealengine p{visibility:hidden;width:15rem}#connection{left:10%;height:3rem;width:3rem}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel-wrap{position:fixed;top:0;bottom:0;right:0;height:100%;min-width:20vw;transform:translateX(100%);transition:.3s ease-out;pointer-events:all;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;overflow-x:hidden;background-color:rgba(30,29,34,.5)}.panel-wrap-visible{transform:translateX(0)}.panel{color:#eee;overflow-y:auto;padding:1em}#heading{display:inline-block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0;margin-inline-end:0;position:relative;padding:0 0 0 2rem}#close{margin:.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-right:.5rem;font-size:2em;float:right}#close:after{padding-left:.5rem;display:inline-block;content:"×"}#close:hover{color:var(--colour3);transition:ease .3s}#content{margin:2rem}.setting{display:flex;flex-direction:row;justify-content:space-between;padding:0;margin:.5rem 0}.settings-text{margin-right:2rem;display:flex}.tgl-switch{vertical-align:middle;display:inline-block}.tgl-switch .tgl{display:none}.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-slider,.tgl:after,.tgl:before{-webkit-box-sizing:border-box;box-sizing:border-box}.tgl ::-moz-selection,.tgl :after::-moz-selection,.tgl :before::-moz-selection,.tgl+.tgl-slider::-moz-selection,.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection{background:0 0}.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl+.tgl-slider::selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection{background:0 0}.tgl+.tgl-slider{outline:0;display:block;width:40px;height:18px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tgl+.tgl-slider:after{display:block}.tgl+.tgl-slider:after,.tgl+.tgl-slider:before{position:relative;content:"";width:50%;height:100%}.tgl+.tgl-slider:after{left:0}.tgl+.tgl-slider:before{display:none}.tgl-flat+.tgl-slider,.tgl-flat+.tgl-slider:after{-webkit-transition:all .2s ease;transition:all .2s ease}.tgl-flat+.tgl-slider{padding:2px;background:var(--colour6);border:3px solid var(--colour7);border-radius:2em}.tgl-flat+.tgl-slider:after{background:var(--colour7);content:"";border-radius:1em}.tgl-flat:checked+.tgl-slider{border:3px solid var(--colour3)}.tgl-flat:checked+.tgl-slider:after{left:50%;background:var(--colour3)}.subtitle-text{margin:0 0 0 1rem;color:var(--colour5);position:relative}.form-group{padding-top:4px;display:grid;grid-template-columns:50% 50%;row-gap:4px;padding-right:10px;padding-left:10px}.form-group label{color:var(--colour2);vertical-align:middle;font-weight:400;margin-right:2rem;min-width:75%}#LatencyStats,#stats{margin-left:1rem}#hiddenInput{position:absolute;left:-10%;width:0;opacity:0}#editTextButton{position:absolute;height:40px;width:40px}input{text-align:right}.warning{box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:40px;display:none}.warning::after,.warning::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.warning::after{top:2px;height:8px}.warning::before{height:2px;bottom:2px}input[type=button]{color:var(--colour2);font-family:"Montserrat";border:3px solid var(--colour3);border-radius:1rem;font-size:.75rem;padding-left:.5rem;padding-right:.5rem}input[type=button]:hover{background-color:var(--colour3);transition:ease .3s}input[type=button],input[type=button]:active{background-color:transparent}#encoder-params-submit,#webrtc-params-submit{text-align:center}input[type=number],select{background-color:var(--colour7);color:var(--colour2);border:1px solid var(--colour6);padding:.25rem;font-family:"Montserrat";border-radius:.25rem}input[type=number]::-webkit-inner-spin-button{margin-left:.5rem}input[type=number]:disabled{padding-right:.5rem;-moz-appearance:textfield}input[type=number]:disabled::-webkit-inner-spin-button{display:none}#settingsBtn,#statsBtn{cursor:pointer}#streamingVideo{pointer-events:all}embed{border:0;width:100%;height:100%}g{fill:var(--colour2)}object{pointer-events:none}#connectionStrength{fill:var(--colour7)}#minimize{display:none}#afkOverlay,#afkOverlay center{display:inline-block;height:100vh}#afkOverlay{z-index:999;background-color:rgba(30,29,34,.5);width:100vw;line-height:100vh;text-align:center;overflow:hidden}#afkOverlay center{line-height:1.5}