@font-face{font-family:Manrope Panel;src:url(/fonts/manrope-variable-latin.woff2) format("woff2");font-weight:200 800;font-display:block}.sv-glass{position:relative;width:1024px;height:600px;overflow:hidden;background:#000 url(/demo/panel/main_background.jpg) center / cover no-repeat;font-family:Manrope Panel,system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;cursor:default;font-variant-ligatures:none;font-kerning:none}.sv-glass *{box-sizing:border-box}.sv-tap{cursor:pointer}.sv-tap:active{filter:brightness(1.25)}.sv-topbar{position:absolute;left:0;top:0;width:1024px;height:64px;z-index:30}.sv-topbar__bg{position:absolute;left:1px;top:1px;width:1022px;height:62px;border-radius:30px;background:linear-gradient(180deg,var(--sv-topbar, #000) 0%,color-mix(in srgb,var(--sv-topbar, #000) 40%,#000) 100%)}.sv-topbar__btn{position:absolute;top:0;width:64px;height:64px;display:grid;place-items:center}.sv-topbar__btn img{width:40px;height:40px;object-fit:contain}.sv-topbar__clock{position:absolute;left:512px;top:32px;transform:translate(-50%,-50%);font-size:38px;line-height:1;color:#fff}.sv-topbar__wordmark{position:absolute;left:256px;top:32px;transform:translate(-50%,-50%);max-width:300px;max-height:50px}.sv-body{position:absolute;inset:64px 0 0}.sv-side{position:absolute;top:0;bottom:0;width:150px}.sv-side--left{left:0;border-right:5px solid #646464}.sv-side--right{right:0;border-left:5px solid #646464}.sv-slot{position:absolute;left:0;width:150px;height:170px}.sv-widget{position:absolute;inset:0}.sv-gauge{position:absolute}.sv-gauge__pie{position:absolute;border-radius:50%;background:conic-gradient(var(--fill, #789ed7) var(--pct, 0%),transparent 0)}.sv-gauge__art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sv-gauge__num{position:absolute;transform:translateY(-50%);color:#646464;line-height:1;pointer-events:none}.sv-gauge__block{position:absolute;left:20px;width:110px;transform:translateY(-50%);display:flex;align-items:baseline;justify-content:center;gap:1px;color:#646464;line-height:1;pointer-events:none}.sv-gauge__temp{position:absolute;left:22.5px;width:105px;text-align:center;font-size:16px;color:#000;line-height:1;pointer-events:none}.sv-slot__read{position:absolute;left:0;width:150px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:22px;color:#fff;line-height:1}.sv-slot__read--bold{font-weight:700;font-size:20px}.sv-slot__sub{position:absolute;left:0;width:150px;text-align:center;font-size:12px;color:#646464;line-height:1}.sv-arrow{position:absolute;width:42px;height:42px}.sv-arrow img{width:42px;height:42px}.sv-hit{position:absolute}.sv-chev{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.sv-chev--up{border-bottom:8px solid #00ff00}.sv-chev--down{border-top:8px solid #ef1c25}.sv-dial__label{position:absolute;inset:0;display:grid;place-items:center;color:#646464;font-weight:600;pointer-events:none;text-align:center;line-height:1}.sv-dial__label b{font-size:30px;font-weight:600}.sv-dial__label sup{font-size:15px;font-weight:600;top:-.35em}.sv-tank{position:absolute;border-radius:50%;overflow:hidden}.sv-tank__fill{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--fill, #53a2da);transition:height .6s ease}.sv-tank__art{position:absolute;inset:0;width:100%;height:100%}.sv-tank__ring{position:absolute;inset:0;border-radius:50%;border:5px solid transparent}.sv-tank__ring[data-relay=off]{border-color:#000}.sv-tank__ring[data-relay=on]{border-color:#ef1c25}.sv-tank__ring[data-relay=pending]{border-color:#fbb03b}.sv-tiles{position:absolute;inset:0;pointer-events:none}.sv-tile{pointer-events:auto}.sv-tile{position:absolute;width:178.5px}.sv-tile img{position:absolute;left:34.25px;top:0;width:110px;height:110px;object-fit:contain}.sv-tile span{position:absolute;top:118px;left:0;width:178.5px;height:50px;display:flex;align-items:flex-start;justify-content:center;font-size:21px;color:#fff;text-align:center;line-height:1.15}.sv-thermo{position:absolute;left:262px;width:500px;height:70px;bottom:var(--thermo-bottom, 110px);display:flex;align-items:center;justify-content:center;gap:34px}.sv-thermo__group{display:flex;align-items:center;gap:4px}.sv-thermo__house{position:relative;width:40px;height:40px}.sv-thermo__house img:first-child{width:40px;height:40px}.sv-thermo__stick{position:absolute;left:13px;top:5px;width:12px;height:30px}.sv-thermo__stick--free{position:static}.sv-thermo__sun{width:15px;height:15px}.sv-thermo__val{font-size:20px;color:#fff;line-height:1}.sv-weather{position:absolute;left:155px;right:155px;bottom:0;height:100px;display:flex;align-items:flex-start;padding-top:7px;gap:2px;font-size:13px}.sv-weather__place{width:56px;color:#ddd;line-height:1.4;padding-left:16px;align-self:center}.sv-weather__day{flex:1;text-align:center;color:#ddd;line-height:1.35}.sv-weather__day b{display:block;font-weight:400;margin-bottom:3px}.sv-weather__row{display:flex;align-items:center;justify-content:center;gap:3px}.sv-page{position:absolute;inset:0;padding-top:8px}.sv-page__title{text-align:center;font-size:34px;font-weight:400;margin:0 0 18px;color:#fff}.sv-menu{position:absolute;left:0;top:64px;z-index:40;background:var(--sv-topbar, #0000b0);border-radius:0 14px 14px 0;box-shadow:4px 4px #00000040;padding:6px 0;min-width:280px}.sv-menu__item{display:flex;align-items:center;gap:12px;padding:10px 22px 10px 8px;font-size:28px;color:#fff}.sv-menu__item img{width:34px;height:34px;object-fit:contain}.sv-menu__item:active{background:#ffffff24}.sv-pill{background:#1a1a1a;border:2px solid #fff;border-radius:12px;padding:6px 16px;font-size:20px;color:#fff}.sv-pill[data-active="0"]{border-color:#555;color:#bbb}.sv-btn-round{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#d9d9de;border:3px solid #8a8a8a}.sv-btn-round img{width:40px;height:40px}.sv-modal{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#0000008c}.sv-modal__box{background:#e9e9ee;color:#222;border-radius:16px;padding:22px 26px;min-width:420px;max-width:760px;text-align:center;box-shadow:0 10px 40px #0009}.sv-modal__title{font-size:26px;margin:0 0 10px}.sv-modal__msg{font-size:19px;line-height:1.45;margin:0 0 16px;color:#333}.sv-modal__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sv-modal__action{background:#fff;border:2px solid #8a8a8a;border-radius:10px;padding:8px 20px;font-size:19px;color:#222}.sv-keypad{display:grid;grid-template-columns:repeat(3,96px);gap:12px;justify-content:center}.sv-key{height:62px;border-radius:10px;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(180deg,#4a4a52,#26262c);border:1px solid #6a6a72}.sv-settings{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 4px;padding:0 24px}.sv-settings__item{display:flex;flex-direction:column;align-items:center;gap:2px}.sv-settings__item img{width:74px;height:74px;object-fit:contain}.sv-settings__item span{font-size:14px;text-align:center;line-height:1.15}.sv-settings__item[data-locked="1"]{opacity:.35}.sv-lights{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 0;padding:0 150px 0 200px}.sv-light{display:flex;flex-direction:column;align-items:center}.sv-light__knob{position:relative;width:108px;height:108px}.sv-light__knob img{width:100%;height:100%}.sv-light__knob .sv-gauge__pie{--fill: #f5a623}.sv-light span{font-size:20px;margin-top:2px}.sv-presets{position:absolute;left:48px;top:96px;display:flex;flex-direction:column;gap:30px}.sv-graph{background:#fff;border-radius:14px;padding:10px;color:#222}.sv-list{overflow:hidden}.sv-list__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #333;font-size:18px}.sv-title{position:absolute;left:0;top:27px;width:100%;text-align:center;font-size:36px;line-height:1;color:#fff}.sv-tanks__label{position:absolute;top:111px;text-align:center;font-size:28px;line-height:1;color:#fff}.sv-tanks__read{position:absolute;top:355px;text-align:center;font-size:24px;line-height:1.5;color:#fff}.sv-tank__drip{position:absolute;inset:0;background:var(--fill, #53a2da);-webkit-mask:url(/demo/panel/special_icons/water_tank_drip.png) center / contain no-repeat;mask:url(/demo/panel/special_icons/water_tank_drip.png) center / contain no-repeat;pointer-events:none}.sv-heater__brand{position:absolute;left:512px;top:23px;transform:translate(-50%);width:299px;height:auto}.sv-heater__schedule{position:absolute;left:915px;top:27px;width:82px;height:82px}.sv-heater__schedule img{width:100%;height:100%;object-fit:contain}.sv-heater__target{position:absolute;left:52px;top:202px;width:244px;transform:translateY(-50%);text-align:center;font-size:40px;color:#646464;line-height:1;pointer-events:none}.sv-heater__arrow{position:absolute;top:350px;width:100px;height:100px}.sv-heater__arrow img{width:100%;height:100%}.sv-heater__van{position:absolute;left:393px;top:115px;width:241px;height:auto}.sv-heater__rule{position:absolute;left:332px;width:359px;height:4px;background:#6e6e6e;border-radius:2px}.sv-heater__temp{position:absolute;left:387px;top:264px;width:200px;text-align:center;font-size:34px;font-weight:700;color:#fff;line-height:1}.sv-heater__bars{position:absolute;top:258px;width:73px;display:flex;flex-direction:column;gap:7px}.sv-heater__bars i{height:6px;background:#fff;border-radius:3px}.sv-heater__bars--left{left:357px;align-items:flex-start}.sv-heater__bars--right{left:627px;align-items:flex-end}.sv-heater__bars i:nth-child(1){width:100%}.sv-heater__bars i:nth-child(2){width:72%}.sv-heater__bars i:nth-child(3){width:46%}.sv-heater__toggle{position:absolute;top:354px;width:92px;display:flex;flex-direction:column;align-items:center}.sv-heater__toggle img{width:92px;height:92px}.sv-heater__toggle span{font-size:28px;margin-top:23px;color:#fff;line-height:1}.sv-heater__lpg-pct{position:absolute;left:723px;top:381px;width:250px;text-align:center;font-size:30px;color:#fff;line-height:1}.sv-light__bulb{position:absolute;width:100px;height:100px;pointer-events:none}.sv-light__label{position:absolute;width:206px;text-align:center;font-size:25px;line-height:1;color:#fff}.sv-light__preset{position:absolute;left:50px;min-width:141px;height:41px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:21px;background:#2a2a2a;font-size:26px;color:#fff;line-height:1;width:max-content}.sv-stance__scene{position:absolute;top:50px;width:300px;height:300px}.sv-stance__bg{position:absolute;inset:0;width:300px;height:300px}.sv-stance__van{position:absolute;object-fit:fill}.sv-stance__van--front{left:7.5px;top:45px;width:285px;height:234px}.sv-stance__van--side{left:0;top:60px;width:300px;height:155px}.sv-stance__val{position:absolute;top:258px;width:300px;text-align:center;font-size:34px;color:#6e6e6e;line-height:1}.sv-stance__msg{position:absolute;top:381px;width:600px;text-align:center;font-size:28px;color:#fff;line-height:1}.sv-stance__btn{position:absolute;left:420px;top:420px;width:184px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#2a2a2a;font-size:40px;color:#fff;line-height:1}.sv-title--lg{top:21px}.sv-batt__vendor{position:absolute;left:49px;top:99px;width:340px;height:auto}.sv-batt__vendor-name{position:absolute;left:57px;top:99px;width:383px;text-align:center;font-size:40px;letter-spacing:2px;color:#7fb4e8;font-weight:700;line-height:1}.sv-batt__num{position:absolute;right:792px;top:303px;transform:translateY(-50%);color:#646464;line-height:1;pointer-events:none}.sv-batt__time{position:absolute;left:100px;top:412px;width:220px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:22px;color:#fff;line-height:1;white-space:nowrap}.sv-batt__avw{position:absolute;left:52px;top:452px;width:340px;text-align:center;font-size:22px;color:#fff;line-height:1}.sv-batt__pills{position:absolute;top:99px;display:flex;gap:6px}.sv-batt__pill{height:52px;padding:0 6px;display:flex;align-items:center;border-radius:10px;border:2px solid #6a6a6a;background:#141414;font-size:19px;white-space:nowrap;color:#bdbdbd;line-height:1}.sv-batt__pill[data-active="1"]{border-color:#fff;color:#fff}.sv-batt__card{position:absolute;left:412px;top:150px;width:540px;height:300px;border-radius:14px;background:#fff;overflow:hidden}.sv-batt__disconnect{position:absolute;left:822px;top:487px;padding:8px 14px;border-radius:10px;border:2px solid #6a6a6a;background:#141414;font-size:19px;color:#fff;line-height:1;white-space:nowrap}.sv-locked{position:absolute;left:130px;right:130px;top:110px;text-align:center;color:#d8d8d8;font-size:22px;line-height:1.45}.sv-locked p{margin:0 0 18px}.sv-locked__aside{color:#8a8a8a;font-size:18px}.sv-volt__art{position:absolute;left:20px;top:0;width:110px;height:101px;pointer-events:none}.sv-volt__level{position:absolute}.sv-volt__read{position:absolute;left:0;top:103px;width:150px;text-align:center;font-size:20px;color:#fff;line-height:1}