body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}html{background-color:#3c4048}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;font-family:Poppins,sans-serif}.aside-nav span{font-size:14px;font-weight:600;text-transform:uppercase}.aside-nav .MuiListItemIcon-root{min-width:40px!important;padding:0!important}.aside-nav .MuiListItem-root{padding:0!important}@media screen and (max-width:1366px){.aside-nav{width:30%!important}.content{margin-left:30%!important;width:70%!important}}@media screen and (max-width:980px){.aside-nav,.content{width:auto!important}.content{margin-left:0!important}}.stream-container,.streamAll-container{width:70%}.streamAll-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 24px 0}.streamAll-item{background-color:#000;border:4px solid #000;font-size:14px;text-transform:uppercase}.stream-header{align-items:center;display:flex;justify-content:space-between;margin:0 24px -10px}.stream-header .streamName{font-weight:700;line-height:1.3;text-transform:uppercase}.stream-header .streamName svg{margin-bottom:-5px}.stream-header .streamList button{color:#fff;margin:0}.stream-body{display:grid;padding:16px 24px}.stream-body #player_video{width:100%}.stream-footer .streamItem{background-color:#000;border-color:#000;cursor:pointer;margin:5px;padding-top:0}.jjfwLM{align-items:stretch;display:flex;justify-content:space-around;width:100%}.stream-footer .player_video_item{height:95%!important}.stream-footer .player_video_item video{height:95%;object-fit:cover;width:100%}@media screen and (max-width:980px){.stream-container,.streamAll-container{width:100%}.stream-header{display:grid;justify-content:normal;margin:0 24px}.stream-header .streamName{order:2}.stream-header .streamList{text-align:right}.bhHnmT{margin:0 24px}.sEueG{grid-template-columns:repeat(1,95%);padding:0 24px!important}}@media screen and (max-width:767px){.gDZTSQ{grid-template-columns:repeat(2,50%)!important;padding-left:0!important}}@media screen and (max-width:540px){.stream-footer,.streamAll-items{grid-template-columns:repeat(auto-fit,minmax(25%,1fr))}.stream-header,.streamAll-items{margin-left:16px;margin-right:16px}.stream-body,.stream-footer{padding-left:16px;padding-right:16px}.bhHnmT{margin:0 16px}.sEueG{padding:0!important}.gDZTSQ{grid-column-gap:0!important}.kNGbMc:last-of-type>:last-of-type{margin-right:0!important;padding-right:0!important}}.content{align-items:center;display:flex;flex-direction:column}.streamSettings{background:#1e2024}.controller-wrapper{border-radius:12px;max-width:780px;padding:80px 24px 0}@media screen and (max-width:1200px){.controller-wrapper{max-width:640px}}.controllers button label{cursor:pointer}.controllers button svg{display:none}@media screen and (max-width:540px){.content{align-items:normal}.controller-wrapper{padding:80px 16px 0}.controllers button{flex:1 1 auto;min-width:0!important;min-width:auto!important}.controllers button label{display:none}.controllers button svg{display:inline;display:initial}}.arrow_keys-wrapper{background-color:#0a0a0a;border-radius:4px;max-width:200px}.arrow_keys-wrapper button{background-color:#0f0f0f!important;border-radius:4px;min-height:56px!important;min-width:56px!important}.arrow_keys-wrapper div:nth-child(2) button:nth-child(2){background-color:#0a0a0a!important}.arrow-keys{font-size:3.5rem!important}.nw{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ne,.sw{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.se{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.focus-wrapper{margin-top:24px}.focus-wrapper h6{margin-bottom:8px}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#00abb3!important}.ptzopticsCMD{align-items:flex-start;margin-top:8px}.ptzopticsCMD input{background-color:#000;color:#fff}.ptzopticsCMD .MuiButton-contained{background:#00abb3!important}
/*# sourceMappingURL=main.1fb62961.css.map*/