.switch{background-color:#ccc;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:24px;height:18px;border-radius:9px;cursor:pointer;top:-6px}.switch,.switch small{transition:all .3s ease-out;-webkit-transition:all .3s ease-out}.switch small{background:#fff;border-radius:100%;width:12px;height:12px;position:absolute;top:3px;left:1px}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:11px}.switch .off{display:block;color:#a9a9a9}.switch .off,.switch .on{position:absolute;right:0;top:18px;z-index:0}.switch .on{color:#64bd63}.switch.checked .off,.switch .on{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}