#root{height:100%}.App{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);background-color:#000}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}div{background-color:"red";color:"green"}#input1,#input2{background:#454545;color:#fff;padding:15px;height:10px}#button,#input1,#input2{border-radius:25px;margin:10px;width:300px}#button{background:#fff;height:50px;text-align:center;font-size:medium;font-weight:700}#text{color:#fff}*{box-sizing:border-box}body{background:#f1f1f1;margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.selected-item{text-align:center}.controls-container{--highlight-width:auto;--highlight-x-pos:0;display:flex;margin:100px 0 25px}.controls{display:inline-flex;justify-content:space-between;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:10px;max-width:500px;padding:12px;margin:auto;overflow:hidden;position:relative}.controls input{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%}.segment{min-width:120px;position:relative;text-align:center;z-index:1}.segment label{cursor:pointer;display:block;font-weight:700;padding:10px;transition:color .5s ease}.segment.active label{color:#fff}.controls:before{content:"";background:#5465ff;border-radius:8px;width:var(--highlight-width);-webkit-transform:translateX(var(--highlight-x-pos));transform:translateX(var(--highlight-x-pos));position:absolute;top:8px;bottom:8px;left:0;z-index:0}.controls.ready:before{transition:width .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,width .3s ease;transition:transform .3s ease,width .3s ease,-webkit-transform .3s ease}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px}.item{text-align:left;padding:3mm;display:flex;flex-direction:column;align-items:flex-start}.device_name{padding-left:2mm;padding-top:5mm}.icon{padding:0;min-height:.5cm;min-width:.5cm}.icon_container{display:flex;align-items:flex-end;flex-direction:column}.card{min-height:3cm;min-width:3cm;background-color:#fff;border-radius:5mm;margin:1mm}.device_container{background-color:#000}.room_name{font-weight:700;font-size:larger;color:azure;text-align:left;padding-left:2mm;padding-top:5mm}.wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:210px}.grid-container{grid-template-columns:1fr 60px}.image_black{-webkit-filter:invert(100%);filter:invert(100%)}.image_black,.image_offline,.image_white{max-height:8mm;max-width:8mm}.image_offline{-webkit-filter:invert(40%);filter:invert(40%)}.regulator{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);display:flex;justify-content:center;position:absolute;width:100%;flex-direction:column;background-color:rgba(40,50,50,.9);border:10px radius;top:0;right:0;left:0;bottom:0}
/*# sourceMappingURL=main.753c83a9.chunk.css.map */