:host {
  display: flex;
  flex-grow: 1;
}

.crud__model__group {
  width: 100%;
  padding: 0 20px;
}

.crud__group__name {
  cursor: pointer;
  user-select: none;
  margin-bottom: 10px;
  color: var(--color-gray-888);
}

.crud__group__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  .crud__group__col,
  .crud__group__col-single {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 12px;
  }
}

.crud__group__wrapper-single {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;

  .crud__group__col {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    row-gap: 12px;

    .add-approve-group-button {
      width: 270px;
      margin: 12px 0;
    }
  }
}