.sidebar[data-v-495f894d]{margin-top:70px;width:280px;height:100%;position:fixed;background:#f1f1f1;display:flex;padding:1rem;flex-direction:column}.nav[data-v-495f894d]{margin-bottom:20px}.sidebar .nav-link[data-v-495f894d]{text-align:left;font-weight:500;color:var(--bs-dark)}.sidebar .nav-link[data-v-495f894d]:hover{background:var(--bs-light);color:var(--bs-primary)}.divider[data-v-495f894d]{background:#707070;width:80%;height:1px;align-self:center}.header[data-v-5e0caca0]{background:#f53c3c;height:70px;max-height:70px}#app{font-family:Px-Grotestk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;width:100%}#app,body{height:100%}body{display:flex;align-items:center}html{height:100%}input{margin:.3em}.sesion[data-v-19859990]{width:100%;max-width:430px;padding:1em;margin:auto;height:100%}.header[data-v-b0c5ecd6]{background:#f53c3c;height:70px;max-height:70px}li.list-group-item[data-v-4b090ac9]{text-align:initial}:root{--colour1:#2b3a42;--colour2:#242424;--colour3:#bdd4de;--colour4:#b0b0b0;--colour5:#0262c3;--colour6:#0f0f0f;--colour7:#2f2f2f;--colour8:#151515;--buttonFont:Arial;--inputFont:Arial}body{margin:0}#playerUI{width:100%;height:100%;z-index:10}.statsContainer{background-color:var(--colour6);text-align:left;display:block;margin-top:5px}.stats{font-size:14px;font-weight:700;padding:6px;color:var(--colour5)}canvas{image-rendering:crisp-edges;position:absolute}video{width:100%;height:100%}#player{width:640px;max-width:1920px;height:480px;min-height:220px;max-height:1080px;position:relative}#overlay{-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-khtml-border-bottom-right-radius:5px;-khtml-border-bottom-left-radius:5px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:0;right:2%;z-index:100;border:4px solid var(--colour8);border-top-width:0}.overlay{background-color:var(--colour2);font-family:var(--buttonFont);font-weight:lighter;color:var(--colour4)}.overlay-shown>#overlaySettings{display:block}.overlay-shown>div>#overlayButton{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg)}#overlayButton:hover{cursor:pointer}#overlayButton{transition-duration:.25s;text-align:right;font-size:40px}#qualityStatus{font-size:37px;padding-right:4px}.setting{display:flex;flex-direction:row;justify-content:space-between;padding:2px 10px 2px 10px}#overlaySettings{font-size:1em;width:400px;display:none}.greyStatus{color:grey}.limeStatus{color:lime}.orangeStatus{color:orange}.redStatus{color:red}#videoMessageOverlay{z-index:20;margin:auto}#videoMessageOverlay,#videoPlayOverlay{color:var(--colour4);font-size:1.8em;position:absolute;font-family:var(--inputFont);width:100%}#videoPlayOverlay{z-index:30;height:100%;background-color:hsla(0,0%,39%,.7)}.clickableState{align-items:center;justify-content:center;display:flex;cursor:pointer}.textDisplayState{display:flex}.hiddenState{display:none}#playButton{display:inline-block;height:auto}img#playButton{max-width:241px;width:10%}#UIInteraction{position:fixed}#UIInteractionButtonBoundary{padding:2px}#UIInteractionButton{cursor:pointer}#hiddenInput{position:absolute;left:-10%;width:0;opacity:0}#editTextButton{position:absolute;height:40px;width:40px}#overlayHeader{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--colour8);background-color:var(--colour7)}section{display:flex;flex-direction:column}section>:first-child{background-color:var(--colour7);padding:4px;font-weight:700;border-top:1px solid var(--colour8);border-bottom:1px solid var(--colour8);justify-content:space-between;display:flex;flex-direction:row;align-items:baseline}.subtitle-text{font-style:italic;font-size:.6em}.settings-text{color:var(--colour4);vertical-align:middle;font-weight:400}.overlay-button{line-height:1.1;padding:1px 6px}.btn-overlay{vertical-align:middle;display:inline-block}.btn-flat{background:var(--colour7);border:2px solid var(--colour8);color:var(--colour4);font-weight:700;cursor:pointer;font-family:var(--buttonFont);font-size:10px;border-radius:5px;height:20px;text-align:center}.btn-flat:disabled{background:var(--colour8);border-color:var(--colour6);cursor:not-allowed}.btn-flat:hover:enabled{outline:none;background:var(--colour2);border-color:var(--colour4)}.btn-flat:active:enabled{background:var(--colour8);border-color:var(--colour6);color:var(--colour7)}.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{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:none}.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl+.tgl-slider::selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection{background:none}.tgl+.tgl-slider{outline:0;display:block;width:40px;height:18px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tgl+.tgl-slider:after,.tgl+.tgl-slider:before{position:relative;display:block;content:"";width:50%;height:100%}.tgl+.tgl-slider:after{left:0}.tgl+.tgl-slider:before{display:none}.tgl-flat+.tgl-slider{padding:2px;transition:all .2s ease;background:var(--colour6);border:3px solid var(--colour4);border-radius:2em}.tgl-flat+.tgl-slider:after{transition:all .2s ease;background:var(--colour4);content:"";border-radius:1em}.tgl-flat:checked+.tgl-slider{border:3px solid var(--colour5)}.tgl-flat:checked+.tgl-slider:after{left:50%;background:var(--colour5)}#encoderSettings,#webRTCSettings{margin:10px 0}.collapse{padding-left:5%}input[type=number]:disabled{background:var(--colour7);border:none;color:var(--colour4);cursor:not-allowed}select{text-align:right}.form-control:hover{border-color:var(--colour4)}.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(--colour4);vertical-align:middle;font-weight:400}#latencyTest{display:block}#latencyTest button{margin:30px 0}#freezeFrameOverlay{background-color:transparent}.freezeframeBackground{background-color:#000!important}.pixelstream[data-v-5b18d424]{width:100%;padding:0}