@import "../variate.less";
.@{elNamespace}-switch{
    --@{elNamespace}-switch-on-color: var(~'--@{elNamespace}-color-success');
    --@{elNamespace}-switch-off-color: var(~'--@{elNamespace}-text-color-secondary');
    transition: border-color var(~'--@{elNamespace}-transition-duration'),background-color var(~'--@{elNamespace}-transition-duration'),opacity var(~'--@{elNamespace}-transition-duration');
    .@{elNamespace}-switch__core{
        height: 16px;
        border: 0;
        width: 32px;
        .@{elNamespace}-switch__action{
            width: 14px;
            height: 14px;
        }
    }
    &.is-checked .@{elNamespace}-switch__core .@{elNamespace}-switch__action {
        margin-left: calc(-1px - 14px);
    }
    &:hover {
        opacity: .4;
        transition: opacity var(~'--@{elNamespace}-transition-duration');
    }
}