*{-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}a{text-decoration:none}.hidden{display:none}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.no-visible{position:absolute;left:-10000px;visibility:hidden;width:0;height:0}.no-resize{resize:none}input:focus{outline:none}select:focus{outline:none}textarea:focus{outline:none}input::-ms-clear{display:none;width :0;height:0}input::-ms-reveal{display:none;width :0;height:0}input::-webkit-search-decoration{display:none}input::-webkit-search-cancel-button{display:none}input::-webkit-search-results-button{display:none}input::-webkit-search-results-decoration{display:none}
html,body{margin:0;padding:0}body{font-family:"Roboto",tahoma,arial;font-size:16px;background-color:var(--body-bg);color:#41464d;overflow-y:scroll}body{--navbar-height:50px;--sidebar-width:300px}body.light{--body-bg:#e4e6e9;--main-bg:rgb(247,248,249);--sidebar-bg:#fff;--page-border-color:#ccc;--navbar-bg:#616161;--navbar-bg-intro:#717171;--navbar-boder:#515151}body.dark{}body{background-color:var(--body-bg)}.navbar{background-color:var(--navbar-bg);padding:0;flex:0 0 auto;height:var(--navbar-height);visibility:hidden;z-index:1022;position:relative;display:flex;align-items:center}.navbar.sticky{position:-webkit-sticky;position:sticky;top:0}.navbar-fixed>.navbar-inner{position:fixed;top:0;left:0;right:0}.navbar-inner{height:inherit;width:100%;display:flex;justify-content:space-between;background-color:inherit;visibility:visible}.navbar-inner>.container{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:stretch;padding:0;height:100%;background-color:inherit;position:relative}@media(min-width:1000px){.navbar-inner>.container{border:1px solid var(--navbar-boder);border-top:0;border-bottom:0}}.page-container{min-height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column}@media(min-width:1000px){.page-container{border:1px solid var(--page-border-color);border-top:0;border-bottom:0}}.container{width:100%;margin-right:auto;margin-left:auto}.navbar-intro{width:100%;display:flex;align-items:center;height:100%}@media(min-width:1000px){.navbar-intro{width:var(--sidebar-width);border-right:1px solid var(--navbar-boder)}}.navbar-brand{color:#fff;padding-bottom:0;height:40px;display:flex;align-items:center;margin-right:10px;margin-left:13px;line-height:inherit;white-space:nowrap}.navbar-brand>.text{font-size:15px;margin-bottom:-3px}.navbar-brand>.icon{font-size:15px;width:27px;display:none}.navbar-burger{display:flex;color:#fff;font-size:19px;cursor:pointer;align-items:center;justify-content:center;height:100%;width:40px}.navbar-burger>.bars{display:block}.navbar-burger>.times{display:none}.navbar-burger.active{}.navbar-burger.active>.bars{display:none}.navbar-burger.active>.times{display:block}.main-container{background-color:var(--main-bg);flex:1 0 auto;display:flex;position:relative;max-width:100%}.main-container .sidebar-fixed{z-index:1020}.sidebar{display:none;max-width:0;background-color:var(--sidebar-bg);flex:0 0 auto;width:var(--sidebar-width);position:relative;visibility:hidden}.sidebar.sidebar-visible{display:block !important}.sidebar-fixed .sidebar-inner{position:fixed;top:var(--navbar-height);bottom:0;height:auto}.sidebar .sidebar-inner{background:inherit;width:inherit;overflow-x:hidden;overflow-y:hidden;padding:inherit;visibility:visible;display:flex;flex-direction:column;border-right:1px solid var(--page-border-color);padding:5px 0}.main-content{max-width:inherit;flex-grow:1;display:flex;flex-direction:column;position:relative}.page-content{flex:1 0 auto}.page-container{}@media(min-width:1000px){.sidebar{display:block;max-width:inherit;visibility:hidden}.navbar-burger{display:none}.navbar-brand{margin-left:13px}.navbar-intro{background-color:var(--navbar-bg-intro)}.navbar-brand>.icon{display:inline}}@media(min-width:1000px){.container{max-width:960px}}@media(min-width:1240px){.container{max-width:1200px}}@media(min-width:1440px){.container{max-width:1400px}}@media(min-width:1640px){.container{max-width:1600px}}.side-foot{flex-shrink:1;padding:10px 0}.side-foot .developer-text{font-size:12px;text-align:center;margin-bottom:5px}.side-foot .developer-icon{text-align:center;font-size:36px;color:#555}.side-nav{height:100%;overflow-y:auto}.nav-title{text-transform:uppercase;line-height:15px;font-size:12px;font-weight:bold;color:#222;padding:10px 10px 2px 10px}.nav-item{display:flex;flex-wrap:wrap;position:relative}.nav-item>.nav-btn{display:flex;flex:0 0 100%;max-width:100%;flex-wrap:nowrap;height:36px;align-items:center;color:#41464d;border-top:1px solid transparent;border-bottom:1px solid transparent;position:relative}.nav-item>.nav-btn:hover{}.nav-item.active>.nav-btn{background-color:rgba(0,0,0,0.03)}.nav-item.active>.nav-btn>.nav-text{font-weight:bold}.nav-item.active>.nav-btn:after{content:"";position:absolute;left:0;top:-1px;bottom:-1px;background:#666;width:3px}.nav-item .caret-plus{display:block}.nav-item .caret-minus{display:none}.nav-item.submenu-open .caret-plus{display:none}.nav-item.submenu-open .caret-minus{display:block}.nav-btn>.nav-icon{flex-shrink:0;text-align:center;font-size:15px;width:40px}.nav-btn>.nav-text{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 12px 0 0;font-size:15px}.nav-btn>.nav-caret{flex-shrink:0;text-align:center;width:22px;margin-right:10px;font-size:15px}.nav-submenu{display:none;width:100%;margin-bottom:5px}.nav-item.submenu-open>.nav-submenu{display:block}.nav-submenu>.nav-item>.nav-btn{padding-left:20px}.nav-submenu>.nav-item:after{content:"";position:absolute;left:19px;top:1px;bottom:0;border-left:1px dotted #ccc}.footer{border-top:1px solid var(--page-border-color)}.footer>.copyright{padding:15px 15px;font-size:14px}.sidebar-scroll{-webkit-overflow-scrolling:touch}.sidebar-scroll::-webkit-scrollbar{width:8px;height:8px;background-color:var(--sidebar-bg)}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid var(--sidebar-bg)}.sidebar-scroll::-webkit-scrollbar-corner{background:var(--sidebar-bg)}.page-content-loading{padding:40px 10px}/**===== bars1 =====*/.bars1{display:block;position:absolute;top:0;left:50%;height:50px;width:50px;margin:-25px 0 0 -25px;position:relative}.bars1 span{position:absolute;display:block;bottom:10px;width:9px;height:5px;background:rgba(0,0,0,0.25);-webkit-animation:bars1 1.5s infinite ease-in-out;animation:bars1 1.5s infinite ease-in-out}.bars1 span:nth-child(2){left:11px;-webkit-animation-delay:0.2s;animation-delay:0.2s}.bars1 span:nth-child(3){left:22px;-webkit-animation-delay:0.4s;animation-delay:0.4s}.bars1 span:nth-child(4){left:33px;-webkit-animation-delay:0.6s;animation-delay:0.6s}.bars1 span:nth-child(5){left:44px;-webkit-animation-delay:0.8s;animation-delay:0.8s}@keyframes bars1{0%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transform:translateY(15px);transform:translateY(15px);background:#444}50%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}100%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}}@-webkit-keyframes bars1{0%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);background:#444}50%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}100%{height:5px;-webkit-transform:translateY(0px);transform:translateY(0px);background:rgba(0,0,0,0.25)}}/** END of bars1 */
div.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px}div.login-wrap{width:100%;max-width:450px;overflow:hidden;background-color:var(--main-bg);border:1px solid var(--page-border-color)}div.login-box{padding:20px 25px 10px 25px}div.login-box div.input-wrap{margin-bottom:15px}div.login-box div.title{font-size:14px;font-weight:bold;text-transform:uppercase;padding:0 0 10px 0;color:#333;border-bottom:1px solid var(--page-border-color)}div.login-box div.links{text-align:right;font-size:14px}div.login-box a.link{color:#616161}div.login-box a:hover{border-bottom:1px solid #616161}div.login-box div.reg-info{font-size:14px;color:#333;text-align:center}div.login-box div.reg-info a{margin:0 8px}div.login-box div.rcode-wrap{}div.login-box div.rcode-wrap div.rcode-name{font-size:13px;font-weight:normal;color:#444;margin-bottom:3px}div.login-box div.rcode-wrap div.rcode{font-size:20px;color:#616161;font-weight:bold;letter-spacing:10px;margin-bottom:4px}div.login-box div.rcode-wrap div.rcode-desc{font-size:11px;font-weight:normal;color:#999}div.login-box label.checkbox .option{color:#444}div.login-box label.radio .option{color:#444}div.login-container .button{display:flex;justify-content:center;align-items:center;height:36px;width:100%;font-size:14px;cursor:pointer;border:0;font-weight:bold;transition:all 0.2s}div.login-container .button.primary{background-color:rgba(97,97,97,1);color:#fff}div.login-container .button.primary:hover{background-color:rgba(97,97,97,0.9)}@media(hover:none){div.login-container .button.primary:hover{background-color:rgba(97,97,97,1)}div.login-container .button.primary:active{background-color:rgba(97,97,97,0.9)}}@media(hover:none){}div.login-container .button span{display:inline-block}div.login-container .button.primary:active span{transform:scale(0.95)}div.input-container{display:flex;align-items:center;min-width:0;height:36px;padding:0;border:1px solid #dedede;overflow:hidden;caret-color:#333;position:relative}div.input-container div.icon{position:absolute;top:0;left:0;bottom:0;display:flex;align-items:center;margin-left:10px;width:20px;text-align:center;color:#333}div.input-container input.text{display:block;width:100%;height:100%;padding:0 10px 0 40px;border:0;font-size:14px;color:#000;background-color:#fff}div.input-container input.recovery-code{}div.input-container input:-webkit-autofill,div.input-container input:-webkit-autofill:hover,div.input-container input:-webkit-autofill:focus{border:none !important;-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#000 !important}div.invite-until{font-size:13px}div.invite-until span.expired{color:#e00}.notice{position:relative;padding:10px 15px 10px 19px;background-color:#eee;border:1px solid #dedede;color:#000}.notice:after{content:"";position:absolute;left:4px;top:3px;bottom:3px;background:transparent;width:4px}.notice .close{position:absolute;top:0;right:0;font-size:14px;padding:10px 15px;cursor:pointer}.notice .message{font-size:14px;padding-right:30px;color:#000}.notice ul{list-style-type:square;margin:7px 5px;padding:0;padding-left:13px}.notice .close{color:#000}.notice.error{}.notice.error:after{background-color:#f00}.notice.error .message{}.notice.warning{}.notice.warning:after{background-color:#616161}.notice.warning .message{}.notice.success{}.notice.success:after{background-color:#12ff12}.notice.success .message{}.notice .message a{color:#616161}.notice .message a:hover{text-decoration:underline}
body.light{--ui-card-bg:rgb(255,255,255);--ui-card-box-shadow:1px 1px 5px -2px rgba(211,211,211,1)}.ui-card{background-color:var(--ui-card-bg);overflow:hidden;box-shadow:var(--ui-card-box-shadow);height:100%}.ui-card .ui-card-header{display:flex;flex-wrap:nowrap;margin:15px}.ui-card .ui-card-header .ui-icon-wrap{flex:0 0 auto;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;background-color:rgb(239,239,239);color:rgb(201,201,201);width:42px;height:42px;margin-right:12px}.ui-card .ui-card-header .ui-icon-wrap.btn{cursor:pointer}.ui-card.sensor.contact.active .ui-card-header .ui-icon-wrap{background-color:rgba(3,169,244,0.2);color:rgba(3,169,244,1)}.ui-card.sensor.motion.active .ui-card-header .ui-icon-wrap{background-color:rgba(76,175,80,0.2);color:rgba(76,175,80,1)}.ui-card.sensor.wleak.active .ui-card-header .ui-icon-wrap{background-color:rgba(244,67,54,0.2);color:rgba(244,67,54,1)}.ui-card.relay.active-idle .ui-card-header .ui-icon-wrap{background-color:rgba(76,175,80,0.2);color:rgba(76,175,80,1)}.ui-card.relay.active .ui-card-header .ui-icon-wrap{background-color:rgba(255,193,7,0.2);color:rgba(255,193,7,1)}.ui-card.light.active .ui-card-header .ui-icon-wrap{background-color:rgba(255,193,7,0.2);color:rgba(255,193,7,1)}.ui-card.zone.active .ui-card-header .ui-icon-wrap{background-color:rgba(244,67,54,0.2);color:rgba(244,67,54,1)}.ui-card.danalock.door-open .ui-card-header .ui-icon-wrap{background-color:rgba(3,169,244,0.2);color:rgba(3,169,244,1)}.ui-card.danalock.door-locked .ui-card-header .ui-icon-wrap{background-color:rgba(76,175,80,0.2);color:rgba(76,175,80,1)}.ui-card.danalock.door-unlocked .ui-card-header .ui-icon-wrap{background-color:rgba(244,67,54,0.2);color:rgba(244,67,54,1)}.ui-card.danalock.door-open-locked .ui-card-header .ui-icon-wrap{background-color:rgba(244,67,54,0.2);color:rgba(244,67,54,1)}.ui-card.logitech.active .ui-card-header .ui-icon-wrap{background-color:rgba(255,193,7,0.2);color:rgba(255,193,7,1)}.ui-card .ui-card-header .ui-title-wrap{flex:0 1 100%;display:flex;flex-wrap:wrap;align-content:space-between;overflow:hidden}.ui-title-wrap .title-row{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between}.ui-title-wrap .title-row .title-col{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-card .ui-title{font-size:14px;font-weight:bold;color:rgb(33,33,33)}.ui-card .ui-alt{font-size:12px;font-weight:bold;color:rgb(163,163,163)}.ui-card .ui-alt .icon-battery{margin-right:5px}.ui-card .ui-alt .icon-battery.empty{color:#f00}.ui-card .ui-card-content{margin:15px}.ui-card .ui-btn-group{margin:-5px -5px;display:flex;flex-wrap:nowrap;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.ui-card .ui-btn-group-col{flex:0 1 100%;max-width:100%}.ui-card .ui-btn-group .btn-wrap{margin:5px 5px}.ui-card .ui-btn-group .ui-btn{width:100%;border:0;background-color:rgb(239,239,239);color:rgb(69,69,69);font-size:14px;height:42px;cursor:pointer}.ui-card .ui-btn-group .ui-btn:active{background-color:rgb(0,0,0,0.1)}.ui-card .ui-btn-group .ui-zone-target{width:100%;display:flex;justify-content:center;align-items:center;font-size:20px;height:42px}.ui-slider{height:var(--container-height);position:relative;overflow:hidden;border-radius:var(--slider-radius)}.ui-slider input[type="range"]{outline:0;border:var(--border);width:var(--slider-width);height:var(--slider-height);border-radius:var(--slider-radius);background-color:var(--slider-secondary-color);margin:0;transition:box-shadow 0.2s ease-in-out;overflow:hidden;-webkit-appearance:none;position:absolute;top:var(--top);bottom:var(--bottom);right:var(--right);left:var(--left);-webkit-transform:rotate(var(--rotate));-moz-transform:rotate(var(--rotate));-o-transform:rotate(var(--rotate));-ms-transform:rotate(var(--rotate));transform:rotate(var(--rotate))}.ui-slider input[type="range"]::-webkit-slider-runnable-track{height:var(--slider-height);-webkit-appearance:none;color:var(--slider-main-color);transition:box-shadow 0.2s ease-in-out}.ui-slider input[type="range"]::-webkit-slider-thumb{width:var(--thumb-width);height:var(--thumb-height);-webkit-appearance:none;cursor:ew-resize;transition:box-shadow 0.2s ease-in-out;position:relative;box-shadow:-3500px 0 0 3500px var(--slider-main-color),inset 0 0 0 25px var(--thumb-color);top:var(--thumb-top);border-right:var(--thumb-border-right);border-left:var(--thumb-border-left);border-top:var(--thumb-border-top);border-bottom:var(--thumb-border-bottom)}.ui-slider input[type="range"]::-moz-range-thumb{width:calc(var(--thumb-width) / 10);height:calc(var(--thumb-height) / 2.5);box-shadow:-3500px 10px 0 3500px var(--slider-main-color),inset 0 0 0 25px var(--thumb-color);top:var(--thumb-top);cursor:ew-resize;border-radius:0;transition:box-shadow 0.2s ease-in-out;position:relative;border-radius:0;border-right:var(--thumb-border-right);border-left:var(--thumb-border-left);border-top:var(--thumb-border-top);border-bottom:var(--thumb-border-bottom)}.ui-slider.fan input[type="range"]{transition:all 0s ease 0s !important}.ui-slider.fan input[type="range"]::-webkit-slider-runnable-track{transition:all 0s ease 0s !important}.ui-slider.fan input[type="range"]::-webkit-slider-thumb{transition:all 0s ease 0s !important}.ui-slider.fan input[type="range"]::-moz-range-thumb{transition:all 0s ease 0s !important}.ui-slider.fan{--slider-width:100%;--slider-width-inverse:-100%;--slider-height:42px;--slider-main-color-on:rgb(130,130,130);--slider-secondary-color-on:rgb(239,239,239);--slider-secondary-color-off:rgb(152,152,152);--slider-main-color-off:rgb(102,102,102);--slider-main-color:var(--slider-main-color-on);--slider-secondary-color:var(--slider-secondary-color-on);--slider-radius:0;--border:0;--thumb-width:24px;--thumb-height:60px;--thumb-color:var(--thumb-color-on);--thumb-color-on:#FFF;--thumb-color-off:#969696;--thumb-horizontal-padding:11px;--thumb-vertical-padding:20px;--rotate:0;--top:0;--bottom:0;--right:0;--left:0;--container-height:42px;--thumb-top:calc((var(--slider-width) - var(--thumb-height)) / 2);--thumb-border-left:calc(var(--thumb-horizontal-padding) + 1px) solid var(--slider-main-color);--thumb-border-right:calc(var(--thumb-horizontal-padding) - 1px) solid var(--slider-main-color);--thumb-border-top:var(--thumb-vertical-padding) solid var(--slider-main-color);--thumb-border-bottom:var(--thumb-vertical-padding) solid var(--slider-main-color)}
.content-dashboard-wrap{margin:15px}.dashboard-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.dashboard-col{flex:0 0 100%;max-width:100%}.dashboard-wrap{margin:5px 5px;height:100%}@media(min-width:550px){.dashboard-col{flex:0 0 50%;max-width:50%}}@media(min-width:1000px){.dashboard-col{flex:0 0 50%;max-width:50%}}@media(min-width:1440px){.dashboard-col{flex:0 0 25%;max-width:25%}}.content-dashboard-layout{margin:15px;columns:4 300px;column-gap:10px}.column-wrap{display:block;margin-bottom:10px}.boxt{width:100%;background-color:#ccc;break-inside:avoid}
.content-sensors-wrap{margin:15px}.sensor-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.sensor-col{flex:0 0 100%;max-width:100%}.sensor-wrap{margin:5px 5px}@media(min-width:550px){.sensor-col{flex:0 0 50%;max-width:50%}}@media(min-width:850px){.sensor-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1000px){.sensor-col{flex:0 0 50%;max-width:50%}}@media(min-width:1240px){.sensor-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1440px){.sensor-col{flex:0 0 25%;max-width:25%}}.sensor-card{border:1px solid var(--sensor-card-border);background-color:var(--sensor-card-bg);border-radius:4px;overflow:hidden}.sensor-card .card-title{display:flex;flex-wrap:nowrap;align-items:center;margin:20px 20px}.sensor-card .card-title .icon{flex:0 1 auto;margin-right:10px;color:var(--sensor-card-icon);font-size:17px}.sensor-card .card-title .text{flex:0 1 100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sensor-card-text);font-weight:bold;font-size:15px}.sensor-card .data{margin:-10px 20px;min-height:43px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.sensor-card .data .data-left{display:flex;flex-wrap:nowrap;align-items:baseline}.sensor-card .data .data-right{display:flex;flex-wrap:wrap}.sensor-card .data .temperature{font-size:26px;color:var(--sensor-card-data)}.sensor-card .data .unit{font-size:14px;color:var(--sensor-card-data-unit)}.sensor-card .data .humidity{width:100%;text-align:right;margin:2px 0;font-size:15px;color:var(--sensor-card-data)}.sensor-card .data .pressure{width:100%;text-align:right;margin:2px 0;font-size:15px;color:var(--sensor-card-data)}.sensor-card .data .humidity .unit,.sensor-card .data .pressure .unit{font-size:10px}.sensor-card .min-max{margin:20px 20px;display:flex;flex-wrap:nowrap;justify-content:space-between;font-size:13px;min-height:53px}.sensor-card .min-max .min-max-left{text-align:left}.sensor-card .min-max .min-max-right{text-align:right}.sensor-card .min-max .title{font-weight:bold;color:var(--sensor-card-data);margin-bottom:4px}.sensor-card .min-max .temperature{color:var(--sensor-card-data-unit);margin-bottom:4px}.sensor-card .min-max .time{color:var(--sensor-card-data-unit)}
.content-shutters-wrap{margin:15px}.shutter-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.shutter-col{flex:0 0 100%;max-width:100%}.shutter-wrap{margin:5px 5px;height:calc(100% - 10px)}@media(min-width:550px){.shutter-col{flex:0 0 50%;max-width:50%}}@media(min-width:850px){.shutter-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1000px){.shutter-col{flex:0 0 50%;max-width:50%}}@media(min-width:1240px){.shutter-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1440px){.shutter-col{flex:0 0 25%;max-width:25%}}.ui-slider.shutter{--slider-width:100%;--slider-width-inverse:-100%;--slider-height:42px;--slider-main-color-on:rgb(56,62,66);--slider-secondary-color-on:rgb(239,239,239);--slider-secondary-color-off:rgb(152,152,152);--slider-main-color-off:rgb(102,102,102);--slider-main-color:var(--slider-main-color-on);--slider-secondary-color:var(--slider-secondary-color-on);--slider-radius:0;--border:0;--thumb-width:24px;--thumb-height:60px;--thumb-color:var(--thumb-color-on);--thumb-color-on:#FFF;--thumb-color-off:#969696;--thumb-horizontal-padding:11px;--thumb-vertical-padding:20px;--rotate:0;--top:0;--bottom:0;--right:0;--left:0;--container-height:42px;--thumb-top:calc((var(--slider-width) - var(--thumb-height)) / 2);--thumb-border-left:calc(var(--thumb-horizontal-padding) + 1px) solid var(--slider-main-color);--thumb-border-right:calc(var(--thumb-horizontal-padding) - 1px) solid var(--slider-main-color);--thumb-border-top:var(--thumb-vertical-padding) solid var(--slider-main-color);--thumb-border-bottom:var(--thumb-vertical-padding) solid var(--slider-main-color)}
.content-relays-wrap{margin:15px}.relay-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.relay-col{flex:0 0 100%;max-width:100%}.relay-wrap{margin:5px 5px}@media(min-width:550px){.relay-col{flex:0 0 50%;max-width:50%}}@media(min-width:850px){.relay-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1000px){.relay-col{flex:0 0 50%;max-width:50%}}@media(min-width:1240px){.relay-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1440px){.relay-col{flex:0 0 25%;max-width:25%}}
.content-lights-wrap{margin:15px}.light-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.light-col{flex:0 0 100%;max-width:100%}.light-wrap{margin:5px 5px}@media(min-width:550px){.light-col{flex:0 0 50%;max-width:50%}}@media(min-width:850px){.light-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1000px){.light-col{flex:0 0 50%;max-width:50%}}@media(min-width:1240px){.light-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1440px){.light-col{flex:0 0 25%;max-width:25%}}.slider.brightness{}.ui-slider.brightness input[type="range"]{transition:all 0s ease 0s !important}.ui-slider.brightness input[type="range"]::-webkit-slider-runnable-track{transition:all 0s ease 0s !important}.ui-slider.brightness input[type="range"]::-webkit-slider-thumb{transition:all 0s ease 0s !important}.ui-slider.brightness input[type="range"]::-moz-range-thumb{transition:all 0s ease 0s !important}.ui-slider.brightness{--slider-width:100%;--slider-width-inverse:-100%;--slider-height:42px;--slider-main-color-on:rgb(130,130,130);--slider-secondary-color-on:rgb(239,239,239);--slider-secondary-color-off:rgb(130,130,130);--slider-main-color-off:rgb(239,239,239);--slider-main-color:var(--slider-main-color-on);--slider-secondary-color:var(--slider-secondary-color-on);--slider-radius:0;--border:0;--thumb-width:24px;--thumb-height:60px;--thumb-color:var(--thumb-color-on);--thumb-color-on:#FFF;--thumb-color-off:#969696;--thumb-horizontal-padding:11px;--thumb-vertical-padding:20px;--rotate:0;--top:0;--bottom:0;--right:0;--left:0;--container-height:42px;--thumb-top:calc((var(--slider-width) - var(--thumb-height)) / 2);--thumb-border-left:calc(var(--thumb-horizontal-padding) + 1px) solid var(--slider-main-color);--thumb-border-right:calc(var(--thumb-horizontal-padding) - 1px) solid var(--slider-main-color);--thumb-border-top:var(--thumb-vertical-padding) solid var(--slider-main-color);--thumb-border-bottom:var(--thumb-vertical-padding) solid var(--slider-main-color)}.ui-card.light.active .ui-slider.brightness{--slider-main-color-on:rgb(255,193,7);--slider-secondary-color-on:rgb(255,243,205)}.ui-card.blueair.active .ui-slider.brightness{--slider-main-color-on:rgba(11,170,249,1);--slider-secondary-color-on:rgba(11,170,249,0.2)}
.content-zones-wrap{margin:15px}.zone-row{margin:-5px -5px;display:flex;flex-wrap:wrap}.zone-col{flex:0 0 100%;max-width:100%}.zone-wrap{margin:5px 5px}@media(min-width:550px){.zone-col{flex:0 0 50%;max-width:50%}}@media(min-width:850px){.zone-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1000px){.zone-col{flex:0 0 50%;max-width:50%}}@media(min-width:1240px){.zone-col{flex:0 0 33.333333%;max-width:33.333333%}}@media(min-width:1440px){.zone-col{flex:0 0 25%;max-width:25%}}.slider.zone{}.ui-slider.zone input[type="range"]{transition:all 0s ease 0s !important}.ui-slider.zone input[type="range"]::-webkit-slider-runnable-track{transition:all 0s ease 0s !important}.ui-slider.zone input[type="range"]::-webkit-slider-thumb{transition:all 0s ease 0s !important}.ui-slider.zone input[type="range"]::-moz-range-thumb{transition:all 0s ease 0s !important}.ui-slider.zone{--slider-width:100%;--slider-width-inverse:-100%;--slider-height:42px;--slider-main-color-on:rgb(130,130,130);--slider-secondary-color-on:rgb(239,239,239);--slider-secondary-color-off:rgb(152,152,152);--slider-main-color-off:rgb(102,102,102);--slider-main-color:var(--slider-main-color-on);--slider-secondary-color:var(--slider-secondary-color-on);--slider-radius:0;--border:0;--thumb-width:24px;--thumb-height:60px;--thumb-color:var(--thumb-color-on);--thumb-color-on:#FFF;--thumb-color-off:#969696;--thumb-horizontal-padding:11px;--thumb-vertical-padding:20px;--rotate:0;--top:0;--bottom:0;--right:0;--left:0;--container-height:42px;--thumb-top:calc((var(--slider-width) - var(--thumb-height)) / 2);--thumb-border-left:calc(var(--thumb-horizontal-padding) + 1px) solid var(--slider-main-color);--thumb-border-right:calc(var(--thumb-horizontal-padding) - 1px) solid var(--slider-main-color);--thumb-border-top:var(--thumb-vertical-padding) solid var(--slider-main-color);--thumb-border-bottom:var(--thumb-vertical-padding) solid var(--slider-main-color)}.ui-card.zone.active .ui-slider.zone{--slider-main-color-on:rgba(244,67,54,1);--slider-secondary-color-on:rgba(244,67,54,0.2)}