.toggle{display:inline-block;position:relative}.toggle input{display:none}.legend{color:var(--text-muted);margin-left:52px}.slider{cursor:pointer;background-color:var(--border-primary);border-radius:34px;width:48px;height:28px;transition:all .4s;position:absolute;top:0;left:0}.slider:after{content:"";background-color:var(--background-primary);border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--green)}input:checked+.slider:after{transform:translate(20px)}input:checked~.legend{color:var(--text-primary)}