.switch-wrap{display:inline-block;direction:ltr;height:28px;vertical-align:middle}.switch-wrap input{display:none}.switcher-input{display:inline-block;position:relative;width:73px;height:28px;border-radius:30px;background:#ddd;overflow:hidden;cursor:pointer;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.switch-cursor{display:inline-block;position:absolute;top:3px;width:22px;height:22px;border-radius:100%;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.1);z-index:10;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.switch-label{font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:12px;letter-spacing:1px;line-height:18px;color:#fff;font-weight:700;position:absolute;width:33px;top:5px;overflow:hidden;text-align:center;opacity:0;-webkit-transition:all .2s ease-in-out .1s;-ms-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s}.switch-label.switch-label-on{left:-70px;z-index:6}.switch-label.switch-label-off{right:-70px;z-index:5}.switcher-input.switch-on{background:#75b936;box-shadow:0 0 2px #579022 inset}.switcher-input.switch-on .switch-cursor{left:48px}.switcher-input.switch-on .switch-label-on{left:10px;opacity:1}.switcher-input.switch-off{background:#b2b2b2;box-shadow:0 0 2px #a4a4a4 inset}.switcher-input.switch-off .switch-cursor{left:3px}.switcher-input.switch-off .switch-label-off{right:10px;opacity:1}.switcher-input.switch-disable{opacity:.65;cursor:default}