html{background-color:#0b1028;color:#fff;font-family:Open Sans,sans-serif;font-weight:600}img{-webkit-touch-callout:none!important;-webkit-user-select:none!important}#tabs{font-weight:700;width:95%;margin:auto}#general_info,#tabs{text-align:center;font-size:3.3vw}#general_info{margin:5}#category_name{text-align:center;font-size:7vw;margin:10vw 0;font-weight:700}#menu_myroom{list-style-type:none;margin:0;padding:0;display:flex}#menu_myroom li{display:inline;width:100%;padding-top:6%;padding-bottom:6%;text-decoration:none;flex-grow:3}#slide{background:#fff;height:4%;position:absolute;bottom:-4%;left:0;transition:left .2s ease-out}#volume_indicator{font-weight:500;font-size:3vw;text-align:center;position:relative;top:-6vw}.colorCircle{display:inline-block;width:7vw;height:7vw;border-radius:50%;margin:0 3vw}.lights_buttons{width:30%}.door_image{width:50%;height:50%}.sticky_bottom{position:fixed;bottom:0;left:0;width:100%;background-color:#333;color:#fff;text-align:center}.door_text{color:#fbfbfb;font-size:15px}.heat_cool{font-size:4.5vw;border:.6vw solid #fff;width:85%;margin:auto;text-align:center;border-radius:1.5vw;position:relative;top:5vw}.heat_cool_button{display:inline-block;flexGrow:1;margin:0;padding:5vw}.transparent_button{cursor:pointer;border:0 solid;background-color:initial;font-size:1.5em}.all_lights{display:inline-block}.all_lights,.zenio_lights{flexGrow:"1";margin-right:5px;width:30%}.zenio_lights{display:inline-grid;margin-bottom:35px}.lights_buttons_text{font-size:3vw;margin:2vw}.all_blinds_buttons_text,.all_lights_buttons_text{font-size:3vw;color:#fff;font-family:Open Sans,sans-serif;font-weight:600}.range_slider{-webkit-appearance:none;width:100%;border-radius:4vw;background:#f43567;outline:none;transition:opacity .2s}.range_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8.3vw;height:8.3vw;border-radius:50%;background:#fbfbfb;cursor:pointer}.range_slider::-moz-range-thumb{width:50px;height:50px;border-radius:50%;background:#fbfbfb;cursor:pointer}.spinner{display:inline-block;position:fixed;top:50%;left:50%;filter:blur(4px);margin:-35px;transform:translate(-50%,-50%)}.spinner div{position:absolute;width:6px;height:6px;border-radius:50%;animation:spinner 1.2s linear infinite}.spinner div:first-child{animation-delay:0s;top:37px;left:66px}.spinner div:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.spinner div:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.spinner div:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.spinner div:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.spinner div:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.spinner div:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.spinner div:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.spinner div:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.spinner div:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.spinner div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.spinner div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}.App{flex:1 1;display:flex;flex-direction:column;text-align:center;min-height:100vh;margin:0 auto}.App-logo{height:40vmin}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#09d3ac}@font-face{font-family:Graphik\, Light;src:url(/static/media/GraphikLight.042a5b44.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Graphik\, Regular;src:url(/static/media/GraphikRegular.e2a1876e.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Graphik\, Medium;src:url(/static/media/GraphikMedium.4a127c95.otf) format("opentype");font-weight:400;font-style:normal}