.container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0 24px;
  .configuredModelProvidersBox{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    //border: 1px solid red;

    .systemModelSettingBox{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .configuredModelProviders{
      width: 100%;
      display: flex;
      justify-content: center;
      border-radius: 12px;
      //padding: 12px;
      border: 1px solid #eee;
    }
  }
  .toConfigModelProvidersBox{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    //border: 1px solid green;

    .labelAddModel{
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      //border: 1px solid green;

    }
    .toConfigModelProviders{
      display: grid;
      grid-column: 3;
      gap: 4px;

    }
  }
}
