label.switch{cursor:pointer;margin:0;font-size:24px;display:table;position:relative}label.switch input[type=checkbox]{display:none}.switch .moving-area{background-color:#d0d7de;border-radius:1em;width:33px;height:18px;margin:0;display:block;position:relative}.switch input[type=checkbox]:not(:checked)+.moving-area .switch-on,.switch input[type=checkbox]:checked .switch-off{visibility:hidden}.switch .switch-button{content:"";background-color:#fff;border-radius:.9em;width:13px;height:13px;transition:all .2s;position:absolute;top:2.5px;left:.08em}.switch input[type=checkbox]:checked~.switch-button{transform:translate(17px)}.switch input[type=checkbox]:checked+.moving-area{background-color:#24292f}