.el-radio__inner,
.el-checkbox__inner {
  border-radius: 4px;
  width: 14px;
  height: 14px;
  &:hover {
    border-color: $--color-primary;
  }
}

.el-radio__input,
.el-checkbox__input {
  &.is-checked {
    & + .el-radio__label,
    & + .el-checkbox__label {
      color: $--color-primary;
    }
    .el-radio__inner,
    .el-checkbox__inner {
      background: #fff;
      border-color: $--color-primary;
      &:after {
        background: $--color-primary;
        width: 7px;
        height: 7px;
        border-radius: 1px;
        left: 50%;
        top: 50%;
        border: unset;
        transform: translate(-50%, -50%) scale(1);
      }
    }
  }
  &.is-focus {
    & .el-checkbox__inner {
      border-color: $--color-primary;
    }
  }
}
.el-switch {
  & .el-switch__core {
    border-radius: 5px;
    &:after {
      border-radius: 4px;
    }
  }
  &.is-checked {
    & .el-switch__core {
      background-color: $--color-primary;
      border-color: $--color-primary;
      border-radius: 5px;
      &:after {
        border-radius: 4px;
      }
    }
  }
}
.el-radio-button__orig-radio {
  & + .el-radio-button__inner {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    font-style: normal;
    background: #f8f8f8;
    border-radius: 5px;
    border: none;
    box-shadow: unset;
    &:hover {
      color: $--color-primary;
    }
  }

  &:checked {
    & + .el-radio-button__inner {
      background: #fff;
      border-radius: 8px;
      border: unset;
      box-shadow: unset;
      color: $--color-primary;
    }
  }
}

.el-radio-button {
  background: #f8f8f8;
  padding: 5px;
  &:first-child {
    border-radius: 8px 0 0 8px;
    & .el-radio-button__inner {
      border: none;
    }
  }
  &:last-child {
    border-radius: 0 8px 8px 0;
    & .el-radio-button__inner {
      border: none;
    }
  }
}

.group-medium {
  .el-radio-button {
    background: #f8f8f8;
    padding: 5px;
    &:first-child {
      border-radius: 8px 0 0 8px;
      & .el-radio-button__inner {
        border: none;
      }
    }
    &:last-child {
      border-radius: 0 8px 8px 0;
      & .el-radio-button__inner {
        border: none;
      }
    }
    & .el-radio-button__inner {
      padding: 8px 15px;
    }
  }
}
