:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.modal-login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px}.HeadMessageLogin{color:#333}.SettingsContainer{width:100%;height:100%;background-color:#696969;justify-items:center;align-items:center;align-content:center}.SettingsOverlay{background-color:#fff;width:60%;height:70%;border-radius:8px;box-shadow:0 4px 6px #0000001a}.SettingsInput{transform:scale(1.8)}.--sidebarSettings{width:16rem;height:100%;border-right:1px solid;position:relative;display:flex;flex-direction:column}.--sidebarSettings ul{list-style-type:none;flex-grow:1}.--sidebarSettings ul li{margin-right:2rem;margin-bottom:1rem}.--sidebarSettings ul li .active{background-color:#212529;color:#fff}.--sidebarSettings ul li a{text-align:center}.--SelectedValue{transition-duration:.2s;border-radius:10px;background-color:#212529;color:#fff;margin:10px}.--ColorSelect{position:absolute;bottom:25%;right:50%;transform:translate(50%,25%)}.Settings_Container{position:relative;width:100%;height:100%}.Settings_LeftBottom{position:absolute;bottom:0%;left:0%}.Settings_RightBottom{position:absolute;bottom:0%;right:0%}.Settings_LeftTop{position:absolute;top:0%;left:0%}.Settings_RightTop{position:absolute;top:0%;right:0%}.Settings_RightCenter{position:absolute;right:0%;top:50%;transform:translateY(-50%)}.Settings_LeftCenter{position:absolute;left:0%;top:50%;transform:translateY(-50%)}.Settings_BottomCenter{position:absolute;bottom:0%;right:50%;transform:translate(50%)}.Settings_TopCenter{position:absolute;top:0%;right:50%;transform:translate(50%)}.Settings_Center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.Settings_Hidden{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);visibility:hidden}.Settings_Hidden.Settings_Center{visibility:visible!important}.modal-register{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.BottomMessage{position:absolute}.HeadMessageRegister{color:#333}.sidebar{width:16rem;height:100vh;border-right:1px solid;position:relative;display:flex;flex-direction:column}.sidebar ul{list-style-type:none;flex-grow:1}.sidebar ul li{margin-right:2rem;margin-bottom:1rem}.sidebar ul li .active{background-color:#cdcdff}.sidebar ul li a{text-align:center}.button-bottom{align-self:center;margin-bottom:1rem;position:static;bottom:auto;right:auto}.content{align-content:center}.flex{display:flex}.ControlPanel{display:grid;place-items:center;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#000}.ImageContent{position:absolute;width:100%;height:100%}.WaitMessage{padding:1rem;background-color:#fff;z-index:10}.ImageContent img{width:100vw;height:100vh;object-fit:fill}.OverlayInfo{position:absolute;margin-left:1rem;font-weight:700;font-size:calc(100vw / 70);white-space:pre-wrap;color:red;background-color:#00000093;border-radius:10px}.OverlayInfoСonn{position:absolute;font-weight:700;font-size:calc(100vw / 90);color:#0f0;white-space:pre-wrap}.ExitButton{position:absolute;z-index:100}.OverlayOSD-PR{position:absolute;top:50%;left:50%;width:15%;height:4px;background-image:linear-gradient(to right,#fff 20%,#fff0 0%);background-size:35px 5px;transition-duration:.1s;transform:translate(-50%,-50%)}.OverlayOSD-CENTER{position:absolute;top:50%;left:50%;width:50px;height:2px;background-color:#fff;background-repeat:repeat-x;transform:translate(-50%,-50%);mix-blend-mode:difference}.OverlayOSD-CENTER-VERTICAL{position:absolute;top:50%;left:50%;width:50px;height:2px;background-color:#fff;background-repeat:repeat-x;transform:translate(-50%,-50%) rotate(90deg);mix-blend-mode:difference}.compass-container{position:absolute;width:40%;height:7.5%;background-color:#0000002d}#compassCanvas{width:100%;height:100%;object-fit:fill}.controls{margin-top:20px;color:#0f0;text-align:center}.BitrateOverlay{position:absolute;z-index:10}.BitrateOverlayBackground{background-color:#0000003f;border-radius:10px}