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

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

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

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

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

  .list {
    padding: 10px 0;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    &>div {
      margin-bottom: 20px;

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