.listContainer {
  margin: 0;
  max-height: calc(var(--window-page-lesson-height) - 224px - 20px);

  .listSection {
    min-height: calc(var(--window-page-lesson-height) - 224px - 20px);
  }

  .emptySection {
    display: flex;
    align-items: center;
  }

  .list {
    margin-top: 10px;
    padding: 0 40px 0;
    margin-bottom: 12px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 22px;
  }

  .list {
    // padding: 10px 0;
    // text-align: center;

    &>div {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}