.room[data-space=bathroom]{aspect-ratio:1674/940}.bath-heater-spot{left:64%;top:14%}.bath-presence-spot{left:31%;top:25%}.bath-devices .heat-flow,.bath-devices .heater-temperature{opacity:0;visibility:hidden;transition:opacity .35s}.bath-devices.heating .heat-flow,.bath-devices.ventilating .heat-flow,.bath-devices.heating .heater-temperature,.bath-devices.ventilating .heater-temperature{opacity:1;visibility:visible}.heat-streams path{stroke-dasharray:12 18;animation:bath-stream 2.2s linear infinite;animation-play-state:paused}.heat-streams path:nth-child(2){animation-delay:-.4s}.heat-streams path:nth-child(3){animation-delay:-.8s}.heat-streams path:nth-child(4){animation-delay:-1.2s}.heat-streams path:nth-child(5){animation-delay:-1.6s}.heating .heat-streams path,.ventilating .heat-streams path{animation-play-state:running}.heat-cone{animation:bath-glow 2.4s ease-in-out infinite}.heat-particles circle{animation:bath-particle 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.heat-particles circle:nth-child(2n){animation-delay:-1.2s}.bath-devices.ventilating .heat-cone{opacity:.35}.bath-devices.ventilating .heat-streams{stroke:#a8e2ff}.bath-devices.ventilating .heat-particles{fill:#d5f5ff}.bath-devices.ventilating .heater-temperature rect{fill:#153c48;stroke:#b4ecf4}.bath-devices.ventilating .heater-temperature .heater-mode-label{fill:#c9edf2}.bath-devices.heating .heater-panel{fill:#ffdc9d}.presence-zone,.presence-label{opacity:0;transition:opacity .3s}.occupied .presence-zone,.occupied .presence-label{opacity:1}.heater-dial{touch-action:none}.heater-dial .dial-fill{stroke:#ffae65}.heater-dial small{color:#ffc588}.presence-hero{display:grid;place-items:center;margin:60px auto 30px;width:140px;height:140px;border-radius:50%;background:#ffffff25;color:#57ddcb}.presence-hero svg{width:85px;height:85px}.replica[data-mode=aqara][data-screen=heater],.replica[data-mode=aqara][data-screen=presence]{background:linear-gradient(#ded7ca,#f2f3f6 45%);color:#222}.replica[data-screen=presence] .motion-buttons button[aria-pressed=true]{background:#267f76;color:white}@keyframes bath-stream{to{stroke-dashoffset:-60}}@keyframes bath-glow{50%{opacity:.62}}@keyframes bath-particle{50%{opacity:.25;transform:translateY(14px) scale(.75)}}@media(prefers-reduced-motion:reduce){.heat-cone,.heat-particles circle{animation:none!important}.heating .heat-streams path,.ventilating .heat-streams path{animation:bath-stream 4.4s linear infinite!important}}

.bath-light-output{opacity:var(--bath-level,0);transition:opacity .25s,color .3s;mix-blend-mode:screen}.bath-emitter{opacity:var(--bath-level,0);transition:opacity .25s;fill:currentColor}.room[data-space=bathroom] .light-spot{left:21%!important;top:14%!important}
.bath-water-spot{left:15%;top:43%}.bath-water-heater{filter:drop-shadow(0 10px 10px #40362b35)}.water-heat-rise{opacity:0;transition:opacity .35s}.water-heat-rise path{stroke-dasharray:9 13;animation:water-heat-up 1.8s linear infinite;animation-play-state:paused}.water-heat-rise path:nth-child(2){animation-delay:-.6s}.water-heat-rise path:nth-child(3){animation-delay:-1.2s}.bath-water-on .water-heat-rise{opacity:.8}.bath-water-on .water-heat-rise path{animation-play-state:running}.bath-water-on .water-heater-led{fill:#ff5f45;filter:drop-shadow(0 0 6px #ff4e2f)}.bath-water-on .water-heater-load{fill:#d84b31;font-weight:600}@keyframes water-heat-up{to{stroke-dashoffset:-44}}
.bath-water-spot{left:13%;top:20%}.bath-water-heater{transform:translate(45px,115px);filter:none}.bath-water-heater>rect,.bath-water-heater>circle,.bath-water-heater>text{display:none}.bath-water-on .water-status-text{fill:#d84b31}.bath-water-on .water-status-led{fill:#ff5139;filter:drop-shadow(0 0 6px #ff3d21)}.water-status-card{filter:drop-shadow(0 8px 12px #40362b2e)}