.valve .visual{position:relative}
.valve[data-output-type]:not([data-output-type="valve"]) .visual>div:not(.output-illustration){display:none}
.output-illustration{position:absolute;inset:8px 8px 34px;display:flex;align-items:center;justify-content:center;color:#7b8fa2}
.output-illustration[hidden]{display:none}.output-illustration svg{height:100%;width:100%;max-width:180px;overflow:visible}
.output-visual-status{position:absolute;bottom:8px;left:4px;right:4px;z-index:6;text-align:center;color:#546a7d;font-size:10px;font-weight:800;line-height:1.35;padding:4px 2px;border-radius:4px;background:rgba(255,255,255,.9)}
.valve[data-visual-state="open"] .output-illustration{color:#0c8b72}.valve[data-visual-state="open"] .output-visual-status{color:#087653}
.valve[data-visual-state="opening"] .output-visual-status,.valve[data-visual-state="closing"] .output-visual-status{color:#9b6900}
.output-fan-rotor{transform-origin:90px 77px}.valve[data-visual-state="open"] .output-fan-rotor{animation:output-fan-spin 1.2s linear infinite}
.output-mist{opacity:.2}.valve[data-visual-state="open"] .output-mist{opacity:1}.valve[data-visual-state="open"] .output-mist path{animation:output-mist-rise 1.8s ease-in-out infinite}.valve[data-visual-state="open"] .mist-two{animation-delay:.3s}.valve[data-visual-state="open"] .mist-three{animation-delay:.6s}
@keyframes output-fan-spin{to{transform:rotate(360deg)}}@keyframes output-mist-rise{0%,100%{transform:translateY(3px);opacity:.4}50%{transform:translateY(-8px);opacity:1}}
.output-light-rays,.output-heat{opacity:.15}.valve[data-visual-state="open"] .output-light-rays,.valve[data-visual-state="open"] .output-heat{opacity:1}.valve[data-output-type="light"][data-visual-state="open"] .output-illustration{color:#b77e05}.valve[data-visual-state="open"] .output-bulb{fill:#ffe49a;filter:drop-shadow(0 0 6px #f6d875)}.valve[data-output-type="heater"][data-visual-state="open"] .output-illustration{color:#c7692f}.valve[data-visual-state="open"] .output-heater-coil{stroke:#e17834}.output-motor-rotor{transform-origin:123px 94px}.valve[data-visual-state="open"] .output-motor-rotor{animation:output-fan-spin 1.8s linear infinite}.valve[data-visual-state="open"] .output-indicator{filter:drop-shadow(0 0 5px #4fa879)}.valve[data-visual-state="open"] .output-pump-flow{animation:output-flow 1s ease-in-out infinite}@keyframes output-flow{50%{opacity:.3}}
#outputTypeField{margin-top:16px}#outputTypeField[hidden]{display:none}#outputTypeField label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}#renameOutputType{width:100%;min-height:44px;padding:8px 10px;border:1px solid #b9c9d8;border-radius:5px;background:#f9fbfd;color:#183552;font:inherit}#outputTypeField small{display:block;color:#647b8e;font-size:11px;line-height:1.6;margin-top:7px}
@media(prefers-reduced-motion:reduce){.output-fan-rotor,.output-motor-rotor,.output-mist path,.output-pump-flow{animation:none!important}}