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

  &.listNoMusic {
    max-height: calc(var(--window-page-lesson-height) - 224px - 20px + 60px);

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

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

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

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

    &>div {
      margin-bottom: 20px;

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