.switch{position:relative;display:inline-block;width:3rem;height:1.75rem}.switch input{display:none;height:0;width:0}.switch input:checked+.slider{background-color:#57d26e}.switch input:focus+.slider{box-shadow:0 0 1px #57d26e}.switch.light .slider{background-color:#ccc}.switch.dark .slider{background-color:#4b4b4d}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border-radius:34px}.switch .slider:before{border-radius:50%;position:absolute;content:"";height:1.5rem;width:1.5rem;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider:before{-webkit-transform:translateX(1.1rem);-ms-transform:translateX(1.1rem);transform:translate(1.1rem)}