:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--max-width: 1200px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;color:#e2e8f0;background:#000}.container{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.main{width:100%;height:100%;display:flex;flex-direction:column}.header h1{margin:0 0 var(--space-4) 0;font-size:20px}.streamContainer{width:100%;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.streamImage{width:100%;height:100%;object-fit:contain;display:block}.streamContainer--panorama .stream{width:100%;height:100%}.streamContainer--panorama .streamImage{object-position:bottom}.streamContainer--ptz .stream{height:100%}.streamContainer--ptz .streamImage{width:auto;height:100%;object-position:top}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}