/**
 * 自定义 switch 样式，为 a-switch 添加 custom-switch 类
 */
.custom-form .ant-form-item .ant-switch,
.custom-form-item.ant-form-item .ant-switch,
.custom-switch.ant-switch {
  width: 38px;
  min-width: 38px;
  height: 20px;
  background-color: #bfbfbf;
  line-height: 18px;
  opacity: 1;

  &.ant-switch-checked {
    background-color: $yili-default-color;

    &.ant-switch-disabled {
      background-color: #d5ebc3;
    }
  }

  &.ant-switch-disabled {
    background-color: #f5f5f5;
  }

  &::after {
    width: 16px;
    height: 16px;
  }
}
