:root{--bg-color:#ffffff;--text-color:#111111}body.ett-dark{--bg-color:#111111;--text-color:#ffffff}body{background:var(--bg-color);color:var(--text-color);transition:0.3s}.ett-switch{position:relative;width:60px;height:32px;display:inline-block}.ett-switch input{display:none}.ett-slider{position:absolute;inset:0;background:#ccc;border-radius:30px;cursor:pointer;transition:0.3s}.ett-slider::before{content:"";position:absolute;width:24px;height:24px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:0.3s}input:checked+.ett-slider{background:#222}input:checked+.ett-slider::before{transform:translateX(28px)}