.x-radio.el-radio {
  color: var(--color-grey-8);
}

.x-radio {
  .el-radio__input.is-checked {
    .el-radio__inner {
      background-color: var(--color-white);
    }

    .el-radio__inner::after {
      background-color: var(--color-blue-6);
      height: 10px;
      width: 10px;
    }
  }

  .el-radio__input.is-checked + span.el-radio__label {
    color: var(--color-grey-8);
  }

  .el-radio__input.is-disabled + span.el-radio__label {
    color: var(--color-grey-6);
  }

  .el-radio__input.is-checked.is-disabled {
    .el-radio__inner {
      border-color: var(--border-color);
    }

    .el-radio__inner::after {
      background-color: #C0C4CC;
    }
  }

  .el-radio-button__original-radio:checked + .el-radio-button__inner {
    background-color: rgba(196, 227, 255, 0.4) !important;
    border-color: var(--el-radio-button-checked-border-color, var(--color-blue-6));
    box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--color-blue-6));
    color: var(--el-radio-button-checked-border-color, var(--color-blue-6));
  }
}

.x-radio:hover {
  .el-radio__input {
    .el-radio__inner {
      border-color: var(--color-blue-6);
    }
  }

  .el-radio__label {
    color: var(--color-blue-6);
  }

  .el-radio__input.is-checked + .el-radio__label {
    color: var(--color-blue-6);
  }

  .el-radio__input.is-disabled {
    .el-radio__inner {
      border-color: var(--border-color);
    }
  }

  .el-radio__input.is-disabled + span.el-radio__label {
    color: var(--color-grey-6);
  }
}