.kd-switch{box-sizing:border-box;position:relative;display:inline-block;vertical-align:middle;color:#4f576e;background:#4f576e;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;border:2px solid}.kd-switch.kd-switch-disabled{cursor:not-allowed;color:#4f576e;background:#222a41;border-color:#222a41}.kd-switch-checked.kd-switch-disabled,.kd-switch.kd-switch-checked{border-color:linear-gradient(180deg,#f8334c 0,#4e284d 91%)}.kd-switch.kd-switch-checked{background:linear-gradient(180deg,#f8334c 0,#4e284d 91%)}.kd-switch-default .kd-switch-round,.kd-switch-large .kd-switch-round,.kd-switch-mini .kd-switch-round,.kd-switch-small .kd-switch-round{position:absolute;box-sizing:border-box;background-color:#fff;transition:all .3s ease-in-out}.kd-switch-input{position:absolute;width:0;height:0;opacity:0}.kd-switch-active,.kd-switch-inactive{box-sizing:border-box;position:absolute;left:-2px;top:-2px;font-size:14px;color:#fff;text-align:center}.kd-switch-mini,.kd-switch-mini .kd-switch-active,.kd-switch-mini .kd-switch-inactive{width:24px;height:14px;line-height:14px}.kd-switch-mini{border-radius:14px}.kd-switch-mini .kd-switch-active{padding:0 14px 0 4.67px}.kd-switch-mini .kd-switch-inactive{padding:0 4.67px 0 14px}.kd-switch-mini .kd-switch-round{left:0;width:10px;height:10px;border-radius:50%}.kd-switch-mini .kd-switch-round.checked{left:100%;margin-left:-10px}.kd-switch-small,.kd-switch-small .kd-switch-active,.kd-switch-small .kd-switch-inactive{width:36px;height:18px;line-height:18px}.kd-switch-small{border-radius:18px}.kd-switch-small .kd-switch-active{padding:0 18px 0 4.67px}.kd-switch-small .kd-switch-inactive{padding:0 4.67px 0 18px}.kd-switch-small .kd-switch-round{left:0;width:14px;height:14px;border-radius:50%}.kd-switch-small .kd-switch-round.checked{left:100%;margin-left:-14px}.kd-switch-default,.kd-switch-default .kd-switch-active,.kd-switch-default .kd-switch-inactive{width:48px;height:24px;line-height:24px}.kd-switch-default{border-radius:24px}.kd-switch-default .kd-switch-active{padding:0 24px 0 4.67px}.kd-switch-default .kd-switch-inactive{padding:0 4.67px 0 24px}.kd-switch-default .kd-switch-round{left:0;width:20px;height:20px;border-radius:50%}.kd-switch-default .kd-switch-round.checked{left:100%;margin-left:-20px}.kd-switch-large,.kd-switch-large .kd-switch-active,.kd-switch-large .kd-switch-inactive{width:60px;height:30px;line-height:30px}.kd-switch-large{border-radius:30px}.kd-switch-large .kd-switch-active{padding:0 30px 0 4.67px}.kd-switch-large .kd-switch-inactive{padding:0 4.67px 0 30px}.kd-switch-large .kd-switch-round{left:0;width:26px;height:26px;border-radius:50%}.kd-switch-large .kd-switch-round.checked{left:100%;margin-left:-26px}