.@{radio-prefix-cls} {
  &-icon {
    background-color: var(--color-white);
    &::after {
      opacity: 0;
    }
  }

  &-checked &-icon {
    background-color: var(--color-white);
    border-color: @radio-color-bg_checked;
    border-width: 4px;

    &::after {
      opacity: 0;
    }
  }
  &-disabled &-icon {
    background-color: @radio-color-bg_disabled;
    border-color: @radio-color-border_disabled;
  }

  &-checked&-disabled {
    .@{radio-prefix-cls}-icon,
    &:hover .@{radio-prefix-cls}-icon {
      background-color: var(--color-white);
      border-color: @radio-color-bg_checked_disabled;
      border-width: 4px;
    }

    .@{radio-prefix-cls}-icon::after {
      opacity: 0;
    }
  }
}