.light-switch{appearance:none;width:100%;border:1px solid var(--line);background:#06191c;color:var(--text);border-radius:9px;padding:11px;display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.2s}.light-switch:hover{border-color:#57e5d866;transform:translateY(-1px)}.light-switch:disabled{cursor:wait;opacity:.65;transform:none}.light-switch .bulb{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#173537;color:var(--muted);font-size:9px}.light-switch b,.light-switch small{display:block}.light-switch b{font-size:9px}.light-switch small{font-size:7px;color:var(--muted);margin-top:3px}.light-switch>i{width:28px;height:15px;border-radius:20px;background:#294548;position:relative}.light-switch>i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#799795;transition:.2s}.light-switch[aria-pressed=true]{border-color:#57e5d84d;background:#0b292b}.light-switch[aria-pressed=true] .bulb{color:#ffe37b;background:#ffe37b18;box-shadow:0 0 20px #ffe37b22}.light-switch[aria-pressed=true]>i{background:#2d847e}.light-switch[aria-pressed=true]>i:after{left:15px;background:var(--cyan)}.light-switch.error{border-color:#e5727266}.light-controls.is-hidden{display:none}.live.offline{color:var(--red)}.live.offline i{background:var(--red);box-shadow:0 0 10px var(--red)}