.sidebar[data-v-89706e81]{--size: 5rem;position:fixed;width:var(--size);padding:1rem;box-sizing:border-box;z-index:15}.sidebar[data-v-89706e81] .menu[data-v-89706e81]{display:flex;flex-flow:column;gap:.5rem}.sidebar[data-v-89706e81] .menu[data-v-89706e81] a.router-link-active[data-v-89706e81] .item[data-v-89706e81]{box-shadow:0 0 0 3px var(--base-green)}.sidebar[data-v-89706e81] .menu[data-v-89706e81] .item[data-v-89706e81]{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background-color:var(--medium-blue);border-radius:.5rem}.sidebar[data-v-89706e81] .menu[data-v-89706e81] .item[data-v-89706e81] .icon[data-v-89706e81]{--color: var(--gray-2)}.sidebar[data-v-89706e81] :is(.mobile[data-v-89706e81], .scrim[data-v-89706e81]){display:none}@media screen and (width < 900px){.sidebar[data-v-89706e81]{width:100%;padding:0}.sidebar[data-v-89706e81].open[data-v-89706e81] .menu[data-v-89706e81]{left:0}.sidebar[data-v-89706e81] .mobile[data-v-89706e81]{display:block;position:fixed;right:1rem;top:1rem;z-index:1}.sidebar[data-v-89706e81] .menu[data-v-89706e81]{box-sizing:border-box;top:0;left:0;position:fixed;left:100%;width:100%;height:100%;padding:6rem 2rem 0 0;background-color:var(--medium-blue);transition:left .3s ease-in-out}.sidebar[data-v-89706e81] .menu[data-v-89706e81] a.router-link-active[data-v-89706e81] .item[data-v-89706e81]{box-shadow:none}.sidebar[data-v-89706e81] .menu[data-v-89706e81] a.router-link-active[data-v-89706e81] .item[data-v-89706e81][data-v-89706e81]:after{color:var(--base-green)}.sidebar[data-v-89706e81] .menu[data-v-89706e81] .item[data-v-89706e81]{aspect-ratio:unset;justify-content:end}.sidebar[data-v-89706e81] .menu[data-v-89706e81] .item[data-v-89706e81][data-v-89706e81]:after{content:attr(title);font-size:1.8rem;color:#fff}.sidebar[data-v-89706e81] .menu[data-v-89706e81] .item[data-v-89706e81] .icon[data-v-89706e81]{display:none}}.snackbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);max-width:40vw;border-radius:.5rem;background:white;box-shadow:0 0 0 2px var(--dark-blue);display:flex;align-items:flex-start;font-weight:500;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;z-index:1000}.snackbar.on{opacity:1;pointer-events:all}.snackbar.error{box-shadow:0 0 0 2px var(--red),0 0 0 6px #ff8c8c66;background:var(--red);color:var(--white)}.snackbar.error .icon{--color: white}.snackbar.warn{box-shadow:0 0 0 2px var(--yellow),0 0 0 6px #fcc42b62;background:var(--yellow)}.snackbar.info{box-shadow:0 0 0 2px var(--dark-blue),0 0 0 6px #02033666;background-color:var(--medium-blue)}.snackbar.info p{color:#fff}.snackbar.info .icon{--color: white}.snackbar span{font-family:inherit;color:inherit}.snackbar span p{color:inherit}.snackbar ._content{padding:1rem}.snackbar ._content p{margin:0}.snackbar ._actions button{background-color:transparent;margin-top:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{height:100svh;overflow:hidden auto;overscroll-behavior:contain;box-sizing:border-box;touch-action:pan-y}.container.dark-mode{background-color:var(--medium-blue)}.container :is(.section, h2, p, b, h1){color:inherit}.content{min-height:100%;padding:0 2rem 0 5rem;box-sizing:border-box;overscroll-behavior:contain}.device:focus{box-shadow:0 0 0 4px #f0f}.overlay{top:0;left:100%;width:100%;height:100svh;position:fixed;pointer-events:none;z-index:20;transition:transform .3s ease-in-out}.overlay.open{transform:translate(-100%)}.overlay.open+.scrim{opacity:.5;pointer-events:all;cursor:pointer}.overlay:has(.content > .mid){width:40rem;right:0}.overlay .content{overflow:hidden auto;pointer-events:all;height:100%;background-color:var(--white);button:has(.icon.back) {position: absolute; transform: translateX(calc(-100% - 1rem));}}.scrim{background-color:var(--medium-blue);position:fixed;width:100%;height:100%;top:0;z-index:15;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}@media screen and (width < 900px){.content{padding:0 1rem}.overlay{left:0;top:100%}.overlay.open{transform:translateY(-100%);height:95svh}.overlay .content{width:100vw;overflow:hidden auto;overscroll-behavior:none;border-radius:1rem 1rem 0 0;padding-bottom:0rem}.overlay .header{padding-top:0}.overlay .header button:has(.icon.back){transform:none;position:relative;background-color:transparent;width:100%;padding:0}.overlay .header button:has(.icon.back) .icon{display:none}.overlay .header button:has(.icon.back):after{content:"";background-color:var(--medium-blue);height:.4rem;width:50%;position:absolute;border-radius:1rem;opacity:.4;left:50%;top:50%;transform:translate(-50%,-50%)}}.header{padding:1rem 0;position:sticky;top:0;z-index:12;background-color:#fff;box-shadow:0 -2rem 0 2rem #fff}.header.back button:has(.icon.back){position:absolute;transform:translate(calc(-100% - 1rem))}@media screen and (width < 900px){.header{padding:.9rem 0}.header.back button:has(.icon.back){position:relative;transform:none}}.devicegrid{display:grid;grid-template-columns:repeat(auto-fill,16rem);gap:1rem}.section{padding:1.2rem 0}.flex{display:flex;gap:1rem}.flex.wrap{flex-wrap:wrap}.flex.center{align-items:center}.nopadding{padding:0}.nomargin{margin:0}.fixed__footer{gap:1rem;display:flex;z-index:20;position:sticky;padding:1rem 0;bottom:0rem;box-shadow:-1rem 0 #ffffffb3,1rem 0 #ffffffb3;background-color:#ffffffb3}.sticky{position:sticky;top:0;background-color:#fff;z-index:10;padding:1rem 0}#fixed_search{position:fixed;bottom:1rem;padding:1rem;width:70vw;left:50%;transform:translate(-50%)}#fixed_search .searchbar.sticky{padding:0;background-color:transparent}#fixed_search .searchbar.sticky .input{padding:.5rem;--bg-color: var(--medium-blue);input{color:white;}}#fixed_search .searchbar.sticky .icon{--color:white}#fixed_search>.input{padding:.5rem;background-color:var(--medium-blue);border-radius:5rem;input {color: white;} .icon{ --color: white;}}.loading{animation:pulse 3s ease-in-out infinite}.loading .selector{background-color:var(--gray-2);height:3rem;min-width:15rem;border-radius:.5rem}.loading .tile{min-height:190px;background-color:var(--gray-2);border-radius:.5rem}.loading .tile.span1{background-color:var(--medium-blue)}.loading .tile.span2{grid-column:span 2}.loading .tile.span3{grid-column:span 3}.loading .tile.white{background-color:#fff;box-shadow:0 0 0 2px var(--medium-blue)}@keyframes pulse{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}button{--color: var(--medium-blue);--bg-color: var(--gray-1);--bg-color-hover: var(--color-hover);--border-color: transparent;min-height:2.75rem;display:flex;align-items:center;border:2px solid var(--border-color);outline:none;cursor:pointer;background-color:var(--bg-color);border-radius:.5rem;box-sizing:border-box;padding:.25rem}button .icon{--color:var(--medium-blue)}button .label{color:var(--color);font-size:.9rem;padding:0 1rem;z-index:1}button .icon:not(.mobile)+.label{padding-left:.25rem}button .label:has(+ .icon){padding-right:.25rem}button:hover{background-color:var(--bg-color-hover)}button.disabled{pointer-events:none;opacity:.5}button.rounded{border-radius:50rem}button.outline{--border-color: var(--medium-blue)}button.transparent{--bg-color: transparent}button:is(.red, .green, .orange, .blue){--border-color: transparent}button:is(.red, .green, .orange, .blue) .label{color:#fff}button:is(.red, .green, .orange, .blue) .icon{--color: white}button.red{--bg-color: var(--red);--bg-color-hover: var(--red)}button.red:hover{box-shadow:0 0 0 4px var(--color-error-hover)}button.orange{--bg-color: var(--orange);--bg-color-hover: var(--orange)}button.orange:hover{box-shadow:0 0 0 4px var(--color-warning-hover)}button.green{--bg-color: var(--other-green);--bg-color-hover: var(--other-green)}button.green:hover{box-shadow:0 0 0 4px var(--color-success-hover)}button.blue{--bg-color: var(--medium-blue);--bg-color-hover: var(--medium-blue)}button.blue:hover{box-shadow:0 0 0 4px var(--color-button-hover)}h1{font-size:clamp(2rem,4vw,2.2rem);letter-spacing:-.15rem;margin-bottom:1.618rem}h1:not(:has(+ p)),h1:not(:has(+ div)){margin-bottom:0}h2{font-size:1.618rem;letter-spacing:-.1rem;margin-bottom:1rem}p{font-size:1rem;margin-bottom:1rem}.w200{font-weight:200}.w400{font-weight:400}.w500{font-weight:500}.w600{font-weight:600}.nowrap{white-space:nowrap}.red{color:var(--red)!important}.green{color:var(--other-green)!important}.blue{color:var(--medium-blue)!important}.gray{color:var(--gray-4)}.orange{color:var(--orange)!important}.icon{--size: 2rem;--color: var(--dark-blue);--bg-color: transparent;width:var(--size);height:var(--size);background-color:var(--bg-color);border-radius:var(--size)}.icon:before{content:"";display:block;width:var(--size);height:var(--size);background-color:var(--color);mask:var(--icons) no-repeat;-webkit-mask:var(--icons) no-repeat;mask-size:calc(var(--size)*10);-webkit-mask-size:calc(var(--size)*10);mask-position:calc(0rem - var(--size)*var(--xpos)) calc(0rem - var(--size)*var(--ypos));-webkit-mask-position:calc(0rem - var(--size)*var(--xpos)) calc(0rem - var(--size)*var(--ypos))}.icon.logo{--xpos:0;--ypos:0;--color: var(--base-green) !important}.icon.socket,.icon.cz{--xpos:0;--ypos:1}.icon.socket.on,.icon.cz.on,.icon.blank{--xpos:0;--ypos:2}.icon.other{--xpos:0;--ypos:5}.icon.wg2,.icon.gateway,.icon.mal{--xpos:0;--ypos:6}.icon.humidity{--xpos:0;--ypos:7}.icon.temperatureSensor,.icon.wsdcg{--xpos:3;--ypos:4}.icon.smokeSensor,.icon.ywbj{--xpos:0;--ypos:8}.icon.doorbell,.icon.sp{--xpos:0;--ypos:9}.icon.switch,.icon.tdq,.icon.dlq,.icon.kg{--xpos:1;--ypos:0}.icon.dehumidity{--xpos:0;--ypos:7}.icon.tablelamp{--xpos:1;--ypos:2}.icon.wk,.icon.thermostat{--xpos:1;--ypos:3}.icon.wkf{--xpos:1;--ypos:5}.icon.alarm{--xpos:1;--ypos:6}.icon.bolt{--xpos:1;--ypos:4;--color: var(--orange)}.icon.pir,.icon.hps,.icon.pir.on,.icon.hps.on,.icon.motionSensor{--xpos:1;--ypos:8}.icon.mcs,.icon.contactSensor,.icon.doorsensor{--xpos:2;--ypos:1}.icon.temp{--xpos:2;--ypos:3}.icon.battery{--xpos:3;--color:white;border-radius:.3rem}.icon.battery.low{--ypos: 0;--bg-color:var(--red)}.icon.battery.mid{--ypos: 1;--bg-color: var(--orange)}.icon.battery.high{--ypos: 2;--bg-color:var(--other-green)}.icon.battery.unknown{--ypos:3;--bg-color:var(--gray-4)}.icon.dot-single{--xpos:3;--ypos:5}.icon.dot-single-big,.icon.active,.icon.on{--xpos:3;--ypos:6}.icon.lock{--xpos:3;--ypos:7}.icon.lock.open{--ypos:8}.icon.keylock,.icon.jtmspro{--xpos:4;--ypos:0}.icon.mk,.icon.ms,.icon.keypad{--xpos:4;--ypos:1}.icon.ir,.icon.wnykq{--xpos:4;--ypos:3}.icon.infrared_ac{--xpos:4;--ypos:2}.icon.fan{--xpos:4;--ypos:4}.icon.heat{--xpos:4;--ypos:6}.icon.cold{--xpos:4;--ypos:7}.icon.text-delete{--xpos:4;--ypos:8}.icon.alert,.icon.warning{--xpos:5;--ypos:0;--color: var(--orange) !important}.icon.offline,.icon.error{--xpos:5;--ypos:1;--color:var(--red-1) !important}.icon.check{--xpos:5;--ypos:2}.icon.back{--xpos:5;--ypos:3}.icon.multigroup{--xpos: 5;--ypos: 3;transform:rotate(130deg) scaleY(-1)}.icon.package{--xpos:5;--ypos:5}.icon.copy{--xpos:5;--ypos:6}.icon.copy.done{--xpos:5;--ypos:7}.icon.refresh,.icon.routine,.icon.auto{--xpos:6;--ypos:1}.icon.chevron-down{--xpos:6;--ypos:4}.icon.chevron-up{--xpos:6;--ypos:5}.icon.chevron-right{--xpos:6;--ypos:5;transform:rotate(90deg)}.icon.chevron-left{--xpos:6;--ypos:5;transform:rotate(-90deg)}.icon.xmark{--xpos:6;--ypos:6}.icon.trash,.icon.bin{--xpos:6;--ypos:9}.icon.favorites{--xpos:7;--ypos:0;z-index:1}.icon.close{--xpos:7;--ypos:2}.icon.edit{--xpos:8;--ypos:0}.icon.eye{--xpos:7;--ypos:4}.icon.eye-noshow{--xpos:7;--ypos:5}.icon.permission{--xpos:7;--ypos:8}.icon.row{--xpos:7;--ypos:9}.icon.key{--xpos:8;--ypos:4}.icon.remove{--xpos:8;--ypos:2}.icon.filter{--xpos:8;--ypos:6}.icon.search{--xpos:9;--ypos:0}.icon.settings{--xpos:9;--ypos:1}.icon.add{--xpos:9;--ypos:2}.icon.vdot{--xpos:9;--ypos:3}.icon.dot{--xpos:9;--ypos:4}.icon.hamburger{--xpos:9;--ypos:5}.icon.info{--xpos: 9;--ypos: 6}.icon.exit{--xpos: 9;--ypos: 7}.icon.group{--xpos:8;--ypos:8}.icon.nogroup{--xpos:9;--ypos:9}.icon.on{--color: var(--other-green)}:root{--light-gray: #b3b3b3;--superlight-gray: #ccc;--dark-gray: #aaa;--color_hover: var(--color-hover);--base_green: var(--base-green);--dark-blue: #252b31;--medium-blue: #223746;--light-blue: #647483;--base-green: #81bc00;--other-green: #46b04d;--yellow: #fcc52b;--orange: #ee9330;--red: #f7211d;--dark-red: #d43734;--red-1: rgb(255, 70, 70);--blue-1: #3484d4;--blue-2: rgb(163, 209, 255);--blue: #3978bd;--background_gray: hsla(0, 0%, 90.2%, .2);--bg_selected: #81bc0030;--bg_selected_hover: #81bc0050;--transition-time: .3s;--transition-type: ease-in-out;--sidebar_size: 8rem;--color-success: #88c459;--color-error: #f5414f;--color-warning: #ffd137;--color-hover: hsla(0, 0%, 90%, .5);--color-active: hsla(0, 0%, 90%, .2);--color-button-hover: #2f638978;--color-success-hover: #81bc0070;--color-error-hover: #f7211d70;--color-warning-hover: #ee933070;--black: #1d1d21;--gray-10: #2e2e31;--gray-6: #7b7a7d;--gray-4: #a5a5a6;--gray-3: #bbbbbc;--gray-2: #d1d0d2;--gray-1: #f9f9f9;--white: #fff;--icons: url(/assets/icons-7868e5a4.svg);--anim-time: .3s;--anim-type: ease-in-out}*{font-family:Montserrat,sans-serif;font-weight:400;color:var(--medium-blue);margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--medium-blue) transparent}*::-webkit-scrollbar{height:14px;width:14px;background:transparent}*::-webkit-scrollbar-thumb{border-radius:1rem;border:4px solid rgba(0,0,0,0);background-clip:padding-box;background-color:var(--dark-blue)}#loader{position:fixed;top:0;left:0;height:.3rem;background-color:var(--base-green);padding:0;animation:loading 2s ease-in-out infinite;border-radius:.2rem;z-index:1000}@keyframes loading{0%{width:0;left:0}50%{width:100vw;left:0}to{width:0;left:100vw}}.skeleton{color:transparent;box-shadow:none!important;animation:skeleton-loading 1s linear infinite alternate;border-radius:50rem}.skeleton ._head{min-height:2.5rem;background-color:var(--gray-4);border-radius:50rem}.skeleton :is(._head, button){animation:skeleton-button 1s linear infinite alternate}.skeleton :is(._head, button) .icon{--color: transparent}@keyframes skeleton-loading{0%{background-color:#ededed}to{background-color:#e8e8e8}}@keyframes skeleton-button{0%{filter:opacity(.5)}to{filter:opacity(1)}}span.label:has(+ .input){display:block;padding:.5rem .75rem;font-size:.9rem;font-weight:500}.choice{--bg-color: var(--gray-1);--bg-color-checked: var(--medium-blue);display:flex;align-items:center;background-color:var(--bg-color);border-radius:5rem}.choice .option{position:relative;border-radius:5rem;padding:.3rem}.choice .option input{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0}.choice .option:has(input:checked){background-color:var(--bg-color-checked)}.choice .option:has(input:checked) .icon{--color: var(--gray-1)}input[type=checkbox],input[type=radio]{cursor:pointer}.mobile{display:none}@media screen and (width < 900px){.mobile{display:initial}.desktop{display:none}.fixed__footer button:has(.icon.back){--bg-color:var(--medium-blue)}.fixed__footer button:has(.icon.back) .icon{--color: white}}.fixed__footer{justify-content:end;gap:1rem}