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}#root{height:100vh}.app-header{align-items:center;background-color:#525252;box-shadow:0 2px 25px #000;color:#fff;display:flex;height:45px;position:fixed;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.header-title{font-size:25px;font-weight:700;margin:0 20px}.header-status{align-items:center;display:flex;justify-content:center;justify-self:flex-end;margin-left:auto;margin-right:20px}.status-ids{border-left:2px solid #fff;cursor:pointer;display:flex;flex-direction:column;font-size:1em;margin-left:5px;padding-left:5px}.status-clientid{font-size:.75em;margin-left:5px}.status-fullscreen{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5em;justify-content:center;margin-left:15px}.app-container{grid-gap:5px;background-color:#696969;display:grid;gap:5px;grid-auto-flow:row;grid-auto-rows:150px;grid-template-columns:repeat(auto-fit,130px);height:calc(100% + 2px);justify-content:center;min-height:calc(100vh - 95px);overflow:hidden;padding-top:50px;transform:translateY(45px);z-index:0}.source-container{height:150px;justify-content:center;width:130px}.source,.source-container{align-items:center;display:flex}.source{-webkit-tap-highlight-color:transparent;border:1px solid #000;border-radius:2px 2px 10px 10px;box-shadow:0 2px 7px #000;cursor:pointer;flex-direction:column;height:120px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none;width:100px}.source:hover{transform:scale(1.05)}.source-image{background-color:hsla(0,0%,100%,.534);height:100px}.source-image,.source-name{text-align:center;width:100%}.source-name{background-color:#353535;border:1px solid #000;border-radius:0 0 10px 10px;color:hsla(0,0%,100%,.685);transition:all .3s}.selected{background-color:red;color:#f0f8ff}.source-image{align-items:center;display:flex;font-size:2em;justify-content:center;overflow:hidden;position:relative}.source-image-img{height:auto;max-width:100%;overflow:hidden}.app-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s linear;width:100%;z-index:-1}.app-modal-overlay.active{opacity:1;z-index:1000}.app-modal-box{background-color:#ffffffe6;border-radius:3px;box-shadow:0 2px 7px #000;box-sizing:border-box;height:70%;justify-content:flex-start;overflow:hidden;padding:0;position:relative;transform:scale(0);transition:transform .1s;width:70%}.app-modal-box,.app-modal-content{align-items:center;display:flex;flex-direction:column}.app-modal-content{height:100%;justify-content:center;width:90%}.active .app-modal-box{transform:scale(1)}.app-modal-title{font-size:3em;margin-bottom:45px;text-align:center}.app-modal-description{font-size:1.5em;text-align:center}.app-modal-subdescription{font-size:1em;text-align:center}.app-modal-logo{align-items:center;align-self:flex-start;background-color:#000;border:none;border-radius:3px 3px 0 0;box-sizing:border-box;color:#fff;display:flex;font-size:4em;justify-content:center;margin:0;padding:30px;top:0;width:100%}.app-modal-loader{margin-top:20px}.volume-active-button{background-color:#525252;border:none;border-radius:10px;bottom:45px;box-shadow:0 2px 7px #000;color:#fff;cursor:pointer;font-size:1.8em;height:50px;position:fixed;right:45px;width:50px;z-index:10}.volume-active-button,.volume-container{align-items:center;display:flex;justify-content:center}.volume-container{background-color:hsla(0,0%,63%,.925);border-radius:2px 2px 0 0;color:rgba(0,0,0,.685);flex-direction:column;font-size:1.5em;height:100px;position:absolute;width:100%;z-index:20}.volume-value{text-align:center;width:100%}.volume-button{width:100%}.table-element-icon{font-size:1.1em}.icon-green{color:#00c400}.icon-red{color:#da0202}@media (max-width:700px){.app-modal-title{font-size:2.5em}.app-modal-description{font-size:1.3em}.app-modal-subdescription{font-size:.9em;margin-top:10px}}@media (max-width:575px){.app-modal-title{font-size:2.3em}.app-modal-description{font-size:1.2em}.app-modal-subdescription{font-size:.9em;margin-top:10px}.app-modal-logo{font-size:3em}.app-modal-box{width:80%}}@media (max-width:500px){.app-modal-title{font-size:2em}.app-modal-description{font-size:1em}.app-modal-subdescription{font-size:.8em;margin-top:10px}.app-modal-box{width:85%}}@media (max-height:600px){.app-modal-logo{font-size:3em}.app-modal-title{font-size:2.3em}.app-modal-description{font-size:1.3em}.app-modal-subdescription{font-size:.8em;margin-top:10px}}@media (max-height:525px){.app-modal-logo{font-size:2.5em}.app-modal-title{font-size:2.1em}.app-modal-description{font-size:1em}.app-modal-subdescription{font-size:.8em;margin-top:10px}}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:currentColor;border-radius:50%;height:13.33333px;position:absolute;top:33.33333px;width:13.33333px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}
/*# sourceMappingURL=main.735a8f81.css.map*/