.HxCheckSwitch{display:inline-block;vertical-align:middle;margin:0;padding:2px;height:26px;min-width:44px;cursor:pointer}.HxCheckSwitch,.HxCheckSwitch-inner{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.HxCheckSwitch-inner{display:block;width:100%;height:100%;border-radius:11px;padding:0 7px;color:#fff;line-height:22px;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.3s;transition-duration:.3s}.HxCheckSwitch-inner:after{content:"";position:absolute;left:1px;top:1px;width:20px;height:20px;background:#fff;border-radius:50%;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86)}.HxCheckSwitch-inner.is-active{padding-right:24px;background:#0090ff;background:var(--checkSwitch-active-color)}.HxCheckSwitch-inner.is-active:after{left:100%;margin-left:-21px}.HxCheckSwitch-inner.is-active.is-disabled{background-color:#5fb9ff;background-color:var(--checkSwitch-active-disable-color)}.HxCheckSwitch-inner.is-inactive{padding-left:24px;background:#9e9e9e;background:var(--checkSwitch-inactive-color)}.HxCheckSwitch-inner.is-inactive.is-disabled{background-color:#cdcdcd;background-color:var(--checkSwitch-inactive-disable-color)}.HxCheckSwitch.is-disabled{cursor:not-allowed}.HxCheckSwitch-input{position:absolute;width:0;height:0;margin:0;opacity:0;z-index:-1}