@import "../variate.less";
.@{elNamespace}-switch{
    --el-switch-on-color: var(--el-color-success);
    --el-switch-off-color: var(--el-text-color-secondary);
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),opacity var(--el-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(--el-transition-duration);
    }
}