.mui-switch {float:left;position:relative;top:17px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:74px;height:30px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;transition-property:background-color,border;border:2px solid #ddd;border-radius:20px;background-color:#fff;background-clip:padding-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;}
.mui-switch .mui-switch-handle {position:absolute;z-index:1;top:-1px;left:1px;width:28px;height:28px;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;-webkit-transition-property:-webkit-transform,width,left;transition-property:transform,width,left;border-radius:16px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;font-family:'HelveticaNeue',Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;}
.mui-switch:before {font-size:13px;position:absolute;top:3px;right:11px;content:'Off';text-transform:uppercase;color:#999;}
.mui-switch.mui-active {border-color: #4cd964;background-color: #4cd964;}
.mui-switch.mui-active:before {right: auto;left:15px;content:'On';color:#fff;}