@import "import";

.teamList {
  @include flex(column, flex-start, flex-start, $gap: spacer(sm));
  width: 100%;
  height: 100%;

  .title {
    @include type-item(heading-2);
  }

  .cardContainer {
    @include flex($justify-content: flex-start, $gap: spacer(3), $wrap: wrap);
    width: 100%;
  }

  .cardWrapper {
    width: 100%;
    height: 100%;

    @include breakpoint(medium) {
      width: calc(50% - spacer(3));
    }

    @include breakpoint(large) {
      width: calc(25% - spacer(3));
    }
  }
}